@charset "utf-8"; /* CSS Document */ body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,hr,p,blockquote,pre,a,abbr,acronym,del,cite,address,small,sub,sup,b,u,i,center,font,em,strong,dl,dt,dd,ul,ol,li,form,fieldset,legend,table,caption,thead,tbody,tfoot,tr,th,td{margin:0;padding:0;outline:none;text-decoration:none;list-style:none;} h1,h2,h3,h4,h5,h6{} body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, hr, fieldset, form, label, legend, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, summary, hgroup { margin: 0; padding: 0; border: 0; } #daohang{ height:60px; width:100%; margin:10px auto; } a:active, a:hover { outline: 0; } @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } /* ------------------------------------------ BASE DEMO STYLES --------------------------------------------- */ body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; color: #900; } section { border-bottom: 1px solid #999; float: left; width: 100%; height: 800px; } /* ------------------------------------------ NAVIGATION STYLES (+ responsive-nav.css file is loaded in the ) --------------------------------------------- */ .fixed { position: fixed; width: 100%; top: 0; left: 0; } .nav-collapse, .nav-collapse * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .nav-collapse, .nav-collapse ul { list-style: none; width: 100%; float: left; } .nav-collapse li { float: left; width: 100%; } @media screen and (min-width: 40em) { .nav-collapse li { width: 20%; *width: 19.9%; /* IE7 Hack */ _width: 14%; /* IE6 Hack */ } } .nav-collapse a { color: #000; text-decoration: none; width: 100%; background: #F08A1C; border-bottom: 1px solid white; padding: 0.7em 1em; float: left; font-size:16px; font-family:'Microsoft Yahei' } @media screen and (min-width: 40em) { .nav-collapse a { margin: 0; padding: 1em; float: left; text-align: center; border-bottom: 0; border-right: 1px solid white; } } .nav-collapse ul ul a { background: #ca3716; padding-left: 2em; } @media screen and (min-width: 40em) { .nav-collapse ul ul a { display: none; } } /* ------------------------------------------ NAV TOGGLE STYLES --------------------------------------------- */ @font-face { font-family: "responsivenav"; src:url("../icons/responsivenav.eot"); src:url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"), url("../icons/responsivenav.ttf") format("truetype"), url("../icons/responsivenav.woff") format("woff"), url("../icons/responsivenav.svg#responsivenav") format("svg"); font-weight: normal; font-style: normal; } .nav-toggle { position: fixed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; text-indent: -999px; position: relative; overflow: hidden; width: 70px; height: 55px; float: right; } .nav-toggle:before { color: #f4421a; /* Edit this to change the icon color */ font-family: "responsivenav", sans-serif; font-style: normal; font-weight: normal; font-variant: normal; font-size: 28px; text-transform: none; position: absolute; content: "≡"; text-indent: 0; text-align: center; line-height: 55px; speak: none; width: 100%; top: 0; left: 0; } .nav-toggle.active::before { font-size: 24px; content:"x"; } a{text-decoration:none;} .logo1{ max-width:20%; width:20%; margin:20px auto; border:none; } .fot{ margin:0 auto;} .fotli{ float: left; } fl mr48{ max-width:100%; width:100%;} body{font-size:12px;color:#333;} /*.fr{float:right; */ .fl{float:left;} width:100%;} .cb{clear:both;} /* Padding or Margin Styles */ .p5{padding:5px;}.p6{padding:6px;}.p10{padding:10px;}.p15{padding:15px;} .pt2{padding-top:2px}.pt3{padding-top:3px}.pt5{padding-top:5px;}.pt6{padding-top:6px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt25{padding-top:25px;}.pt30{padding-top:30px;}.pt40{padding-top:40px;}.pt50{padding-top:50px;}.pt80{padding-top:80px;}.pt100{padding-top:100px;} .pr5{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr25{padding-right:25px;}.pr30{padding-right:30px;} .pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb25{padding-bottom:25px;}.pb30{padding-bottom:30px;}.pb40{padding-bottom:40px;}.pb50{padding-bottom:50px;} .pl5{padding-left:5px;}.pl6{padding-left:6px;}.pl8{padding-left:8px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl25{padding-left:25px;}.pl30{padding-left:30px;}.pl40{padding-left:40px;}.pl50{padding-left:50px;} .mt4{margin-top:4px;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt12{margin-top:12px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}.mt50{margin-top:50px;}.mt50{margin-top:50px;} .mr5{margin-right:-35%;}.mr10{float:right}.mr12{margin-right:12px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr24{margin-right:24px;}.mr25{margin-right:25px;}.mr30{margin-right:30px;}.mr40{margin-right:40px;}.mr50{margin-right:50px;} .mb5{margin-bottom:5px;}.mb15{margin-bottom:15px;}.mb10{margin-bottom:10px;}.mb20{margin-bottom:20px;}.mb25{margin-bottom:25px;}.mb50{margin-bottom:50px;} .ml3{margin-left:3px;}.ml5{margin-left:5px;}.ml8{margin-left:8px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml25{margin-left:25px;}.ml30{margin-left:30px;}.ml40{margin-left:40px;}.ml50{margin-left:50px;}.ml60{margin-left:60px;}.ml80{margin-left:80px;}.ml100{margin-left:100px;}.ml120{margin-left:120px;} /* font Styles */ .f12{font-size:12px;}.f13{font-size:13px;}.f14{font-size:14px;}.f16{font-size:16px;}.f18{font-size:18px;}.f20{font-size:20px;}.f22{font-size:22px;}.f24{font-size:24px;} .font-yh{font-family:"Microsoft YaHei";}.font-taho{font-family:Tahoma;}.font-song{font-family:"宋体";} /* block line-height or text-indent Styles */ .lhg20{line-height:20px;}.lhg21{line-height:21px;}.lhg22{line-height:22px;}.lhg23{line-height:23px;}.lhg24{line-height:24px;}.lhg25{line-height:25px;}.lhg26{line-height:26px;} .tint5{text-indent:5px;}.tint10{text-indent:10px;}.tint15{text-indent:15px;}.tint20{text-indent:20px;}.tint2em{text-indent:2em;} /* font color Styles */ .white{color:#fff;}.blue{color:#3399cc;}.blue1{color:#2d4b96;}.green{color:#b6d905} .red{color:#cc0001;}.light-red{color:#c11b1b;}.red-pink{color:#ff3370;}.weight-pink{color:#f63d74;}.light-pink{color:#fd83a7;} .gary0{color:#000;}.gary3{color:#333;}.gary6{color:#666;}.gary9{color:#999;}.garyc{color:#ccc;}.gary4c{color:#4c4c4c;}.garya{color:#aaa;}.gary5a{color:#5a5a5a;}.garya5{color:#a5a5a5;}.garyb1{color:#b1b1b1;}.garyde{color:#dedede;} /*背景*/ .navgation,a.nav-awidth:hover,.navgation a:hover{background:url(../images/nav.png) no-repeat transparent;} .lt,.lb,.rt,.rb{background:url(../images/yuan.gif) no-repeat transparent;} a.morea,.newsli,.news-bottom,a.bluemore,a.blackmore,a.producta,a.customera,.leftpart-t-con a{background:url(../images/min-icon.png) no-repeat transparent;} .redtitle2,.bluetitle,.greytitle{} .redtitle2 span,.bluetitle span,.greytitle span{} /*头部*/ #header{ width:80% ; margin:0 auto; } .logo{ padding-top:2px;} /*内页头部*/ /*banner图*/ .banner-box{margin:10px auto;width:80%;overflow:hidden;} .banner-box img{display:block;} #rotator {width:1000px;height:260px;text-align:left;} /*内页banner图*/ /*公司公告*/ .company-notice{ width:79%; margin:0 auto;height:29px;line-height:29px; } .lt,.lb,.rt,.rb{display:block;width:5px;height:5px;position:absolute;font-size:0;} .lt{top:-1px;left:-1px;background-position:0 0;} .lb{bottom:-1px;left:-1px;background-position:0 -5px;} .rt{top:-1px;right:-1px;background-position:-5px 0;} .rb{bottom:-1px;right:-1px;background-position:-5px -5px;} .ziti{ float:left; color: #fff; font-size: 14px; height: 29px; padding:0 4%; } .xinwenneirong{ } .content{ float:left; height:auto; width:60%; } #aside{ float: right; height:auto; width:35%; } /*内容模块*/ .wid720{width:100%;overflow:hidden;} /*公司简介*/ .con-box{width:80%; margin:0 auto;overflow:hidden;} .company-introduce{position:relative;width:100%;background:#fff;margin-bottom:10px;border-radius:5px;} .company-introduce-title{ border-bottom:2px solid #F08A1C;height:30px; width:100%;line-height:30px;padding-left:10px;} .company-introduce-title h2{font-size:100%;color:#000;font-weight:bold;display:block;-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;margin-bottom: 3px auto; border-width: medium 1px 1px; color:#F08A1C; height: 30px; line-height: 30px; text-align:left;} .company-introduce-con{padding:10px 10px;overflow:hidden;line-height:24px;text-indent:2em;} a.morea{background-position:-1px -6px;display:block; width:50px;height:15px;margin-top:15px; float:right;} /*公司新闻*/ .company-news{width:48%;position:relative;background:#fff;border-radius:5px;} .company-news-title{overflow:hidden;width:99%;} .redtitle{width:100%;height:30px;line-height:30px;font-size:12px;color:#F08A1C;text-align:left;padding-left:10px;font-weight:bold;border-bottom: 2px solid #F08A1C;} .company-news-con{ width:99%;overflow:hidden;padding:10px 10px;} .company-news-con ul{} .company-news-con ul li{} .li-t-title{color:#737373;line-height:22px;} .li-t-title b{color:#333;} .li-t-box{overflow:hidden;} .li-t-box a img{padding-top:8px;} .li-t-box span{display:block;line-height:22px;} .newsli{height:25px;line-height:25px;border-bottom:1px dotted #ccc;background-position:-1px -60px;overflow:hidden;padding-left:18px;} .newsli a{color:#333;} .newsli a:hover{color:#c01e22;} .news-bottom{height:30px;line-height:30px;background-position:-1px -134px;padding-left:18px;} a.bluemore{display:block;width:36px;height:20px;margin-top:6px;background-position:-1px -185px;} /*右侧*/ .wid265{width:100%;} .product-list{overflow:hidden;margin-bottom:15px;} .product-list-title{ border-bottom:2px solid #F08A1C;height:29px; width:99%;} .redtitle2{ color:#F08A1C;display:block;height:29px;background-position:left -29px;padding-left:10px;line-height:29px;} .redtitle2 span{font-size:12px; height:29px;line-height:29px; padding-right:10px;} .bluetitle{ padding-left:10px;height:29px;line-height:29px;background-position:left -58px;display:block;} .bluetitle span{ color:#F08A1C;display:block;height:29px;line-height:29px;padding-right:10px;background-position:right -58px;font-size:12px;} .greytitle{height:29px;line-height:29px;background-position:left top;padding-left:10px;display:block;} .greytitle span{display:block;height:29px;line-height:29px;padding-right:10px;background-position:right top;font-size:12px;color:#fff;} a.blackmore{display:block;background-position:-1px -248px;height:5px;width:35px;margin-top:10px;} .product-list-con{position:relative;background:#fff;width:99%;} .product-list-con ul{} .product-list-con ul li{} a.producta{display:block;height:28px;border-bottom:1px dotted #ccc;background-position:-1px -290px;padding-left:20px;color:#333;line-height:28px;} a.producta h3:hover{color:#c01e22;} a.producta h3{font-size:12px;color:#333;} .customer-con{border:1px solid #ccc;position:relative;background:#fff;width:99%;} .aboutus-con p{ } .customer-con ul{} .customer-con ul li{} a.customera{display:block;height:28px;border-bottom:1px dotted #ccc;background-position:-1px -290px;padding-left:15px;color:#333;line-height:28px;width:width:100%;;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} a.customera h3:hover{color:#c01e22;} a.customera h3{font-size:12px;color:#333;width:width:100%;;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .aboutus-con{ width:99%; max-width:99%;position:relative;background:#fff;width:width:100%;} .aboutus-con p{margin-bottom:8px;} /*产品展示*/ .product-show{width:80%; margin:0 auto;border:1px solid #ccc;position:relative;background:#fff;margin-bottom:10px;border-radius:5px;} .product-show-title{height:30px;line-height:30px;border-bottom:2px solid #992a2d;padding-left:10px;} .product-show-title h2{font-size:12px;color:#333;font-weight:bold;display:block;} .product-show-con{overflow:hidden;padding-bottom:20px;margin:2% 4%;} .product-show-con a{ width:20%; float:left;} .product-show-con a:hover{} .mr48{margin-right:4.6%;} /*友情链接*/ .friendlink{width:80%; margin:0 auto;position:relative;margin-bottom:10px;} .friendlink-title{height:33px;line-height:33px;border-bottom:2px solid #F08A1C;} .friendlink-title a{ padding-left:10px;color:#F08A1C;font-weight:bold;} .friendlink-con{overflow:hidden;padding:10px 0; margin:0 auto; width:100%; max-width:100%;} .bluefont{color:#0196E3;font-weight:bold; text-align: left;} .friendlink-con a{float:left;padding:10px 9px;color:#333;font-weight:bold;} .friendlink-con a:hover{color:#c01e22;} /*列表页*/ .wid195{ left:3%;max-width:25%;width:25%; float:left;} .wid790{ max-width:65%;width:65%; float:right;} /*产品列表*/ .leftpart-t{width:100%;border:1px solid #ddd;position:relative;margin-bottom:10px;margin-top:10px;} .leftpart-title{display:block;height:24px;border-bottom:1px solid #ccc;background:#FAFAFA;font-size:12px;line-height:24px;padding-left:10px;} .leftpart-t-con{overflow:hidden;padding:10px;background:#fff;} .leftpart-t-con a{display:block;height:25px;line-height:25px;border:1px solid #ccc;background:#f9f9f9 url(../images/min-icon.png) no-repeat 2px -345px;padding-left:15px;margin-bottom:10px;} .leftpart-t-con a h2{font-size:12px;font-weight:bold;color:#c01e22;} .leftpart-b-con{overflow:hidden;padding:10px 5px;background:#fff;} .leftpart-b-con p{margin-bottom:10px;} .rightpart-title{height:30px;line-height:30px;width:100%;background:url(../images/contitle.png) no-repeat transparent;margin-top:10px;padding-left: 10px; border: 1px solid #ddd; border-radius: 5px; background: #fafafa;} .rightpart-title a{color:#333;} .rightpart-con{width:100^;border:1px solid #ccc;position:relative;margin:10px 0;padding:10px;background:#fff;} .rightpart-con ul{display:block;overflow:hidden;} .rightpart-con ul li{height:30px;margin-bottom:15px;background:#000;background:url(../images/min-icon.png) no-repeat transparent -1px -420px;line-height:30px;padding-left:25px;border-bottom:1px dotted #ccc;} .rightpart-con ul li a{color:#333;} .rightpart-con ul li a:hover{color:#c01e22;} .rightpart-con ul li a h2{font-size:12px;font-weight:bold;} .rightpart-con1{width:100%;margin: 10px auto;padding:10px 0;overflow:hidden;} .rightpart-con1 ul{} .rightpart-con1 ul li{border:1px solid #ececec;float:left;width:25%;background:#fff;text-align:center;padding:10px 0;margin-bottom:10px;} .rightpart-con1 ul li a{color:#333;font-weight:bold;} .rightpart-con1 ul li a p{display:block;margin:6px 0;} .mr36{margin-right:36px;} .rightpart-con2{width:100%;border:1px solid #ccc;position:relative;margin:10px 0;padding:10px 20px;background:#fff;text-indent:2em;line-height:30px;} .rightpart-con2 h2{color:#c01e22;font-weight:bold;font-size:20px;display:block;border-bottom:1px solid #ccc;height:40px;line-height:40px;text-align:center;} /*新闻列表*/ /*产品详细页*/ /*底部*/ .footer{width:80%; margin:0 auto;overflow:hidden;text-align:center;} .footer p{margin-bottom:10px;} .footer a{color:#000;} body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, hr, fieldset, form, label, legend, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, summary, hgroup { margin: 0; padding: 0; border: 0; } .fr{float: right;}