@CHARSET "utf-8"; /*头部样式*/ .head { background: url(../images/top.jpg) repeat-x center top; height: 248px; } #header { width: 1100px; margin: 0 auto; } .top { height: 154px; } .logo { float: left; margin-top: 38px; } .topLink { 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 .k2 { color: #000; font-size: 14px; font-family: "微软雅黑"; padding-left: 55px; background: url(../images/dh.png) no-repeat left center; margin-top: 42px; text-align: left; } #menu { margin-top: 36px; } .wel, .k1 { color: #6d6d6d; line-height: 36px; } .k1 a { color: #6d6d6d; } .k1 a:hover { color: #0262b8; } .fl { float: left; } .fr { float: right; } /*热门搜索*/ .ss { background: #f0f0f0; line-height: 53px; } .search { width: 1100px; margin: 0 auto; } #formsearch { float: right; width: 302px; line-height: 31px; background: url(../images/ss.png) no-repeat left center; margin-top: 10px; } .hotSearch { float: left; font-weight: normal; color: #333; } /*主体样式*/ #container { width: 1100px; margin: 0 auto; margin-top: 10px; } .container { width: 1100px; margin: 0 auto; } .ctitle { color: #bfbfbf; font: 400 14px "微软雅黑"; text-align: center; text-transform: uppercase; } .ctitle span { display: block; color: #30a60d; font-family: "微软雅黑"; font-size: 30px; font-weight: 600; margin-bottom: 8px; } .ctitle a { display: block; font: 400 12px/25px "微软雅黑"; background: url(../images/more.png) no-repeat 45% center; } .ctitle i { display: block; font: 400 18px/25px "微软雅黑"; background: url(../images/ibg.png) no-repeat left center; } .service { margin-top: 30px; } .service .content { margin-top: 42px; } .service li { width: 213px; float: left; border: 1px solid #e0e0e0; margin-right: 30px; border-top: 3px solid #ff9972; padding: 20px 25px; text-align: center; } .service li:nth-child(2) { border-top: 3px solid #85bb59; } .service li:nth-child(3) { border-top: 3px solid #63a5ff; } .service li:nth-child(4) { margin-right: 0; border-top: 3px solid #ff764d; } .service li a { display: block; color: #111; font-size: 22px; } .service li h3 { font: 400 14px/24px "微软雅黑"; } .service li a.inquiry { width: 108px; height: 30px; border: 1px solid #ff8659; border-radius: 6px; line-height: 30px; color: #ff8659; font-size: 12px; margin: 0 auto; margin-top: 18px; } .service li a.img { margin: 20px 0 18px; height: 59px; } .service li:nth-child(2) a.inquiry { color: #85ba59; border-color: #85ba59; } .service li:nth-child(3) a.inquiry { color: #63a5ff; border-color: #63a5ff; } .service li:nth-child(4) a.inquiry { color: #ff764d; border-color: #ff764d; } .service li:hover a.inquiry { background: #ff8659; color: #fff; } .service li:nth-child(2):hover a.inquiry { background: #91c269; } .service li:nth-child(3):hover a.inquiry { background: #72aeff; } .service li:nth-child(4):hover a.inquiry { background: #ff835e; } .service li:hover { box-shadow: -2px 0 7px #e0e0e0, 2px 0 7px #e0e0e0, 0 0 0 #e0e0e0, 0 2px 7px #e0e0e0; } .c2 { padding-top: 38px; background: url(../images/c2_2.jpg) no-repeat center top; } .menu_cate { height: 100px; background: url(../images/cate.jpg) no-repeat left center; margin-top: 45px; overflow: hidden; } /*产品推荐*/ .recommend_product {} .recommend_product .content { padding-top: 25px; } .roll_product li { padding-bottom: 0px; } .ht1 { position: relative; left: 50%; margin-left: -960px; width: 1920px; margin-top: 52px; } .ys11 { padding-left: 78px; } .yss1 { padding-top: 175px; height: 834px; background: url(../images/yss.jpg) no-repeat center top; overflow: hidden; } .ys1 { width: 619px; float: left; margin-top: 26px; } .yss1 h3 { padding-left: 0px; color: #30a60d; font-size: 28px; font-weight: 600; } .yss1 h3 span { display: block; font-size: 12px; text-transform: uppercase; color: #30a60d; font-weight: 400; } .yss1 p { color: #000000; font: 400 14px/30px "微软雅黑"; padding-left: 18px; background: url(../images/ff.png) no-repeat left 12px; } .ys11 h3 { margin-bottom: 28px; margin-top: -48px; } .ys12 { margin-top: 16px; margin-bottom: 21px; } .ys15 { margin-top: 48px; margin-bottom: 38px; } .ys16 { margin-top: 35px; margin-bottom: 35px; } .ys17 { margin-top: 35px; margin-bottom: 60px; } .ys15 h3 { margin-bottom: 25px; } .ys16 h3 { margin-bottom: 25px; } .ys17 h3 { margin-bottom: 25px; } .ys13 { margin-bottom: 25px; padding-left: 78px; margin-top: 55px; } .ys12 h3 { margin-bottom: 35px; } .ys13 p, .ys14 p { background: none; padding: 0; margin-top: 28px; padding-left: 18px; background: url(../images/ff.png) no-repeat left 12px; } .ys14 { padding-left: 42px; background: url(../images/phone.png) no-repeat left 15px; margin-left: 10px; margin-top: 40px; } .ys2 { width: 481px; float: right; margin-top: 25px; } .ys21 { text-align: right; margin-left: -99px; margin-top: -50px; } .ys21 p { background: none; } .ys22 { margin-top: -23px; } .ys22 h3 { margin-bottom: 30px; margin-top: 15px; } .ys14 .more { width: 173px; height: 37px; color: #fff; font: 400 16px/37px "微软雅黑"; text-align: center; background: url(../images/more.png) no-repeat left center; display: block; margin-top: 20px; } .ys14 .more:hover { color: #57391f; } .ys23 p { background: none } .ys23 { margin-top: 30px; } .ys12 p { background: none; } .ccase { padding-top: 35px; padding-bottom: 20px; } .pic_img1 { width: 545px; float: left; position: relative; } .pic_img1 img { width: 545px; height: 405px; } .pic_img1 h3 { position: absolute; width: 100%; left: 0; bottom: 0; text-align: center; line-height: 42px; background: rgba(48, 166, 13, .67); } .pic_img1 h3 a { display: block; color: #fff; font-size: 16px; font-weight: 400; } .pic_img1 h3 a:hover { color: #ff0; } .pic_img2 { width: 555px; float: right; } .product_list4 li { float: left; margin-left: 14px; _display: inline; position: relative; margin-bottom: 15px; } .product_list4 li a.img img { width: 263px; height: 195px; } .product_list4 li h3 { position: absolute; width: 100%; left: 0; bottom: 0; text-align: center; line-height: 42px; background: rgba(48, 166, 13, .67); } .product_list4 li h3 a { display: block; color: #fff; font-size: 14px; font-weight: 400; } .product_list4 li h3 a:hover { color: #ff0; } .c22 { background: url(../images/c22.jpg) no-repeat center top; padding-top: 10px; height: 399px; /*margin-top: 24px;*/ } .about { width: 700px; float: right; margin-top: 40px; } .about_title { font: 600 30px "微软雅黑"; margin-bottom: 16px; color: #30a60d; } .about_title span { padding-left: 12px; color: #7896d5; font: 400 23px "微软雅黑"; text-transform: uppercase; } .about_title p { color: #30a60d; font: 400 23px "微软雅黑"; margin-top: 12px; } .about .content { color: #000000; font: 400 12px/28px "微软雅黑"; } a.moree { color: #57391f; display: block; text-align: right; margin-top: 45px; } a.moree:hover { color: #b57c4b; } .honor { width: 355px; float: left; margin-left: 12px; margin-top: 59px; } .honor .about_title { color: #fff; font-size: 18px; height: 35px; margin-bottom: 0; } .honor .about_title span { padding-left: 10px; font-size: 14px; text-transform: uppercase; } .zixun { display: block; float: left; width: 136px; margin-top: 27px; } .phone { padding-left: 55px; background: url(../images/phone1.png) no-repeat 0% 100%; color: #5b6575; float: left; margin-left: 26px; margin-top: 16px; } .process { margin-top: 50px; } .process .content { margin-top: 32px; } .process li { width: 109px; float: left; padding-right: 39px; background: url(../images/sdot1.jpg) no-repeat 126px center; } .process li:last-child { padding-right: 0; background: none } .atitle { color: #30a60d; font-size: 25px; line-height: 40px; position: relative; font-weight: 400; background: url(../images/atitle.png) no-repeat 0% 50%; padding-left: 18px; } .atitle span { padding-left: 10px; font-size: 16px; text-transform: uppercase; color: #8c8584; } .atitle a { position: absolute; right: 0; top: 0; font-size: 12px; } .album { position: relative; margin-top: 20px; } .album .product_list2 { margin-top: 18px; } .l_btn, .r_btn { position: absolute; top: 37%; cursor: pointer; } .l_btn { left: -38px; } .r_btn { right: -38px; } .cc5 { background: #f3f3f3; padding: 45px 0; margin-top: 45px; } .customer { position: relative; width: 1240px; left: 50%; margin-left: -620px; } .customer .product_list3 { margin-top: 45px; } .l_btn1, .r_btn1 { position: absolute; top: 41%; cursor: pointer; } .l_btn1 { left: 0; } .r_btn1 { right: 0; } /*首页新闻*/ .news_company { width: 325px; margin-right: 62px; } .news1_title { border-bottom: 1px solid #e5e5e5; font: 400 22px/50px "微软雅黑"; color: #111; position: relative; } .news1_title span { padding-left: 12px; color: #999; font-size: 14px; text-transform: uppercase; } .news1_title a { position: absolute; right: 0; top: 0; } .news_company .content { padding-top: 20px; } .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; } .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; } /*首页左侧联系我们*/ /*工程案例*/ .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; } /*友情链接*/ .f_link { width: 1100px; margin: 48px auto; background: url(../images/link.png) no-repeat left center; height: 92px; line-height: 30px; color: #626262; text-indent: 20px; padding-top: 50px; } .f_link a { color: #626262; padding: 0 15px; } #gotop { position: fixed; display: none; height: 40px; width: 37px; background: url(../images/top1.jpg) no-repeat; right: 150px; bottom: 300px; cursor: pointer; } /*页面底部*/ .foot { background: url(../images/foot.jpg) top center no-repeat; height: 230px; } #footer { position: relative; width: 1100px; margin: 0 auto; } #footer a:hover { color: #ff0; } .nav_foot { text-align: center; line-height: 60px; color: #fff; font-size: 14px; } .nav_foot a { padding: 0 20px; } .mid-foot { width: 240px; float: left; margin-left: 95px; color: #bedeb9; } .logos { width: 142px; text-align: center; margin-top: 23px; line-height: 38px; float: left; color: #bedeb9; } .copyright1 { text-align: left; line-height: 26px; margin-top: 14px; color: #bedeb9; } .copyright { width: 460px; float: left; margin-left: 40px; color: #bedeb9; line-height: 26px; margin-top: 12px; } .copyright a { color: #bedeb9; } /*------------内页-------------------*/ .left .box { margin-bottom: 10px; } .left .box h3 { line-height: 38px; padding-left: 15px; font-weight: bold; font-family: "微软雅黑"; background: #30a60d; font-size: 14px; 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; margin: 0 auto; position: relative; left: 50%; margin-left: -960px; } .n_banner img { width: 1920px; margin: 0 auto } .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: 860px; float: right; padding-bottom: 10px; } .sitemp { line-height: 38px; height: 38px; overflow: hidden; padding-right: 10px; background: #30a60d; } .sitemp h2 { width: 340px; float: left; line-height: 38px; text-align: center; text-align: left; text-indent: 15px; color: #fff; font-size: 14px; } .sitemp .site { width: 380px; float: right; text-align: right; line-height: 38px; color: #fff; } .right .content { padding: 10px; padding-top: 15px; overflow: hidden; line-height: 24px; } .sitemp .site a { color: #fff; } .listx { margin-top: 26px; margin-bottom: 30px; } .listx li { float: left; margin-right: 42px; margin-bottom: 18px; } .listx li:nth-child(3n) { margin-right: 0; } .listx li a.img { display: block; padding: 5px; border: 1px solid #e7e7e7; } .listx li a.img img { width: 316px; height: 325px; } .listx li h3 { font-weight: normal; text-align: center; background: #30a60d; line-height: 47px; margin-top: 27px; } .listx li h3 a { color: #fff; font-size: 18.5px; } .listx1 {} .listx1 li { margin-bottom: 10px; border-bottom: 1px dashed #e4e5e3; } .listx1 li a.img { display: block; } .listx1 li a.img img { width: 316px; height: 105px; } .listx1 li h3 { font-weight: normal; line-height: 28px; } .listx1 li h3 a { color: #333333; font-size: 12px; }