@charset "utf-8"; /* CSS Document */ body,div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea, input, button, select, textarea,a,input,span{ margin:0px; padding:0px; /*font-family:"微软雅黑", Arial, Helvetica, sans-serif;*/ font-family:'PingFangSC-Regular','微软雅黑','Times New Roman','宋体','SimSun','新宋体','NSimSun','华文细黑','STSong','STSongti-SC','\534E\6587\5B8B\4F53',serif; } body{ width: 100%; height: 100%; position: relative; } ul,li{list-style:none;} a{color: #666;} a:hover{text-decoration:none;color: #728f41;} .clear{clear: both;} /*header部分样式*/ .header{ width:100%; height:60px; position: absolute; top: 0px; background-color:rgba(36,75,105,0.8); z-index: 999; } .header1{ width:1200px; height:60px; margin: 0px auto; } .header1 .logo{ width:141px; height: 30px; margin: 10px 114px 10px 10px; float: left; } .header1 .nave{ width: 750px; height: 60px; float: left; position: relative; } .header1 .nave li{ float: left; margin-right: 30px; } .header1 .nave li a{ padding: 0px 10px; display: block; color: #FFFFFF; line-height: 60px; height: 60px; text-align: center; font-size: 14px; text-decoration: none; } .header1 .nave li .active{ border-bottom: #FFFFFF 2px solid; color: #FFFFFF; text-decoration: none; } .header1 .nave li a:hover{ border-bottom: #FFFFFF 2px solid; color: #FFFFFF; text-decoration: none; } .header1 .nave li .xialaerjic{ display: none; position: absolute; width: 150px; height: auto; z-index: 9999; color: #000000; background-color:rgba(36,75,105,0.5); } .header1 .nave li .xialaerjic li{ width: 150px; height: 40px; float: left; } .header1 .nave li .xialaerjic li a{ width: 150px; line-height: 40px; display: block; height: 40px; } .header1 .nave li .xialaerjic li a:hover{ background: #122B40; text-decoration: none; line-height: 40px; height: 40px; border-bottom: 0px; } .header1 .nave li:hover .xialaerjic{ display: block; } .header1 .telephone{ float: right; width: 156px; height: 25px; margin-top: 20px; } /*首页公司简介部分样式*/ .home_about{ width:100%; height:610px; background: #F6F6F6; overflow: hidden; } .home_about .home_about1{ width: 1160px; padding:0px 20px; margin: 60px auto; } .home_about .home_about1 .spana{ width: 1160px; height: 56px; display: block; float: left; } .home_about .home_about1 .spana .spanp{ float: left; width: 240px; } .home_about .home_about1 .spana .spanp .spanp2{ font-size: 30px; float: left; display: block; line-height: 30px; color: #333333; } .home_about .home_about1 .spana .spanp .spanp3{ font-size:16px; float: left; display: block; color: #666666; margin-top: 8px; line-height: 16px; text-transform:uppercase ; } .home_about .home_about1 .spana .spanmore{ float: right; width: 140px; margin-top: 40px; text-align: right; } .home_about .home_about1 .spana .spanmore a{ color: #666666; text-decoration: none; } .home_about .home_about1 .spana .spanmore a:hover{ color: #244B69; } .home_about .home_about1 .pictu{ width: 1160px; height:200px; float: left; margin-top: 34px; } .home_about .home_about1 .pictu li{ float: left; margin-right: 55px; } .home_about .home_about1 .pictu li img{ -moz-box-shadow: 0px 0px 10px #CFCFCF; -webkit-box-shadow: 0px 0px 10px #CFCFCF; box-shadow:0px 0px 10px #CFCFCF; } .home_about .home_about1 .pictu .clearleft{ margin-right: 0px; } .home_about .home_about1 .pscents{ width: 1160px; line-height:30px; display: block; float: left; margin-top: 34px; } /*首页产品推荐部分样式*/ .home_product{ width:100%; height:720px; overflow: hidden; } .home_product .home_product1{ width: 1160px; padding:0px 20px; margin: 60px auto; } .home_product .home_product1 .spana{ width: 1160px; height: 56px; display: block; float: left; } .home_product .home_product1 .spana .spanp{ float: left; width: 240px; } .home_product .home_product1 .spana .spanp .spanp2{ font-size: 30px; float: left; display: block; line-height: 30px; color: #333333; } .home_product .home_product1 .spana .spanp .spanp3{ font-size:16px; float: left; display: block; color: #666666; margin-top: 8px; line-height: 16px; text-transform:uppercase ; } .home_product .home_product1 .spana .spanmore{ float: right; width: 140px; margin-top: 40px; text-align: right; } .home_product .home_product1 .spana .spanmore a{ color: #666666; } .home_product .home_product1 .spana .spanmore a:hover{ color: #244B69; } .home_product .home_product1 .productimg{ width: 1160px; float: left; margin-top: 34px; } .home_product .home_product1 .productimg li{ float: left; margin-right: 40px; width:260px; height: 260px; } .home_product .home_product1 .productimg li img{ width: 260px; height: 190px; -moz-box-shadow: 0px 0px 10px #CFCFCF; -webkit-box-shadow: 0px 0px 10px #CFCFCF; box-shadow:0px 0px 10px #CFCFCF; } .home_product .home_product1 .productimg .clearleft{ margin-right: 0px; } .home_product .home_product1 .productimg li span{ font-size: 14px; text-align: center; height: 40px; line-height: 40px; display: block; margin-top: 10px; margin-bottom: 20px; } .home_product .home_product1 .productimg li span a{ color: #666666; text-decoration: none; height: 40px; line-height: 40px; display: block; text-align: center; } .home_product .home_product1 .productimg li span a:hover{ color: #244B69; } /*首页新闻中心部分样式*/ .home_news{ width:100%; height:670px; background: #F6F6F6; overflow: hidden; } .home_news .home_news1{ width: 1160px; padding:0px 20px; margin: 60px auto; } .home_news .home_news1 .spana{ width: 1160px; height: 56px; display: block; float: left; } .home_news .home_news1 .spana .spanp{ float: left; width: 236px; } .home_news .home_news1 .spana .spanp .spanp2{ font-size: 30px; float: left; display: block; line-height: 30px; color: #333333; } .home_news .home_news1 .spana .spanp .spanp3{ font-size:16px; float: left; display: block; color: #666666; margin-top: 8px; line-height: 16px; text-transform:uppercase ; } .home_news .home_news1 .spana .spanmore{ float: right; width: 140px; margin-top: 40px; text-align: right; } .home_news .home_news1 .spana .spanmore a{ color: #666666; text-decoration: none; } .home_news .home_news1 .spana .spanmore a:hover{ color: #244B69; } .home_news .home_news1 .newslist{ width: 1160px; height:200px; float: left; margin-top: 34px; } .home_news .home_news1 .newslist li{ float: left; width: 363px; height:444px ; margin-right: 34px; -moz-box-shadow: 0px 0px 10px #CFCFCF; -webkit-box-shadow: 0px 0px 10px #CFCFCF; box-shadow:0px 0px 10px #CFCFCF; } .home_news .home_news1 .newslist .clearleft{ margin-right: 0px; } .home_news .home_news1 .newslist li img{ width: 363px; height:214px; } .home_news .home_news1 .newslist li .pstitle{ line-height: 40px; width:338px ; display: block; font-size:14px; margin-top: 30px; margin-bottom: 20px; padding: 0px 15px; } .home_news .home_news1 .newslist li .pstitle2{ line-height: 20px; font-size:12px; width:363px ; margin-top:0px; display: block; padding:0px 15px; color: #999999; } .home_news .home_news1 .newslist li .pstitle3{ line-height: 40px; width:338px ; display: block; font-size:14px; margin-top: 20px; padding: 0px 15px; } .home_news .home_news1 .newslist li .pstitle a{ color: #333333; text-decoration: none; } .home_news .home_news1 .newslist li .pstitle a:hover{ color: #244B69; } .home_news .home_news1 .newslist li .pstitle3 a{ color: #333333; text-decoration: none; } .home_news .home_news1 .newslist li .pstitle3 a:hover{ color: #244B69; } /*首页联系我们部分样式*/ .home_contents{ width:100%; height:610px; overflow: hidden; } .home_contents .home_contents1{ width: 1160px; padding:0px 20px; margin: 60px auto; } .home_contents .home_contents1 .spana{ width: 1160px; height: 56px; display: block; float: left; } .home_contents .home_contents1 .spana .spanp{ float: left; width: 240px; } .home_contents .home_contents1 .spana .spanp .spanp2{ font-size: 30px; float: left; display: block; line-height: 30px; color: #333333; } .home_contents .home_contents1 .spana .spanp .spanp3{ font-size:16px; width: 240px; float: left; display: block; color: #666666; margin-top: 8px; line-height: 16px; text-transform:uppercase ; } .home_contents .home_contents1 .spana .spanmore{ float: right; width: 140px; margin-top: 40px; text-align: right; } .home_contents .home_contents1 .spana .spanmore a{ color: #666666; text-decoration: none; } .home_contents .home_contents1 .spana .spanmore a:hover{ color: #244B69; } .home_contents .home_contents1 .mappictu{ width: 620px; height:335px; float: left; margin-top: 50px; margin-left: 20px; -moz-box-shadow: 0px 0px 10px #CFCFCF; -webkit-box-shadow: 0px 0px 10px #CFCFCF; box-shadow:0px 0px 10px #CFCFCF; } .home_contents .home_contents1 .pscents{ width: 400px; line-height:30px; display: block; float: left; margin-top: 120px; margin-left: 57px; color: #666666; } /*首页底部*/ .homefooter{ width: 100%; height:64px; background: #244B69; } .homefooter2{ width: 1200px; height:64px; line-height: 64px; margin: 0px auto; text-align: center; color: #ffffff; } /*产品页面*/ .headernei{ width:100%; height:60px; top: 0px; background-color:rgba(36,75,105,0.8); z-index: 999; } .headernei1{ width:1200px; height:60px; margin: 0px auto; } .headernei1 .logo{ width:141px; height: 30px; margin: 10px 114px 10px 10px; float: left; } .headernei1 .nave{ width: 750px; height: 60px; float: left; } .headernei1 .nave li{ float: left; margin-right: 30px; } .headernei1 .nave li a{ padding: 0px 10px; display: block; color: #FFFFFF; line-height: 60px; height: 60px; text-align: center; font-size: 14px; text-decoration: none; } .headernei1 .nave li .active{ border-bottom: #FFFFFF 2px solid; color: #FFFFFF; text-decoration: none; } .headernei1 .nave li a:hover{ border-bottom: #FFFFFF 2px solid; color: #FFFFFF; text-decoration: none; } .headernei1 .nave li .xialaerjic{ display: none; position: absolute; width: 150px; height: auto; z-index: 9999; color: #000000; background-color:rgba(36,75,105,0.7); } .headernei1 .nave li .xialaerjic li{ width: 150px; height: 40px; float: left; } .headernei1 .nave li .xialaerjic li a{ width: 150px; line-height: 40px; display: block; height: 40px; } .headernei1 .nave li .xialaerjic li a:hover{ background: #122B40; text-decoration: none; line-height: 40px; height: 40px; border-bottom: 0px; } .headernei1 .nave li:hover .xialaerjic{ display: block; } .headernei1 .telephone{ float: right; width: 156px; height: 25px; margin-top: 20px; } .productneimianbao{ width: 100%; height: 54px; } .productneimianbao1{ width: 1200px; height: 54px; line-height: 54px; margin: 0px auto; text-align: center; } .producttitle{ width: 100%; height: 54px; } .producttitle2{ width: 100%; height: 54px; line-height: 54px; margin: 0px auto; font-size: 22px; text-align: center; background: #F6F6F6; } .productcent{ width: 100%; height: auto; margin-top:16px; margin-bottom:30px; overflow: hidden; } .productcent2{ width: 1200px; height: auto; margin: 0px auto; } /*左侧菜单*/ .productleft{ width: 225px; height: auto; float: left; margin-right: 30px; } .productleftspan{ width: 207px; height:40px; background:#F6F6F6; display: block; padding-left:18px; line-height: 40px; } .productleft li{ width: 207px; height:40px; display: block; padding-left:18px; line-height: 40px; float: left; } .productleft li a{ width: 207px; height:40px; display: block; text-decoration: none; } .productleft li .avctive{ color: #296AAA; text-decoration: none; } .productleft li a:hover{ color: #244B69; } /*右侧*/ .productright{ width: 895px; height: auto; float: left; } .productrighttitlr{ width: 895px; height: 40px; line-height: 40px; font-size: 12px; border-bottom: #D3D3D3 1px solid; margin-bottom: 20px; } .productrighttitlr a{ text-decoration: none; } .productrighttitlr a:hover{ color: #244B69; text-decoration: none; } .productcentertlist{ width: 896px; height: auto; float: left; } .productcentertlist li{ width:260px; float: left; margin-right: 58px; margin-bottom: 10px; height: 240px; } .productcentertlist .clearringht{ margin-right: 0px; } .productcentertlist img{ width: 260px; height: 190px; } .productcentertlist a{ width:260px; line-height: 40px; text-align: center; display: block; text-decoration: none; } .productrighttitlr a:hover{ color: #244B69; text-decoration: none; } .plistacter{ width: 895px; height: 60px; line-height: 60px; text-align: center; float: left; margin-bottom: 20px; } .plistacter a{ text-decoration: none; } .plistacter li a:hover{ color: #244B69; } .pnerongc{ width: 896px; height: auto; float: left; } .pnerongclistimg{ width:396px; height:380px; float: left; margin-right:30px; } .pnerongclistringtitle{ width:464px; height:380px; float: left; } .pnerongclistringtitle2{ width:464px; height:60px; line-height:60px; font-size:28px; margin-bottom: 20px; } .pnerongclistringtitle3{ width:464px; height:180px; line-height:26px; font-size:16px; color: #666666; } .pnerongclistringtitle4{ width:464px; height:100px; } .pnerongclistringtitle5{ width:464px; height:30px; line-height: 30px; display: block; } .pnerongclistringtitle6{ padding-left: 10px; width:176px; height:45px; line-height: 45px; display: block; background: #1568E0; color: #ffffff; font-size: 18px; } .pnerongclistringtitle6 img{ margin-right: 5px; } .pnerongclistccstlist{ width:895px; height:auto; float: left; color: #666666; } .pnerongclistccstlist .sfawpan{ width:895px; line-height: 40px; line-height: 40px; display: block; border-bottom: #D3D3D3 1px solid; margin-bottom: 20px; color: #666666; } .pnerongclistccstlist p{ margin-top: 20px; margin-bottom: 20px; } /*图片轮播*/ .preview{width:396px; height:380px;} /* smallImg */ .smallImg{position:relative; height:64px; margin-top:1px; background-color:#F1F0F0; padding:6px 5px; width:396px; overflow:hidden;float:left;} .scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; } .scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../images/d_08.png) no-repeat;} .scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/d_09.png) no-repeat; margin-left:375px; margin-top:-50px;} #imageMenu {height:50px; width:360px; overflow:hidden; margin-left:0; float:left;} #imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;} #imageMenu li img{width:50px; height:50px;cursor:pointer;} #imageMenu li#onlickImg img, #imageMenu li:hover img{ width:50px; height:50px; border:3px solid #959595;} /* bigImg */ .bigImg{position:relative; float:left; width:396px; height:299px; overflow:hidden;} .bigImg #midimg{width:396px; height:289px;} .bigImg #winSelector{width:235px; height:210px;} #winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;} /* bigView */ #bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;} #bigView img{position:absolute;} /* 新闻中心 */ .newslist{ width:895px; height: auto; float: left; } .newslist li{ width:895px; height:80; float: left; margin-bottom: 20px; } .newslist li .sa1{ width: 895px; line-height:40px; color: #333333; height: 40px; font-size: 16px; display: block; float: left; text-decoration: none; } .newslist li .sa2{ width: 895px; line-height:20px; color: #8B8B8B; height: 40px; font-size: 14px; display: block; float: left; text-decoration: none; } .newslist li .sa1 a:hover{ color: #244B69; text-decoration: none; } .newslist li .sa2 a:hover{ color: #244B69; text-decoration: none; } .newslistneicenter{ width: 1200px; height: auto; margin: 0px auto; padding: 10px 40px; } .newslistneicenter img{ text-align: center; } .newslistneicenter p{ line-height: 26px; margin-top:20px ; margin-bottom:20px ; } .xiazailist{ width: 895px; height: auto; float: left; } .xiazailist li{ width: 895px; height:54px; border-bottom:#f8f8f8 1px solid ; } .xiazailisttitle{ width: 865px; height:54px; float: left; line-height: 54px; text-decoration: none; } .xiazailistdown{ width: 30px; height:54px; float: right; line-height: 54px; color: #296AAA; text-decoration: none; } .xiazailistdown,.xiazailisttitle li a:hover{ text-decoration: none; } .lianxiwm{ width: 895px; height: auto; float: left; line-height: 30px; } .lianxiwm .lxwmimg{ width: 855px; height: 335px; text-align: center; margin: 30px auto; } .lianxiwm .lxwtxt{ width: 855px; height: 135px; text-align: left; margin: 30px auto; } .aboutus{ width: 895px; height: auto; float: left; } .aboutus img{ text-align: center; } .aboutus p{ margin-top: 20px; margin-bottom: 20px; } .abtouuslist{ width: 896px; height: auto; float: left; } .abtouuslist li{ width:260px; float: left; margin-right: 58px; margin-bottom: 10px; height: 240px; } .abtouuslist .clearringht{ margin-right: 0px; } .abtouuslist img{ width: 260px; height: 190px; border: #979797 1px solid; } .abtouuslist a{ width:260px; line-height: 40px; text-align: center; display: block; text-decoration: none; } .abtouuslistttitlr a:hover{ color: #244B69; text-decoration: none; }