@CHARSET "utf-8"; /*头部样式*/ #header { background: url(../images/tou.png) repeat-x; position: fixed; width: 100%; height: 137px; z-index: 9999; top: 0; } .top { width: 1200px; margin: 0 auto; } .tong { width: 1200px; margin: 0 auto; } .logo { float: left; padding-top: 22px; } .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; } .k4 { line-height: 35px; } .k2 img { vertical-align: top; padding-top: 6px; } .k5 img { vertical-align: top; padding-top: 12px; } .k5 a { padding-left: 15px; } .k1 { color: #555555; } .k1 a { color: #555; } .k3 { line-height: 35px; color: #222222; } .k3 a { line-height: 35px; color: #222222; } #menu { height: 100px; } /*热门搜索*/ .search { height: 44px; position: absolute; right: 0; top: 62px; display: none; } #formsearch { width: 338px; float: left; height: 44px; background: url(../images/ss.png) no-repeat 0 0; } .hotSearch { float: left; height: 35px; line-height: 35px; font-weight: normal; color: #555555; } /*搜索和热门搜索*/ .hotSearch a { margin-right: 6px; font-weight: normal; line-height: 35px; color: #555555; } #formsearch input { height: 44px; background: none; border: none; line-height: 44px; } #formsearch input#keyword { height: 39px; line-height: 39px; padding-left: 4px; color: #666; width: 286px; } #formsearch input#s_btn { width: 43px; height: 44px; line-height: 44px; text-align: center; background: none; color: #fff; border: none; cursor: pointer; } /*主体样式*/ #container { width: 1200px; margin: 0 auto; margin-top: 10px; box-shadow: 0px -2px 4px #e0e0e0; } .c1 h2 { color: #2f353b; font-size: 30px; line-height: 34px; text-align: center; font-weight: 500; padding-top: 28px; background: url(../images/h2.png) no-repeat center 0; margin-top: 50px; } .c1 h2 span { color: #d0d0d0; font-size: 14px; line-height: 24px; text-transform: uppercase; display: block; } .c1 { } .c1 .content { margin-top: 88px; } .haha2 { } .haha2 li { width: 300px; float: left; text-align: center; } .haha2 li .img1 { display: block; height: 68px; overflow: hidden; } .haha2 li img { margin-top: 0; transition: all 0.6s; } .haha2 li dd { font-size: 20px; color: #000000; line-height: 1; background: url(../images/xian.png) no-repeat center bottom; margin-top: 8px; padding-bottom: 18px; } .haha2 li span { font-size: 14px; color: #828282; line-height: 16px; margin-top: 18px; display: block; } .haha2 li:hover dd { color: #e83519; } .haha2 li:hover:nth-child(2) dd { color: #ed6d1d; } .haha2 li:hover:nth-child(3) dd { color: #f4c922; } .haha2 li:hover:nth-child(4) dd { color: #95a723; } .haha2 li:hover:nth-child(5) dd { color: #337ec2; } .haha2 li:hover img { margin-top: -70px; transition: all 0.6s; } .c2bg { background: url(../images/c2.png) no-repeat center 0; height: 438px; margin-top: 55px; } .c21 { float: left; width: 510px; color: #fff; font-size: 14px; line-height: 22px; margin-top: 70px; } .c22 { float: right; width: 461px; margin-top: 70px; } .c2 { position: relative; } .c2 h2 { position: absolute; right: 385px; top: 40px; } .ck2 { position: absolute; top: 308px; right: 461px; } .c3 { } .c3 h2 { color: #2f353b; font-size: 30px; line-height: 34px; text-align: center; font-weight: 500; padding-top: 28px; background: url(../images/h2.png) no-repeat center 0; margin-top: 50px; } .c3 h2 span { color: #d0d0d0; font-size: 14px; line-height: 24px; text-transform: uppercase; display: block; } .tabs { text-align: center; margin-top: 20px; margin-bottom: 50px; } .tabs li { line-height: 38px; height: 38px; padding: 0 18px; font-size: 18px; color: #505050; display: inline-block; } .tabs li:hover,.cs { background: #ef7217; color: #fff!important; } .tabs li:nth-child(1) { margin-left: 463px; } .tabs li:nth-child(2) { margin-right: 463px; } .ck1 { text-align: center; display: block; } .c4bg { background: #f4f4f4; margin-top: 50px; padding-bottom: 70px; } .c4 { padding-top: 40px; } .c41 { width: 381px; margin-right: 28px; } .c4 h2 { color: #2f353b; font-size: 30px; line-height: 34px; text-align: center; font-weight: 500; padding-top: 28px; background: url(../images/h2.png) no-repeat center 0; margin-bottom: 30px; } .c4 h2 span { color: #d0d0d0; font-size: 14px; line-height: 24px; text-transform: uppercase; display: block; } .news_list1 { margin-top: 20px; } .news_list1 li { line-height: 32px; position: relative; } .news_list1 li a { line-height: 32px; color: #666; font-size: 12px; padding-left: 6px; } .news_list1 li a:hover { text-decoration: none; color: #e87518; } .news_list1 li span { color: #999; z-index: 0; line-height: 32px; position: absolute; right: 0px; top: 0px; } .news_list1 li h3 { font-size: 14px; } .news_list1 li div { line-height: 24px; } .news_list1 li b { font-size: 12px; color: #e10101; font-weight: 500; } .c52 { text-align: left; border-bottom: 1px solid #d0d0d0; } .c5 { margin-top: 60px; } .case_list1 { width: 507px; float: left; margin-top: 10px; margin-left: 34px; } .case_list1 li { display: block; } .case_list1 li a { font-size: 18px; color: #333333; line-height: 50px; background: url(../images/sux.png) no-repeat 0 bottom; display: block; height: 50px; } .case_list1 li dd { font-weight: normal; font-size: 14px; color: #666; line-height: 20px; margin-top: 14px; } .lian { width: 116px; margin-top: 32px; } .lian a { display: block; } /*----- 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: "simsun"; 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: "simsun"; 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: "simsun"; 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: "simsun"; 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: 1200px; margin: 0 auto; margin: 30px auto; line-height: 30px; background-color: #ececec; text-indent: 20px; } /*页面底部*/ .foot { background: #474747; color: #fff; padding: 20px; } #footer { position: relative; width: 1200px; margin: 0 auto; padding-top: 19px; } #footer a { color: #fff; } #footer a:hover { color: #e87518; text-decoration: none; } .nav_foot { text-align: center; line-height: 24px; color: #fff; } .copyright { text-align: left; line-height: 24px; } .zb1 { width: 868px; } .lx { margin-left: 10px; } .zb1 h2 { margin-bottom: 39px; margin-left: 10px; } .er { margin-top: 15px; } .ban { margin-top: 20px; } .yb1 { width: 325px; } .zi { font-size: 18px; line-height: 28px; } .zi b { font-size: 14px; text-transform: uppercase; font-weight: 500; } #message_main1 tr { display: block; margin-bottom: 10px; } .message1 { z-index: 100; position: relative; } .message1 input { vertical-align: middle; outline: none; } .message1 #name { display: block; height: 47px; line-height: 47px; padding: 0 2%; border: 1px solid #dedede; width: 331px; outline: none; text-align: left; box-sizing: border-box; } .message1 #contact { display: block; height: 47px; line-height: 47px; padding: 0 2%; ;border: 1px solid #dedede; width: 331px; outline: none; text-align: left; box-sizing: border-box; } .message1 #content { display: block; width: 331px; height: 50px; padding: 0 2%; font-size: 16px; border: 1px solid #dedede; outline: none; text-align: left; padding-top;font-family: 'simsun'; font-size: 12px; box-sizing: border-box; } textarea::placeholder { line-height: 47px; } .message1 .msgbtn { background: #ef7216; cursor: pointer; width: 161px; height: 47px; line-height: 47px; text-align: center; border: none; color: #fff; font-size: 15px; font-family: "simsun"; /*margin-top: 18px;*/ } .message1 #code { padding: 0; } .message1 #checkcode { height: 47px; line-height: 47px; width: 161px; border: 1px solid #dedede; text-align: left; box-sizing: border-box; padding: 0 2%; } #message_main1 tr { position: relative; } #message_main1 tr th { font-weight: normal; text-align: right; height: 42px; line-height: 42px; color: #666; } .message1 .m_label { position: absolute; width: 160px; text-align: left; line-height: 50px; padding-left: 8px; color: #ccc; z-index: 1; cursor: text; font-size: 26px; } .message1 .c_label { line-height: 18px; padding-top: 12px; } #gotop { position: fixed; bottom: 31px; background: url(../images/top.png) no-repeat 0 0; width: 41px; height: 41px; right: 0px; z-index: 9999999999; } /*------------内页-------------------*/ .left .box h3 { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "simsun"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; } .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; height: 240px; position: relative; left: 50%; top: 0; margin-left: -960px; margin-top: 137px; } .n_banner img { width: 1920px; margin: 0 auto; height: 240px; } .left { width: 300px; float: left; background: #fff; } .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: 808px; float: right; padding-bottom: 10px; padding-right: 42px; background: #fff; padding-left: 48px; } .sitemp { line-height: 31px; height: 31px; overflow: hidden; padding-right: 10px; background: url(../images/nav.png) no-repeat 0% 100%; } .sitemp h2 { width: 340px; float: left; line-height: 31px; text-align: center; text-align: left; text-indent: 15px; color: #000; font-size: 14px; } .sitemp .site { width: 380px; float: right; text-align: right; line-height: 30px; } .right .content { padding-top: 15px; overflow: hidden; line-height: 24px; } .site1 { width: 1200px; margin: 0 auto; font-size: 14px; color: #6b6b6b; line-height: 40px; padding-top: 10px; margin-top: 4px; } .site1 a { font-size: 14px; color: #6b6b6b; } .sitemp1 h2 { font-size: 16px; color: #373939; } .sitemp1 { margin-top: 65px; } .zt { background: #ededed; } .nav1 { width: 1200px; margin: 0 auto; padding-top: 10px; } .nav1 li { display: block; /* height:292px; */ float: left; padding-right: 98px; } .nav1 li:last-child { padding-right: 0; } .nav1 li a { font-size: 20px; color: #fff; display: block; } .nav1 li .sec { margin-top: 24px; } .nav1 li .sec a { line-height: 24px; font-size: 14px; } .case-cate a{ display:block; } .case-cate > li > a{color:#666666;display:block;font-family: "宋体";border-bottom:1px solid #e9e9e9;padding-left:24px;font-size: 16px;line-height: 45px;} .case-cate > li > a:hover,.clys{color:#005e15!important;text-decoration: none;background:url(../images/su.png) no-repeat;} .case-sec{ padding:15px 0 10px; } .case-sec a{ display:block; font-size: 14px;line-height: 32px; padding-left: 24px; } .case-sec a:hover,.case-sec a:active,.case-sec a:focus{ color:#005e15!important; }