@CHARSET "UTF-8"; /*头部样式*/ #header{width:1200px;margin:0 auto;padding-top:28px;} .top{} .logo{float:left;} .topLink{width:400px;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(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:22px;color:#e5e5e5;height:22px;} .topLink .k2{color:#074b91;font-size:14px;font-family:"微Y雅黑";} .topLink .k1 a{color:#767676;font-size:16px;padding:0 16px;border-right:1px solid #e5e5e5;display: inline-block} .topLink .k1 a:last-child{border:none;} #menu{margin-top:30px;background: #0073bc;} /*热门搜烦*/ .search{height:57px;line-height: 57px;width:1200px;margin:0 auto;} #formsearch{float:right;} .hotSearch{float:left;height:57px;line-height:57px;color:#e40808;font-size:14px;} .hotSearch a{color:#c0bdbd;font-weight:normal;} .hotSearch a:hover{color:#e40808;} /*M样式*/ .c1{background: #e4e8eb;padding:65px 0;margin-bottom:62px;width:1920px;position: relative;left:50%;margin-left:-960px;} .container{width:1200px;margin:0 auto;} .product_list1 li{ width:292px; float:left; margin-right:10px; position: relative; margin-bottom:10px; } .product_list1 li:nth-child(4n){ margin-right:0; } .product_list1 li img{ width:292px; height:201px; } .product_list1 li a.img{ display: block; width:292px; height:201px; overflow: hidden; } .product_list1 li a.img img{ transition:.3s; transform:scale(1); } .product_list1 li:hover a.img img{ transition:.3s; transform:scale(1.2); } .product_list1 li h3 a{ display: block; height:40px; background: rgba(0,0,0,.6); position: absolute; width:100%; left:0; bottom:0; color:#fff; font-size:16px; text-align: center; line-height: 40px; font-weight:normal; } .menu_cate{width:268px;float:left;} .cate_title{position:relative;color:#FFF;font-size:30px;letter-spacing:3px;font-weight:bold;border-top:9px solid #0073ba;padding-top:30px;background:url(cate1.jpg) no-repeat center bottom;text-align: center;height:140px;border-bottom:9px solid #d02744;} .cate_title b{font-size:40px;} .cate_title img{position: absolute;left:90px;bottom:-14px;} .sort1{padding-top:20px;background: #e4e8eb;} .sort1 li{height:60px;line-height: 60px;border-bottom:1px solid #b6c8da;color:#09315f;font-size:16px;padding-left:82px;cursor: pointer;} .sort1 li.ck{color:#d02744} .sort1 li a:hover{color:#d02744} .tabs-cont{display:none;} .product_list2 li{ position: relative; margin-left:22px; width:282px; float:left; margin-bottom:34px; } .product_list2 li a.img{ display: block; border:1px solid #eeeeee; } .product_list2 li a.img img{ width:280px; height:220px; } .product_list2 li h3{ position: absolute; width:100%; left:0; top:0; height:100%; background:url(h3bg.png) no-repeat rgba(28,130,194,.89) center; opacity: 0; transition:.3s } .product_list2 li:hover h3{ opacity: 1; transition:.3s } .product_list2 li h3 a{ display: block; color:#fff; font-size:14px; text-align: center; font-weight:normal; padding-top:148px; } .phone1{background: #0073ba;padding-left:26px;padding-top:25px;color:#fff;line-height: 30px;padding-bottom:18px;margin-bottom:40px;} .icon1{position: relative; border-bottom: 9px solid #d02744;} .icon1 p{position: absolute;right:-60px;top:76px;z-index: 9;} .recommend_product{width:912px;float:right;} .c2{background:url(c2.jpg) #e4e8eb no-repeat center top;height:928px;margin-top:35px;padding-top:72px;width:1920px;position: relative;left:50%;margin-left:-960px;} .ytitle{color:#fff;font-size:18px;font-weight:normal;text-align: center;letter-spacing: 3px;padding-left:26px;} .ytitle p{font-weight:bold;font-size:40px;margin-top:15px;} .ytitle i{font-style:normal;color:#6194c0;font-size:22px;font-family:"arial";text-transform: uppercase} .slideBox1{ position:relative;width: 1100px;margin:36px auto 0;padding:0 50px 42px;background: #fff;} .slideBox1 .hd{margin-top:28px;} .slideBox1 .hd ul{ text-align: center;; zoom:1; } .slideBox1 .hd ul li{ display: inline-block; ;margin: 0 3px; width:7px; height:7px;text-align:center;cursor:pointer;;border:3px solid #c0c6c9;border-radius:50%;} .slideBox1 .hd ul li.on{ border-color: #d02744 } .slideBox1 .bd{ position:relative; height:100%; z-index:0;overflow: hidden} .slideBox1 .bd li{ zoom:1; vertical-align:middle; } .nei-left1{ width:525px; } .nei-left1 h3 span{display: block;float:left;background:#d02744;width:100px;height:158px;color:#fff;font-size:49px;position: relative;text-align: center;line-height: 158px;} .nei-left1 h3 span::after{content:"";width:50px;height:4px;background: #fff;left:25px;bottom:45px;position: absolute} .nei-left1 h3 div{width:305px;color:#d02744;font-size:18px;font-weight:bold;line-height: 28px;padding-left:20px;padding-top:68px;} .nei-left1 h3 div p{text-transform: uppercase;color:#cbc6c7;font-size:12px;font-weight:normal;} .nei-left1 .content{padding-left:27px;background:url(icon2.jpg) left center no-repeat;color:#494949;font:400 16px/35px "microsoft yahei";margin-top:72px;margin-bottom:50px;} .nei-right1 { width: 505px; padding-top: 70px; color: #474747; } .nei-right1 .fwn{text-align: center;margin-top:95px;margin-bottom:25px;} .nei-right1 .fwn a{display: inline-block;width:137px;height:44px;line-height: 44px;text-align: center;font-size:14px;margin:0 9px;} .nei-right1 .fwn a.a1{border:1px solid #e1e1e1;background:-moz-linear-gradient(top, #fdfdfd, #e1e1e1); background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fdfdfd), to(#e1e1e1)); background:-o-linear-gradient(top, #fdfdfd, #e1e1e1); color:#4c4c4c } .nei-right1 .fwn a.a2{border:1px solid #dd3e5a;background:#ca2440;color:#fff } .nei-right1 .nei1{padding-left:105px;} .slideBox1 .prev, .slideBox1 .next{ position:absolute; left: -52px; display:block; width:37px; height:37px; background:url(left1.png) no-repeat; top:50%;margin-top:-18px;} .slideBox1 .next{ left:auto; right:-52px;; background:url(right1.png) no-repeat; } .slideBox1 .prev:hover, .slideBox1 .next:hover{ filter:alpha(opacity=100);opacity:1; } .slideBox1 .prevStop{ display:none; } .slideBox1 .nextStop{ display:none; } .service{width:1200px;margin:0 auto;margin-top:95px;} .service h2{text-align: center;margin-bottom:75px;} .icon_list li { float: left; margin-right:110px; text-align: center; margin-left:10px; } .icon_list li:last-child{ margin-right:0; } .icon_list li a{ display: block; width: 191px; height: 203px; overflow: hidden; margin:0 auto; } .icon_list li img { transform: translateX(0); transition:.3s; } .icon_list li:hover img { transform: translateX(-191px); transition:.3s; } .icon_list li h3 { text-align: center; font-size: 16px; color: #777b7d; line-height: 24px; text-transform: uppercase; font-weight:normal; margin-top:12px; } .aptitude{ width:1200px; margin:0 auto; margin-top:95px; } .stitle{ background:url(stitle.png) no-repeat 50% 36%; color:#36404b; font-size:30px; text-align: center; font-weight:normal; } .stitle b{ color:#dd3e5a } .stitle p{ text-transform: uppercase; color:#d2cfcf; font-size:14px; } #Index { z-index: 100; margin:48px auto 50px; width: 1200px; } #Index_Box { position: relative; width: 1200px; height: 300px; } #Index_Box ul { position: relative; width:1065px; margin: 0 auto; height: 300px; } #Index_Box li { z-index: 0; position: absolute; width: 0px; height: 0px; top: 146px; cursor: pointer; left: 377px; } #Index_Box li img{ width: 100%; height: 100%; vertical-align: top; } #Index_Box .prev,#Index_Box .next { display: block; z-index: 99; overflow: hidden; cursor: pointer; position: absolute; width:50px; height: 50px; top: 50%; margin-top:-25px; } #Index_Box .prev { background: url(pleft.png) center no-repeat; left: -25px; } #Index_Box .next { background: url(pright.png) center no-repeat; right: -25px; } .ht1{ width:1920px; position: relative; left:50%; margin-left:-960px; margin-top:98px; } .c3{ background: #e4e8eb; padding:60px 0 80px; } .img-about{ width:756px; } .i-about-right{ width: 410px; margin-top:15px; } .about h3 b{ text-transform: uppercase; color:#777b7d; font-size:55px; font-family: "arial"; padding-right:20px; letter-spacing: 3px; } .about h3{ color: #202020; font-size: 25px; font-weight:normal; text-align: right; background: url(atitle.png) right bottom no-repeat; line-height: 65px; } .i-content{ color: #777b7d; font-size: 14px; line-height: 25px; margin-top:23px; } .i-about-right a{ color:#fff; font-size:14px; text-align: center; width:145px; height:22px; background: #dd3e5a; border-radius: 10px; display: block; margin-top:55px; } .i-c-content { position: relative; margin-top: 72px; } .l_btn, .r_btn { position: absolute; cursor: pointer; width:45px; height:78px; background: #dd3e5a; right:0;top:0; text-align: center; line-height: 78px; } .r_btn { top: 78px; } .l_btn:hover,.r_btn:hover{ background: #d23752; } .case-list{} .case-list li{ margin-right: 18px; float: left; } .case-list li img{ width: 271px; height: 156px; } .news{width:1200px;margin:0 auto;margin-top:66px;} .news_company{width:360px;margin-right:60px;} .news1_title{font:600 25px/72px "microsoft yahei";color:#000000;position:relative;font-size:25px;} .news1_title a{position:absolute;right:0;top:0;color:#636363;font-size:16px;display: block;text-transform: uppercase;font-weight:normal;} .news1_title:hover{color:#dd3e5a} .news1_title img{width:52px;height:52px;padding-right:10px;} .news_company .content{} .news_list2{margin-top:10px;} .news_list2 li{position: relative} .news_list2 li a{line-height:65px;padding-left:22px;line-height:65px;font-size:14px;background:url(ndot.jpg) no-repeat 0% 50%;border-bottom:1px solid #eeeeee;display:block;color:#383838} .news_list2 li a:hover{color:#ff6621;} .news_list2 li span{color:#383838;position:absolute;display: block;top:0;right:0;line-height: 65px;} #container{width:1200px;margin:0 auto;margin-top:26px;} .navigation{float:right;width:100px;} .index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微Y雅黑"; background:url(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;} /*首页新闻*/ /*首页左侧联系我们*/ .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(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(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;} /*友情链接*/ /*面底部*/ .nav1{height:66px;background: #0072bd;border-bottom:4px solid #b2d4eb;line-height: 66px;margin-top:58px;} .nav1 a{color:#fff;font-size:16px;padding:0 20px;} .nav1 a:hover{color:#ce2846;} #footer{position:relative;width:1200px;margin:0 auto;padding-top:28px;padding-bottom:22px;} .nav_foot{width:645px;color:#353535;font:400 16px/35px "微Y雅黑"} .nav_foot img{padding-bottom:12px;} .copyright{width:555px;float:right;color:#353535;font:400 14px/27px "微Y雅黑"} .copyright a{color:#353535;font:400 14px/27px "微Y雅黑"} .codes{color:#353535;font-size:14px;line-height: 36px;text-align: center;float:right;margin-top:32px;} /*------------内页-------------------*/ .left .box{margin-bottom:10px;} .left .box h3{line-height:48px;font-size:16px;color:#fff;height:48px;padding-left:15px;font-weight:normal;background: #005da3} .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;} .n_banner img{width:1920px;margin:0 auto} .left{width:248px;float:left;} .sort_menu{} .left .sort_menu h3{height:48px;width:100%;text-indent: -300px;overflow: hidden;background:url(sort1.jpg) no-repeat 0% 100%;padding:0;} .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:925px;float:right;padding-bottom:10px;} .sitemp{color: #005da4;font-size: 16px;line-height: 48px;text-indent: 20px;background:url(sitemp.jpg) no-repeat 0% 100%;font-weight:bold;} .sitemp h2{} .sitemp .site{width:380px;float:right;text-align:right;line-height:30px;} .right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;} .ncon{ padding: 30px 0; background: #f6f7f8; border-top: 1px solid #f0f2f5; } .ncon #container{ margin-top:0; } .left1{ background: #fff; margin-left: 30px; padding: 20px; box-shadow: 0 1px 1px rgba(0,0,0,0.05); float:right; width:208px; } .right1{ background: #fff; padding: 30px; width:862px; float:left; } .left1 .n_news{ margin: 20px 0; padding: 20px 0; border-top: 1px solid #f0f2f5; border-bottom: 1px solid #f0f2f5; } .left1 .n_news h3{ font-size: 17px; color: #37474f; font-weight:300; } .left1 .n_news .content{ margin-top: 10px; } .new2 li:first-child{ border-top-left-radius: 3px; border-top-right-radius: 3px; } .new2 li{ position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid transparent; border-color: #e4eaec; color: #2a333c; } .left1 .sort li a{ font-size: 16px; color: #2a333c; line-height: 40px; background: none; padding:0;border:none; font-weight:300; } .left1 .sort li a:hover{ color: #0072bd; } .met-page-ajax li { border-bottom: 1px solid #f0f2f5; padding-bottom: 30px; margin-bottom: 30px; height:128px; overflow: hidden } .media-left{width:160px;float:left;margin-right:20px;} .media-lg .media-object { width: 160px;} .media-body{ width:675px; float:right; } .media-heading{ margin-bottom:10px; } .media-heading a{ color: #2a333c; font-size:17px; font-weight:300; } .des{ font-size: 14px; color: #76838f; font-weight: 300; margin-bottom: 10px; } .media-body .infoo{ color: #a3afb7; font-size: 14px; font-weight: 300; line-height: 23px; } .media-body .infoo span{ display: inline-block } .margin-left-10 { margin-left: 10px !important; } .eye{ padding-left:22px; background:url(eye.png) no-repeat left center; } .news_detail .content{ padding:10px 0;padding-top:25px;line-height: 24px; } .relate{ margin-top:12px; } .relate .content,.relate_list .content{ padding-top:15px; } .skf{ margin-left:23px; }ýƵ,ýӰѿ,ͷҵﻨ,պƷŷһ