/*分类菜单*/ .main_wrap{background: #f5f5f5;} .b-main{width: 100%;position: relative;z-index: 1;} .b-main .firstfloor{position: relative;height: 556px;} .b-main .mainbox{position: absolute;left:0;top:15px;margin-left:235px;width:730px;} .b-main .slidebox {height:408px;overflow:hidden;margin-bottom: 10px;position: relative;} .b-main .slidebox .slideobj {height:408px;} .b-main .slidebox img {width:730px;height:408px;} .b-main .slidebox .hd{text-align:center;position:absolute;height:14px;line-height:14px;bottom:20px;left:0;right:0;} .b-main .slidebox .hd ul{height: 14px;background: rgba(0,0,0,.302);border-radius: 8px;position:relative;display:inline;} .b-main .slidebox .hd ul li{display:inline-block;width: 10px;height: 10px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;margin: 0 5px;cursor: pointer;background:#fff;} .b-main .slidebox .hd ul li.on{background:#ff653b;} .b-main .adbox{height: 120px;position: absolute;top:437px ;left:0;margin-left:235px;width: 965px} .b-main .adbox li{height: 120px;width: 311px;float: left;} .b-main .adbox li:first-child li{margin: 0 16px;} .b-main .adbox li img{width: 100%;height: 120px} /*右侧信息*/ .b-main .rightbox{width: 220px;height: auto;position: absolute;right: 0;top:15px;} .b-main .rightbox .bnews{width: 220px;height: 276px;padding:14px 14px 36px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;-ms-box-sizing: border-box; -o-box-sizing: border-box;background: #fff} .b-main .rightbox .bnews .ntitle{font-size: 16px;color: #333;font-weight: bold;padding-bottom: 10px;border-bottom: 1px solid #eee} .b-main .rightbox .bnews ul{position:relative;z-index: 5;padding-top: 8px} .b-main .rightbox .bnews ul li{font-size: 14px;color:#666;margin-top: 8px} .b-main .rightbox .bnews ul li a{color:#666;} .b-main .rightbox .bnews ul li a p{display:inline-block;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 135px} .b-main .rightbox .bnews ul li a:hover p{color: #ff653b} .b-main .rightbox .bnews ul li span{float: right;display:inline-block;overflow:hidden;} /*发布信息&&商家入驻*/ .b-main .fb_rz{overflow:hidden;} .b-main .fb_rz .conbox{width: 100%;height: 51px;text-align: center;display: block;line-height: 51px;margin-bottom: 15px;position: relative;} /*.b-main .fb_rz .conbox:hover:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0,.1);filter: alpha(opacity=10); -moz-opacity:0.1;-khtml-opacity: 0.1;filter:progid:dximagetransform.microsoft.alpha(opacity=10);}*/ .b-main .fb_rz .conbox span{display: block;font-size: 18px;color:#fff;} .b-main .fb_rz .first{background:linear-gradient(125deg,#fec345,#fec345,#ffc851,#ffa82e);background: -moz-linear-gradient( 125deg, rgb(137,106,225) 0%, rgb(103,171,254) 100%);background: -webkit-linear-gradient( 125deg, #fec345,#fec345,#ffc851,#ffa82e);background: -ms-linear-gradient( 125deg, #fec345,#fec345,#ffc851,#ffa82e);filter: progid:dximagetransform.microsoft.gradient(gradienttype = 1, startcolorstr = #fec345, endcolorstr = #ffa82e);box-shadow: 0 4px 10px -3px #fe950d;-webkit-box-shadow: 0 4px 10px -3px #fe950d;-moz-box-shadow: 0 4px 10px -3px #fe950d;border-radius:4px;} .b-main .fb_rz .second{background:linear-gradient(125deg,#ff7b63,#ff4849); background-image: -moz-linear-gradient( -35deg, rgb(255,123,99) 0%, rgb(255,72,73) 100%);background-image: -webkit-linear-gradient( -35deg, rgb(255,123,99) 0%, rgb(255,72,73) 100%);background-image: -ms-linear-gradient( -35deg, rgb(255,123,99) 0%, rgb(255,72,73) 100%);filter: progid:dximagetransform.microsoft.gradient(gradienttype = 1, startcolorstr = #ff7b63, endcolorstr = #ff4849);box-shadow: 0 4px 10px -3px #ff6c4a;-webkit-box-shadow: 0 4px 10px -3px #ff6c4a;-moz-box-shadow: 0 4px 10px -3px #ff6c4a; border-radius:4px;} .b-main .rightbox .adbox{margin-top:10px;width: 240px;height: 130px;display: block;} .b-main .rightbox .adbox img{width: 240px;height: 130px;} .b-main .fb_rz .conbox:hover span{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255,.15);filter: alpha(opacity=10); -moz-opacity:0.1;-khtml-opacity: 0.1;filter:progid:dximagetransform.microsoft.alpha(opacity=10);} .zd_list, .sj_list {width: 110%;} /* 20200914 新改*/ .recbox{background: #fff; margin-top: 18px; border-bottom: solid 1px #f2f2f2; box-sizing: border-box;} .recbox .titlebox {border-bottom:solid 1px #f2f2f2; padding: 0 20px; } .recbox .titlebox h3{font-size: 22px; color: #333; font-weight: bold; line-height: 68px; float: left; position: relative;} .recbox .titlebox h3 .line{display: block; height: 4px; position: absolute; bottom: 0; left: 0; right: 0; background: #ff653b;} .recbox .titlebox a{float: right; font-size: 14px; color: #999; line-height: 68px;} .recbox .infolist{padding: 0 20px; padding-top: 30px;} .recbox .infolist li{width: 50%; float: left; box-sizing: border-box; margin-bottom: .26rem; margin-bottom: 20px; } .recbox .infolist li a{display: block;} .recbox .infolist li a:hover p,.recbox .infolist li a:hover .typename,.recbox .infolist li a:hover .fb_date{color:#ff653b !important;} .recbox .infolist li .fb_date{float: right;} .recbox .infolist li p{display: inline-block; max-width: 320px; overflow: hidden; text-overflow: ellipsis; color: #333; vertical-align: middle; font-size: 14px; white-space: nowrap;} .recbox .infolist li .typename{color: #999; font-size: 15px; vertical-align: middle;} .recbox .infolist li .fb_date{font-size: 12px; color: #999; line-height: 22px;} .recbox .infolist li em{color: #fff; font-size: 12px; display: inline-block; vertical-align: middle; width: 18px; height: 18px; border-radius: 2px; background: #24c789; text-align: center; margin-left: 6px; } .recbox .infolist li em.hot{background: #ff6000} .recbox .infolist li:nth-child(2n){padding-left: 35px} .recbox .infolist li:nth-child(2n-1){padding-right: 35px} .advbox{margin-top: 18px; margin-bottom: 18px;} .servicebox{padding-bottom: 100px;} .servicebox .left_con{float: left; width: 300px; min-height: 100px; } .servicebox .right_con{float: right; width: 260px; min-height: 100px; background:#fff;} .servicebox .middle_con{margin: 0 270px 0 310px; min-height: 100px; background: #fff;} .servicebox .left_con .module_box{background: #fff; margin-bottom: 12px;} .servicebox .left_con .title_box{font-size: 20px; color: #333; font-weight: bold; height: 70px; border-bottom: solid 1px #fff; background: linear-gradient(90deg, #fff8f2 0%, #ffffff 100%); line-height: 70px; padding-left: 18px;} .servicebox .left_con .job_con .title_box{background: linear-gradient(90deg, #edfaf6 0%, #ffffff 100%);} .servicebox .left_con .house_con .title_box{ background: linear-gradient(90deg, #edf6ff 0%, #ffffff 100%);} .servicebox .left_con .title_box s{display: inline-block; width: 36px; height: 36px; vertical-align: middle; margin-right: 8px;} .servicebox .left_con .title_box img{display: block; width: 100%; height: 100%; object-fit: cover;} .servicebox .left_con .tabbox{margin-left: 20px; padding-top: 16px;} .servicebox .left_con .tabbox a{display: block; width: 80px; height:34px; border-radius: 4px; background: #f7f7f7; float: left; line-height: 34px; color: #666; font-size: 12px; margin-right: 10px; margin-bottom: 10px; text-align: center;} .servicebox .left_con .tabbox a:nth-child(3n){margin-right: 0;} .servicebox .left_con .listbox a{display: block; margin: 0 20px; border-bottom: solid 1px #f2f2f2; padding: 20px 0;} .servicebox .left_con .listbox a:hover h5,.servicebox .left_con .module_box>a:hover,.servicebox .right_con .more:hover, .middle_con .infolist .more:hover{color: #fa5d32;} .servicebox .left_con .tabbox a:hover{background: #fff1ed; color: #fa5d32;} .servicebox .left_con .listbox li:last-child a{border: none;} .servicebox .left_con .limg{width: 68px; height: 68px; float: left; margin-right: 10px} .servicebox .left_con .limg img{display: block; width: 100%; height: 100%; object-fit: cover;} /* .servicebox .left_con .rinfo {margin-left: 78px;} */ .servicebox .left_con .rinfo h5{font-size: 14px; color: #333; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .servicebox .left_con .rinfo p{color: #999; font-size: 12px; margin-top: 8px; } .servicebox .left_con .module_box>a{font-size: 14px; color: #999; line-height: 58px; text-align: center; display: block; border-top: solid 1px #f2f2f2;} .servicebox .left_con .module_box>a s{display: inline-block; width: 12px; height: 12px; background: url(/uploads/image/tisimages/arr_left.png) no-repeat center/cover; } .servicebox .right_con{background: #fff; } .servicebox .right_con .titlebox{ height: 70px; border-bottom: solid 1px #f2f2f2; padding-left: 15px; color: #333; font-weight: bold; font-size: 20px; line-height: 70px} .servicebox .right_con .busilist .abox{display: block; padding: 20px; border-bottom: solid 1px #f2f2f2;} .servicebox .right_con .busilist .abox:hover h3{color: #ff653b;} .servicebox .right_con .busilist li:last-child .abox{border: none;} .servicebox .right_con .busilist .logo{width: 52px; height: 52px; border-radius: 50%; float: left;} .servicebox .right_con .busilist .logo img{display: block; width: 100%; height: 100%; border-radius: 50%;} .servicebox .right_con .busilist .busi_name{margin-left: 68px;} .servicebox .right_con .busilist .busi_name h3{font-size: 16px; color: #313233; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .servicebox .right_con .busilist .busi_name p{margin-top: 4px; color: #999;} .servicebox .right_con .busilist .busi_info{margin-top: 10px; font-size: 12px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .servicebox .right_con .busilist .busi_info .typename{color: #ff653b} .servicebox .right_con .more,.middle_con .infolist .more{font-size: 14px; color: #999; line-height: 58px; text-align: center; display: block; border-top: solid 1px #f2f2f2; text-decoration: none;} .servicebox .right_con .more s,.middle_con .infolist .more s{display: inline-block; width: 12px; height: 12px; background: url(/uploads/image/tisimages/arr_left.png) no-repeat center/cover; vertical-align: middle;} .servicebox .right_con .more:hover s,.middle_con .infolist .more:hover s,.servicebox .left_con .module_box>a:hover s{background-image: url(/uploads/image/tisimages/arr_on.png);} /* 中间 */ .middle_con .area_shai{border-bottom: solid 1px #f2f2f2; padding: 20px 0 10px; } .middle_con .area_shai dt{float: left; color: #666; font-size: 14px; padding-left: 23px;} .middle_con .area_shai dd{margin-left: 78px; font-size: 13px; } .middle_con .area_shai dd span,.middle_con .area_shai dd a{line-height: 24px; height: 24px; border-radius: 2px; padding: 0 7px; margin-right: 14px; margin-bottom: 10px; display: inline-block; cursor: pointer;} .middle_con .area_shai dd span.on_chose,.middle_con .area_shai dd a.on_chose{color: #fff !important; background: #ff653b; } .middle_con .area_shai dd a:hover,.middle_con .area_shai dd span:hover{color: #ff653b;} .middle_con .infolist li a{margin: 0 20px; border-bottom: solid 1px #f2f2f2; padding:20px 0; display: block; overflow: hidden; position: relative;} /* .middle_con .infolist li:hover{background: #f5f5f5; } */ .middle_con .infolist li:hover img{transform: scale(1.1);} .middle_con .infolist li:hover .title{color:#ff653b } .middle_con .infolist .loading{text-align: center; color: #666; font-size: 14px; padding: 20px;} .middle_con .infolist .info_img{width:96px; height: 96px; float: left; margin-right: 14px; overflow: hidden;} .middle_con .infolist .info_img img{width:96px; height: 96px; display: block; object-fit: cover; transition: transform .3s} /* .middle_con .infolist .info_detail{margin-left: 110px;} */ .middle_con .infolist .info_detail h2 .tag{margin-right: 4px;} .middle_con .infolist .info_detail h2 .tag:last-child{margin-right: 0} .middle_con .infolist .info_detail h2 .tag,.middle_con .infolist .info_detail .title .hb_style{display: inline-block; color: #fff; width: 18px; height: 18px; border-radius: 2px; background: #24c789; text-align: center; vertical-align: middle; font-size: 12px; font-weight: normal;} .middle_con .infolist .info_detail h2 .tag.hot,.middle_con .infolist .info_detail .title .hb_style{background: #ff653b;} .middle_con .infolist .info_detail h2{margin-bottom: 8px;} .middle_con .infolist .info_detail .title .hb_style{width: auto; padding: 0 4px; margin-right: 4px; vertical-align: middle; margin-bottom: 2px;} .middle_con .infolist .info_detail .title{display: inline-block; max-width: 426px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #313233; font-weight: bold; font-size: 16px; vertical-align: middle;} .middle_con .infolist .info_detail>p{font-size: 12px; margin-top: 12px;} .middle_con .infolist .info_detail p .typename{font-size: 12px; color: #3d7a99;} .middle_con .infolist .info_detail p .addr{color: #999; margin-left:8px; } .middle_con .infolist .info_detail .tabbox{ overflow: hidden;} .middle_con .infolist .info_detail .tabarr{float: left;} .middle_con .infolist .info_detail .tabarr span{display: inline-block; padding: 0 16px; border-radius: 2px; background: #f5f7fa; color: #3d7a99; line-height: 28px; margin-right: 8px; } .middle_con .infolist .info_detail .fb_info{float: right; position: absolute; right: 10px; margin-top: 6px;} .middle_con .infolist .info_detail .bicon{width: 16px; height: 16px; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 5px;} .middle_con .infolist .info_detail .bicon img{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%;} .middle_con .infolist .info_detail h4{display: inline-block; font-size: 12px; color: #666; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 90px;} .middle_con .infolist .info_detail .binfo,.middle_con .infolist .info_detail .fb_date{display: inline-block; vertical-align: middle; color: #999;} .middle_con .infolist .info_detail .fb_date{margin-left: 8px;}