@import url('res.css');body{background-color:#f8f9fa;font-family:"Microsoft Yahei","Open Sans","Lantinghei SC","Hiragino Sans GB","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;font-size:14px;line-height:1.42857;color:#333}a{color:#555;text-decoration:none}a:hover{color:#f9444a}.radius{border-radius:12px}.container{width:1040px;height:auto;margin:0 auto;position:relative}.header{width:100%;height:70px;position:relative;z-index:9;background-color:#fff;box-shadow:0 3px 7px 0 rgba(0,0,0,0.09)}.header .container{display:flex;padding:10px 0;align-items:center}.header .logo{width:160px;height:50px;margin:0 20px 0 0;align-items:center}.header .logo img{display:block;width:100%}.header .navbar{display:flex;height:50px;line-height:50px}.header .navbar li{font-size:15px;font-weight:700;padding:0 12px}.banner{height:370px;overflow:hidden;margin-bottom:16px;position:relative;background-color:#f9444a}.banner .sort{width:160px;height:310px;padding:15px;margin:30px 0;position:relative;z-index:9;box-sizing:border-box;background-color:#fff;border-radius:12px}.banner .sort li{font-size:13px;line-height:32px;position:relative}.banner .sort li:after{display:block;content:'';width:12px;height:12px;position:absolute;right:-3px;top:10px;background-color:#eee;background:url('../images/icon_right.svg') center no-repeat;background-size:100%}.banner .flexslider{margin:0px auto 20px;position:absolute;width:100%;height:370px;top:0;overflow:hidden;zoom:1}.banner .flexslider .slides li{width:100%;height:100%}.banner .flex-direction-nav a{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);transition:all .3s ease;border-radius:35px}.banner .flex-direction-nav .flex-next{background-position:0 -70px;right:0}.banner .flex-direction-nav .flex-prev{left:0}.banner .flexslider:hover .flex-next{opacity:.8;filter:alpha(opacity=25)}.banner .flexslider:hover .flex-prev{opacity:.8;filter:alpha(opacity=25)}.banner .flexslider:hover .flex-next:hover,.banner .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50)}.banner .flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}.banner .flex-control-nav li{margin:0 2px;display:inline-block;zoom:1;*display:inline}.banner .flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer}.banner .flex-control-paging li a.flex-active,.banner .flex-control-paging li.active a{background-position:0 0}.banner .flexslider .slides a img{width:100%;height:370px;display:block}.main{height:auto}.main .hot{border-radius:12px;display:flex;padding:10px;margin-bottom:16px;width:1040px;height:auto;margin:0 auto;position:relative;width:1028px;margin-top:12px;margin-bottom:12px;box-sizing:border-box;background-color:#fff;box-shadow:0 3px 7px 0 rgba(0,0,0,0.04)}.main .hot .icon{width:66px;height:66px;margin-right:20px;z-index:9;background:url('../images/hot.png') center no-repeat}.main .hot ul{flex:1;padding:8px 0}.main .hot ul li{width:50%;float:left;line-height:25px;font-size:14px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.main .hot ul .time{margin-right:10px}.main .hot-sale{display:flex;width:1040px;height:auto;margin:0 auto;position:relative}.main .hot-sale .item{height:150px;flex:1;border-radius:12px;margin:0 6px;position:relative;background-color:#fff;box-shadow:0 3px 7px 0 rgba(0,0,0,0.04)}.main .hot-sale .item::after{display:block;content:'';width:34px;height:34px;left:0;top:0;position:absolute;background:url('../images/hots.png') center no-repeat}.main .hot-sale .item img{height:100%;display:block;margin:0 auto}.main .panel{width:1040px;height:auto;margin:0 auto;position:relative;margin-bottom:16px}.main .panel .title{margin:42px 0;text-align:center}.main .panel .title h3{font-size:28px;font-weight:700;position:relative;margin-bottom:20px;color:#0068ff}.main .panel .title h3::after{display:block;content:'';height:1px;width:130px;background-color:rgba(0,0,0,0.1);position:absolute;bottom:-5px;left:50%;transform:translateX(-50%)}.main .panel .title h3::before{display:block;content:'';height:1px;width:50px;background-color:#0068ff;position:absolute;bottom:-5px;left:50%;transform:translateX(-50%)}.main .panel .title h3 span{font-weight:700}.main .panel .title .desc{margin:2px 0 0;color:#7b7b7b}.sell{width:100%}.sell .panel-body{width:1050px;position:relative}.sell .panel-body .item{width:249px;height:278px;float:left;margin:6px;text-align:center;border-radius:12px;background-color:#fff;box-shadow:0 3px 7px 0 rgba(0,0,0,0.04)}.sell .panel-body .item img{width:210px;height:210px;display:block;margin:5px auto}.sell .panel-body .item h3{padding:0 5px;margin:5px 0 0;box-sizing:border-box;font-size:16px;font-weight:700;color:#f9444a;overflow:hidden;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.sell .panel-body .item p{color:#777}.sell .panel-body li:first-child .item{width:510px;display:flex;padding:35px 10px 0 35px;box-sizing:border-box;background-color:#fff}.sell .panel-body li:first-child .info{width:220px;margin-right:10px;text-align:left;padding:30px 10px}.sell .panel-body li:first-child .info h3{color:#0068ff;font-size:24px;margin:10px 0 0}.sell .panel-body li:first-child .info .more{width:128px;height:38px;line-height:38px;text-align:center;color:#fff;display:block;margin-top:10px;background-color:#57c4d1}.ad{height:210px;position:relative;background:url('../images/kc.png') center no-repeat}.ad .info{width:800px;z-index:9;margin:0 auto;color:#fff;display:flex;padding:45px 0 0;box-sizing:border-box;align-items:center}.ad h3{font-size:28px;font-weight:700;margin:0 0 15px}.ad .l,.ad .r{flex:1;text-align:center}.ad .r{padding:0 0 0 180px;text-align:left}.ad .call{height:42px;line-height:42px;text-align:center;color:#333;padding:0 30px;font-size:16px;font-weight:bold;cursor:pointer;background-color:#fff;display:inline-block}.ad .desc{display:inline-block;border:1px solid #fff;padding:11px 15px;border-radius:50px}.case .panel-body ul{margin:0 -6px;position:relative}.case .panel-body li{float:left;width:338px;height:240px;margin:6px;text-align:center;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 3px 7px 0 rgba(0,0,0,0.04)}.case .panel-body li .name{z-index:9;height:45px;width:100%;color:#fff;line-height:45px;font-size:16px;text-align:center;position:absolute;bottom:0;font-weight:700;background-color:rgba(0,0,0,0.5)}.case .panel-body li img{display:block}.solution .pointer{height:2px;position:absolute;bottom:0px}.solution .pointer li{width:42px;height:2px;background:#5a5a5a;float:left;margin:0 5px;cursor:pointer;display:none}.solution .pointer li.now{height:2px;background:#c8c8c8}.solution .cut{background:#bdbdbd;position:absolute;font-family:'宋体';color:#fff;text-align:center;cursor:pointer;opacity:.2}.solution .J_banner{max-width:100%;position:relative;overflow:hidden;margin:0 auto 10px}.solution .J_banner .img{width:1040px;overflow:hidden;position:absolute;top:0;left:0}.solution .J_banner .img li{float:left;width:1040px;height:480px;position:relative;display:flex;align-items:center}.solution .J_banner .img li a{display:block}.solution .J_banner .img li img{display:block}.solution .J_banner .cut{width:34px;height:58px;left:0;font-size:18px;line-height:58px}.solution .J_banner .cut.next{left:auto;right:0}.solution .J_banner1 .pointer{width:100px;height:15px;position:absolute;bottom:16px;left:50%}.solution .J_banner1 .pointer li{width:15px;height:15px;background:#d0d0d0;border-radius:50%;margin:0 5px;float:left}.solution .J_banner1 .pointer li.now{height:2px!important;background:#fff}.solution .info{width:490px;height:400px;padding:80px;box-sizing:border-box;border-radius:12px 0 0 12px;background-color:#fff;color:#0068ff}.solution .info .a{font-size:14px}.solution .info .b{margin:10px 0;font-size:32px;font-weight:700;overflow:hidden;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.solution .info .c{font-weight:700;margin-bottom:10px;font-size:18px}.solution .info .d{color:#777;font-size:14px;line-height:25px}.solution .info .e{color:#fff;font-size:12px;padding:8px 25px;margin-top:20px;display:inline-block;background-color:#0068ff}.solution .info .e a,.solution .info .e a:hover{color:#fff}.solution .thumb{width:550px;height:480px;border-radius:12px;background-color:#d7edfd}.advantage .panel-body{height:388px;user-select:none;background:url('../images/ys.png') center no-repeat}.advantage .panel-body .c1{width:388px;height:388px;background-color:#fffafa;border-radius:388px;margin:0 auto;overflow:hidden}.advantage .panel-body .c2{width:348px;height:348px;background-color:#fff5f5;border-radius:348px;margin:20px auto;overflow:hidden}.advantage .panel-body .c3{width:308px;height:308px;border-radius:308px;margin:20px auto;text-align:center;overflow:hidden;color:#f9444a;background-image:-moz-linear-gradient(90deg, #fff 0%, #ffe3e3 100%);background-image:-webkit-linear-gradient(90deg, #fff 0%, #ffe3e3 100%);background-image:-ms-linear-gradient(90deg, #fff 0%, #ffe3e3 100%)}.advantage .panel-body .c3:hover .small-btn-text{color:#fff;background-color:#f9444a}.advantage .panel-body .logo{width:100px;height:40px;margin:80px auto 10px;background:url('http://www.hukanglxj.com/statics/images/mini.png') center no-repeat;background-size:50%;overflow:hidden}.advantage .panel-body .name{font-size:26px;font-weight:700}.advantage .panel-body .small-text{font-size:14px}.advantage .panel-body .small-btn-text{margin:10px 0;font-size:12px;padding:5px 10px;display:inline-block;color:#fff;background-color:#f9444a;transition:all .3s}.about .panel-body{height:auto;padding:25px 15px;border-radius:12px;border-top:1px solid #f9444a;background-color:#fff;box-shadow:0 3px 7px 0 rgba(0,0,0,0.04)}.about .tab .tab-head{text-align:center}.about .tab .tab-head li{height:35px;font-size:18px;margin:0 10px;cursor:pointer;font-weight:500;display:inline-block;position:relative}.about .tab .tab-head li.active{color:#f9444a;font-weight:700;position:relative}.about .tab .tab-head li.active::after{height:2px;content:'';width:70px;left:50%;bottom:0;transform:translateX(-50%);background-color:#f9444a;position:absolute}.about .tab .tab-cont{display:none;text-align:center}.about .tab .tab-cont.selected{display:block}.about .tab .tab-cont p{color:#777;font-size:14px;line-height:28px;padding:0 20px;text-align:justify}.about .tab .tab-cont .info{padding:30px}.about .tab .tab-cont ul{margin-top:18px;display:flex}.about .tab .tab-cont ul li{flex:1;height:auto;margin:0 6px;background-color:#fff}.about .tab .tab-cont ul img{display:block;width:100%}.customer ul{border-radius:12px}.customer ul li{width:20%;height:98px;float:left;color:#999;line-height:98px;text-align:center;background-color:#fff;border:4px solid #f8f9fa}.news .panel-body{display:flex}.news .panel-body .item{flex:1;margin:0 6px;padding:0 0 10px 0;border-radius:12px;background-color:#fff;box-shadow:0 3px 7px 0 rgba(0,0,0,0.04)}.news .panel-body .name{height:55px;line-height:55px;font-size:16px;font-weight:700;padding-left:10px}.news .panel-body .img-news{height:195px;overflow:hidden;margin:0 0 10px;position:relative;background-color:#f8f9fa}.news .panel-body .img-news img{display:block;width:100%}.news .panel-body .img-news p{z-index:9;color:#fff;text-align:center;background-color:rgba(255,22,22,0.7);display:block;bottom:0;height:40px;width:100%;font-weight:700;line-height:40px;position:absolute}.news .panel-body ul li{color:#7b7b7b;line-height:32px;display:flex;padding:0 10px}.news .panel-body ul li span:first-child{width:90px;flex-shrink:0;display:block}.news .panel-body ul li span:last-child{overflow:hidden;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-align:left}.link{height:80px;line-height:80px;background-color:#fff}.link a{padding:0 10px;display:inline-block}.footer{height:auto;overflow:hidden;background-color:#2f2f2f}.footer .panel{color:#fff;width:1040px;margin:0 auto;padding:50px 0 0;display:flex}.footer .item{width:260px;margin-right:20px}.footer .item li{float:left;width:50%;line-height:28px;color:#949494}.footer .item li a{color:#949494}.footer .qrcode{display:flex;width:408px;padding:35px 0;align-items:center;box-sizing:border-box;margin-left:30px}.footer .qrcode .thumb{width:138px;height:138px;margin-right:20px;background-color:#fff}.footer .qrcode ol{width:250px;list-style:none}.footer .qrcode li{width:100%;clear:both}.footer .qrcode .f{font-size:24px;font-weight:700;color:#f9444a}.footer h3{width:150px;font-size:16px;margin-bottom:20px;line-height:35px;border-bottom:1px solid #4e4e4e}.footer .beian{margin:0 0 20px;text-align:center}.footer .beian a{color:#949494}.list{height:auto}.list .min-banner{width:100%;height:210px;margin-bottom:20px;background:url('../images/kc.png') center no-repeat}.list .container{padding:0 0 20px;display:flex}.list .panel{background-color:#fff;border-radius:12px;margin-bottom:12px;box-shadow:0 3px 7px 0 rgba(0,0,0,0.04)}.list .title{height:55px;line-height:55px;font-size:16px;font-weight:700;margin:0 15px;border-bottom:1px solid #eee}.list .title a{float:right}.list .sidebar{width:250px;margin-right:12px;box-sizing:border-box}.list .sidebar p{line-height:25px}.list .sidebar .panel-body{padding:0 0 15px}.list .sidebar .panel-body .thumb{width:100%;height:120px;margin:15px 0;background-color:#eee}.list .sidebar ul{padding:10px 0}.list .sidebar ul li{padding:0 15px;position:relative;line-height:35px;transition:all .2s}.list .sidebar ul li:hover a{color:#fff}.list .sidebar ul li:after{display:block;content:'';width:12px;height:12px;position:absolute;right:15px;top:12px;background-color:#eee;background:url(../images/icon_right.svg) center no-repeat;background-size:100%}.list .sidebar ul li:hover{color:#fff;background-color:#f9444a}.list .cont{flex:1;padding:0 15px;box-sizing:border-box;background-color:#fff;line-height:25px;border-radius:12px;box-shadow:0 3px 7px 0 rgba(0,0,0,0.04)}.list .cont .title{margin:0 0 10px}.list .cont .product ul{margin:0 -4px}.list .cont .product li{height:auto;width:33.3333%;float:left;padding:5px;transition:all .2s;box-sizing:border-box}.list .cont .product li:hover .thumb{border-color:#f9444a}.list .cont .product li:hover p{color:#f9444a}.list .cont .product .thumb{height:240px;position:relative;transition:all .2s;border:1px solid #eee;overflow:hidden}.list .cont .product .thumb img{display:block;width:100%;height:100%;object-fit: cover;}.list .cont .product p{text-align:center;line-height:45px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.list .cont .article ul li{line-height:55px;font-size:14px;border-bottom:1px dashed #eee}.list .cont .article ul .time{float:right;color:#888}.list .cont table{margin:5px 0;width:100%!important}.list .cont table td{padding:7px 5px;vertical-align:middle;border:1px solid #eee}.list .cont .page{margin:20px 0;display:flex;text-align:center}.list .cont .page a{padding:7px 15px;margin-left:-1px;border:1px solid #eee;display:inline-block}.goods .table{margin:20px 0 0;width:100%}.goods .table td{color:#555;padding:10px 10px 8px;vertical-align:middle;border:1px solid #eee}.goods .table tr>td:first-child,.goods .table tr>td:nth-child(odd){color:#888;width:110px}.goods .good-thumb{width:100%;border:none}.goods .good-thumb img{width:500px;display:block;margin:0 auto}.qrcode img{display:block;width:100%}