/*头部样式*/ .out-head{background: #ececec;} .head{width: 1100px;margin: 0 auto;} .k3{font:400 12px/24px "arial";color:#747474;} .k1{font:400 12px/24px "arial";color:#747474;} .k1 a{color:#747474;} .head a:hover{color:#0e6fda;} #header{width:1100px;margin:0 auto;height: 88px;overflow: hidden;} .top{} .logo{float:left;padding-top: 12px;} .k2{background: url(../images/phone.png) no-repeat left;font:600 28px/32px "arial";color:#424242;padding-left: 40px;margin-top: 26px;} .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;} #menu{background: #0e6fda} /*热门搜索*/ .out-ss{width: 1100px;margin: 0 auto;margin-top: 33px;} .search{text-align:left;width: 448px;float: left;} #formsearch{width:448px;float:left;background: url(../images/ss.jpg) no-repeat;height: 60px;} .hotSearch{width:550px;float:left;height:24px;line-height:24px;font-weight:normal;} /*模拟select弹出框*/ .searchs {position:relative; display: inline-block;z-index:99999; float: left;width:100px;border: 1px solid #c8c8c8;margin-right: 5px;line-height:22px;text-align:center;color:#000;height:22px; } .option_g { display: none;border: 1px solid #c8c8c8;border-top:none;background:#fff; } .option_g li{color:#fff;font-size:12px;line-height:22px;color:#000;} .option_g li:hover{background:#3480ce;color:#fff;} .iabout_b{ float:left; width:100%;} .iabout_b .img_b{float:left; height:353px; width:470px; background-size: auto 100%; background-repeat:no-repeat; background-position:center; margin:75px 0 0} .iabout_b .abr{ float:left; width:540px; padding: 0 0 0 45px;height: 410px;overflow: hidden;} .iabout_b .info_b{float:left; width:540px; margin:40px 0 0; text-align:left; padding-top:20px; line-height:30px; font-size:14px; color:#333333;} .iabout_b .atitle{ display:block; margin:60px 0 0; padding:0 0 0 20px; text-align:left; background:url(../images/d2.png) left center no-repeat;} .iabout_b .atitle span{display:block;font-size:20px; color:#0a2966; } .iabout_b .atitle font{display:block;font-size: 40px; font-family:Arial; color:#0a2966;text-transform: uppercase; line-height:1} .iabout_b .more{display:block; width:158px; height:38px; line-height:38px; text-align:center; border:1px solid #cbced7; color:#0a2966; font-size:14px; margin:20px 0 0 } .itl_t{text-align: center;width: 100%;background:url(../images/d3.png) repeat-x left center; margin:0px 0 53px; height:56px; padding: 0 0} .itl_t .tff{ float:left; background:url(../images/d2.png) left center no-repeat #03346b;height:56px; padding:0 20px 0 20px; } .itl_t span{display:block;font-size:20px; color:#fff; line-height:1 } .itl_t font{display:block;font-size: 40px; font-family:Arial; color:#fff;text-transform: uppercase; line-height:1} .izao_amore{ float:right; color:#fff; font-family:Arial; line-height:56px; text-transform:uppercase; font-size:20px; z-index:22; margin:0 20px 0 0} .izao_amore a{color:#fff;} .icase{width: 100%;height:1122px; background: url(../images/c1.jpg) no-repeat center;} .wl{width:1100px; margin:0 auto; position:relative;margin-top: 0px;} .wll{width:1100px; margin:0 auto; position:relative;margin-top: 90px;} .circle_bg{ height:462px; margin:52px 0 0} .mr_frbox{float: left;width: 100%;height: 462px;position: relative;} .mr_frBtnL{cursor:pointer;display:inline;top: 190px;left:-70px;position: absolute;} .mr_frBtnR{cursor:pointer;top: 190px;right: -70px;position: absolute;} .mr_frUl{ margin:0 auto;width: 1098px; border-left:1px solid #7cbaff;border-right:1px solid #7cbaff;overflow: hidden;} .tempWrap ul{height:462px;overflow: hidden; } .tempWrap{width: 1098px; } .icase li{width: 366px;float: left;height: 462px; border-right:1px solid #7cbaff} .icase li a.img{ float:left; width:366px; height:275px; margin:18px 0 0; background-position:center; background-repeat:no-repeat; background-size:auto 100%;} .icase li h2{float:left; width:92%; padding:0 4%; margin:25px 0 0; text-align:left;font-size: 20px;color: #ffffff;line-height: 35px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .icase li a.wrr:hover h2{ color:#ffc231} .icase li span{ font-size:13px;float:left; width:92%; padding:0 4%; color:#ffffff; line-height:24px;} .pro_bg{width:100%; margin:55px auto 0; height:741px; background:url(../images/c2.jpg) no-repeat center;height: 741px;} .pro_b{width:238px; border:1px solid #dddddd; float:left; background:#fff; } .pro_b h4{ color:#4c556f; font-size:18px; background:url(../images/d2.jpg) 10px center no-repeat; height:60px; padding:21px 0 0 59px; width:137px; border-bottom:1px solid #eaeaea; margin:0 auto; line-height:1;font-weight:normal;} .pro_b h4 i{ font-style:normal; font-size:11px; text-transform:uppercase;} .pro_b ul{float:left; width:238px;} /*.pro_b li{padding:9px 15px 9px 55px; font-size:14px; color:#2e2e2e; background:url(../images/cp04.png) no-repeat 34px center; font-family:"arial";height:32px; line-height:32px; overflow:hidden; overflow:hidden; cursor:pointer; border-left:#fff solid 4px;}*/ /*.pro_b li a{display:block;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:14px; line-height:32px; color:#4c4c4c;}*/ /*.pro_b li a:hover{ color:#0056aa; }*/ .pro_imgsbg{width:846px; float:right; padding:0 0 0} .product08{ overflow:auto; margin-top:17px; outline:none} .pro_imgsbg dl{ float:left; width:252px; height:329px; margin:0 0 26px 30px; overflow:hidden; background:#f6f6f6; color:#2e2e2e;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} .pro_imgsbg dl:hover{ background:#ffc231;} .pro_imgsbg dl dt{ width:236px; height:173px; overflow:hidden; border:#f6f6f6 solid 8px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} .pro_imgsbg dl dt img{width: 236px;height: 173px;} .pro_imgsbg dl dt a{ float:left; width:100%; height:173px; display:block; background-position:center; background-repeat:no-repeat; background-size: auto 100%; background-color:#fff;} .pro_imgsbg dl:hover dt{ border:#ffc231 solid 8px;} .pro_imgsbg dl dd{color:#2e2e2e; text-align:center;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} .pro_imgsbg dl dd .tt{ display:block; margin:10px 0 0;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:20px;} .pro_imgsbg dl:hover .tt{ color:#fff;} .pro_imgsbg dl dd span{ padding:10px 10px 0; display:block;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color: font-size:13px;} .pro_imgsbg dl:hover dd{ color:#fff;} .pro_imgsbg dl dd .mm{ display:block; margin:20px auto 0; width:128px; height:34px; text-align:center; border:1px solid #e3e3e3; line-height:34px; color:#2e2e2e; font-size:16px;} .pro_imgsbg dl:hover .mm{border:1px solid #fff; color:#fff;} .newsb_b{width:100%; margin:0 auto; height:495px; background-color:#fff;} .itl_t1{text-align: center;width: 100%;background:url(../images/d3.png) repeat-x left center; margin:90px 0 40px; height:56px; padding: 0 0} .itl_t1 .tff{ float:left; background:url(../images/d2.png) left center no-repeat #fff;height:56px; padding:0 20px 0 20px; } .itl_t1 span{display:block;font-size:20px; color:#0a2966; line-height:1 } .itl_t1 font{display:block;font-size: 40px; font-family:Arial; color:#0a2966;text-transform: uppercase; line-height:1} .izao_amore1{ float:right; color:#0a2966; font-family:Arial; line-height:56px; text-transform:uppercase; font-size:20px; z-index:22; margin:0 20px 0 0} .newsb_b .r_b{float:left; width:103%; margin:50px auto 0; } .newsb_b .r_b .itemb{ float:left; width:337px; margin:0 40px 40px 0;} .newsb_b .r_b .itemb label{ display:block; padding:0 10px; border-bottom:1px solid #9fa0a2; color:#2e2e2e; font-size:16px; line-height:30px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .newsb_b .r_b .itemb .info_b{ display:block; padding:0 10px; } .newsb_b .r_b .itemb .info_b .title{font-size:18px; line-height:30px; color:#2e2e2e; padding-top:13px;} .newsb_b .r_b .itemb .info_b .intro{font-size:12px; line-height:20px; height:60px; overflow:hidden; color:#444444; padding-top:10px;} .newsb_b .r_b .itemb:hover .info_b .title{color:#2e3955;} .newsb_b .r_b .itemb span{ width:118px; height:34px; border:1px solid #e1e1e1; line-height:34px; text-align:center; display:block; margin:15px 10px 0} .contact{ position:relative; height:494px; margin-top:-10px;background:url(../images/lx01.jpg) no-repeat bottom center;} .contact01{ position:absolute; border-top:#f1b11a solid 4px; top:0; left:50%; margin-left:-550px; width:240px; height:490px; /*background:#0e6fda url(../images/lx02.jpg) no-repeat top center;*/ background: #0e6fda;} .contact02{ padding-top:17px; height:65px; text-align:center; /*background:url(../images/lx04.jpg) repeat-x left bottom;*/} .contact02 font{ display:block; color:#fff; font-size:28px; text-transform:uppercase; line-height:1} .contact02 span{ display:block; color:#fff; font-size:20px; line-height:1} .contact03,.contact04,.contact05{ line-height:30px; color:#b5c8f7; font-size:14px; border-bottom:#3a4664 solid 1px; background:url(../images/lx05.jpg) no-repeat 25px 20px; font-size:20px; padding:15px 20px 15px 57px;} .contact03{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .contact04{background:url(../images/lx06.jpg) no-repeat 25px 20px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .contact05{ font-size:14px;background:url(../images/lx07.jpg) no-repeat 25px 20px; border:none;} .contact06{ width:194px; height:168px; margin:0 auto; background:#0e6fda; text-align:center;} .contact06 img{ margin-top:14px;} /*主体样式*/ #container{width:1100px;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:"arial"; 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:"arial"; 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:"arial"; 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:"arial"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .news_company .content{padding:5px;} /*工程案例*/ .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:"arial"; 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:"arial"; 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;} /*友情链接*/ .f_link{width:1000px;margin:0 auto;margin-top:15px;line-height:30px;line-height:30px;background-color:#ececec;text-indent:20px;} /*页面底部*/ .foonavf{ width:100%;color:#c5bdbb; height:50px; padding:20px 0 0; text-align:center; background:#0056aa} .foonavf .nnf{ float:left; width:850px; color:#445277;text-align:left;} .foonavf a{color:#fff; display:inline-block; padding:0 3px; font-size:15px; position:relative; text-align:left;height:26px; line-height:26px;} .fri_link{ width:100%;color:#fff;height:96px; line-height:30px; margin:0; color:#999;} .fri_link .atitle{ float:left; margin:10px 0 0; background:url(../images/d2.png) left center no-repeat; padding:0 0 0 20px;} .fri_link .atitle span{display:block;font-size:20px; color:#0a2966; } .fri_link .atitle font{display:block;font-size: 40px; font-family:Arial; color:#0a2966;text-transform: uppercase; line-height:1} .fri_link a{ float:left;position:relative;background-position:center; background-size: auto 100%; background-repeat:no-repeat;padding:0 5px;} .fri_link .nnf{ float:right; width:960px;} .foonavf .rb{float:right; line-height:30px; padding:0 0 0 30px; height:30px; background:url(../images/d4.png) left center no-repeat; font-weight:400; text-transform:uppercase;} .foonavf .rb a{font-size:15px; color:#fff;} .foonavf .rb a:hover{color:#fff;} .footer{height:188px; width:100%; clear:both; background-color:#0e6fda; font-size:14px;} .footer .share_b{ float:right; padding:40px 0 0} .footer .manager_info{ float:left; width:750px;line-height:45px; padding:20px 0 0; color:#ffffff;} .footer .manager_info a{color:#ffffff;} .footer .manager_info span+span{padding-left:20px;} .wl{width:1100px; margin:0 auto; position:relative;} .pl_20{padding-left:20px;} .side_nav{position: fixed;top: 85%;right: 10px;width: 45px; z-index:999} .side_nav ul li{ cursor:pointer;position: relative;width: 45px;float: right;/* border-bottom: 1px solid #fff; */} .side_nav ul li a{display:inline-block;height: 45px;position: absolute;top: 0;left: 0;} .side_nav ul li span{float: left;color:#fff;line-height: 60px;font-size: 16px;margin-left: 72px;cursor: pointer;} .side_nav_3 {width: 45px;height: 45px;} .side_nav_3 a span{height:128px;position: absolute;right: 45px;bottom: 0px;margin-left: 0!important;display: none;} .side_nav_3 a{width: 45px;background: url(../images/d7.gif) no-repeat left 0;} .back_top a{background: url(../images/d7.gif) no-repeat left -45px;} .back_top {height: 45px;} /*------------内页-------------------*/ .left .box{margin-bottom:10px;border:#eaeaea 1px solid;} .left .box h3{height:47px;padding-left:72px;color:#1a1a1a; font-size:18px; font-family:"arial"; background:url(../images/nei2.jpg) no-repeat 0% 100%;line-height: 47px;font-weight: 400;} .left .box .content{padding:5px 10px;} .left .box1{margin-bottom:10px;border:#eaeaea 1px solid;} .left .box1 h3{height:88px;padding-left:72px;color:#1a1a1a; font-size:18px; font-family:"arial"; background:url(../images/nei1.jpg) no-repeat 0% 100%;line-height: 88px;font-weight: 400;} .left .box1 .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:1600px;margin:0 auto;position: relative;left: 50%;margin-left: -800px;} .n_banner img{width:1600px;margin:0 auto} .left{width:238px;float:left;} .sort_menu{} .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:840px;float:right;padding-bottom:10px;} .sitemp{line-height:60px;height:60px;overflow:hidden;padding-right:10px;border-bottom:1px solid #ddd;} .sitemp h2{font-size:15px; color:#515357;background:url(../images/d6.gif) left no-repeat;border-bottom:1px solid #4f5e86;padding-left: 30px;float: left;} .sitemp .site{float:right;text-align:right;line-height:60px;} .right .content{padding-top:15px;overflow:hidden;line-height: 24px;}