/*头部样式*/ #header{height:123px;position:relative;} .logo{float:left;padding-top:18px;} .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:30px;padding-top:5px;} .topLink .k1 a{font-size:14px;color:#999999;} .topLink .k2{color:#333333;font-size:16px;font-family:"微软雅黑";margin-top:25px;background:url(../images/top_phone.png) no-repeat left 3px;text-align:left; padding-left: 50px;line-height: 24px;margin-left:100px; } #menu{margin-top:0px;background:#373737;} /*热门搜索*/ .search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;} #formsearch{width:202px;float:right;background:url(../images/ss_btm_bg.png) no-repeat center center;margin-top:12px;} .hotSearch{width:400px;float:left;height:50px;line-height:50px;font-weight:normal;} #search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;} .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);} /*首页搜索*/ .ss_index{height:50px;line-height:50px;position:relative;} /*全系产品*/ .ads_index{position:relative;padding-bottom:45px;} .titles{ text-align: center; } .titles h3{ font: 600 34px/50px "Microsoft Yahei";color: #f55c00; background: url(../images/line2.png) no-repeat right center; } .titles h3 span{ display: inline-block; padding-right: 31px; background: url(../images/yuan.png) no-repeat 92% center; font: 100 34px/50px "Microsoft Yahei"; color: #434343; } .titles p{ font: 400 16px/35px "Microsoft Yahei";color: #666666; } .ads_list{margin-top:60px;position:relative;} .ads_list li{float:left;width:200px;text-align:center;} .ads_list li a{display:block; transition: .5s;} .ads_list li a img{width:118px;height:118px;} .ads_list li h3{text-align:center;font-size:20px;color:#333333;font-family:"Microsoft Yahei";font-weight:normal;padding-top:5px;} .ads_list li:hover a{ opacity: 1; transform: rotateY(180deg);} /*推荐产品*/ .pro_index{height:738px;position:relative;background:url(../images/pro_bg.png) no-repeat center center;} .pro_left{width:267px;float:left;} .pro_left .pro_left_tit{margin-top:55px;background:url(../images/pro_left_tt_bg.png) no-repeat center center;height:132px;} .pro_left_tit h3{color:#f55c00;font-size:30px;font-family:"Microsoft Yahei"; padding-top: 20px;} .pro_left_tit span{display:block;color:#fff;font-size:30px;font-family:"Microsoft Yahei";line-height:1; letter-spacing: 10px;} .sort1{margin-top:30px;position:relative;width:215px;} .sort1 li{line-height:47px;border-bottom:1px dashed #636363;} .sort1 li a{display:block;color:#ffffff;font-size:18px;padding-left:40px;background:url(../images/xing.png) no-repeat left center;} .sort1 li a:hover{color:#f55c00;} .pro_right{float:right;margin-top:70px;position:relative;} .pro_right .pro_right_list{ width: 816px; height: 461px; background: #fff; padding-top: 40px; padding-left: 20px; padding-right: 20px; margin-top: 55px;} .pro_right_list li{float:left;margin-left:9px;margin-right:9px;margin-bottom:15px;} .pro_right_list li img {width: 252px;height: 166px;} .pro_right_list li a.img{display:block;border:1px solid #cccccc;} .pro_right_list li h3{text-align:center;color:#666666;font-size:18px;font-family:"Microsoft Yahei";font-weight:normal;padding-top:8px;} .pro_right_list li h3 a{color:#666666;font-size:18px;font-family:"Microsoft Yahei";font-weight:normal;} .pro_right_list li h3 a:hover{color:#f55c00;} /*四大优势*/ .ys_index{height:975px;background:#f4f4f4;position:relative;} .ys_index .ys_tit{padding-top:80px;} .ys_cont{position:relative;margin-top:60px;} .ys_aa{float:left;width:300px;} .ys_bb{float:left;width:300px;} .ys_aa .aa_top{height:290px;background:#fff;text-align:center;padding:20px;} .aa_top h3{padding-top:20px;color:#333333;font-size:20px;font-family:"Microsoft Yahei";font-weight:normal;} .aa_top span{display:block;font-family:"Arial";font-size:12px;color:#999999;padding:10px 0;background:url(../images/ys_span_bg.png) no-repeat center bottom;} .aa_top dd{display:block;margin-top:20px;color:#848484;font-size:16px;line-height:30px;height:115px;overflow:hidden;text-align:left;} .aa_top a{display:block;width:148px;height:36px;line-height:36px;color:#fff;text-align:center;background:#f55c00;font-size:14px;margin:10px auto 0;border-radius:20px;} .ys_aa .aa_btm{height:330px;overflow:hidden;} .ys_aa .aa_btm img{width:300px;height:330px;-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;} .ys_aa .aa_btm:hover img{ -webkit-transform: scale(1.3, 1.3); -moz-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;} .ys_bb .bb_top{height:330px;overflow:hidden;} .ys_bb .bb_top img{width:300px;height:330px;-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;} .ys_bb .bb_top:hover img{ -webkit-transform: scale(1.3, 1.3); -moz-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; } .ys_bb .bb_btm{height:290px;background:#fff;text-align:center;padding:20px;} .bb_btm h3{padding-top:20px;color:#333333;font-size:20px;font-family:"Microsoft Yahei";font-weight:normal;} .bb_btm span{display:block;font-family:"Arial";font-size:12px;color:#999999;padding:10px 0;background:url(../images/ys_span_bg.png) no-repeat center bottom;} .bb_btm dd{display:block;margin-top:20px;color:#848484;font-size:16px;line-height:30px;height:115px;overflow:hidden;text-align:left;} .bb_btm a{display:block;width:148px;height:36px;line-height:36px;color:#fff;text-align:center;background:#f55c00;font-size:14px;margin:10px auto 0;border-radius:20px;} /*关于我们*/ .ab_index{height:850px;background:url(../images/ab_bg.png) no-repeat center center;} .ab_tit{padding-top:85px;} .ab_cont{position:relative;width:1440px;height:539px;background:#fff;margin:100px auto 0; box-shadow: 0px 0px 20px rgba(0, 0, 0, .2)} .ab_cont .ab_left{float:left;width:620px;height:377px;margin-top:75px;} .ab_left img{width:620px;height:377px;} .ab_right{float:right;width:540px;margin-top:75px;} .ab_right h3{color:#333333;font-size:24px;font-family:"Microsoft Yahei";line-height:1;background:url(../images/bolang.png) no-repeat left bottom;padding-bottom:20px;} .ab_right .ab_txt{margin-top:15px;font-size:16px;color:#666666;line-height:28px;} .ab_txt a{color:#f55c00;} /*首页新闻*/ .news_index{position:relative;} .news_tit{padding-top:50px;} .i-news{margin-top:60px;position:relative;} .i-news .i-news-left { width: 668px; } .i-news .i-news-left ul.n1 .i-t { width: 50px; height: 30px; line-height: 30px; background: #f55c00; text-align: center; color: #fff; font-size: 16px; } .i-news .i-news-left ul.n1 .nei { width: 601px; float: right; } .i-news .i-news-left ul.n1 .nei a { line-height: 30px; color: #333333; font-size: 18px; } .i-news .i-news-left ul.n1 .nei p { margin-top: 20px; color: #666666; font-size: 14px; line-height: 30px; } .i-news .i-news-left ul.n2 { margin-top: 20px; position: relative; } .i-news .i-news-left ul.n2::before { content: ''; display: block; width: 1px; height: 264px; background: #d1d1d1; position: absolute; left: 3px; top: 50%; margin-top: -132px; } .i-news .i-news-left ul.n2::after { content: ''; display: block; width: 1px; height: 264px; background: #d1d1d1; position: absolute; left: 353px; top: 50%; margin-top: -132px; z-index: 9; } .i-news .i-news-left ul.n2 li { width: 318px; float: left; line-height: 51px; box-sizing: border-box; padding-left: 32px; position: relative; } .i-news .i-news-left ul.n2 li:nth-child(even) { float: right; } .i-news .i-news-left ul.n2 li:nth-last-child(1) a, .i-news .i-news-left ul.n2 li:nth-last-child(2) a { border: none; } .i-news .i-news-left ul.n2 li::before { content: ''; display: block; width: 7px; height: 7px; background: #999999; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -3.5px; z-index: 999; } .i-news .i-news-left ul.n2 li a { display: block; border-bottom: 1px solid #d1d1d1; color: #666666; font-size: 14px; } .i-news .i-news-left ul.n2 li:hover::before { background-color: #f55c00; } .i-news .i-news-left ul.n2 li:hover a { color: #333333; } .i-news .i-yi { width: 466px; } .i-news .i-yi h3 { line-height: 60px; background: url(../images/nt.png) no-repeat 33px center #f55c00; color: #fff; font-size: 18px; position: relative; text-indent: 74px; font-weight: normal; } .i-news .i-yi h3 a { display: block; position: absolute; right: 22px; top: 0; line-height: 60px; color: #ffffff; font-size: 12px; font-weight: normal; text-transform: uppercase; } .i-news .i-yi ul { border: 1px solid #d1d1d1; border-top: none; box-sizing: border-box; padding: 0 10px 10px; } .i-news .i-yi ul li { border-bottom: 1px solid #d1d1d1; padding: 20px 12px 15px 0; } .i-news .i-yi ul li a { display: block; padding-left: 48px; position: relative; line-height: 20px; font-size: 14px; } .i-news .i-yi ul li a::before { content: '问'; width: 20px; height: 20px; background: #f55c00; color: #fff; font-size: 12px; position: absolute; left: 16px; top: 0; text-align: center; } .i-news .i-yi ul li p { padding-left: 48px; position: relative; line-height: 30px; margin-top: 18px; color: #666666; font-size: 4px; font-size: 14px; } .i-news .i-yi ul li p::before { content: '答'; width: 20px; height: 20px; background: #333333; color: #fff; font-size: 12px; position: absolute; left: 16px; top: 0; line-height: 20px; text-align: center; } /*主体样式*/ #container{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{width:1200px;margin:0 auto;margin-top:65px;line-height:30px;line-height:30px;} .f_link>img{vertical-align: sub;} .f_link a{padding:0 15px;line-height:1;position:relative;} .f_link a::before{position:absolute;width:7px;height:13px;content:"";background:url(../images/link_xian.png) no-repeat right center;right: 0px;top: 2px;} .foot_wap{position:relative;margin-top:15px;height:358px;background:#2e2e2e;border-bottom:1px solid #3e3e3e;} .f_aa{float:Left;width:250px;padding-top:60px;} .f_aa>h3{color:#f55c00;font-size:38px;font-family:"Microsoft Yahei";text-transform:uppercase;} .f_aa>span{display:block;font-size:20px;color:#fff;font-weight:normal;background:url(../images/foot_span_bg.png) no-repeat left bottom;padding-bottom:10px;} .f_aa .f_sec{position:relative;margin-top:15px;} .f_sec a{display:inline-block;width:115px;line-height:38px;color:#cccccc;font-size:16px;font-family:"Microsoft Yahei";} .f_bb{float:left;margin-left:120px;width:320px;} .f_bb .f_sec{position:relative;margin-top:15px;color:#cccccc;font-size:16px;font-family:"Microsoft Yahei";line-height:38px;} .f_cc{float:right;padding-top:60px;width:280px;margin-right: 60px;} .f_cc>h3{color:#f55c00;font-size:38px;font-family:"Microsoft Yahei";text-transform:uppercase;} .f_cc>span{display:block;font-size:20px;color:#fff;font-weight:normal;background:url(../images/foot_span_bg.png) no-repeat left bottom;padding-bottom:10px;} .f_cc .f_sec{position:relative;margin-top:25px;text-align:center;color:#cccccc;font-size:14px;font-family:"Microsoft Yahei";line-height:30px;} .f_ban{position:relative;background:#2e2e2e;padding:25px 0;color:#cccccc;font-size:14px;} .f_ban a{color:#cccccc;font-size:14px;} /*页面底部*/ #footer{position:relative;width:1000px;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:30px;} /*------------内页-------------------*/ .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:1920px;margin:0 auto;} .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: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;}