/*haeder*/ .haeder{background:#c30d23;width: 100%;min-width:1280px;margin:auto auto;height: 108px;} .footbg li dd { margin: 0; padding: 0; } .width16_5 { margin: 0; } .taocan-wrap { width: 1200px; margin: 30px auto; } .btn-wrap { width: 540px; height: 88px; text-align: center; line-height: 88px; color: #565656; font-size: 38px; display: flex; justify-content: space-between; cursor: pointer; margin: 0 auto .4rem; } .btn-wrap .btn-left, .btn-wrap .btn-right { font-family: source han sans cn; width: 270px; height: 88px; background-color: #ebebeb; color: #565656; font-size: 38px; } .btn-wrap .btn-left.current, .btn-wrap .btn-right.current { background-color: #ff4b48; color: #fff; } .taocan-wrap .img-warp { position:relative; } .xq-btn { width: 162px; height: 52px; background: #ff4b48; border-radius: 2px; position: absolute; left: 840px; top: 436px; cursor: pointer; font-family: source han sans cn; font-weight: 400; color: #ffffff; text-align: center; line-height: 52px; } .common-img { display: none; position: relative; } .common-img.current { display: block; } a { text-decoration:none; } .haeder .haed_{width:91%;overflow: hidden!important;} .addhaeder{position:fixed;z-index: 9;left:0;right:0;top:0;background:rgba(0,0,0,.7);min-width:1280px;margin:auto auto;height: 108px;width:90%;} .addhaeder .haed_{width:96%;} .nav_ul li{float:left;position: relative;width:14%;height: 108px;line-height: 108px;text-align: center;} .nav_ul li a{color:#fff;font-size: 16px !important;display: block;width:100%;height: 100%;} .hot{right:31px;top:-16px;} .tuijian{right:32px;top:27px;} .son_nav{top:108px;left:0;width:100%;height: 0;overflow: hidden;background: rgba(0,0,0,.8);z-index: 9999999;} .son_nav dd{line-height: 46px;border-bottom: 1px solid rgba(255,255,255,.2);} .son_nav dd:hover{background:#ff4b48 !important;} .navsjico{right:35px;top:52px;} //@media only screen and (max-width:1650px ) { .navsjico{right:10px;top:52px;} .logoo a img{margin-top:10px;width: 100%;} //} /*haeder*/ #banner .swiper-button-next{right:10%;} #banner .swiper-button-prev{left:10%;} /*5大优势*/ .syysbg{background: #262626;} .syys_ul li{float:left;padding:30px 0;width:20%;overflow: hidden;} .width190{width:288px;} .width293{width:328px;} .width305{width:305px;} .width220{width:220px;} .width252{width:302px;} .addysli{background: #ee2c29;} .addysli p{color:#fff !important;} /*5大优势*/ /*首页报价*/ .bjleftico{width:22.3%;} .bjleftico li{float:left;margin-right:2%;margin-bottom: 2%;width: 127px;height: 127px;background: #f2f2f2;border-radius: 8px;} .bjleftico .sgqzyg_h1{width: 259px;} .syicoimgdiv{height: 64px;width:100%;margin-top:16px;} .sgqzyg1{display: none;} .sgqzyg4{background: #ff4b48 !important;} .sgqzyg4 p{color:#fff !important;} .sybjbox{padding:10px 2%;background: #f5f3f4;height: 242px;margin-right: 0.6%;} .sybjbox p{padding-top:5px; } .sybjright{width:29%;background: #f5f3f4;height: 262px;} .sgqzyg_h:hover{background: #ff4b48 !important;} .bjleftico .hover{background: #ff4b48 !important;} .sgqzyg_h:hover p{color:#fff !important;} .sgqzyg_h:hover .sgqzyg2{display: none;} .sgqzyg_h:hover .sgqzyg1{display: block !important;} .minbjbox li{margin:20px 0;} .minbjbox .slt{width:31.7%;display: inline-block;margin:0 0.4%;height: 40px;border-color:#d6d6d6;box-sizing: border-box;} .minbjbox input{height: 40px;border:1px solid #d6d6d6;display: inline-block;width:48%;} .minbjbox .inputname{margin:0 1.3% 0 0.5%;} .sysubmit{margin-left: 1.6% !important;border: 0 !important;height: 42px !important;width: 48.6% !important;} .sysubmit:hover{background: #940505;} #clf{width:55px;text-align: center;display: inline-block;} #rgf{width:55px;text-align: center;display: inline-block;} #sjf{width:44px;text-align: center;display: inline-block;} #glf{width:55px;text-align: center;display: inline-block;} #ysf{width:102px;text-align: center;display: inline-block;} /*首页报价*/ /*解决方案*/ .tc01_l{width:300px;border-radius: 4px;overflow: hidden;height: 570px;} .tcright{width:590px;margin-left: 10px;} .zyjjfa{float: right;width: 290px;} .zyjjfa1{width: 276px;height: 153px;border:1px solid #dbdbdb;border-radius: 5px;padding-left:12px;padding-top:25px;margin-bottom: 15px;cursor: pointer;background:#fff url(/uploads/image/simages/zyjjfa1.png) no-repeat;} .zyjjfa2{background:#fff url(/uploads/image/simages/zyjjfa2.png) no-repeat;} .zyjjfa3{background:#fff url(/uploads/image/simages/zyjjfa3.png) no-repeat;} .zyjjfa1:nth-child(3){margin-bottom: 0px;} .zyjjfa1:hover{background:#ff4b48 url(/uploads/image/simages/zyjjfa1.png) no-repeat;} .zyjjfa2:hover{background:#ff4b48 url(/uploads/image/simages/zyjjfa2.png) no-repeat;} .zyjjfa3:hover{background:#ff4b48 url(/uploads/image/simages/zyjjfa3.png) no-repeat;} .zyjjfa1:hover h4{color:#fff;} .zyjjfa1:hover i{background: #fff;} .zyjjfa1:hover h3{color:#fff;} .zyjjfa1:hover h3 em{background: #fff;color: #ff4b48;} .zyjjfa1:hover a{background: #fff;color: #ff4b48;} .zyjjfa1 h4{font-weight: normal;font-size: 22px;color: #333;} .zyjjfa1 i{width: 35px;height: 2px;display: block; background: #847a7a;} .zyjjfa1 h3{font-size: 35px;color: #ff4b48;margin:12px 0px;} .zyjjfa1 h3 em{font-style: normal;font-size: 12px;width:18px;height: 18px;line-height: 18px;text-align:center;color: #fff;border-radius: 100px; background: #ff4b48;display: inline-block;} .zyjjfa1 a{display: block;width: 135px;height: 30px;line-height: 30px;text-align: center;color: #fff;font-size: 14px;border-radius: 3px; background: #b2b2b2;} .jkrz1{width: 290px;height: 270px; background:url(/uploads/image/simages/jkrz1.jpg) no-repeat ;margin-bottom: 10px;} .jkrz1 h4{font-size: 30px;font-weight: bold;color: #bf6d05;padding-top:70px;text-align: center;line-height: 26px;} .jkrz1 h4 p i{font-size: 14px;font-style: normal;font-weight: normal;} .jkrz1 a{display: block;color: #fff;margin-left:100px;margin-top:22px} .jkrz2{width: 290px;height: 290px; background:url(/uploads/image/simages/jkrz2.jpg) no-repeat ;} .jkrz2 h4{padding-top:83px;} .jkrz2 a{margin-top:22px} .tc01_m{width:590px;height:290px;border-radius: 4px;overflow: hidden;} .tc01_r{width:290px;height:290px;border-radius: 4px;overflow: hidden;} .tcbtn_l{bottom:70px;left:16%;border-radius: 25px;padding-right: 20px;} .tcbtn_l:hover{background:#d88e1c !important;} .tc01_l .tcbtn_l img{display: initial;top: 15px;right: 50px;position: absolute;} .tc01_m_t{bottom:0;left:0;background:rgba(0,0,0,.6);height: 32px;line-height: 32px;color:#fff;width:100%;} .tcbal_ul li{width:290px;height: 270px;overflow: hidden;float:left;border-radius: 4px;margin-bottom:10px;position: relative;} .syanliimg{left:-50px;} .syanliimg2{left:-60px;} .tctf_bg1{width: 1200px;height: 815px; background: url(/uploads/image/simages/tctf_bg.jpg) no-repeat; position: relative;} .tctf_bg1 span{display: block;width: 332px;font-size: 14px;color: #727272;line-height: 24px; position: absolute;top:245px;left:240px;} .tctf_bg1 span strong{color: #f01c36;} .tctf_bd{width: 560px;height: 595px;margin-top:30px;margin-right: 30px;background: #fff;opacity: 0.24;float: right;position: relative;} .tctf_bg1 input{width: 500px;height: 72px;line-height: 72px;font-size: 20px;color: #a9a9a9; border-radius: 5px;border:1px solid #e7e7e7;padding:0px 20px; background: #fff;} .tctf_input1{position: absolute;top:60px;right: 57px;} .tctf_input2{position: absolute;top:150px;right: 57px;} .tctf_input3{position: absolute;top:240px;right: 57px;} .tctf_input4{position: absolute;top:330px;right: 57px;} .tctf_input5{position: absolute;top:420px;right: 57px;} .tctf_input6{position: absolute;top:510px;right: 57px;} .tctf_button{width: 390px;height: 70px;line-height: 70px;text-align: center;font-size: 30px; border-radius: 5px;color: #fff;background: #f01c36;position: absolute;bottom:100px;right: 100px; cursor: pointer;} /*提交后页面css样式*/ .wxts{font-size: 18px;width: 1110px;margin: auto;line-height: 30px; padding:40px 0px;} .textlh2{line-height: 24px;} /*解决方案*/ /*定制整装*/ .dzzzbg{background: url(/uploads/image/simages/zzbg.jpg);background-size:100% 100%;height: 503px;} .dzzz_ul{width:85%;margin:30px auto 0;} .dzzz_ul li{width:23%;margin:0 1%;padding:20px 0;background-color: #1d665f;border-radius: 10px;float:left;} .dzzz_ul li div{height: 50px;} .dzzzkefu a{height: 45px;line-height: 45px;border:1px solid #ffa821;font-size: 20px;border-radius: 22px;text-align: center;} .addkfbg{background: #ffa821;font-size:24px !important;} /*定制整装*/ /*在施工工地*/ .sylplist{width:781px;height: 363px;} .sygdlist{width:409px;height: 363px;} .toplp{height: 352px;} .lplistlb{width:519px;height: 100%;overflow: hidden;} .lpright{width:252px;} .lp_anli1{width:100%;height: 171px;overflow: hidden;position: relative;} .lp_anli2{width:100%;height: 171px;bottom:0;left:0;overflow: hidden;position: absolute;} .gdtext{background: rgba(0,0,0,.7);overflow: hidden;border-radius: 15px;bottom:10px;left:3%;z-index: 1;} .w1200{width: 1200px;overflow: hidden;} .footlp_ul li{float:left!important;width:386px;height: 262px;position: relative;overflow: hidden;margin-right: 21px!important;} .footlp_ul li:nth-child(3){margin-right: 0px!important;} .footlp_ul li:nth-child(2){margin-left: 0px!important;} .dsgd_ul li{line-height: 35px;} .dsgd_ul li:hover{background:#ffa821;} .dsgd_ul li:hover dd{color:#fff !important;} .dsgdbox{height: 171px;overflow: hidden;} #lplist .swiper-button-next{background: url(/uploads/image/simages/gdjt_r.png);width:19px !important;height: 46px !important;moz-background-size: 19px 46px;-webkit-background-size: 19px 46px;background-size: 19px 46px;} #lplist .swiper-button-prev{background: url(/uploads/image/simages/gdjt_l.png);width:19px !important;height: 46px !important;moz-background-size: 19px 46px;-webkit-background-size: 19px 46px;background-size: 19px 46px;} .sy_zxkf:hover{background:#999999; } /*yuyue*/ .gdyuyuebg{background-color: #212121;padding:20px 0;} .sygdform li{float:left;width:23%;margin:0 1%;height: 42px;background: #fff;} .sygdsub:hover{background: #ffc107 !important;} /*在施工工地*/ /*核心优势*/ .hxtop_ul li{width:394px;height: 330px;float:left;border-radius: 10px;overflow: hidden;opacity: 1;} .hxys01{background: url(/uploads/image/simages/syhxys1.png);background-size:100% 100%;} .hxys02{background: url(/uploads/image/simages/syhxys2.png);background-size:100% 100%;} .hxys03{background: url(/uploads/image/simages/syhxys3.png);background-size:100% 100%;} .hxmin_ul li{width:292px;height: 226px;float:left;border-radius: 10px;overflow: hidden;opacity: 1;} .hxys04{background: url(/uploads/image/simages/syhxys4.png);background-size:100% 100%;} .hxys05{background: url(/uploads/image/simages/syhxys5.png);background-size:100% 100%;} .hxys06{background: url(/uploads/image/simages/syhxys6.png);background-size:100% 100%;} .hxys07{background: url(/uploads/image/simages/syhxys7.png);background-size:100% 100%;} .hxfoot_ul li{width:394px;height:186px;float:left;border-radius: 10px;overflow: hidden;opacity: 1;} .hxys08{background: url(/uploads/image/simages/syhxys8.png);background-size:100% 100%;} .hxys09{background: url(/uploads/image/simages/syhxys9.png);background-size:100% 100%;} .hxys10{background: url(/uploads/image/simages/syhxys10.png);background-size:100% 100%;} .hxys11{background: url(/uploads/image/simages/syhxys11.png);background-size:100% 100%;} .hxyscl li:hover{opacity: 0.8 !important;} .hxyscl li p{color:#ffa419;} /*核心优势*/ /*线下体验店*/ .gsjjimglist{width: 674px;height: 442px;overflow: hidden;} .gsjjright{width: 526px;height: 442px;} .tydpbg{font-size: 18px;height: 38px;line-height: 38px;background:#adadad;text-align: center;color:#fff;width:85%;margin:10px auto 0;border-radius: 19px;} .subimg{width:100px;height: 100px;} .ztform{width:321px;} .ztform li{width:100%;height:46px;border: solid 1px #dcdcdc;} #ztform{margin:50px 0 0px 30px;} .tybtn{border-top-right-radius:29px;border-bottom-right-radius:29px;top:0;left:0;width:180px;z-index: 2;} .gsdizibox{height: 270px;} .gsdizi{top:0;left:0;display: none;} .ditu{width: 480px;height: 160px;border-radius: 10px; background: #ccc;} /*线下体验店*/ /*footer*/ .box { width: 1200px; margin: 0 auto; min-width: 1200px; } .mdl15 { margin-left: 15px; } .font16 { font-size: 16px; } .font33 { font-size: 33px; } .lh46 { line-height: 46px; } .mdt50 { margin-top: 50px; } .footbg{ overflow: hidden; color: #fff; background: url(/uploads/image/simages/footbg.jpg); width:100%; background-size:100% 100%; } .footnav_ul li{ float:left; display: flex; } .footnav_ul li dd{line-height: 36px;color:#fff;} .footnav_ul li a{color:#fff;} .footkfbtn{ margin-top: 16px; border: 1px solid #fff; width: 220px; display: block; text-align: center; animation: none!important;} .footkfbtn:hover{background: #ff4b48;border:1px solid #ff4b48 !important;} .yqlink a{color:#777;padding:0 8px 10px;display: inline-block;font-size:14px;} .yqlink a:hover{color:#ff4b48;} .footnav_dl dd:hover a{color:#ffa821 !important;} /*footer*/ /*分页*/ .thisclass{background: #000;color:#fff !important;padding:0px 15px;border-radius: 8px;font-size: 18px;border:1px solid #000000;} .pages_btn{text-align: center;margin:40px auto;display: table;} .pages_btn li{float: left;height: 40px;line-height: 40px;} .pages_btn a{display: inline-block;border:1px solid #000000;color:#000;border-radius: 8px;margin:0 5px;font-weight: bold;font-size: 18px;padding:0px 15px;} /*分页*/ /*公共*/ .gethover:hover{color:#ffa821 !important;} .hoverbtn:hover{background:#c1841f !important;} .mt40 { margin-top: 40px !important; } .box12{ width: 1200px; margin: auto; /*margin-bottom: 50px;*/ } .box12 .news-title { font-size: 34px; color: #212628 } .box12 .titles { width: 100%; height: 50px; line-height: 50px; padding-top: 20px; border-bottom: 1px solid #edecec; overflow: hidden } .box12 .titles .left { float: left; font-size: 30px; font-weight: bold; color: #ff4b48; } .box12 .titles .left a { float: left; margin-right: 10px; padding: 5px 25px; border-radius: 15px; background-color: #f9f1f1 } .box12 .titles .left a::after { display: block; clear: both } .box12 .titles .left a:hover { color: #e74c3c } .box12 .titles .left a.active { background-color: #e74c3c; color: #fff } .box12 .titles .right { float: left; margin-left: 510px; font-size: 30px; font-weight: bold; color: #ff4b48; } .box12 .titles .right a { float: left; padding: 5px 15px } .box12 .titles .right a::after { display: block; clear: both } .box12 .titles .right a:hover { color: #e74c3c } .box12 .news-list { width: 100% } .box12 .news-list .left { width: 580px; float: left } .box12 .news-list .left .img-box { width: inherit; height: 300px; overflow: hidden } .box12 .news-list .left .img-box img { transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s; width: 100%; } .box12 .news-list .left .img-box img:hover { transform: scale(1.1, 1.1) } .box12 .news-list .left .title { margin-top: 16px; color: #212628; width: inherit; display: block !important; white-space: nowrap; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-height: 1.5; font-size: 20px; max-height: 30px } .box12 .news-list .left .title:hover { color: #f18200 } .box12 .news-list .left .article-time { color: #666; font-size: 14px } .box12 .news-list .left .sub-title { position: relative; margin: 17px 0 60px 0; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-height: 2; font-size: 14px; max-height: 56px; } .box12 .news-list::after { content: ''; display: block; clear: both } .box12 .news-list .right { float: right } .box12 .news-list .right a li { width: 570px; transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s } .box12 .news-list .right a li .time { float: left; height: 90px; width: 80px; color: #fff; transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s; position: relative } .box12 .news-list .right a li .time .month { display: block; position: absolute; font-size: 30px; top: 16px; left: 20px } .box12 .news-list .right a li .time .date { display: block; font-size: 16px; position: absolute; right: 10px; bottom: 22px } .box12 .news-list .right a li::after { content: ''; display: block; clear: both } .box12 .news-list .right a li .content { width: 460px; float: left } .box12 .news-list .right a li .content .title { font-size: 18px; color: #212628; padding: 7px 0 7px 10px; width: inherit; display: block !important; white-space: nowrap; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-height: 1.5; font-size: 18px; max-height: 27px } .box12 .news-list .right a li .content .sub-title { color: #666; position: relative; margin: 0 0 0 12px; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-height: 1.5; font-size: 14px; max-height: 42px } .box12 .news-list .right a li:hover { background-color: #fff; box-shadow: 0 0 15px 0 rgba(102, 102, 102, 0.2) } .box12 .news-list .right a li:hover .time { background: #ff4b48 } .box12 .news-list .right a .time:nth-child(odd) { background: #929292; } .box12 .news-list .right a .time:nth-child(even) { background: #999288 } .box12 .news-list .right a a li { margin-top: 22px } .radiofq{background: none !important;} .radiofq input{width:15px !important;height:15px !important;display: inline-block !important;} .freind { width: 1200px; height: 60px; margin: 0 auto 30px; background: #f3f3f3; line-height: 60px; } .freind h3 { line-height: 60px; float: left; font-size: 16px; margin-left: 28px; color: #333; font-weight: 600; margin-right: 60px; } .freind a { display: block; float: left; line-height: 60px; margin-right: 117px; font-size: 14px; color: #333; margin-right: 30px; } .zy_p { text-align: center; color: #939395; font-size: 12px; } .width30_ { width: 30%; } .width40_ { width: 40%; } .width15_ { width: 15%; }