.wh{width: 1200px;margin: 0 auto;} .pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;} /*头部样式*/ .top1{height: 40px;background: #fff;color: #666;line-height: 40px;overflow: hidden;} .top2{height: 120px;background: #fff;} #header{width:1000px;margin:0 auto;} .logo{float:left;line-height: 120px;} .top2 .k2{margin-top: 45px;} .topLink{float:right;text-align:right;position: relative;z-index: 9999;margin-left: 30px;} .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 a{color: #666;} .topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";} #menu{width: 870px;float: right;margin-top:34px;} /*热门搜索*/ .search{text-align:left;height:40px;background-color:#f8f8f8;padding:5px 10px 5px 10px;} #formsearch{width:320px;float:left;} .hotSearch{width:400px;float:left;height:40px;line-height:40px;font-weight:normal;} #search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;} /*搜索和热门搜索*/ .hotSearch a{margin-right:6px;} #formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;} #formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#666;} #formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:#00641c;color:#fff;border:none;cursor:pointer;} .com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;} .com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;} .com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);} .ytt{text-align: center;margin-top: 63px;} .ytt dd{color: #00641c;font-size: 44px;} .ytt dt{color: #d2d2d2;font-size: 16px;background: url(../images/line2.jpg) no-repeat center;} .ybj {text-align: center;} .yw{height: 612px;background: url(../images/bj2.jpg) no-repeat top center;} .yleft{width: 1050px;} .yright{width: 330px;height: 343px;background: rgba(0,0,0,.6);margin:120px 0 0 120px;padding: 30px;} .tab1{display: none;} .ysort li{padding-left: 387px;height: 120px;position: relative;} .ysort li+li{ margin-top: 3px; } .ysort li a.img{display: block;width: 60px;height: 61px;line-height: 120px;} .ycon1 {width: 465px;margin-left: 100px;} .ycon1 dd{color: #fff;font-size: 18px;padding-top:30px;} .ycon1 dt{color: #fff;font-size: 18px;} .ysort .li4 dt{font-size: 12px;} .ysort .li6 dt{font-size: 16px;} .ysort li:hover,.ysort li.cur{background: rgba(1,100,29,.7);} .ysort li .jia{display: none;position: absolute;top:42px;right: 43px;} .ysort .li4 .jia{right: 10px;} .ysort li:hover .jia,.ysort li.cur .jia{display: block;} .ycon2{color: #fff;} .ycon2 dd{font-size: 24px;} .ycon2 dt{font-size: 14px;font-family: 'Arial';padding-bottom: 10px;border-bottom: 1px solid #fff;} .ycon3{color: #fff;font-size: 14px;line-height: 30px;margin-top: 10px;letter-spacing: 1px;} .anli h3{margin-top: 50px;color: #00641c;font-size: 60px;font-weight: normal;text-transform: uppercase;text-align: right;/*margin-right: 56px;*/} .kul{text-align: right;} .kul li{display: inline-block;color: #00641c;margin-left: 3px; font-size: 24px;border:1px solid #00641c;border-radius: 50%;width: 45px;height: 45px;text-align: center;line-height: 45px;} .cp_tit{ margin-bottom: 30px; } .cp_tit h3{margin-top: 20px;color: #00641c;font-size: 60px;font-weight: normal;text-transform: uppercase;text-align: left;/*margin-right: 56px;*/} .cp_tit .kul{text-align: left;} .anbox{height: 284px;background: url(../images/bj3.jpg) no-repeat top center;margin-top: 64px;} .vn3-wen{ text-align: justify; padding-top:76px; } .vn3-wen li{ position: relative; display: inline-block; vertical-align: top; overflow: hidden; text-align: center; margin-right: 30px; width: 368px; height: 138px; margin-bottom: 30px; border:6px solid #fff; } .vn3-wen li:nth-child(3n){ margin-right: 0px; } .vn3-wen li img{ width: 368px; height: 138px; transition: all 0.5s ease-out; } .vn3-wen .slick-dots{ text-align: center; margin-top: 13px; } .vn3-wen .slick-dots li{ display: inline-block; background: #fff; border-radius: 50%; margin:0 11px; width: 18px; height: 18px; background:#fff; border:none; } .vn3-wen .slick-dots li.slick-active{ background: #00641c; } .vn3-wen .slick-dots li button{ background: none; border: none; outline: none; font-size: 0; } .vn3-wen li:hover{border-color: #00641c;box-shadow: 0 0 20px #4c4e50;} .gun{margin-top: 22px;} .gun .wh{position:relative;} #demo{overflow:hidden;width:100%;margin:0 auto;} #indemo {float: left;width:800%} #demo1 {float: left;} #demo2 {float: left;} .l_btn,.r_btn{position:absolute;top:30%;cursor:pointer;} .l_btn{left:-85px;} .r_btn{right:-85px;} .product_list1{} .product_list1 li{float:left;margin-left:15px;margin-right:15px;_display:inline;border:1px solid #c5c5c5;} .product_list1 li a.img{display: block;} .product_list1 li a.img img{width:274px;height:274px;} .product_list1 li h3{ text-align:center; } .product_list1 li h3 a{ font-weight:normal; color: #666666; display: block; font-size: 16px; font-family: "微软雅黑"; line-height: 29px; } .product_list1 li:hover a.img img{width:270px;height:270px;} .product_list1 li:hover{border:3px solid #00641c;} .xinwen {margin-top: 40px;} .xinwen .wh{/*background: url(../images/t2.png) left top no-repeat;*/position: relative;} .a_ahjghj .xg_titla1 { background: none; position: absolute; left: 0; top: 0; } .nsort{padding: 0 0 0 648px;} .nsort li{float: left;margin-right: 104px;} .nsort li a{color: #333333;font-size: 20px;display: block;padding-top: 18px;background: url(../images/line3.jpg) no-repeat top center;} .nsort li.cur1 a{background: url(../images/line4.jpg) no-repeat top center;color: #00641c;} .picScroll-left{overflow:hidden;position:relative;margin-top: 20px;} .picScroll-left .hd{ } .picScroll-left .hd ul{ overflow:hidden; zoom:1; margin-top:50px; zoom:1;text-align: center;} .picScroll-left .hd ul li{display: inline-block; width:18px;border-radius: 50%; height:18px; overflow:hidden; margin:0 10px; text-indent:-999px; cursor:pointer; background:#f2f2f2; } .picScroll-left .hd ul li.on{ background: #00641c; } .picScroll-left .bd{} .picScroll-left .bd ul{ overflow:hidden; zoom:1; } .picScroll-left .bd ul li{ margin:0 13px; float:left; _display:inline; overflow:hidden; text-align:center;position: relative; width: 280px;height: 440px;background: #f2f2f2; } .picScroll-left .bd ul li .pic{ text-align:center;padding-top: 10px;display: block; } .picScroll-left .bd ul li .pic img{ width:260px; height:260px; } .picScroll-left .bd ul li .pic a:hover img{ border-color:#999; } .picScroll-left .bd ul li .title{ line-height:24px; } .picScroll-left .bd ul li h3 a{height: 60px;overflow: hidden; color: #333333;font-size: 16px;font-weight: normal;display: block;text-align: left;padding: 0 10px;margin-top: 10px;} .ntime{color: #333333;font-size: 24px;margin-left: 9px;text-align: left;} .tab2{display: none;} .bj1{display: none;color: #fff; width: 100%;height: 100%;position: absolute;top:0;left: 0;background: url(../images/nbj.png) no-repeat top center;} .bj1 .xwnr{color: #fff;letter-spacing: 1px;font-size: 14px;padding: 30px 35px 45px 35px;line-height: 28px;text-align: left;} .bj1 .jia1{color: #fff;font-size: 36px;text-align: center;line-height: 36px;} .picScroll-left .bd ul li:hover .bj1{display: block;} .box1{height: 530px;background: url(../images/bj4.jpg) no-repeat top center;margin-top: 10px;} .box1 ul{padding-top: 320px;} .box1 ul li{position: relative;width: 240px;text-align: center; } .box1 ul li a.img{width:155px;height: 172px;text-align: center;margin:0 auto;line-height: 172px;overflow: hidden;display: block;} .box1 ul li a.img img{} .box1 ul li h3 a{display: block;font-weight: normal;color: #00641c;font-size: 18px;position: absolute;left: 86px;bottom: 43px;} .box1 ul li:hover .img1{display: none;} .box1 ul li:hover h3 a{color: #fff;} .abouts{margin: 46px 0 14px;} .aleft{width: 666px;} .aleft h3{color: #00641c;font-size: 24px;font-weight: normal;padding: 0 0 10px 0;display: inline-block;border-bottom: 1px solid #00641c;margin-bottom: 15px;} .acon{color: #313131;font-size: 14px;line-height: 30px;} .abouts a{display: block;color: #00641c;font-size: 36px;margin-top: 334px;} .xg_titla1{ background: url(../images/xiana.png) no-repeat 132px center; margin-bottom: 18px; } .xg_titla1 h2{ color: #045a01; font:600 30px/35px "微软雅黑"; } .xg_titla1 h2 span{ display: block; color: #8e8e8e; font:500 14px/28px "微软雅黑";text-transform: uppercase; } .xg_titla1 a{ display: block; color: rgba(0,0,0,.8); font:500 14px/28px "微软雅黑"; margin-top: 19px; } .hidden{ display: none; } .ywjs{ margin-top: 45px; } /*主体样式*/ #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;} /*品牌列表*/ .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:1000px;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;line-height:30px;} /*页面底部*/ .foot{background: #2e323b;padding-top: 65px;} .ewm1{color: #fff;font-size: 14px;line-height: 25px;text-align: center;margin-right: 50px;} .ewm1 img{margin-bottom: 15px;} .nav_foot{text-align:center;line-height:24px;color:#666;} .ft1{border-bottom: 1px solid #4e525a;height: 275px;overflow: hidden;} .copyright{text-align:center;line-height:24px;font-size: 14px;color: #fff;} .copyright a{color: #fff;} .yj dd{color: #fff;font-size: 18px;margin-bottom: 10px;} .yj dt a{color: #d4d4d4;font-size: 14px;display: block;} .yj dt{color: #d4d4d4;font-size: 14px;line-height: 30px;} .tong{width: 175px;margin-left: 66px;} .lxfs{width: 318px;margin-left: 40px;} .ywjs1{width: 293px;margin-left: 40px;} .ft2{padding: 20px 0;} /*------------内页-------------------*/ .left .box{margin-bottom:10px;} .left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:#00641c;font-size:18px;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:100%;margin:0 auto;} .n_banner img{width:100%;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:914px;float:right;padding-bottom:10px;} .sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:#00641c;color:#fff;} .sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;font-size:14px;} .sitemp .site{width:380px;float:right;text-align:right;line-height:30px;} .sitemp .site a{color:#fff;} .right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;} .sort_album{margin-top: 15px;} .page-nav { font-size: 12px; margin-top: 15px; padding-bottom: 4px; margin-bottom: 25px; clear: both; text-align: center } .page-nav span, .page-nav a { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: inline-block; margin: 2px 6px 2px 0; padding: 6px 9px 5px 9px; background: #4f5355; border-top: solid 1px #d2d2d2; border-left: solid 1px #c3c3c3; border-right: solid 1px #c3c3c3; border-bottom: solid 1px #9f9f9f; background: #fff; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #fff)); background: -ms-linear-gradient(bottom, #dfdfdf, #fff); background: -moz-linear-gradient(center bottom, #dfdfdf 0, #fff 100%); background: -o-linear-gradient(#fff, #dfdfdf); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight: bold; color: #646464; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255,255,255,0.5); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255,255,255,0.5); box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255,255,255,0.5); width: auto; text-decoration: none } .page-nav select{ height: 28px; padding: 0 8px; margin: -1px 5px 0 5px; } .page-nav span:last-child, .page-nav a:last-child, { margin-right:0 } .page-nav a:hover { background: #f0f0f0; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d0d0d0), color-stop(1, #f0f0f0)); background: -ms-linear-gradient(bottom, #d0d0d0, #f0f0f0); background: -moz-linear-gradient(center bottom, #d0d0d0 0, #f0f0f0 100%); background: -o-linear-gradient(#f0f0f0, #d0d0d0); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#d0d0d0', GradientType=0); color: #606060 } .page-nav .current { border-top: solid 1px #222; border-left: solid 1px #222; border-right: solid 1px #222; border-bottom: solid 1px #222; background: #333; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #505050), color-stop(1, #333)); background: -ms-linear-gradient(bottom, #505050, #333); background: -moz-linear-gradient(center bottom, #505050 0, #333 100%); background: -o-linear-gradient(#333, #505050); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#505050', GradientType=0); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 0 5px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 0 5px rgba(0,0,0,0.5); box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 0 5px rgba(0,0,0,0.5); color: #efefef }