/*头部样式*/ #header{width:1200px;margin:0 auto;} .header{width:1200px;margin:0 auto;} .top{ height: 37px; line-height: 37px; overflow: hidden; border-bottom:1px solid #e8e8e8; color: #999; } .top a{ color: #999; } .top a:hover{ color: #457e39; } .top2{ height: 113px; } .logo{ line-height: 113px; width: 120px; } .k3{ width:780px; margin-right: 35px; } .k2{ text-align:right; color: #666; margin-top: 15px; } .k2 strong{ font-weight:normal; color: #457e39; font-size:20px; } .k2 span{ vertical-align: middle; } .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;} /*热门搜烦*/ .search{width: 1200px;margin: 0 auto;} #formsearch{float:right;margin-top: 8px;} .hotSearch{float:left;height:46px;line-height:46px;font-weight:normal;color: #333;} #search-type{float: left;width:100px;height: 31px;border: 1px solid #a7a7a7;margin-right: 10px;} /*M样式*/ #container{width:1200px;margin:0 auto;margin-top:10px;} .container{width:1200px;margin:0 auto;} .nei1{ height: 46px; overflow: hidden; background:#f0f0f0; } .nei2{ margin-top: 35px; } .nei2tit{ text-align: center; color: #222; font-size:21px; text-transform: uppercase; line-height: 36px; } .nei2tit p{ color: #222; font-size:18px; background:url(../images/titline.png) no-repeat center center; } .nei2Con{ margin:0 -15px; margin-top: 45px; } .nei2Con li{ width:380px; float: left; margin:0 15px; margin-bottom: 30px; position: relative; text-align: center; height: 230px; } .nei2Con li img{ width:100%; height:100%;} .nei2Con li .img{ position: absolute; top: 30px; left: 0; right: 0; z-index:9999; display: none; } .nei2Con li .intro{ background:rgba(69,156,51,0.8); position: absolute; top: 0; width: 100%; height: 100%; display: none; } .nei2Con li h3{ font-weight:normal; color: #fcfcfc; font-size:16px; position: absolute; bottom: 20px; text-align: center; width: 100%; display: none; } .nei2Con li:hover .intro{ display: block; } .nei2Con li:hover h3{ display: block; } .nei3{ width: 1920px; position: relative; left: 50%; margin-left: -960px; background:url(../images/nei3bac.png) no-repeat top center; height: 560px; margin-top: 25px; } .nei3tit{ text-align: center; padding-top: 45px; } .nei3Con{ margin-top: 55px; } .nei3left{ width:550px; text-align:justify; } .nei3left h2{ color: #202020; font-size:18px; padding-bottom: 20px; background:url(../images/nei3line.png) no-repeat bottom left; } .nei3Box{ color: #202020; font-size:14px; margin-top: 18px; line-height: 27px; } .nei3left>a{ display: block; margin-top: 20px; width: 123px; height: 33px; font-size:14px; text-transform: uppercase; color: #fff; background:#457e39; line-height: 33px; text-align: center; } .nei3right{ width:600px; } .titN3{ margin-top: 45px; height: 45px; line-height: 45px; position: relative; overflow: hidden; border-bottom:2px dashed #bababa; color: #565656; font-size:20px; } .titN3 span{ font-size:14px; padding-left: 20px; } .titN3 i{ font-style:normal; color: #457e39; } .titN3 a{ position: absolute; right: 0; top: 0; color: #457e39; font-size:18px; } .nei4{ width: 1920px; position: relative; left: 50%; margin-left: -960px; } .nei5{ width: 1920px; position: relative; left: 50%; margin-left: -960px; height: 1240px; background:url(../images/nei5bac.png) no-repeat top center; } .nei5tit{ text-align: center; text-transform: uppercase; color: #999; font-size:30px; font-family:"宋体"; padding-top: 40px; } .nei5tit h2{ font-size:30px; color: #111; font-family:"微Y雅黑"; } .nei5tit p{ font-family:"微Y雅黑"; color: #666; font-size:18px; background:url(../images/nei5tit.png) no-repeat center center; } .nei5Con{ margin-top: 50px; } .nei5left{ width:559px; margin-left: 23px; } .nei5right{ width:510px; margin-right: 20px; margin-top: 12px; } .titN5{ height: 45px; line-height: 45px; } .titN5 img{ vertical-align: top; float: left; width: 45px; } .titN5 span{ width: 430px; float: left; display:block; margin-left: 27px; border-bottom:1px dashed #dbdbdb; color:rgba(51,51,51,0.48); font-size:20px; font-family:"宋体"; text-transform: uppercase; } .titN5 strong{ font-family:"微Y雅黑"; color: #333; padding-right: 10px; } .nei5Box{ color: #666; margin-left: 80px; line-height: 27px; } .nei5Con2{ margin-top: 10px; } .nei5Con2 .nei5right{ margin-left: 23px; margin-right: 0; } .nei5Con2 .nei5left{ width:708px; margin-right: -55px; margin-left: 0; margin-top: 50px; } .nei5tit2{ text-align: center; color: #585858; font-size:24px; text-transform: uppercase; margin-top: 50px; } .nei5tit2 b{ display: block; color: #000; } .nei5Con2{ margin:0 -5px; margin-top: 40px; } .nei5Con2 li{ width:292px; float: left; margin:0 5px; position: relative; text-align: center; } .nei5Con2 li .img{ position: absolute; top: 30px; left: 0; right: 0; z-index:9999; } .nei5Con2 li .intro{ background:rgba(78,149,63,0.6); position: absolute; top: 0; width: 100%; height: 100%; display: none; } .nei5Con2 li h3{ font-weight:normal; color: #ffffff; font-size:22px; position: absolute; bottom: 40px; text-align: center; width: 100%; display: none; } .nei5Con2 li:hover .intro{ display: block; } .nei5Con2 li:hover h3{ display: block; } .nei6{ height: 363px; width: 1920px; position: relative; left: 50%; margin-left: -960px; background:url(../images/nei6bac.png) no-repeat top center; } .nei6tit{ height: 85px; line-height: 85px; position: relative; overflow: hidden; color: #444; font-size:22px; text-transform: uppercase; background:url(../images/nei6tit.png) no-repeat 305px 40px; padding-left: 40px; } .nei6tit span{ color:rgba(42,42,42,0.52); font-size:14px; padding-left: 10px; } .nei6tit a{ position: absolute; right:40px; top: 0; } .nei6Con{ position: relative; margin-top: 5px; padding:0 40px; } .nei6Con>a{ position: absolute; display: block; width: 22px; height: 48px; top: 50%; margin-top: -45px; background:url(../images/left.png) no-repeat top center; left:0; } .nei6Con>a:hover{ background:url(../images/righth.png) no-repeat top center; } .nei6Con a.rightbtn{ background:url(../images/right.png) no-repeat top center; left: auto; right: 0; } .nei6Con a.rightbtn:hover{ background:url(../images/lefth.png) no-repeat top center; } .nei7tit{ text-align: center; color: #151515; font-size:24px; font-weight:bold; background:url(../images/nei7tit.png) no-repeat bottom center; height: 80px; line-height: 80px; overflow: hidden; margin-top: 35px; } .nei7left{ width:582px; margin-left: 11px; margin-top: 64px; } .nei7left a{ display: block; } .nei7left img{ width:582px; height:282px; } .nei7left h3{ position: relative; height: 45px; line-height: 45px; font-weight:normal; font-size:16px; } .nei7left h3 a{ color: #333; } .nei7left h3 span{ position: absolute; right: 0; top: 0; color: #666; } .nei7left p{ color: #333; font-size:14px; margin-top: 5px; line-height: 22px; } .nei7right{ width:580px; margin-right: 8px; margin-top: 64px; } .nei7right li{ border:1px solid #e8e8e8; height: 78px; margin-bottom: 16px; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; } .nei7right li .data{ width:80px; text-align: center; color: #333; font-size:14px; background:#e8e8e8; height: 78px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; } .nei7right li .data b{ display: block; font-size:34px; } .nei7right li .intro{ width:480px; margin-left: 5px; color: #333; font-size:14px; float: left; padding-top: 3px; text-align:justify; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; } .nei7right li .intro a{ color: #333; font-size:16px; display: block; margin-bottom: 4px; } .nei7right li:hover{ border-color:#4e953f; box-shadow: 1px 1px 3px rgba(0,0,0,0.4); } .nei7right li:hover .data{ background:#4e953f; width: 110px; color: #fff; } .nei7right li:hover .intro{ width: 450px; } .menu_cate{width:220px;float:left;} .cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微Y雅黑"; 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:"微Y雅黑"; 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:"微Y雅黑"; 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:"微Y雅黑"; 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:"微Y雅黑"; 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:"微Y雅黑"; 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:"微Y雅黑";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;} /*品牌列表*/ .brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;} .brand-list li{margin: 5px 8px;} .brand-list li:hover{box-shadow: 2px 1px 5px;} .brand-list li img {width: 150px;height: 120px;} /*前台多页{?/ .news{width:1200px;float:left;margin-top: 10px;} .tab{position:relative;} .tab li{float:left;width:100px;height:30px;display:block;line-height:30px;border:1px solid #ccc;margin-right:8px;text-align:center;color:#333;font-size:12px;cursor: pointer;} .tab li.cur{color:#fff;text-decoration:none;font-size:12px;background:#3a78c1;border-color: #3a78c1;} .tt{display: none;} .list1{padding:8px 10px;} .list1 li{line-height:27px;position:relative;vertical-align: middle;} .list1 li a{background:url(../images/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;} .list1 li a:hover{color:#e87518;text-decoration:none;} .list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;} /*友情链接*/ .f_link{width:1200px;margin:0 auto;margin-top: 50px;} .link{ text-align: center; } .f_link a{ color: #5e5e5e; padding:6px 0; padding-right: 10px; } /*面底部*/ .foot{ background:#242424; margin-top: 25px; border-bottom:1px solid #3b3b3b; } .footer{ width: 1200px; margin: 0 auto; } .footleft{ width:710px; position: relative; } .footright{ width:436px; height:380px; background:url(../images/footbac.png) no-repeat top center; margin-top: -17px; padding-left:43px; padding-right: 47px; box-sizing: border-box; } .footlogo{ padding-top: 64px; } .nav_foot{ color: #575757; font-size:14px; height: 45px; line-height: 45px; overflow: hidden; margin-top: 10px; border-bottom:1px solid #363636; } .nav_foot a{ color: #fff; } .lianxi{ color: #fff; margin-top: 10px; } .lianxi span{ vertical-align: middle; } .lianxi strong{ font-weight:normal; font-size:14px; } .lian{ color: #cbcbcb; font-size:14px; line-height: 24px; margin-top: 10px; } .er{ position: absolute; right: 0; bottom: 0; } .footit{ color: #fff; font-size:19px; height: 55px; line-height: 55px; overflow: hidden; margin-top: 40px; } .messa{ border-bottom:1px solid #242424; height: 41px; line-height: 41px; background:#e9e9e9; position: relative; } .messa .img{ width:40px; text-align: center; line-height: 41px; } .messa .intro{ position: relative; width: 306px; float: left; } .messa .intro .m_label{ color: #787878; font-size:14px; position: absolute; left: 0; line-height: 41px; } .messa .intro input{ border:none; background:none; height: 41px; vertical-align: baseline; line-height: 41px; width: 100%; box-sizing: border-box; padding-right: 10px; } .messa .intro #content{ height: 55px; border:none; background:none; box-sizing: border-box; width: 100%; padding:10px; padding-left: 0; font-size:14px; } .messa.messb{ height: 66px; line-height: 24px; } .messc input{ width:100px; width: 140px; height: 33px; border:none; background:#e9e9e9; text-align: center; } .messc a{ color: #fff; } .message1 .msgbtn{ margin-top: 10px; width: 127px; height: 38px; line-height: 38px; text-align: center; background:#242424; color: #fff; font-size:16px; font-weight:bold; border:0; } .foot2{ background:#242424; padding:15px 0; color: #8e8e8e; line-height: 24px; } .foot2 a{ color: #8e8e8e; } /*------------内页-------------------*/ .left { width: 224px; float: left; } .left .box { margin-bottom: 10px; } .left .box h3 { line-height: 60px; padding-left: 34px; background: #4e953f; font-size: 18px; color: #fff; font-weight: 400; position: relative } .left .box h3::after{ content:""; position: absolute; width:5px; height:20px; top:20px; left:15px; background: #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-left:-960px;left:50%;position:relative;} .n_banner img{width:1920px;margin:0 auto} .left{width:225px;float:left;} .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:940px;float:right;padding-bottom:10px;} .sitemp { border-bottom:1px solid #eee; } .sitemp h2 { width: 340px; float: left; line-height: 40px; text-align: left; font-size: 18px; color:#333; } .sitemp .site { width: 380px; float: right; text-align: right; line-height: 40px; } .right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;} .sort_album{margin-top: 15px;} div.wrapper { margin: 0 auto; position: relative; height: 650px; } .family_x { position: absolute; right: 400px; top: 520px; width: 200px; z-index: 9999; } .family_x ul {} .family_x ul li { width: 100px; float: left; height: 22px; line-height: 22px; } .family_x ul li a { font: bold 14px/22px "微^雅黑"; color: #bcbcbc; display: block; padding-left: 30px; } .family_x ul li a:visited { color: #bcbcbc; } .family_x ul li a:hover { text-decoration: none; color: #FFCC00; } .family_x ul li.fam_01 { background: url(../images/zg.png) no-repeat 0px 50%; } .family_x ul li.fam_02 { background: url(../images/yw.png) no-repeat 0px 50%; } .fn-clear { zoom: 1; } .box_skitter { position: relative; background: none; } .box_skitter ul { display: none; } .box_skitter .container_skitter { overflow: hidden; position: relative; } .box_skitter .image { overflow: hidden; } .box_skitter .image img { display: none; width: 1920px; height: 650px; } .box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; } .box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; width: 1920px; height: 650px; } .box_skitter .prev_button { position: absolute; top: 50%; left: 15%; z-index: 999; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../images/prev.png) no-repeat left top !important; } .box_skitter .next_button { position: absolute; top: 50%; right: 15%; z-index: 999; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../images/next.png) no-repeat left top !important; } .box_skitter .label_skitter { z-index: 150; position: absolute; display: none; } .loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(../images/ajax-loader.gif) no-repeat left top; width: 31px; height: 31px; } #slideshow { width: 1920px; height: 650px; position: relative; left: 50%; margin-left: -960px; overflow-x: hidden; } #slideshow ul { display: none; } ޾Ʒ˳ߵ,޹պa,ۺϼ޶_ҳ,ĻƷƵȫ