/*头部样式*/ #header{width:1200px;margin:0 auto;height: 174px;} .logo{float:left;} .logo img{ margin-top: 32px; background: url(../images/xian.png) no-repeat right center; padding-right: 30px; } .logo_wen{ color: #575757; font:500 18px/34px "微Y雅黑"; margin:51px 0 0 40px; } .head1{ height: 22px; background: #353535; } .huan1,.k1,.k1 a{ color: #fff; font:500 14px/22px "微Y雅黑"; } .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{ background: url(../images/tpl.png) no-repeat left center; padding-left: 88px; color: #868686; font:500 16px/22px "微Y雅黑"; text-align: left; margin-top: 52px; } #menu{ background: #fb8400; height: 57px; border:2px solid #fb8400; } .ssk1{ background: #fafafa; height: 48px; border-top: 1px solid #e5e5e5; } /*热门搜烦*/ .search{text-align:left;} #formsearch{width:auto;float:right;margin-top: 8px;} .hotSearch{width:auto;float:left;height:48px;line-height:48px;font-weight:normal;color: #7f7f7f;font-size: 14px;} #search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;} /*搜烦和热门搜?/ .hotSearch a{margin-right:6px;color: #7f7f7f;} .hotSearch a:after{ content: "?; } .hotSearch a:last-child:after{ display: none; } .hotSearch a:hover{ color: #fb8400; } #formsearch input{height:28px;background:#fff;border:1px solid #e5e5e5;line-height:28px;} #formsearch input#keyword{height:28px;line-height:28px;padding-left:4px;color:#b7b7b7;width: 168px;font-size: 14px;background: #fafafa;margin-right: -4px;} #formsearch input#s_btn{width:50px;height:30px;line-height:30px;text-align:center;background:url(../images/aghghf1.jpg) no-repeat center top;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);} /*M样式*/ #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:"微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;} /*cont1*/ .cont1{ margin-top: 63px; } .title_a1{ background: url(../images/t1.png) no-repeat center top; height: 100px; } .title_a1 h2{ color: #333; font:500 30px/36px "微Y雅黑"; text-align: center; padding-top: 67px; } .a1_c1 li{ float: left; margin-right: 24px; margin-bottom: 24px; } .a1_c1 li:nth-child(3),.a1_c1 li:nth-child(7){ margin-right: 0; } .a1_c1 li.cp_a1{ text-align: center; border:1px solid #e5e5e5; } .a1_c1 li.cp_a1 h2 a{ display: block; color: #4d4d4d; font:500 14px/56px "微Y雅黑"; } .a1_c1 li.cp_a1 img{ width: 280px; height: 298px; } .a1_c1 li.cp_a1:hover h2 a{ background: #4c2c7e; color: #fff; } .a1_c1 li.cp_tj{ position: relative; width: 589px; height: 363px; margin-top: -7px; margin-right: 23px; } .a1_c1 li.cp_tj h2{ position: absolute; width: 235px; right: 0px; top: 105px; } .a1_c1 li.cp_tj h2 p{ color: #4d4d4d; font:500 16px/36px "微Y雅黑"; } .a1_c1 li.cp_tj h2 a{ display: block; color: #fff; width: 86px; text-align: center; font:500 14px/29px "Arial"; background: #4c2c7e; margin-top: 56px; } .a1_b1 { margin-top: 30px; } /*cont2*/ .cont2{ background: #eeeeee; padding: 60px 0; margin-top: 34px; } .title_a2{ background: url(../images/t2.png) no-repeat center 8px; height: 78px; } .title_a2 h2{ color: #333; font:500 35px/40px "微Y雅黑"; text-align: center; } .title_a2 h2 span{ display: block; color: #727272; font:500 16px/36px "微Y雅黑"; } .a2_b1 li{ width: 200px; background: #fb8400; float: left; position: relative; height: 400px; text-align: center; } .a2_b1 li .a2_c1,.a2_b1 li .a2_c2{ height: 200px; position: absolute; left: 0; } .a2_b1 li .a2_c1,.a2_b1 li:nth-child(2n) .a2_c2{ top: 0; } .a2_b1 li .a2_c2,.a2_b1 li:nth-child(2n) .a2_c1{ top: 200px; } .a2_b1 li .a2_c2{ width: 200px; height: 200px; overflow: hidden; } .fang img{ width: 200px; height: 200px; -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; } .fang:hover img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); transform:scale(1.1,1.1); -webkit-transition:all 0.6s ease-out; -moz-transition:all 0.6s ease-out; transition:all 0.6s ease-out; } .a2_b1 li .a2_c1{ box-sizing: border-box; padding: 34px 0 0; width: 100%; } .a2_b1 li .a2_c1 i{ height: 94px; display: inline-block; } .a2_b1 li .a2_c1 h2 a{ color: #fff; font:500 19px/28px "微Y雅黑"; } .a2_b1 li .a2_c1 h3{ color: #fff; font:500 12px/14px "Arial"; padding: 0 48px; } .a2_b1 { margin-top: 50px; } /*cont3*/ .cont3{ margin-top: 36px; } .title_a3{ background: url(../images/t3.png) no-repeat center top; height: 100px; } .title_a3 h2{ color: #333; font:500 30px/36px "微Y雅黑"; text-align: center; padding-top: 67px; } .product_list1{ margin-top: 45px; } .product_list1 li{ float: left; text-align: center; margin: 0 20px; } .product_list1 li a.img{ display: block; width: 268px; height: 225px; border:1px solid #e7e7e7; overflow: hidden; } .product_list1 li a.img img{ width: 268px; height: 225px; } .product_list1 li h3 a{ display: block; color: #666; font:500 16px/60px "微Y雅黑"; } /*cont4*/ .cont4{ background: url(../images/bj1.jpg) no-repeat center top; height: 1349px; margin-top: 50px; overflow: hidden; border-bottom: 1px solid #e5e5e5; } .a4_c1{ width: 518px; } .a4_c2{ width: 585px; } .ys{ border-bottom: 1px dashed #dcdcdc; } .ys h2{ color: #2c2c2c; font:600 30px/76px "微Y雅黑"; } .ys h2 span{ color: #a8a8a8; font:500 18px/76px "Arial"; } .ys_a1 h2{ background: url(../images/01.png) no-repeat left center; padding-left: 42px; } .ys_a2 h2{ background: url(../images/02.png) no-repeat left center; padding-left: 42px; } .ys_a3 h2{ background: url(../images/03.png) no-repeat left center; padding-left: 42px; } .ys_a4 h2{ background: url(../images/04.png) no-repeat left center; padding-left: 42px; } .ysnr{ color: #646464; font:500 14px/22px "微Y雅黑"; margin-top: 16px; } .ys_a2{ margin-top: 86px; } .a4_c2{ width: 577px; } .a4_b1 { padding-top: 259px; } .a4_c4{ width: 641px; } .a4_c3{ width: 527px; } .ys_a3 { margin-top: 55px; } .ys_a4{ margin-top: 50px; } /*cont5*/ .cont5{ margin-top: 95px; } .title_a4{ background: url(../images/t4.png) no-repeat center top; height: 100px; } .title_a4 h2{ color: #333; font:500 30px/36px "微Y雅黑"; text-align: center; padding-top: 67px; } .abt_ab1{ color: #565656; font:500 16px/37px "微Y雅黑"; margin-top: 44px; } .spzs{ margin-top: 30px; } /*cont6*/ .cont6{ background: #eeeeee; padding: 62px 0 52px; margin-top: 56px; } .a6_b1{ width: 698px; border:1px solid #dedede; } .a6_b2{ width: 438px; border:1px solid #dedede; } .tablis{ background: #dedede; padding: 0 20px; } .tablis li{ color: #535353; font:500 20px/58px "微Y雅黑"; float: left; } .tablis li+li{ background: url(../images/xhah1.png) no-repeat left center; padding-left: 10px; } .tablis li.cur{ color: #363636; font-weight: 600; } .tablis a{ float: right; color: #535353; font:500 14px/58px "微Y雅黑"; } .xw_a1{ padding: 27px 27px 0; } .xw_a1 a.img{ display: block; width: 306px; height: 218px; border:1px solid #e5e5e5; } .xw_a1 a.img img{ width: 306px; height: 218px; } .xw_aazs1{ width: 295px; } .xw_aazs1 h2 a{ color: #404040; display: block; font:600 20px/36px "微Y雅黑"; } .xw_aazs1 h3{ color: #828282; font:500 14px/19px "微Y雅黑"; margin-top: 32px; } a.xw_more1{ display: block; float: right; color: #fff; width: 89px; text-align: center; font:500 14px/22px "微Y雅黑"; background: #fb8400; margin-top: 72px; } .xw_a2 li{ float: left; width: 332px;height: 50px; background: #dedede; margin-top: 14px; } .xw_a2 li span{ display: inline-block; width: 50px; height: 50px; text-align: center; font:600 30px/50px "Arial"; color: #fff; background: #fb8400; } .xw_a2 li a{ display: inline-block; color: #414141; font-size:0; font:500 16px/50px "微Y雅黑"; text-indent: 30px; } .xw_a2 li:nth-child(2n){ margin-left: 34px; } .xw_a2 li:hover span{ background: #320b6c; } .xw_tit_b{ background: #dedede; padding: 0 20px; } .xw_tit_b h2{ color: #373737; font:600 20px/58px "微Y雅黑"; float: left; } .xw_tit_b a{ color: #535353; font:500 14px/58px "微Y雅黑"; float: right; } .a6_xwggs{ padding: 26px 20px; } .a6_xwggs li h2 a{ display: block; color: #414141; font:500 16px/32px "微Y雅黑"; background: url(../images/wen.png) no-repeat left center; padding-left: 32px; } .a6_xwggs li h3{ color: #828282; font:500 14px/19px "微Y雅黑"; background: url(../images/da.png) no-repeat left top; padding-left: 32px; margin-top: 6px; } .a6_xwggs li{ margin-bottom: 19px; } .a6_xwggs li+li{ border-top: 1px dashed #dcdcdc; padding-top: 18px; } /*首页新闻*/ .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:15px;line-height:30px;} /*面底部*/ .nav_foot{ background: #3b3b3b; height: 57px; } .nav_foot a{ color: #fff; font:500 16px/57px "微Y雅黑"; padding: 0 35px; } .nav_foot a+a{ background: url(../images/ajhghj.png) no-repeat left center; } .foot1{ background: #eeeeee; } .foo_a1{ padding: 44px 0 30px; border-bottom: 1px solid #dcdcdc; } .foo_a1 .d_logo{ width: 308px; margin-top: 20px; } .foo_a1 .d_lianxi{ width: 554px; box-sizing: border-box; padding-left: 67px; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; color: #888888; font:500 15px/25px "微Y雅黑"; } .foo_a1 .d_erm{ width: 302px; text-align: center; color: #888888; font:500 16px/38px "微Y雅黑"; } .banquan{ color: #888888; font:500 14px/46px "微Y雅黑"; text-align: center; padding: 12px 0 22px; } .banquan a{ color: #888888; } .banquan a:hover{ color:#e87518; } #footer{position:relative;width:1200px;margin:0 auto;text-align:center;margin-bottom:10px;padding-top:8px;border-top:2px solid #eee;margin-top:15px;} #footer a{color:#666;} #footer a:hover{color:#e87518;text-decoration:none;} .copyright{text-align:center;line-height:24px;} .wrap{ width: 1920px; margin-left: -960px; left: 50%; position: relative; } /*------------内页-------------------*/ .message2{z-index:100;} .message2 .mess_wap{width:401px;margin-top:15px;margin-bottom:10px;} .message2 input{vertical-align:middle;outline:none;} .message2 #name{font-size: 14px;display:block;height:35px;line-height:35px;padding:0;padding-left:6px;border:1px solid #666666;width: 393px;} .message2 #address{font-size: 14px;display:block;height:35px;line-height:35px;padding:0;padding-left:6px;border:1px solid #666666;width:393px;} .message2 #contact{font-size: 14px;display:block;height:35px;line-height:35px;padding:0;padding-left:6px;border:1px solid #666666;width:393px;} .message2 #mail{font-size: 14px;display:block;height:35px;line-height:35px;padding:0;padding-left:6px;border:1px solid #666666;width:200px;} .message2 #content{font-size: 14px;outline:none;display:block;width: 387px;height:82px;padding:6px;border:1px solid #666666;margin-top:6px;} .message2 .msgbtn{background:#fb8400;cursor:pointer;width: 132px;height:41px;line-height:41px;text-align:center;border:none;color:#fff;font-size:16px;border-radius:3px;margin-top:15px;font-family:"Microsoft YaHei";-moz-border-radius:0px;-webkit-border-radius:0px;} .message2 #code{padding-top:0px;line-height:26px;} .message2 #checkcode{height:32px;line-height:32px;width:100px;border:1px solid #666666;} .message2 #message_main tr{position:relative;} .message2 #message_main td{display:block;height:35px;line-height:35px;padding:0;padding-left:0px;width: 401px;color:#fff;font-size:16px;} .message2 #message_main tr th{font-weight:normal;text-align: left;height:48px;line-height:48px;color:#fff;} .message2 .m_label{position:absolute;width: 150px;text-align:left;line-height:35px;padding-left:8px;color:#ccc;z-index:1;cursor:text;} .message2 .c_label{line-height:18px;padding-top:12px;} .message2 a{color:#e30005;} .left .box { margin-top: 10px; margin-bottom: 10px; } .left .box h3 { 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; } .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;position: relative;left: 50%;margin-left: -960px;height: 390px;} .n_banner img{width:1920px;margin:0 auto;height: 390px;} .left{width:1200px;float:left;} .sort_menu{border:1px solid #f3f3f3;background: url(../images/sort.jpg) bottom repeat-x #fff;border-bottom: none;height: 63px;} .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:1200px;float:right;padding-bottom:10px;margin-top:30px;} .sitemp{overflow:hidden;} .sitemp h2{text-align:center;color:#585858;font-size:27px;background: url(../images/about_title.jpg) 50% 100% no-repeat;line-height:64px;height:64px;font-weight: normal;} .site{text-align:right;line-height:69px;margin-right: 24px;color:#8e8e8e;padding-left: 25px;} .site a{color:#8e8e8e;} .right .content{padding-top:10px;overflow:hidden;line-height: 24px;/*margin-top:40px*/;} .sitemp1 { overflow: hidden; position: absolute; width: 1200px; top: 20px; } .sitemp1 h2{text-align:center;color:#585858;font-size:27px;background: url(../images/about_title.jpg) 50% 100% no-repeat;line-height:64px;height:64px;font-weight: normal;} .sort_album { margin-top: 15px; } һ߹ۿ,ĻҹӰ,ߵ㲥պŷ,þþWWW,鶹91ŷһ,