/*头部样式*/ #header{width:1200px;margin:0 auto;height: 100px;} .logo{float:left;} .logo img{ margin-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;} .k1{ font:500 14px/66px ""; } .topLink .k2{color:#333333;font:500 14px/32px "";background: url(../images/tpl1.png) no-repeat left center;padding-left: 50px;display: inline-block;} .topLink .k2 span{ color:#555;font:600 18px/32px "微软雅黑"; border-bottom: 1px solid #555; margin-left: 15px; } .sska{ position: relative; margin-left: 50px; } .sshgaf1{ position: absolute; right: 0px; top: 67px; display: none; } .sska a.aa{ line-height: 67px; display: block; } #menu{ height: 50px; margin-top: 5px; float: right; } /*热门搜索*/ .sskagb{ background: #edf5f9; } .search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;} #formsearch{width:500px;float:left;} .hotSearch{width:auto;float:left;font:600 14px/66px "";color: #333333;} .hotSearch span{ font:600 16px/66px "微软雅黑";color: #ef7e0b; margin-right: 5px; } #search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;} /*搜索和热门搜索*/ .hotSearch a{margin-right:6px;font:500 14px/66px "";color: #666666;} #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:#3480ce;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);} /*主体样式*/ #container{width:1200px;margin:0 auto;margin-top:10px;} .container{width:1200px;margin:0 auto;} .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;} /*cont1*/ .cont1{ margin-top: 42px; } .title_a1{ text-align: center; } .title_a1 h2{ color: #111111; font:600 22px/26px ""; background: url(../images/jt1.png) no-repeat center bottom; padding-bottom: 22px; } .title_a1 h2 span{ display: block; color: #888888; font:500 14px/26px "Arial"; text-transform: uppercase; } .a1c1 li{ border:1px solid #e2e2e2; width: 284px; float: left; margin: 20px 9px; } .a1c1 li img{ width: 284px; height: 216px; } .a1c1 li h2 a{ display: block; color: #333; font:500 16px/62px ""; text-align: center; } .a1c1 li:hover{ border-color: transparent; box-shadow: 0 0 8px #999; } .picMarquee-left{ position: relative; } .picMarquee-left .bd{ overflow: hidden; width: 1200px; } .picMarquee-left .next,.picMarquee-left .prev{ background: url(../images/left1.png) no-repeat left center; width: 16px; height: 28px; position: absolute; top: 145px; } .picMarquee-left .next{ left: -37px; } .picMarquee-left .prev{ right: -37px; transform: scale(-1); } .picMarquee-left .next:hover,.picMarquee-left .prev:hover{ background: url(../images/left2.png) no-repeat left center; } /*cont2*/ .cont2{ background: #edf5f9; padding: 30px 0 0px; margin-top: 54px; height: 720px; box-sizing: border-box;width:1920px;position: relative;left:50%;margin-left:-960px; } .title_a2{ text-align: center; } .title_a2 h2{ color: #333; font:600 28px/60px ""; background: url(../images/afghfgh.png) no-repeat center bottom; padding-bottom: 5px; } .title_a2 h3{ color: #cccccc; font:600 20px/50px "微软雅黑"; } .a2_b1 .a2_b1c1{ width: 806px; } .a2_b1 .a2_b1c1 img{width:100%;} .a2_b1 .a2_b1c2{ width: 560px; margin-left: 40px;margin-top: 18px; } .a2_b1 .a2_b1c2 h2{ color: #cccccc; font:600 32px/40px "微软雅黑"; } .a2_b1 .a2_b1c2 h3{ color: #19478a; font:600 20px/35px ""; background: url(../images/xiann.png) no-repeat right center; padding-right: 55px; display: inline-block; } .a2_b1 .a2_b1c2 .abt_wen{ color: #444444; font:500 14px/32px ""; text-align: justify; margin-top: 12px; } .a2_b1 .a2_b1c2 a.abt_more{ display: block; color: #333333; font:500 14px/44px ""; width: 166px; text-align: center; border:1px solid #999999; border-radius: 15px; margin-top: 28px; } .a2_b1 .a2_b1c2 a.abt_more:hover{ color: #fff; background: #0181cc; border-color: #0181cc; } .a2_b2{ display: flex; justify-content: space-between; flex-wrap: wrap; height: 128px; background: #fff;box-shadow: 0 0 8px #999; position: absolute; z-index: 999; /*top: -65px;*/ bottom: 22px; left: 0; right: 0; margin: auto; } .a2_b2 li{ width: 25%; text-align: center; padding-top: 27px; } .a2_b2 li h2 span{ color: #666; font:600 42px/46px "Times New Roman"; } .a2_b2 li h2 b{ color: #666; font:500 17px/26px "Arial"; vertical-align: top; } .a2_b2 li h3{ color: #888888; font:500 14px/30px ""; } /*cont3*/ .cont3{ margin-top: 50px; } .a3_b1{ width: 268px; } .cp_tit { background: #0181cc; padding: 18px 0 24px 27px; } .cp_tit h2{ color: #fff; font:500 28px/32px ""; } .cp_tit h2 span{ display: block; color: #fff; font:500 14px/32px "Arial";text-transform: uppercase; } .ajhgghjghjaghj{ border:1px solid #e2e2e2; } .cp_ahghg1 li{ padding: 0 6px; } .cp_ahghg1 li a{ display: block; color: #333333; font:500 16px/49px ""; border-bottom:1px dashed #bbbbbb; text-indent: 22px; } .cp_ahghg1 li.cur{ background: url(../images/ayufhfgj.png) no-repeat center; } .cp_ahghg1 li.cur a{ color: #fff; } .cp_tpl { background: url(../images/afufgfg.png) no-repeat center/cover; width: 256px; margin: 0 auto 8px; /* height: 242px; */ padding: 9px; box-sizing: border-box; color: #fff; margin-top: 17px; } .cp_tpl .cp_tiagg h2{ font:500 14px/20px ""; margin-left: 44px; margin-top: 18px; } .cp_tpl .cp_tiagg h2 span{ display: block; color: #84cffa; font:500 12px/20px "Arial"; } .cp_fnlx{ font-size: 13px; margin-top: 12px; line-height: 24px; } .a3_b2{ width: 896px; } .cp_list1 li{ float: left; border:5px solid #f2f2f2; margin-right: 18px; margin-bottom: 41px; } .cp_list1 li:nth-child(3n) { margin-right: 0; } .cp_list1 li img{ width: 276px; height: 210px; } .cp_list1 li h2 a{ display: block; text-align: center; color: #333333; font:500 16px/46px ""; background: #f2f2f2; } .cp_list1 li:hover h2 a{ color: #f39801; } /*cont4*/ .cont4{ background: #edf5f9; padding: 38px 0 60px; margin-top: 22px; } .title_a4 h2{ text-align: center; color: #0181cc; font:600 22px/26px ""; } .title_a4 h2 span{ color: #bbbbbb; font:600 20px/32px "Arial"; display: block; text-transform: uppercase; } .a4_b1{ margin-top: 26px; } .a4c1 li{ float: left; width: 386px; margin: 0 11px; } .a4c1 li a.img{ display: block; width: 386px; height: 280px; position: relative; } .a4c1 li a.img img{ width: 386px; height: 280px; } .a4c1 li a.img h2{ position: absolute; left: 0px; top: 149px; width: 232px; height: 87px; background: url(../images/ghjafghj.png) no-repeat left center; color: #fff; font:500 16px/32px ""; text-indent: 21px; overflow: hidden; box-sizing: border-box; padding-top: 12px; display: none; } .a4c1 li:hover a.img h2{ display: block; } /*cont5*/ .cont5{ margin-top: 42px; } .a5_b1{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 28px; } .a5_b1 li{ width: 182px; text-align: center; } .a5_b1 li a.img{ width: 182px; height: 182px; border-radius: 50%; overflow: hidden; display: block; } .a5_b1 li a.img img{ width: 182px; height: 182px; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .a5_b1 li h2 a{ display: block; color: #333333; font:500 16px/40px ""; } .a5_b1 li:hover a.img img{ -webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); transform:scale(1.2,1.2); -webkit-transition:all 0.6s ease-out; -moz-transition:all 0.6s ease-out; transition:all 0.6s ease-out; } .a5_b1 li:hover h2 a{ color: #f39801; } /*cont6*/ .cont6{ margin-top: 55px; } .cont6 .title_a6 h2{ color: #0181cc; font:600 24px/30px ""; } .cont6 .title_a6 h2 span{ color: #bbbbbb; font:600 20px/30px "Arial"; text-transform: uppercase; } .sort_xw1{ float: right; margin-top: -32px; } .sort_xw1 li{ float: left; } .sort_xw1 li+li{ margin-left: 13px; } .sort_xw1 li a{ display: block; color: #000000; font:500 16px/30px ""; width: 133px; text-align: center; border:1px solid #e2e2e2; background: #edf5f9; } .sort_xw1 li a:hover{ background: #0181cc; border-color: #0181cc; color: #fff; } .xw_a1{ width: 386px; float: left; } .xw1 li{ background: #edf5f9; } .xw1 li .xw_agfgsf{ padding: 8px; padding-bottom: 0px; } .xw1 li h2 a{ display: block; color: #333; font:600 16px/44px ""; padding-top: 10px; } .xw1 li h3{ color: #666666; font:500 13px/26px ""; padding-bottom: 10px;border-bottom: 1px dashed #bbbbbb; } .xw1 li .xw_aggg1a{ padding: 0 8px; } .xw1 li .xw_aggg1a span{ color: #666; font:500 16px/72px "Arial"; } .xw_aggg1a a.xw_more_a1{ display: block; width: 72px; height: 24px; background: url(../images/more1.png) no-repeat center; float: right; margin-top: 22px; margin-right: 60px; } .xw1 li:hover h2 a{ color: #f39801; } .xw1 li:hover .xw_aggg1a{ background: #0181cc; } .xw1 li:hover .xw_aggg1a span{ color: #fff; } .xw1 li:hover .xw_aggg1a a.xw_more_a1{ background: url(../images/more2.png) no-repeat center; } .xw2{ margin-top: 28px; } .xw2 li{ border-bottom: 1px dashed #cccccc; } .xw2 li a{ color: #464646; font:500 14px/50px ""; background: url(../images/ahgh.png) no-repeat left center; padding-left: 22px; } .xw2 li span{ float: right; color: #666666; font:500 14px/50px ""; } .xw2 li:hover a{ color: #f39801; background: url(../images/ahgh1.png) no-repeat left center; } .xw_cont1{ margin-top: 37px; } /*cont7*/ .cont7{ background: #edf5f9; padding: 46px 0 55px; margin-top: 45px; } .a7c1 li{ float: left; width: 186px; margin: 0 7px;margin-bottom: 14px; } .picMarquee-left1{ margin-top: 40px; } .picMarquee-left1 .bd{ width: 1200px; overflow: hidden; } .a7c1 li img{ width: 186px; height: 76px; } .tt{display:none} /*首页新闻*/ .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;} .c4{width:1200px;margin:0 auto;margin-top:20px;} .wen1{width:725px;float:left;} .wtt{font-size:24px;color:#0181cc;background:url(../images/xs.png) no-repeat left bottom;height:45px;position:relative;} .wtt span{color:#666;font-size:16px;font-weight:normal;padding-left:5px;text-transform: uppercase;} .wtt a{width:70px;height:25px;border:1px dashed #666;border-radius:15px;font-size:12px;text-align:center;line-height:25px;font-weight:normal;position:absolute;right:5px;top:5px;text-transform:uppercase;} .news_list4{display:block;margin-top:15px;} .news_list4 li{;position:relative;height:85px;border-bottom: 1px dashed #b4b4b4;margin-bottom:10px;} .time{width:60px;height:60px;background:#0181cc;overflow:hidden;float:left;margin-top:5px;} .shi1{color:#fff;font-size:23px;text-align:center;font-weight:bold;margin-top:7px;} .shi2{color:#fff;font-size:12px;text-align:center;} .news_nr{width:650px;float:right;} .news_nr a{color:#444444;font-size:16px;line-height:28px;} .news_nr span{display:block;font-size:12px;color:#666666;line-height:24px;height:50px;overflow:hidden;} .wen2{float:right;width:430px;} .chtp{width:430px;height:180px;overflow:hidden;margin-top:15px;} .news_list5{display:block;margin-top:13px;} .news_list5 li{;position:relative;height:85px;border-bottom: 1px dashed #b4b4b4;margin-bottom:10px;} .news_list5 a{color:#0181cc;font-size:16px;line-height:28px;} .news_list5 span{display:block;font-size:12px;color:#666666;line-height:24px;height:50px;overflow:hidden;} /*前台多页签*/ /*.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; color: #333333;font:500 14px/70px ""; } .f_link span{ color: #f39801; font:500 14px/70px "Arial"; } /*页面底部*/ .foot1{ background: #282a36; padding: 35px 0 0; } .foo_a1 h2{ color: #ffffff; font:600 16px/32px ""; } .nav_foot{text-align:left; color: #ffffff; font:500 14px/28px ""; margin-top: 8px; } .nav_foot a{ color: #ffffff; } .nav_foot a:hover{ color: #f39801; } .d_lianxi{ color: #ffffff; font:500 14px/28px ""; margin-top: 8px; } .ahgfghfghn{ margin-left: 96px; } .foo_a3{ text-align: center; color: #ffffff; font:500 12px/34px ""; margin-right: 52px; } .foot1_ajhgaghj{ border-top: 1px solid #383a4a; margin-top: 16px; padding: 10px 0 15px; } #footer{position:relative;width:1200px;margin:0 auto;text-align:center;color: #ffffff; font:500 12px/22px ""; } #footer a{color:#ffffff;} #footer a:hover{color:#e87518;text-decoration:none;} .copyright{text-align:center;line-height:22px;} /*------------内页-------------------*/ .left .box{margin-bottom:10px;} .left .box h3{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;} .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:235px;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{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:14px;} .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;}