/*头部样式*/ .w1200{width: 1200px;margin: 0 auto;} #header{background: #f7f7f7;} .top{width: 1200px;margin: 0 auto;} .logo{float:left;} .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 .k1{line-height:32px;padding-top:5px;} .topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";} #menu{padding-top: 28px;width:776px;float: right;} /*热门搜索*/ .search{background: #eeeeee;} #formsearch{float:right;width: 355px;height: 38px;overflow: hidden;background: url(../images/ss.png) no-repeat;margin-top: 21px;} .hotSearch{float:left;font-size: 16px;color: #999999;line-height: 80px;} #search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;display: none;} /*主体样式*/ #container{/*width:1000px;*/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{background: url(../images/link.png) no-repeat;padding-left: 173px;height: 62px;overflow: hidden;} .f_link a{font-size: 16px;color: #fff;margin-right: 60px;position: relative;font-size: 16px;color: #fff;line-height: 60px;} .f_link a:after{width: 18px;height: 60px;position: absolute;right: -48px;bottom: -19px;content: "/";font-size: 16px;color: #fff;line-height: 60px;} .f_link a:last-child{margin-right: 0;} .f_link a:last-child:after{display: none;} /*页面底部*/ #footer{background: #00702a;padding-top: 40px;color: #fff;padding-bottom: 20px;} #footer a{color: #fff;} .nav_foot{margin-top: 14px;border: 1px solid #429561;border-left: none;border-right: none;font-size: 18px;color: #fff;line-height: 69px;margin-bottom: 15px;} .nav_foot a{margin: 0 30px;} .nav_foot a:first-child{margin-left: 0;} .a7_1{float: left;font-size: 16px;color: #fff;line-height: 34px;opacity: .8;width:920px;} .a7_2{float: right;margin-top: 15px;width:279px;} /*------------内页-------------------*/ .left .box{margin-bottom:10px;} .left .box h3{line-height:31px;padding-left:15px;font-weight:normal;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:18px;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;position: relative;margin-left: -960px;left: 50%;} .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: 938px; float: right; padding-bottom: 10px; margin: 0 auto; } .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;font-size:18px;font-weight: normal;} .sitemp .site{width:380px;float:right;text-align:right;line-height:30px;} .right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;} .sort_album{margin-top: 15px;} .a1{margin-top: 70px;} .a1_t{text-align: center;} .a1_t h3{font-size: 36px;color: #00702a;line-height: 42px;font-family: 华文宋体;font-weight: normal;text-transform: uppercase;} .a1_t dd{font-size: 30px;color: #333333;line-height: 48px;font-weight: bold;position: relative;} .a1_t dd:before{width: 57px;height: 1px;background: #c7c7c7;position: absolute;left: 112px;bottom: 22px;content: "";} .a1_t dd:after{width: 57px;height: 1px;background: #c7c7c7;position: absolute;right: 112px;bottom: 22px;content: "";} .a1_t dt{font-size: 20px;color: #666666;line-height: 33px;} .a1_ul{overflow: auto;padding-top: 47px;padding: 47px 8px 8px;width: 1200px;margin: 0 auto;margin-left: -8px;} .a1_ul li{float: left;margin-right: 16px;width: 288px;height: 416px;overflow: hidden;background: #fff;box-shadow:0px 0px 8px rgba(4,0,0,.35);transition: all .5s ease;cursor: pointer;} .a1_ul li:last-child{margin-right:8px;} .a1_ul li .img{display: block;} .a1_ul li .img img{width: 288px;height: 194px;} .a1_ul li dd{padding: 0 12px;font-size: 22px;color: #333333;line-height: 30px;text-align: center;margin-top: 20px;} .a1_ul li dt{padding: 0 12px;font-size: 16px;color: #333333;line-height: 30px;} .a1_ul li:hover{margin-top: -10px;} .a2_t{text-align: center;margin-top: 60px;} .a2_t h3{font-size: 36px;color: #00702a;line-height: 42px;font-family: 华文宋体;font-weight: normal;text-transform: uppercase;} .a2_t dd{font-size: 30px;color: #333333;line-height: 48px;font-weight: bold;position: relative;} .a2_t dd:before{width: 57px;height: 1px;background: #c7c7c7;position: absolute;left: 411px;bottom: 22px;content: "";} .a2_t dd:after{width: 57px;height: 1px;background: #c7c7c7;position: absolute;right: 411px;bottom: 22px;content: "";} .a2_t dt{font-size: 20px;color: #666666;line-height: 33px;} .a2{width: 1920px;position: relative;margin-left: -960px;left: 50%;margin-top: 45px;} .a2 li{overflow: auto;margin-bottom: -1px;} .a2 li .img{float: left;width: 940px;height: 190px;border: 1px solid #dddddd;padding: 19px 19px 19px 0;} .a2 li .img img{width: 940px;height: 190px;} .a2 li div{float: left;margin-left: 49px;width: 558px;overflow: hidden;padding-top: 27px;} .a2 li div h3{overflow: hidden;padding-bottom: 4px;font-size: 24px;color: #333333;line-height: 37px;font-weight: normal;position: relative;padding-bottom: 1px;} .a2 li div h3:after{width: 450px;height: 1px;background: #666666;position: absolute;left: 0;bottom: 0;content: "";} .a2 li div h3 span{display: block;font-size: 14px;color: #999999;line-height: 25px;text-transform: uppercase;} .a2 li div dd{font-size: 18px;color: #333333;margin-top: 12px;line-height: 28px;} .a2 li:nth-child(2) .img{float: right;padding: 19px 0 19px 18px;} .a2 li:nth-child(2) div{text-align: right;float: right;margin-left:0;margin-right: 39px;} .a2 li:nth-child(2) h3:after{right: 0!important;left: auto;} .a3{width: 1920px;position: relative;margin-left: -960px;left: 50%;background: url(../images/bg.jpg) no-repeat top center;margin-top: 1px;padding-top: 72px;height: 922px;} .a3_t{text-align: center;} .a3_t h3{font-size: 36px;color: #00702a;line-height: 42px;font-family: 华文宋体;font-weight: normal;text-transform: uppercase;} .a3_t dd{font-size: 30px;color: #333333;line-height: 48px;font-weight: bold;position: relative;} .a3_t dd:before{width: 57px;height: 1px;background: #c7c7c7;position: absolute;left: 362px;bottom: 22px;content: "";} .a3_t dd:after{width: 57px;height: 1px;background: #c7c7c7;position: absolute;right: 362px;bottom: 22px;content: "";} .a3_t dt{font-size: 20px;color: #666666;line-height: 33px;} #multipleColumn{margin-top: 45px;} #multipleColumn .hd{} #multipleColumn .hd ul{overflow: auto;display: flex;justify-content: center;align-items: center;} #multipleColumn .hd ul li{float: left;margin-right: 18px;width: 15px;height: 15px;border-radius: 50%;background: rgba(0,112,42,.5);cursor: pointer;text-indent: -100px;overflow: hidden;} #multipleColumn .hd ul li:last-child{margin-right: 0;} #multipleColumn .hd ul li.on{background: #00702a;} #multipleColumn .bd{} #multipleColumn .bd .picList{} #multipleColumn .bd .picList li{width: 368px;height: 288px;overflow: hidden;position: relative;border:1px solid #d8d8d8;background: #fff;padding: 5px;margin-bottom: 30px;float: left;margin-right: 30px;} #multipleColumn .bd .picList li:nth-child(3n){margin-right: 0;} #multipleColumn .bd .picList li .img{display: block;} #multipleColumn .bd .picList li .img img{width: 368px;height: 288px;} #multipleColumn .bd .picList li h3{position: absolute;bottom: 5px;left: 5px;width: 368px;background: rgba(0,0,0,.5);} #multipleColumn .bd .picList li h3 a{display: block;height: 40px;line-height: 40px;text-align: center;font-weight: normal;font-size: 18px;color: #fff;} #multipleColumn .bd .picList li .cont{position: absolute;top: 1px;left: 1px;width: 378px;height: 298px;overflow: hidden;background: #00702a;display: none;} #multipleColumn .bd .picList li .cont dd{text-align: center;font-size: 18px;color: #fff;margin-top: 34px;} #multipleColumn .bd .picList li .cont dt{font-size: 16px;color: #fff;padding: 0 35px;line-height: 30px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;margin-top: 10px;margin-bottom: 30px;} #multipleColumn .bd .picList li .cont a{display: block;float: left;width: 122px;height: 34px;border: 1px solid rgba(255,255,255,.5);text-align: center;line-height: 34px;font-size: 18px;color: #e5e5e5;} #multipleColumn .bd .picList li .cont a.mo1{margin-left: 60px;margin-right: 12px;} #multipleColumn .bd .picList li:hover .cont{display: block;} .a4{background: #fff;padding: 80px 0;} .a4_t{text-align: right;background: url(../images/t3.png) no-repeat right top;width: 468px;overflow: hidden;position: absolute;top: 33px;z-index: 999;padding-top: 33px;height: 96px;} .a4_t h2{font-size: 30px;color: #333333;} .a4_t h2 span{display:block;font-weight: normal;font-size: 16px;color: #333333;margin-top: 10px;} #tFocus-btn li.active,#tFocus-leftbtn,#tFocus-rightbtn{display:block;} #tFocus{width:1200px;height:450px;overflow:hidden;margin:0 auto 0 auto;position: relative;} #tFocus-pic{width: 702px;height: 450px;position:relative;margin-left: 498px;} #tFocus-pic li{width: 702px;height: 450px;position:absolute;left:0;top:0;filter:alpha(opacity:0);opacity:0;} #tFocus-pic li .img{display: block;float: left;width: 328px;height: 450px;overflow: hidden;} #tFocus-pic li .img img{width: 328px;height: 450px;} #tFocus-pic li div{float: right;width: 302px;padding-top: 150px;} #tFocus-pic li div h3{position: relative;font-size:22px;color: #333333;} #tFocus-pic li div h3:before{width: 100px;height: 2px;background: #898989;position: absolute;left: -129px;bottom: 12px;content: "";} #tFocus-pic li div dd{font-size: 20px;color: #00702a;line-height: 30px;} #tFocus-pic li div dt{font-size: 16px;color: #333333;line-height: 30px;margin-top: 13px;} #tFocusBtn{width: 573px;height: 182px;padding-left: 74px;/* overflow:hidden; */position: absolute;bottom: 0;} #tFocus-btn{width:606px;height:182px;position:relative;left:0;bottom:0;overflow:hidden;float:left;margin-right:3px;} #tFocus-btn ul{width:100000px;position:absolute;left:0;top:0;} #tFocus-btn li{width: 182px;height: 182px;float:left;margin-right:30px;} #tFocus-btn li img{width: 182px;height: 182px;} #tFocus-btn li.active{} #tFocus-btn li.active img{} #tFocus-leftbtn,#tFocus-rightbtn{position: absolute;bottom: 80px;z-index: 999;} #tFocus-leftbtn{left: 0;} #tFocus-rightbtn{right: -273px;bottom: 25px;} .a5{width: 1920px;position: relative;margin-left: -960px;left: 50%;background: url(../images/bg1.jpg) no-repeat top center;padding-top: 42px;height: 569px;overflow: hidden;} .a5_1{float: left;width: 564px;overflow: hidden;} #multipleColumn1{padding-top: 36px;} #multipleColumn1 .hd{overflow: auto;margin-bottom: 14px;} #multipleColumn1 .hd a{display: block;float: left;width: 24px;height: 24px;overflow: hidden;} #multipleColumn1 .hd a.next{background: url(../images/left1.png) no-repeat;margin-right: 9px;} #multipleColumn1 .hd a.prev{background: url(../images/right1.png) no-repeat;} #multipleColumn1 .bd{} #multipleColumn1 .bd .picList{overflow: auto;} #multipleColumn1 .bd .picList li{float: left;width: 272px;height: 198px;overflow: hidden;position: relative;margin-bottom: 20px;margin-right: 20px;} #multipleColumn1 .bd .picList li:nth-child(2n){margin-right: 0;} #multipleColumn1 .bd .picList li .img{display: block;} #multipleColumn1 .bd .picList li .img img{width: 272px;height: 198px;} #multipleColumn1 .bd .picList li h3{position: absolute;bottom: 0;left: 0;width: 272px;background: rgba(0,0,0,.5);} #multipleColumn1 .bd .picList li h3 a{height: 40px;overflow: hidden;display: block;text-align: center;line-height: 40px;font-weight: normal;font-size: 18px;color: #fff;} .a5_2{float: right;width: 583px;overflow: hidden;} .a5_2t{padding-bottom: 14px;position: relative;} .a5_2t:after{width: 57px;height: 1px;background: #fff;position: absolute;left: 0;bottom: 0;content: "";} .a5_2t dd{font-size: 36px;color: #fff;line-height: 44px;font-family: 华文宋体;} .a5_2t h3{font-size: 30px;color: #fff;line-height: 48px;font-weight: bold;} .a5_2t h3 span{display: block;font-size: 20px;line-height: 32px;font-weight: normal;} .a5_2d{font-size: 16px;color: #fff;line-height: 30px;margin-top: 43px;} .a5_2d a{color: #fff;} .a6{margin-top: 65px;margin-bottom: 80px;} .a6_t{text-align: center;} .a6_t h3{font-size: 36px;color: #00702a;line-height: 42px;font-family: 华文宋体;font-weight: normal;text-transform: uppercase;} .a6_t dd{font-size: 30px;color: #333333;line-height: 48px;font-weight: bold;position: relative;} .a6_t dd:before{width: 57px;height: 1px;background: #c7c7c7;position: absolute;left: 360px;bottom: 22px;content: "";} .a6_t dd:after{width: 57px;height: 1px;background: #c7c7c7;position: absolute;right: 360px;bottom: 22px;content: "";} .a6_t dt{font-size: 20px;color: #666666;line-height: 33px;} .a6_1{background: #fff;width: 472px;overflow: hidden;padding-top: 12px;height: 626px;margin-top: 48px;float: left;} .a6_1t{width: 432px;margin: 0 auto;font-size: 22px;color: #333333;line-height: 51px;border-bottom: 1px dashed #c9c9c9;} .a6_1t a{float: right;display: block;font-size: 16px;color: #999999;line-height: 51px;} .a6_1 #kehu {margin-top: 18px;overflow: hidden;height: 535px;} .a6_1 #kehu #jian {height: 100%} .a6_1 #kehu #jian #xtop .a6_ul1 li, .a6_1 #kehu #jian #zheng .a6_ul1 li {position: relative;margin-bottom: 14px;padding: 0 20px;} .a6_1 #kehu #jian #xtop .a6_ul1 li a, .a6_1 #kehu #jian #zheng .a6_ul1 li a {color: #333333;font: 16px/47px "微软雅黑";display: block;background: url(../images/wen.png) 0 50% no-repeat;padding-left: 41px;} .a6_1 #kehu #jian #xtop .a6_ul1 li span, .a6_1 #kehu #jian #zheng .a6_ul1 li span {color: #787878;z-index: 0;display: block;background: url(../images/da.png) 0 3px no-repeat;padding-left: 41px;font: 16px/25px "微软雅黑";display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;} .a6_1 #kehu #jian #xtop .a6_ul1 li:hover, .a6_1 #kehu #jian #zheng .a6_ul1 li:hover{background: #00702a;} .a6_1 #kehu #jian #xtop .a6_ul1 li:hover a, .a6_1 #kehu #jian #zheng .a6_ul1 li:hover a {color: #fff;background: url(../images/wen1.png) no-repeat 0 50%;} .a6_1 #kehu #jian #xtop .a6_ul1 li:hover span, .a6_1 #kehu #jian #zheng .a6_ul1 li:hover span {color: #fff;} .a6_2{background: #fff;width: 660px;overflow: hidden;height: 624px;margin-top: 48px;padding: 14px 20px 0;float: right;} .c2a{border-bottom: 1px dashed #c9c9c9;height: 49px;overflow: hidden;} .c2a_ul{overflow: auto;float: left;} .c2a_ul li{float: left;width: 138px;height: 49px;line-height: 49px;text-align: center;font-size: 22px;color: #333333;cursor: pointer;} .c2a_ul li.cur a{background: #00702a;display:block;color: #fff;} /*.c2a_ul li a{color:#fff;}*/ .a6_more{float: right;font-size: 16px;color: #999999;line-height: 49px;} .c2b{margin-top: 20px;} .c2b .tab{display: none;} .a6_ul2{} .a6_ul2 li{overflow: auto;} .a6_ul2 li .img{display: block;width: 300px;height: 200px;overflow: hidden;float: left;} .a6_ul2 li .img img{width: 300px;height: 200px;} .a6_ul2 li .cont{float: right;width: 340px;overflow: hidden;} .a6_ul2 li .cont h3 a{display: block;font-size: 16px;color: #333333;line-height: 45px;font-weight: normal;} .a6_ul2 li .cont dd{font-size: 16px;color: #787878;line-height: 26px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;} .a6_ul2 li .cont .more{display: block;width: 104px;height: 28px;overflow: hidden;background: #e1e1e1;text-align: center;line-height: 28px;font-size: 16px;color: #787878;margin-top: 26px;} .a6_ul3{overflow: auto;margin-top: 15px;} .a6_ul3 li{float: left;margin-right: 2px;width: 329px;overflow: hidden;} .a6_ul3 li:nth-child(2n){margin-right: 0;} .a6_ul3 li a{display: block;background: url(../images/li.png) no-repeat 0 50%;padding-left: 19px;font-size: 16px;color: #333333;line-height: 45px;} .a6_ul3 li:hover a{color: #046b2b;} .c9{ padding-top: 70px; background-color: #f7f7f7; padding-bottom:78px; } #demo{overflow:hidden;width:100%;margin:0 auto;} #indemo {float: left;width:800%} #demo1 {float: left;} #demo2 {float: left;} .gun{position:relative;} .l_btn,.r_btn{position:absolute;top:175px;cursor:pointer;} .l_btn{left:-48px;} .r_btn{right:-48px;} .product_list8{margin-top:50px;} .product_list8 li{float:left;margin-left:15px;margin-right:15px;_display:inline;position:relative;} .product_list8 li a.img{padding:5px;border:1px solid #d8d8d8;display:block;} .product_list8 li a.img img{width:368px;height:288px;} .product_list8 li h3{width:368px;height:40px;/*background-color:rgba(0,0,0,.35);*/font:400 18px/40px "微软雅黑";color:#fff;text-align:center;position:absolute;bottom:6px;left: 6px;}