@charset "utf-8"; /*头部样式*/ #header { width: 100%; height: 30px; line-height: 30px; color: #878787; background: #e8e8e8; } #header a { color: #878787; } .top { width: 1200px; margin: 0 auto; } .logo { float: left; margin-top: 15px; margin-bottom: 10px; width: 759px; } .wel { float: left; } .topLink { width: 400px; float: right; text-align: right; position: relative; z-index: 9999; } .translate { width: 100px; position: absolute; left: 0; top: 10px; z-index: 9999; } .tran-in { left: 120px; } .translate li { border: 1px dashed #cccccc; line-height: 26px; text-align: left; background: #fff; } .translate li a { display: block; padding-left: 10px; background: url(../images/dot4.png) no-repeat 88% 11px; } .translate li a:hover { text-decoration: none; color: #275cea; cursor: pointer; } .translate-en { display: none; padding: 6px; padding-top: 0px; } .translate li .translate-en a { padding-left: 0px; text-align: center; background: #fff; border-bottom: 1px solid #cccccc; } .translate li .translate-en a:hover { font-weight: bold; } .topLink .f_count { color: #ff0000; font-size: 13px; font-weight: bold; } .topLink .k1 { line-height: 32px; } .k2 { float: left; width: 200px; line-height: 23px; margin-top: 19px; } .k3 { float: left; margin-right: 69px; margin-top: 35px; } .k3 li { float: left; width: 31px; height: 31px; margin-left: 12px; } .k3 li a { width: 31px; height: 31px; display: block; } .k3 li:nth-child(1) a { background: url(../images/t1.jpg) center; } .k3 li:nth-child(2) a { background: url(../images/t2.jpg) center; } .k3 li:nth-child(3) a { background: url(../images/t3.jpg) center; } .k3 li:nth-child(4) a { background: url(../images/t4.jpg) center; } .k3 li:nth-child(1) a:hover { background: url(../images/t1-2.jpg) center; } .k3 li:nth-child(2) a:hover { background: url(../images/t2-2.jpg) center; } .k3 li:nth-child(3) a:hover { background: url(../images/t3-2.jpg) center; } .k3 li:nth-child(4) a:hover { background: url(../images/t4-2.jpg) center; } /* #menu { width: 100%; height: 81px; background: #35aae0; } */ /*热门搜索*/ .search { width: 100%; height: 62px; background: url(../images/ss.png) center no-repeat; } #formsearch { width: 369px; float: right; margin-top: 18px; margin-right: 77px; } .hotSearch { float: left; height: 62px; line-height: 62px; font-weight: normal; font-size: 14px; color: #fff; } /*搜索和热门搜索*/ .hotSearch a { margin-right: 10px; color: #fff; } #formsearch input { height: 28px; line-height: 28px; } #formsearch input#keyword { height: 28px; line-height: 28px; padding-left: 4px; color: #666; width: 317px; background: #fff; border: none; float: left; } #formsearch input#s_btn { width: 48px; height: 28px; border: none; cursor: pointer; background: url(../images/ssbg.jpg) center no-repeat; float: left; } /*主体样式*/ #container { width: 1200px; margin: 0 auto; margin-top: 10px; } .menu_cate { width: 220px; float: left; } .cate_title { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "微软雅黑"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; } .about { width: 460px; float: left; margin-left: 12px; padding-bottom: 5px; } .about_title { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "微软雅黑"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; } .about .content { padding: 5px; padding-bottom: 12px; text-indent: 20px; } .navigation { float: right; width: 100px; } .index-title { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "微软雅黑"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; } .index-table td { border: solid #add9c0; border-width: 0px 1px 1px 0px; padding: 10px 5px; } .index-table { border: solid #add9c0; border-width: 1px 0px 0px 1px; margin-top: 10px; } /*----- Common css ------*/ .fl { float: left; } .fr { float: right; } .di { _display: inline; } .fwn { font-weight: normal; } .dib { *display: inline; _zoom: 1; _display: inline; _font-size: 0px; } /*首页新闻*/ .news_company { width: 280px; float: right; } .news1_title { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "微软雅黑"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; } .news_company .content { padding: 5px; } /*首页左侧联系我们*/ .contact { width: 218px; float: left; padding-bottom: 5px; margin-top: 10px; } .contact_title { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "微软雅黑"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; } .contact .content { padding: 5px; padding-left: 8px; } /*工程案例*/ .case { width: 460px; float: left; margin-left: 12px; padding-bottom: 5px; margin-top: 10px; } .case_title { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "微软雅黑"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; } .case .content { padding: 5px; padding-bottom: 12px; text-indent: 20px; } .news2_company { margin-top: 10px; } /*产品推荐*/ .recommend_product { margin-top: 10px; width: 692px; float: left; } .recommend_product .title { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "微软雅黑"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; } .recommend_product .content { padding-top: 15px; padding-bottom: 14px; } .roll_product li { padding-bottom: 0px; } /*友情链接*/ .f_link { width: 1000px; margin: 0 auto; margin-top: 15px; line-height: 30px; line-height: 30px; background-color: #ececec; text-indent: 20px; } /*页面底部*/ #footer { width: 100%; background: #252525; padding-top: 45px; padding-bottom: 25px; } #footer2 { width: 100%; background: #151515; padding: 10px 0 10px 0; } .ftnavli { width: 100%; } .ftnavli li { float: left; width: 370px; height: 100px; margin-right: 22px; font-size: 24px; color: #ffffff; text-indent: 83px; padding-top: 17px; } .ftnavli li:nth-child(1) { background: url(../images/ft1.png) center top no-repeat; margin-left: 23px; } .ftnavli li:nth-child(2) { background: url(../images/ft2.png) center top no-repeat; } .ftnavli li:nth-child(3) { background: url(../images/ft3.png) center top no-repeat; } .ftnavli li span { font-size: 20px; color: #8a8a8a; } .nav_foot { width: 418px; float: left; margin-left: 20px; text-align: left; margin-top: 45px; } .nav_foot h3 { font-size: 18px; color: #ffffff; font-weight: normal; display: block; margin-bottom: 10px; } .nav_foot a { font-size: 14px; color: #8a8a8a; background: url(../images/icon1.png) left center no-repeat; padding-left: 19px; width: 85px; display: block; float: left; overflow: hidden; line-height: 43px; } .nav_foot2 { width: 382px; float: left; margin-left: 20px; text-align: left; margin-top: 45px; } .nav_foot2 h3 { font-size: 18px; color: #ffffff; font-weight: normal; display: block; margin-bottom: 10px; } .nav_foot2 a { font-size: 14px; color: #8a8a8a; background: url(../images/icon1.png) left center no-repeat; padding-left: 19px; width: 108px; display: block; float: left; overflow: hidden; line-height: 43px; } .ftewm { width: 290px; float: left; margin-left: 20px; margin-top: 40px; font-size: 14px; color: #8a8a8a; line-height: 30px; } .ftewm img { width: 127px; height: 127px; margin-left: 45px; } .copyright { width: 1200px; margin: 0 auto; text-align: center; font-size: 14px; color: #696969; line-height: 25px; } .copyright a { color: #696969; } /*------------内页-------------------*/ .left .box { margin-bottom: 10px; } .left .box h3 { line-height: 60px; padding-left: 15px; font-weight: normal; font-family: "微软雅黑"; background: #132b83; font-size: 16px; color: #fff; } .left .box .content { padding: 5px 0px; } .prodescription { border: 1px solid #e5e5e5; background: #f9f9f9; line-height: 24px; padding: 10px; margin-bottom: 15px; text-indent: 20px; } .n_banner { width: 1920px; left: 50%; margin-left: -960px; position: relative; } .n_banner img { width: 1920px; } .left { width: 225px; float: left; } .sort_menu { } .sort_menu h3 { background-color: #ececec; line-height: 28px; padding-left: 15px; font-weight: bold; } .sort_product { margin-top: 10px; } .sort_product h3 { background-color: #ececec; line-height: 28px; padding-left: 15px; font-weight: bold; } .n_contact { margin-top: 10px; } .n_contact h3 { background-color: #ececec; line-height: 28px; padding-left: 15px; font-weight: bold; } .n_contact .content { padding: 5px; line-height: 24px; } .right { width: 960px; float: right; padding-bottom: 10px; } .sitemp { line-height: 60px; height: 60px; overflow: hidden; padding-right: 10px; border-bottom: 1px solid #d9d9d9; } .sitemp h2 { float: right; line-height: 60px; text-align: center; text-align: right; font-size: 14px; font-weight: normal; } .sitemp .site { float: left; text-align: right; line-height: 60px; background: url(../images/home.jpg) 10px center no-repeat; padding-left: 45px; font-size: 14px; } .right .content { padding: 10px; padding-top: 15px; overflow: hidden; line-height: 24px; } /*首页标题*/ .intit1 { background: url(../images/intit1.png) center 70px no-repeat; text-align: center; font-size: 34px; color: #333333; font-family: Arial Black; margin-top: 15px; } .intit1 span { font-size: 24px; color: #333333; display: block; } .intit2 { background: url(../images/intit2.jpg) center bottom no-repeat; text-align: center; font-size: 34px; color: #333333; font-family: Arial Black; margin-top: 20px; padding-bottom: 9px; } .intit2 span { font-size: 24px; color: #333333; display: block; } .intit3 { background: url(../images/intit2.jpg) center bottom no-repeat; text-align: center; font-size: 24px; color: #333333; font-family: Arial Black; padding-top: 20px; padding-bottom: 9px; width: 1200px; } /*首页精品推荐*/ .picMarquee-left { width: 1200px; position: relative; margin-top: 28px; } .picMarquee-left .prev { width: 42px; height: 42px; background: url(../images/z1.png) center no-repeat; position: absolute; left: 0; top: 100px; cursor: pointer; } .picMarquee-left .next { width: 42px; height: 42px; background: url(../images/y1.png) center no-repeat; position: absolute; right: 0; top: 100px; cursor: pointer; } .picMarquee-left .prev:hover { background: url(../images/z2.png) center no-repeat; } .picMarquee-left .next:hover { background: url(../images/y2.png) center no-repeat; } .picMarquee-left .bd { padding-left: 66px; } .picMarquee-left .bd ul { overflow: hidden; zoom: 1; } .picMarquee-left .bd ul li { margin: 0 10px; float: left; _display: inline; overflow: hidden; text-align: center; } .picMarquee-left .bd ul li .pic { text-align: center; } .picMarquee-left .bd ul li .pic img { width: 247px; height: 250px; display: block; border: 1px solid #ddd; } .picMarquee-left .bd ul li .title { font-size: 16px; padding-top: 10px; } .picMarquee-left .bd ul li .title a { color: #050505; } /*首页关于37000.com威尼斯*/ .abj { width: 100%; height: 471px; background: url(../images/abj.png) center top no-repeat; margin-top: 50px; padding-top: 41px; } .abj2 { width: 1200px; height: 430px; margin: 0 auto; background: url(../images/abj2.png) center no-repeat; } .abj2 .ablf { float: left; width: 510px; margin-left: 55px; } .abj2 .ablf span:nth-child(1) { display: block; margin-top: 35px; font-size: 14px; color: #666666; line-height: 28px; width: 100%; height: 170px; overflow: hidden; } .abj2 .ablf span { display: block; margin-top: 5px; font-size: 14px; color: #666666; line-height: 28px; width: 100%; height: 56px; overflow: hidden; } .abj2 .ablf h3 { display: block; font-size: 14px; color: #545454; background: url(../images/abj3.png) left center no-repeat; padding-left: 20px; line-height: 20px; margin-top: 10px; } .abj2 .abrt { float: right; width: 601px; } .abj2 .abrt .atit { color: #ffffff; padding-left: 20px; height: 79px; } .abj2 .abrt .atit span { font-size: 34px; display: block; float: left; line-height: 79px; } .abj2 .abrt .atit h3 { font-size: 24px; font-weight: normal; display: block; float: left; padding-top: 21px; margin-left: 34px; } .img_tx { width: 570px; height: 351px; position: relative; } .img_tx .prev, .img_tx .next { z-index: 999; position: absolute; width: 80px; height: 80px; display: block; background: #ff8820; font-size: 30px; color: #fff; line-height: 80px; text-align: center; font-family: "SimSun-ExtB"; } .img_tx .prev { top: -80px; right: 49px; } .img_tx .next { top: -80px; right: -31px; } .img_tx .prev:hover { background: #132b83; } .img_tx .next:hover { background: #434343; } .img_tx .bd ul { width: 570px; } .img_tx .bd ul li { float: left; text-align: center; display: block; } .img_tx .bd ul li img { width: 570px; height: 351px; } /*首页产品展示*/ .slideTxtBox { width: 1200; margin-top: 10px; } .slideTxtBox .hd { height: 60px; line-height: 60px; } .slideTxtBox .hd ul { float: left; height: 60px; width: 100%; text-align: center; } .slideTxtBox .hd ul li { display: inline-block; cursor: pointer; width: 150px; height: 60px; font-size: 16px; color: #ffffff; line-height: 60px; text-align: center; background: #434343; } .slideTxtBox .hd ul li.on { background: #ff8820; } .slideTxtBox .bd ul { zoom: 1; padding-top: 12px; } .slideTxtBox .bd li { float: left; text-align: center; margin-left: 25px; } .slideTxtBox .bd li:first-child { margin-left: 0px; } .slideTxtBox .bd li img { width: 220px; height: 212px; } .slideTxtBox .bd li h3 { font-size: 14px; padding-top: 15px; font-weight: normal; } .slideTxtBox .bd li h3 a { color: #5a5a5a; } /*首页新闻中心*/ .innbj { width: 100%; background: #e8e8e8; padding-top: 34px; padding-bottom: 34px; margin-top: 40px; } .innbox { width: 1200px; height: 421px; background: #fff; margin: 0 auto; } .innbox .innpic { width: 260px; height: 280px; position: relative; float: left; margin-right: 26px; margin-top: 40px; margin-left: 18px; } .innbox .innpic img { width: 260px; height: 280px; } .innbox .innpic h3 { display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 54px; text-align: center; line-height: 54px; color: #fff; font-size: 16px; font-weight: normal; background: rgba(19, 43, 131, 0.9); } .innbox .innpic a { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(19, 43, 131, 0.5); font-size: 16px; color: #fff; text-align: center; line-height: 280px; } .innbox .innpic:hover a { display: block; } .innbox .innpic2 { width: 260px; height: 280px; position: relative; float: left; margin-right: 26px; margin-top: 40px; } .innbox .innpic2 img { width: 260px; height: 280px; } .innbox .innpic2 h3 { display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 54px; text-align: center; line-height: 54px; color: #fff; font-size: 16px; font-weight: normal; background: rgba(67, 67, 67, 0.9); } .innbox .innpic2 a { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(19, 43, 131, 0.5); font-size: 16px; color: #fff; text-align: center; line-height: 280px; } .innbox .innpic2:hover a { display: block; } .innbox .inbrt { width: 585px; float: left; } .innbox .innlist1 { margin-top: 40px; } .innbox .innlist1 li img { width: 180px; height: 134px; float: left; } .innbox .innlist1 li h3 { display: block; float: right; width: 394px; font-size: 16px; color: #434343; font-weight: normal; } .innbox .innlist1 li h3 a { color: #434343; } .innbox .innlist1 li h3 span { display: block; font-size: 12px; color: #666666; line-height: 20px; padding-top: 13px; } .innbox .innlist2 { margin-top: 18px; } .innbox .innlist2 li { float: left; background: url(../images/innicon.png) left center no-repeat; padding-left: 16px; width: 276px; font-size: 12px; line-height: 32px; } .innbox .innlist2 li a { color: #5a5a5a; }