/**++******************************************** ***+++data:2024.05.4++************************** ***+++athor:oupan****************************** *************************************************/ @charset "utf-8"; /**header********/ .global-mask{display:none;width: 100%;height:100%;background:#000;-webkit-opacity: 0.7; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 0.7; /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/ -khtml-opacity: 0.7; /* IE9 + etc...modern browsers */ opacity: .7; /* IE 4-9 */ filter:alpha(opacity=70); /*This works in IE 8 & 9 too*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*IE4-IE9*/ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); z-index:99999;position:fixed;top:0;left:0;} .pc-header{width: 100%;background:rgba(255,255,255,.6);height: 80px;position: fixed;top:0;left:0;z-index: 99999} .pc-header .pc-logo{height: 40px;width: 184px;overflow:hidden;margin-top: 20px;float:left;} .pc-header .pc-nav{height:80px;overflow:hidden;float:left;display: flex;align-items: center;justify-content: space-between;width: 60%;margin-left: 4%} .pc-header .pc-nav li a{font-size: 16px;display: block;position: relative;} .pc-header .pc-nav li a::after{ content: "";display: block;height: 3px;background:#c30707;position: absolute;left: 50%;border-radius:10px;bottom:-15px;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 0;-webkit-transition: all 0.3s;width:0px;-o-transition: all 0.3s;transition: all 0.3s;} .pc-header .pc-nav li.active a::after,.pc-header .pc-nav li a:hover::after{width:20px;} .pc-header .pc-nav li.active a,.pc-header .pc-nav li a:hover{color: #c30707;font-weight: 600;} .pc-header .rightbox{float: right;display: flex;min-width: 225px; margin-top: 20px;height: 40px;justify-content: flex-end;} .pc-header .rightbox .ico-weixin{width:40px;height:40px;background:url(../images/ico-weixin.svg) no-repeat left center;background-size:25px 25px;display:block;line-height:40px;font-size:18px;font-weight:bold;cursor:pointer;position:relative} .pc-header .rightbox .ico-weixin:hover .ico-weixin-box{display:block} .pc-header .rightbox .ico-weixin-box{position:absolute;top:55px;left:50%;z-index:1000;display:none;float:left;width:auto;min-width:150px;margin-left:-75px;padding:10px;margin-top:-1px;font-size:14px;text-align:left;list-style:none;border:0;white-space:nowrap;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);z-index:50;box-shadow:0 6px 12px rgba(0,0,0,.175)} .pc-header .rightbox .ico-weixin-box img{display:block;width:150px;height:150px} .pc-header .rightbox .ico-weixin-box:after{content:'';display:block;width:16px;height:16px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:-8px;left:67px} .pc-header .rightbox .ico-phone{height:40px;background:url(../images/icon-phone.svg) no-repeat left center;background-size:23px 23px;margin-left:10px;display:block;letter-spacing:0;line-height:40px;font-size:18px;font-weight:bold;padding-left:30px;} .pc-header .rightbox .ico-contact{display:block} .pc-header .rightbox .ico-contact a{display:block;width:100px;height:40px;margin-left:30px;line-height:40px;color:#FFF;font-size:14px;border-radius:6px;background-color:#c30707;text-align:center} .pc-header .rightbox .ico-search:hover,.pc-header .rightbox .ico-contact a:hover{opacity:.8} .pc-header .rightbox .f-tel span{font-size: 18px;} .pc-header.fixed{background: #fff;box-shadow: 5px 3px 15px rgba(0, 0, 0, .15);} /*headerWap*/ .headerWap{background: rgba(255, 255, 255, 1)!important;box-shadow: 5px 3px 15px rgba(0, 0, 0, .05);position: fixed;width: 100%;z-index: 999992;display: none;left: 0;top: 0;} .headerWap .headerBox{padding: 0 0.20rem;margin: 0 auto;} .headerWap .headerBox .logo{float: left;padding: 15px 0;} .headerWap .headerBox .logo a{display: block;} .headerWap .headerBox .logo a img{display: block;height:28px;} .headerWap .headerBox .right{text-align: right;display: flex;float: right;font-size: 35px;font-weight: 700;color: #444;cursor: pointer;} .headerWap .headerBox .right img{width: 40px;} .headerWap .nav{position: fixed;top: 0px;left: 0;background: rgba(0, 0, 0, 0);width: 100%;height: 100%;transform: translateX(100%);transition: all 0.5s;} .headerWap .nav.open{transform: translateX(0);transition: all 0.5s;} .headerWap .nav.open{background: rgba(0, 0, 0, 0.5);} .headerWap .nav .head{height: 50px;padding: 20px 15px;} .headerWap .nav .head .icon{height:40px;display: block;line-height: 10px;margin-top: 10px;} .headerWap .nav .head .icon img{height: 25px;} .headerWap .nav .head .btn{width: 30px;height:30px;color: #444;text-align: right;font-size: 20px;line-height:40px;cursor: pointer;} .headerWap .nav .head .btn img{width: 20px;} .headerWap .nav .navBox{position: absolute;right: 0;top: 0;width: 80%;height: 100%;background: #fff;} .headerWap .nav .navBox ul{overflow-y: auto;height: calc(100% - 50px);margin-top: .2rem} .headerWap .nav .navBox li{border-bottom: 1px solid #f5f5f5;position: relative;width: 100%;border-bottom: 1px solid #f5f5f5;} .headerWap .nav .navBox li.open dl{display: block;} .headerWap .nav .navBox li >i.iconfont{width: 59px;height: 59px;color: #1F3163;position: absolute;right: 0;top: 0;text-align: center;font-size: 15px;border: 0px solid red;display: inline-flex;align-items: center;justify-content: center;transition: all 0.5s;background: #F5F5F5;} .headerWap .nav .navBox li >i.iconfont img{transition: all 0.5s;} .headerWap .nav .navBox li.open>i.iconfont img{border: 0px solid red;transform: rotate(180deg);} .headerWap .nav .navBox li i img{width: 20px;} .headerWap .nav .navBox li a{display: inline-block;width: calc(100% - 59px);color: #444;font-size: 15px;padding: 20px 0;font-weight: 700;box-sizing: border-box;padding-left: 20px;} .headerWap .nav .navBox li a.on{color: #63A517;} .headerWap .nav .navBox li dl{display: none;} .headerWap .nav .navBox li dl a{font-weight: normal;box-sizing: border-box;padding: 10px 0 10px 20px;} /***背景视频***/ .indexBanner{width:100vw;height:92vh;position: relative;z-index: 5} .indexBanner .swiper-container{overflow:hidden;} .videoBg{ width: 100%; height:92vh;position:relative;z-index: 1} .videoBg #hero-video{width: 100%;height: 100%;max-width: 100%;max-height: 100%;object-fit: cover;} .videoBg source{min-width: 100%;min-height: 100%;height: auto;width: auto;} .videoBgbox{position:absolute;left:0;top:0;width:100%;height:100%;/*background:url(../images/banner/img-homebanner04.jpg) no-repeat;*/background-size:cover;z-index:1;display:none;} .inner-content {text-align:left;} .inner-content h2,.inner-content p{color:#000;} .inner-content h2{font-size: 68px;font-weight:600;padding-bottom: .05rem;} .inner-content p{font-size: 20px;padding-top: .15rem;} .indexBanner .swiper-slide{overflow:hidden;height: 100%;position: relative;} .indexBanner .swiper-slide .pc-img{width: 100%;height: 92vh;overflow:hidden;position:relative;z-index: 1} .indexBanner .swiper-slide .pc-img img{height:100%} .indexBanner .swiper-slide .box{position: absolute;top:38%;left:5%;z-index: 2;width: 90%;height:50%;} .indexBanner .swiper-pagination{ bottom: 125px;z-index: 10} .indexBanner .swiper-pagination .swiper-pagination-bullet { width: 50px;height: 3px;margin: 0 8px;display: inline-block;border-radius: 1.5px;background: #fff;opacity: .3;} .indexBanner .swiper-pagination .swiper-pagination-bullet-active{ opacity: 1;} .pc-hmNums{position:absolute;left:0;bottom:-80px;top:auto;transform:translateY(0);width:100%;z-index:88;} .pc-hmNums ul{height:126px;background:rgba(255,255,255,1);border-radius:10px;box-shadow:0 6px 20px rgba(231,231,231,0.55)} .pc-hmNums li{width:25%;float:left;text-align:center;position:relative;padding-top:32px;height:120px} .pc-hmNums li .pc-hmNmx{padding-left:80px;position:relative;display:inline-block;text-align:left} .pc-hmNmx .nhmc1ico{position:absolute;left:0;top:50%;width:66px;height:66px;margin-top:-33px} .nhmc1ico img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:0;max-width:100%;height:auto} .pc-hmNums li strong{display:block;color:#c30707;font-family: Arial;font-size: 32px} .pc-hmNums li strong span{font-size:32px;display:inline-block;margin-right:5px} .pc-hmNums li strong i{font-style:normal;display:inline-block;position:relative;transform:translateY(-4px);letter-spacing:1px} .pc-hmNums li p{margin:0;font-size:16px;line-height:26px} .pc-home-product{width: 100%;display: block; padding: 120px 0 40px 0;background-color: #f6f6f6;} .comon-tit{text-align: center;font-size:32px;font-weight: bold; color: #333333;} .pc-home-product .pc-homeproduct-list{display:block;width:100%;margin-top: .6rem;} .pc-home-product .pc-homeproduct-list ul{display:flex;margin:-24px 0 0 -24px;flex-direction:row;flex-wrap:wrap} .pc-home-product .pc-homeproduct-list li{width:calc(20% - 24px);margin:24px 0 0 24px;position:relative;height:236px;padding:40px 36px;box-shadow:0 6px 20px rgba(231,231,231,0.55);overflow:hidden;border-radius:10px;transition:all .4s ease;box-sizing: border-box;} .pc-home-product .pc-homeproduct-list li::before,.pc-homeproduct-list li::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;transition:all .4s ease} .pc-home-product .pc-homeproduct-list li::before{background:linear-gradient(135deg,#fff,#fff);border:2px solid #fff;border-radius:5px;overflow:hidden} .pc-home-product .pc-homeproduct-list li::after{background:linear-gradient(135deg,#c30707,#c5170e);border-radius:5px;overflow:hidden;opacity:0} .pc-home-product .pc-homeproduct-list li:hover{box-shadow:12px 12px 21px 0 rgba(228,54,45,0.29);transform:translateY(-2px)} .pc-home-product .pc-homeproduct-list li:hover::before{opacity:0} .pc-home-product .pc-homeproduct-list li:hover::after{opacity:1} .pc-home-product .pc-homeproduct-list li>div{position:relative;z-index:4;transition:all .4s ease} .pc-home-product .pc-homeproduct-list li>div.image{position:absolute;z-index:2} .pc-home-product .pc-homeproduct-list li .title{line-height:1.1;color:#333;font-size:22px} .pc-home-product .pc-homeproduct-list li:hover .title{color:#fff} .pc-home-product .pc-homeproduct-list li .text{line-height:1.4;color:#848291;font-size:15px;margin:12px 0 16px} .pc-home-product .pc-homeproduct-list li:hover .text{color:#fff} .pc-home-product .pc-homeproduct-list li .link{width:100%;display:flex;font-size:14px;position:absolute;bottom:65px} .pc-home-product .pc-homeproduct-list li .link a{display:block;font-size:15px;padding-right:15px;background:url('../images/icon-arrRH.svg') no-repeat right -3px center/16px auto;position:relative;color:#c30707;transition:all .4s ease} .pc-home-product .pc-homeproduct-list li .link a::after{content:"";position:absolute;width:0;height:1px;background:#c30707;left:0;bottom:0;transition:all .4s ease} .pc-home-product .pc-homeproduct-list li .link a:hover:after{width:100%} .pc-home-product .pc-homeproduct-list li:hover .link a{color:#fff;background-image:url('../images/icon-arrRW.svg')} .pc-home-product .pc-homeproduct-list li:hover .link a::after{background:#fff} .pc-home-product .pc-homeproduct-list li .image{width:61.3%;right:18px;bottom:12px;text-align:right} .pc-home-product .pc-homeproduct-list li .image img{max-width:100%;max-height:116px} .pc-product-list {margin-top: 20px;} .pc-product-list ul{display:flex;flex-direction:row;flex-wrap:wrap} .pc-product-list li{display:block;height:237px;background:#FFF;background-image:none;background-size:cover;background-position:right center;background-repeat:no-repeat;width:24.1%;position:relative;margin-right:1.2%;overflow:hidden;margin-bottom:25px;border-radius:10px;transition:all .4s ease;box-shadow:0 6px 20px rgba(231,231,231,0.55)} .pc-product-list li:hover{background:linear-gradient(135deg,#c30707,#c5170e);box-shadow:12px 12px 21px 0 rgba(228,54,45,0.29);transform:translateY(-2px)} .pc-product-list li:nth-child(4n){margin-right:0} .pc-product-list li .content{position:absolute;z-index:1;width:100%;height:100%} .pc-product-list li .content .text-warp{padding-left:22px;padding-top:56px} .pc-product-list li .content .title{height:24px;font-size:20px;font-weight:bold;color:#222;line-height:21px} .pc-product-list li .content .desc{height:45px;font-size:14px;font-weight:400;color:#666;line-height:1.6;margin-top:8px;padding-right:160px} .pc-product-list li:hover .content .title,.pc-product-list li:hover .content .desc{color:#FFF} .pc-product-list li .content .btn-warp{display:flex;padding-left:5px;padding-top:0} .pc-product-list li .content .btn-warp .btn a{margin-top:16px;height:32px;background:#fff;box-shadow:0 4px 4px 0 rgba(0,0,0,0.1);border-radius:30px 30px 30px 30px;font-size:14px;font-weight:normal;color:#333;display:inline-block;line-height:32px;width:100px;text-align:center;margin-left:14px;cursor:pointer} .pc-product-list li .content .btn-warp .btn a:hover{background:#ff847e;color:#FFF!important;box-shadow:0 4px 4px 0 rgba(228,54,45,0.3)} .pc-product-list li .intro-img{position:absolute;right:12px;bottom:26px} .pc-nav-tab{display:flex;justify-content:flex-start;align-items:center;padding:40px 0 35px 0} .pc-nav-tab.mt0{margin-top:-20px;padding:0} .pc-nav-tab li{display:block;margin:0 16px;font-size:18px;line-height:54px;position:relative;cursor:pointer} .pc-nav-tab li span{font-family:宋体;font-size:16px;padding:0 5px} .pc-nav-tab li.on{color:#c30707;font-weight:bold} .pc-nav-tab li:hover{color:#c30707} .pc-nav-tab li:after{position:absolute;display:block;content:"";left:50%;bottom:0;width:0;height:2px;border-radius:1.5px;background-color:#c30707;transition:all .35s} .pc-nav-tab li.on:after{width:100%;margin-left:-50%} .pc-home-solution{display:block;padding:90px 0 0 0;background-color:#fff} .pc-home-solution .homesolution-box{margin-top:55px;position:relative;background-color:#f2f6fa;transition:background-color .3s} .pc-home-solution .homesolution-list{position:relative;z-index:1;max-width:1920px;width:100%;height:708px;margin:0 auto;font-size:0;overflow:hidden} .pc-home-solution .homesolution-list a{display:inline-block;vertical-align:top;width:20%;height:354px;box-sizing:border-box;border-right:1px solid #d0d9e6;border-bottom:1px solid #d0d9e6;background-color:rgba(31,49,86,0);transition:border-color .3s ease} .pc-home-solution .homesolution-list a:nth-child(5n+1){border-left:1px solid #d0d9e6} .pc-home-solution .homesolution-list a:nth-child(5n){border-right:0} .pc-home-solution .homesolution-list a .pic{position:relative;z-index:2;height:100%;overflow:hidden} .pc-home-solution .homesolution-list a .pic img{position:absolute;right:0;bottom:0;height:100%;opacity:1;transition:opacity .3s ease} .pc-home-solution .homesolution-list a .pic .text{position:relative;padding:48px 39px;height:100%;box-sizing: border-box;} .pc-home-solution .homesolution-list a:hover .pic .text{background:linear-gradient(135deg,rgba(228,54,45,0.8),rgba(197,23,14,0.8))} .pc-home-solution .homesolution-list a .pic .text h3{margin-bottom:20px;transition:color .3s ease;font-size:20px;color:#222;line-height:28px;font-weight:600} .pc-home-solution .homesolution-list a .pic .text .desc{margin-bottom:20px;transition:color .3s ease;font-size:20px;color:#222;line-height:28px;font-weight:600;opacity:.9;font-size:14px;color:#222;line-height:24px;font-weight:400;text-overflow:ellipsis;overflow:hidden;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .pc-home-solution .homesolution-list a:hover .pic .text h3,.pc-home-solution .homesolution-list a:hover .pic .text .desc{color:#fff} .pc-home-solution .homesolution-list a .pic .text .link{width:20px;height:20px;position:absolute;bottom:106px;left:39px;overflow:hidden} .pc-home-solution .homesolution-list a:hover .pic .text .link{width:84px;transition:width .5s ease .15s} .pc-home-solution .homesolution-list a .pic .text .link span{font-size:14px;color:#333;line-height:20px;font-weight:600;opacity:0} .pc-home-solution .homesolution-list a:hover .pic .text .link span{opacity:1;color:#FFF;transition:opacity .5s ease .28s} .pc-home-solution .homesolution-list a .pic .text .link i{position:absolute;top:0;right:0;width:20px;height:100%;background:url(../images/arrow_61c51ce.png) no-repeat -25px 0;background-size:70px 20px} .pc-home-solution .homesolution-list a:hover .pic .text .link i{animation:Xg23_kvx .9s ease .8s infinite} .pc-home-solution .homesolution-list a:hover .pic .text .link i{background:url(../images/arrow_61c51ce.png) no-repeat 0 0;background-size:70px 20px} .pc-home-solution .homesolution-list a .pic-big{position:absolute;left:0;bottom:0;width:100%;height:100%;z-index:-3;overflow:hidden} .pc-home-solution-full{display:block;padding:90px 0 80px 0;background-color:#f6f6f6} .pc-home-solution-full .hsf-navslist{-webkit-font-smoothing:antialiased;width:100%;margin-top: 66px} .pc-home-solution-full .hsf-navslist .navs{font-size:0;margin:20px -10px -20px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap} .pc-home-solution-full .hsf-navslist .navs>li{display:inline-block;vertical-align:top;width:20%;box-sizing:border-box;padding:0 10px;margin-bottom:20px} .pc-home-solution-full .hsf-navslist .navs>li .nav{display:block;height:100%} .pc-home-solution-full .hsf-navslist .navs>li .nav-inner{position:relative;box-sizing:border-box;height:100%;padding:24px 20px;background:#fff;box-shadow:0 6px 20px rgba(231,231,231,0.55);border-radius:10px} .pc-home-solution-full .hsf-navslist .navs>li:hover .nav-inner{background:linear-gradient(135deg,#c30707,#c5170e);box-shadow:0 6px 20px rgba(228,54,45,0.29)} .pc-home-solution-full .hsf-navslist .navs>li .nav-inner .nav-icon{position:absolute;width:48px;height:48px;bottom:24px;right:20px;background-repeat:no-repeat;background-size:100% auto;background-position:top} .pc-home-solution-full .hsf-navslist .navs>li .nav-inner .nav-cnt{max-width:calc(100% - 56px);overflow:hidden} .pc-home-solution-full .hsf-navslist .navs>li .nav-inner .nav-title{font-weight:500;font-size:18px;line-height:26px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease-in-out} .pc-home-solution-full .hsf-navslist .navs>li:hover .nav-inner .nav-title,.pc-home-solution-full .hsf-navslist .navs>li:hover .nav-inner .nav-desc,.pc-home-solution-full .hsf-navslist .navs>li:hover .nav-inner .nav-desc.red{color:#fff} .pc-home-solution-full .hsf-navslist .navs>li .nav-inner .nav-desc{margin-top:8px;font-size:14px;line-height:22px;color:#848291;opacity:.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:44px;display:block;white-space:nowrap;text-overflow:ellipsis} .pc-home-solution-full .hsf-navslist .navs>li .nav-inner .nav-desc.red{color:#c30707} .pc-home-solution-full .hsf-card{display:flex;width:100%;padding-bottom:20px;justify-content:space-between} .pc-home-solution-full .hsf-card .item{display:block;width:265px;height:430px;position:relative;transition:All .3s ease-in-out;background:#fff;box-shadow:0 6px 20px rgba(231,231,231,0.55);border-radius:5px} .pc-home-solution-full .hsf-card .item.cur{width:680px;overflow:hidden} .pc-home-solution-full .hsf-card .item .text-con{display:none} .pc-home-solution-full .hsf-card .item.cur .text-con{display:block} .pc-home-solution-full .hsf-card .item .text{position:absolute;left:0;top:0;width:100%;height:100%;padding:22px 18px;z-index:10} .pc-home-solution-full .hsf-card .item .text .title{font-weight:500;font-size:22px;line-height:28px;position:relative;cursor:pointer;color:#fff;z-index:2;display:block} .pc-home-solution-full .hsf-card .item .text .desc{padding-top:10px;font-size:15px;line-height:22px;color:#fff;white-space:pre-wrap} .pc-home-solution-full .hsf-card .item.cur .text .desc{display:none} .pc-home-solution-full .hsf-card .item.cur .text .title,.hsf-card .item.cur .text .desc{color:#333} .pc-home-solution-full .hsf-card .pic{display:block;width:100%;height:100%;position:relative;z-index:8} .pc-home-solution-full .hsf-card .item.cur .pic{opacity:.3} .pc-home-solution-full .hsf-card .pic.bg01{background:#fff url(../images/bg-homesolution-full01.jpg) no-repeat right center;background-size:auto 100%} .pc-home-solution-full .hsf-card .pic.bg02{background:#fff url(../images/bg-homesolution-full02.jpg) no-repeat right center;background-size:auto 100%} .pc-home-solution-full .hsf-card .pic.bg03{background:#fff url(../images/bg-homesolution-full03.jpg) no-repeat right center;background-size:auto 100%} .pc-home-solution-full .hsf-card .pic.bg04{background:#fff url(../images/bg-homesolution-full04.jpg) no-repeat right center;background-size:auto 100%} .pc-home-solution-full .hsf-card .pic.bg05{background:#fff url(../images/bg-homesolution-full05.jpg) no-repeat right center;background-size:auto 100%} .pc-home-solution-full .hsfc-list{margin-top:12px} .pc-home-solution-full .hsfc-list .list-item{padding-left:24px;background:url(../images/tpm1-list-blue-hook_db8.svg) no-repeat left center;background-size:16px 16px;line-height:22px;text-overflow:ellipsis;overflow:hidden} .pc-home-solution-full .hsfc-card-case{margin-top:20px} .pc-home-solution-full .hsfc-card-case .group__logo{display:flex;margin-top:12px} .pc-home-solution-full .hsfc-card-case .group__logo a{margin:0 16px 12px 0;position:relative;width:120px;padding:12px;height:50px;box-sizing:border-box;box-shadow:none;background:#fff;border:1px solid #e5e8ed;border-radius:4px} .pc-home-solution-full .hsfc-card-case .group__logo a:hover{box-shadow:0 3px 10px rgba(228,54,45,0.15)} .pc-home-solution-full .hsfc-card-case .group__logo img{width:100%;max-width:160px} .pc-home-solution-full .hsfc-card-prod{margin-top:20px} .pc-home-solution-full .hsfc-card-prod .group__prod{display:flex;margin-top:12px} .pc-home-solution-full .hsfc-card-prod .group__prod a{display:flex;align-items:center;font-size:16px;margin-right:16px;line-height:22px} .pc-home-solution-full .hsfc-card-prod .group__prod a img{width:20px;margin-right:8px} .pc-home-solution-full .hsfc-card-btns{display:flex;margin-top:36px} .pc-home-solution-full .hsfc-card-btns .btn--primary{display:inline-block;box-sizing:border-box;min-width:248px;height:36px;padding:0 24px;color:#fff;font-size:14px;line-height:34px;white-space:nowrap;text-align:center;text-decoration:none;vertical-align:middle;background-color:#c30707;border:1px solid transparent;outline:0 none;cursor:pointer;border-radius:5px;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1)} .pc-home-solution-full .hsfc-card-btns .btn--white{display:inline-block;box-sizing:border-box;min-width:248px;height:36px;padding:0 24px;color:#333;font-size:14px;line-height:34px;white-space:nowrap;text-align:center;text-decoration:none;vertical-align:middle;background-color:#fff;border:1px solid transparent;outline:0 none;cursor:pointer;border-radius:5px;margin-left:20px;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1)} .pc-home-solution-full .hsfc-card-btns .btn--primary:hover,.hsfc-card-btns .btn--white:hover{opacity:.8} .pc-home-service{display:block;padding:100px 0 0 0;background:#fff url(../images/bg-home-service.jpg) no-repeat right center / 100% 100%;height:703px;position:relative} .pc-home-service .comon-tit h4{color: #fff;} .pc-home-service .comon-tit p{color: #fff;font-size: 20px;padding-top: 15px;font-weight: 500} .pc-home-service .homeservice-list{display:flex;width:100%;height:460px;position:absolute;left:0;bottom:0} .pc-home-service .homeservice-list li{cursor:pointer;display:block;width:33.333333%;height:460px;position:relative;background-repeat:no-repeat;background-position:right center;background-size:auto 100%} .pc-home-service .homeservice-list li:before{content:"";position:absolute;left:0;width:100%;bottom:0;height:0;background:url(../images/bg-homeservice-hover.png) no-repeat center center;z-index:2;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s} .pc-home-service .homeservice-list li:hover:before{height:100%} .pc-home-service .homeservice-list li .text{display:block;width:100%;height:100%;line-height:1;padding:10.9% 6% 0 6%;position:relative;color:#fff;z-index:10} .pc-home-service .homeservice-list li .text .subtitle{font-size:48px} .pc-home-service .homeservice-list li .text .line{display:block;width:20px;height:3px;background-color:#fff;margin-top:20px;opacity:0} .pc-home-service .homeservice-list li:hover .text .line{opacity:1} .pc-home-service .homeservice-list li .text .desc{transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s;position:absolute;width:100%;padding:0 6% 0 6%;left:0;overflow:hidden;top:45%;font-size:22px;line-height:1.7;transition:all .5s} .pc-home-about{display:block;padding:95px 0 80px 0;background:#fff url(../images/bg-homeabout.jpg) no-repeat right center / 100% 100%;height:906px} .pc-home-about .homeabout-box{display:flex;width:100%;position:relative;justify-content:space-between} .pc-home-about .homeabout-box .pic{width:43%;position:relative} .pc-home-about .homeabout-box .pic img{display:block;margin:-10px auto 0 auto;width: 90%} .pc-home-about .pc-call-use{width:60px;height:60px;position:absolute;display:block;z-index:0;cursor:pointer;left:50%;zoom:1.5;top:50%;z-index:100;margin:20px 0 0 -40px} .pc-home-about .pc-call-use::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;display:flex;background:url(../images/icon-play.svg) no-repeat center center;background-size:18px;justify-content:center;align-items:center;font-size:15px;color:#fff;z-index:101;font-family:Microsoft YaHei;zoom:.6} @keyframes scaleout{ 0%{ transform:scale(0.8);-webkit-transform:scale(0.2);opacity:1 } 100%{ transform:scale(1.0);-webkit-transform:scale(1.0);opacity:0 } } .pc-home-about .pc-call-use .spinner1{opacity:0;position:absolute;width:110px;height:110px;top:-25px;left:-25px;background-color:#ed0808;border-radius:100%;-webkit-animation:scaleout 2s 1s infinite ease-in-out;animation:scaleout 2s 1s infinite ease-in-out} .pc-home-about .pc-call-use .spinner2{opacity:0;position:absolute;top:-30px;left:-30px;width:120px;height:120px;background-color:#ed0808;border-radius:100%;-webkit-animation:scaleout 2s .5s infinite ease-in-out;animation:scaleout 2s .5s infinite ease-in-out} .pc-home-about .pc-call-use .spinner3{opacity:0;position:absolute;top:-40px;left:-40px;width:140px;height:140px;background-color:#ed0808;border-radius:100%;-webkit-animation:scaleout 2s 0s infinite ease-in-out;animation:scaleout 2s 0s infinite ease-in-out} .pc-home-about .homeabout-box .text{width:55%;margin-top:-15px;padding-top:20px;padding-right:3.5%} .pc-home-about .homeabout-box .text .ha-logo{margin-bottom:60px;width: 210px;height: 46px;} .pc-home-about .homeabout-box .text .title{font-size:30px;font-weight:bold;padding-bottom:30px} .pc-home-about .homeabout-box .text .desc{font-size:16px;line-height:32px;color:#808080} .pc-home-about .homeabout-box .text .number{display:flex;justify-content:space-between;width:100%;margin-top:45px;padding-right:50px} .pc-home-about .homeabout-box .text .number li{width:auto;padding-right:35px} .pc-home-about .homeabout-box .text .number li strong{font-size:30px;font-weight:normal;color:#c30707} .pc-home-about .homeabout-box .text .number li strong i{font-family:arial;font-size:60px;font-weight: 600;} .pc-home-about .homeabout-box .text .number li span{display:flex;font-size:16px;color:#808080} .pc-home-about .homeabout-box .text .number li::marker{display: none;content: '';} .pc-home-about .homeabout-box .text .link{display:flex;align-items:center;width:100%;padding-top:60px} .pc-home-about .homeabout-box .text .link .more a{display:flex;font-size:16px;line-height:32px;color:#c30707} .pc-home-about .homeabout-box .text .more a .icon{display:block;width:32px;height:32px;margin-left:12px;background:#c30707 url(../images/img-news-icon.png) no-repeat center center;background-size:13px 13px;border-radius:50%} .pc-home-about .homeabout-box .text .contact{display:block;width:90px;height:40px;margin-left:65px;line-height:40px;color:#FFF;font-size:14px;border-radius:6px;background-color:#c30707;text-align:center} .pc-home-about .homeabout-box .text .link a:hover{opacity:.8} .pc-home-client{display:block;padding:85px 0 80px 0;background-color:#fff} .pc-home-client .case-card-list{display:block;width:100%;margin:0 auto;position:relative;min-height:240px;margin-bottom:30px;margin-top: 66px;} .pc-home-client .ac-list{display:block;width:100%;min-height:240px;position:absolute;list-style:none;overflow:hidden;z-index:1;padding-top:10px;margin-top:-10px;padding:10px 18px 0 18px} .pc-home-client .ac-list .swiper-wrapper{padding:0} .pc-home-client .ac-list li{padding:0} .pc-home-client .case-card-list .swiper-button-prev,.pc-home-client .case-card-list .swiper-button-next{width:35px;height:35px;border:none!important;border-radius: 50%;background-color: rgba(0,0,0,0.3);border: 1px solid #999999;} .pc-home-client .case-card-list .swiper-button-prev{left:0;top:45%} .pc-home-client .case-card-list .swiper-button-next{right:0;top:45%} .swiper-button-prev:hover,.swiper-button-next:hover{background: linear-gradient(270deg, #bf1313 0%, #ff5c33 100.58%);background-color: #ff5c33; border: none;} .pc-home-client .case-card-list .swiper-button-next::after,.pc-home-client .case-card-list .swiper-button-prev::after{color:#FFF;font-size:20px} .pc-home-client .case-card{display:block;box-sizing:border-box;width:auto;height:210px;background-image:linear-gradient(0deg,#fff,#f3f5f8);box-shadow:0 6px 20px rgba(231,231,231,0.65);border-radius:10px;white-space:normal;position:relative} .pc-home-client .case-card:hover{box-shadow:0 6px 20px rgba(228,54,45,0.29)} .pc-home-client .case-card__bg{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:10px;pointer-events:none;opacity:0} .pc-home-client .case-card__inner{position:relative;z-index:1;padding:53px 32px 0;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start} .pc-home-client .case-card__object{width:40px;margin-right:20px} .pc-home-client .case-card__logo{display:block;width:100%;border-radius:10px} .pc-home-client .case-card__main{-ms-flex:1;flex:1;width:1px;position:relative;z-index:1} .pc-home-client .case-card__main:before{content:"";position:absolute;left:-12px;top:-27px;z-index:-1;width:57px;height:46px;background-image:url(../images/sprite.Main-202308241038.svg);background-position:47.89915966386555% 70.37037037037037%;background-size:308.77192982456137% auto} .pc-home-client .case-card__desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:84px;font-size:16px;color:#333;text-align:justify;line-height:24px;max-height:112px} .pc-home-client .case-card__name{margin-top:24px;font-size:16px;color:#293957;text-align:right;line-height:28px} .pc-home-client .logo-card{display:flex;width:100%;flex-direction:row;flex-wrap:wrap} .pc-home-client .logo-card li{display:inline-block;vertical-align:top;width:12.5%;padding:0 20px 16px 0} .pc-home-client .logo-card li:nth-child(8n){padding-right:0} .pc-home-client .logo-card li a{width:100%;background:#fff;box-shadow:0 6px 20px rgba(231,231,231,0.65);border-radius:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-font-smoothing:antialiased;height:90px;padding:20px} .pc-home-client .logo-card li:hover a{box-shadow:0 6px 20px rgba(228,54,45,0.29)} .pc-home-client .logo-card li a img{width:auto;max-width:160px;height:auto;max-height:50px;font-size:0!important;line-height:0!important} @keyframes indalRun{ 0%{ opacity:0;transform:translateY(16px);filter:blur(4px) } 100%{ opacity:1;transform:translateY(0);filter:blur(0) } } .pc-home-news{display:block;padding:80px 0 75px 0;background-color:#fff} .pc-home-news .homenews-box{display:flex;width:100%;height:634px;justify-content:space-between;margin-top: 66px;} .pc-home-news .homenews-box .focus{flex:0 0 744px;width:744px;height:100%;position:relative;background:#f7f8fc;border-radius:8px;overflow:hidden} .pc-home-news .homenews-box .focus .pic{height:417px;-webkit-object-fit:cover;object-fit:cover;width:100%} .pc-home-news .homenews-box .focus .textbox{padding:32px 32px 0} .pc-home-news .homenews-box .focus .text{display:-moz-box;display:flex;-moz-box-align:center;align-items:center} .pc-home-news .homenews-box .focus .tag{background:rgba(0,102,255,.1);border-radius:4px;font-size:16px;color:#c30707;letter-spacing:0;text-align:right;font-weight:500;width:88px;display:block;height:32px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:32px;text-align:center;margin-right:12px} .pc-home-news .homenews-box .focus .title{cursor:pointer;-moz-box-flex:1;flex:1 1;font-size:24px;color:#111f2c;line-height:32px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .pc-home-news .homenews-box .focus .desc{margin-top:16px;font-size:16px;color:rgba(17,31,44,.6);text-align:justify;line-height:24px;height:48px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .pc-home-news .homenews-box .focus .date{display:inline-block;height:40px;line-height:40px;position:absolute;bottom:32px;font-size:14px;color:rgba(17,31,44,.32)} .pc-home-news .homenews-box .homenews-list{display:flex;width:1045px;justify-content:space-between} .pc-home-news .homenews-box .homenews-list .cardWrap{display:block;width:502px;height:634px;background:#f7f8fc;padding:24px;border-radius:10px} .pc-home-news .homenews-box .homenews-list .head{display:-moz-box;display:flex;-moz-box-pack:justify;justify-content:space-between;height:28px;line-height:28px} .pc-home-news .homenews-box .homenews-list .head .cardTitle{font-size:20px;color:#111f2c;font-weight:500} .pc-home-news .homenews-box .homenews-list .head .more{font-size:16px;color:#c30707;letter-spacing:0;text-align:justify;cursor:pointer;font-weight:400} .pc-home-news .homenews-box .homenews-list .cardContent{padding-top:10px} .pc-home-news .homenews-box .homenews-list .cardContent .cardItem{padding:15px 0 15px 0;height:110px;display:-moz-box;display:flex} .pc-home-news .homenews-box .homenews-list .cardContent .cardItem .pic{height:80px;width:128px;margin-right:20px;border-radius:4px;display:block;overflow:hidden} .pc-home-news .homenews-box .homenews-list .cardContent .cardItem .pic img{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out;height:100%;width:100%} .pc-home-news .homenews-box .homenews-list .cardContent .cardItem:hover .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)} .pc-home-news .homenews-box .homenews-list .cardContent .cardItem .text{-moz-box-flex:1;flex:1 1;display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-pack:justify;justify-content:space-between} .pc-home-news .homenews-box .homenews-list .cardContent .cardItem .text .textTitle{line-height:22px;font-size:16px;color:#111f2c;margin:0;font-weight:normal} .pc-home-news .homenews-box .homenews-list .cardContent .cardItem:hover .text .textTitle{color:#c30707} .pc-home-news .homenews-box .homenews-list .cardContent .cardItem .text .textDate{font-size:14px;color:rgba(17,31,44,.32)} .pc-home-news .homenews-box .focus .title a:hover{color:#c30707} .pc-home-article{display:block;padding:80px 0 75px 0;background-color:#f6f6f6} .pc-home-article #tab-swiper{width:100%;height:54px;margin:0 auto;overflow:hidden;list-style:none;z-index:1;top:32px;padding:0 30px;position:absolute} .pc-home-article .tab-swiper{display:block;padding-top:32px;position:relative;height:86px} .pc-home-article .tab-swiper li{display:flex;width:auto;margin:0;height:54px;justify-content:center} .pc-home-article .tab-swiper li span{display:inline-block;font-size:18px;line-height:54px;position:relative;cursor:pointer} .pc-home-article .tab-swiper li.on,.tab-swiper li span:hover{color:#c30707;font-weight:bold} .pc-home-article .tab-swiper li.on a,.tab-swiper li span a:hover{color:#c30707;font-weight:bold} .pc-home-article .tab-swiper li span:after{position:absolute;display:block;content:"";left:50%;bottom:0;width:0;height:2px;border-radius:1.5px;background-color:#c30707;transition:all .35s} .pc-home-article .tab-swiper li.on span:after,.tab-swiper li span:hover:after{width:32px;margin-left:-16px} .pc-home-article .tab-swiper .swiper-button-prev{left:-10px} .pc-home-article .tab-swiper .swiper-button-next{right:-10px} .pc-home-article .tab-swiper .swiper-button-prev,.pc-home-article .tab-swiper .swiper-button-next{width:46px;height:46px;margin-top:-23px;border-radius:50%;background:none!important;border:none!important} .pc-home-article .tab-swiper .swiper-button-next:after,.pc-home-article .tab-swiper .swiper-button-prev:after{color:#999;font-size:18px} .pc-home-article .tab-swiper .swiper-button-prev:hover,.pc-home-article .tab-swiper .swiper-button-next:hover{color:#c30707;border:0} .pc-home-article .tab-swiper .swiper-button-next:hover:after,.pc-home-article .tab-swiper .swiper-button-prev:hover:after{color:#c30707} .pc-home-article .homearticle-list{display:block;width:100%;margin-top: 66px;} .pc-home-article .homearticle-list ul{display:flex;width:100%;justify-content:space-between} .pc-home-article .homearticle-list .hl-left{flex:0 0 32%;width:32%;height:493px;overflow:hidden;background-color:#FFF} .pc-home-article .homearticle-list .hl-left:hover{box-shadow:0 6px 20px rgba(228,54,45,0.29)} .pc-home-article .hl-left .img{position:relative;width:100%;height:340px} .pc-home-article .hl-left .img img{display:block;width:100%;height:340px} .pc-home-article .hl-left .info{padding:24px} .pc-home-article .hl-left .info .info-top{display:flex;height:auto;overflow:hidden} .pc-home-article .info-top .time,.pc-home-article .hl-right .time{width:100px;height:100px;background-color:#ef8681;z-index:10;border-radius:3px} .pc-home-article .info-top .time span,.pc-home-article .hl-right .time span{display:block;color:#FFF;width:100px;line-height:50px;text-align:center} .pc-home-article .info-top .time span:first-child{font-weight:bold} .pc-home-article .info-top .time .day{background-color:#c30707;border-radius:3px} .pc-home-article .hl-left .info .info-right{width:85%;margin:0 0 0 16px} .pc-home-article .hl-left .info-right .title{font-size:20px;font-weight:bold} .pc-home-article .hl-left .info-right .desc{font-size:15px;color:#848291;line-height:23px;margin-top:5px} .pc-home-article .homearticle-list .hl-right{width:68%;display:flex;justify-content:space-around;flex-direction:row;flex-wrap:wrap} .pc-home-article .homearticle-list .hl-right li{margin:0 0 24px 24px;padding:24px;display:inline-block;background-color:#FFF;position:relative;width:47.5%;box-sizing: border-box;} .pc-home-article .homearticle-list .hl-right li:hover{box-shadow:0 6px 20px rgba(228,54,45,0.29)} .pc-home-article .homearticle-list .fs30{font-size:30px} .pc-home-article .homearticle-list .fs20{font-size:20px} .pc-home-article .homearticle-list .fs18{font-size:18px} .pc-home-article .hl-right li a{display:flex;width:100%} .pc-home-article .hl-right li .time{background:#fff1f0;border-radius:3px} .pc-home-article .hl-right li .time .day{background:#fededc} .pc-home-article .hl-right li .time span:first-child{font-weight:bold} .pc-home-article .hl-right li .time span{display:block;color:#222;border-bottom-left-radius:3px;border-bottom-right-radius:3px} .pc-home-article .hl-right li .more{width:78%;margin-left:24px} .pc-home-article .hl-right li .more span{font-size:15px;color:#848291;line-height:23px;margin-top:5px} .lm1, .lmm1 {white-space: nowrap;display: block; -webkit-box-orient: inherit; overflow: hidden;text-overflow: ellipsis;} .lm {overflow: hidden;display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical;} .lm3, .lmm3 {-webkit-line-clamp: 3;} /**pc-foort**/ .pc-footer{position:relative;font-size:16px;color:#fff;background-color:#2c2a2a;z-index:10;} .pc-footer .pc-footermain:after,.pc-footermain:before{content:" ";display:table} .pc-footer .pc-footermain:after{clear:both} .pc-footer .block-footer-logo,.pc-footerbottom,.pc-footermain{position:relative;padding:0 35px;width:auto} .pc-footer .block-footer-bg{position:relative;height:114px;overflow:hidden} .pc-footer .block-footer-bg.is-white{background-color:#f6f6f6} .pc-footer .block-footer-bg .footer-bg1,.block-footer-bg .footer-bg2{position:absolute} .pc-footer .block-footer-bg .footer-bg1{right:0} .pc-footer .block-footer-bg .footer-bg2{left:0} .pc-footer .block-footer-logo{margin-top:-50px;margin-bottom:50px} .pc-footer .block-footer-logo .footer-logo{display:inline-block;width:130px;height: 28px;} .pc-footer .block-footer-left{display:flex;justify-content:space-between;padding-right:60px} .pc-footer .footer-menu{margin-right:40px;display:inline-block;line-height:1;position:relative;vertical-align:top;width: 68%} .pc-footer .footer-menu .footer-menu-title{margin-bottom:24px;font-size:22px;font-weight:700;line-height:1} .pc-footer .footer-menu .footer-menu-item{line-height:1.4} .pc-footer .footer-menu .footer-menu-item dd{margin:7px 0;font-size:16px} .pc-footer .footer-menu a{color:#fff} .pc-footer .footer-menu .box{height:180px;} .pc-footer .footer-menu .box .footer-brand{width: 68%;overflow:hidden;} .pc-footer .footer-menu .box .footer-brand .brandbox{margin-top: 26px;overflow:hidden;height: 120px;} .pc-footer .footer-menu .box .footer-brand .brandbox a{display: block;} .pc-footer .footer-menu .box .footer-brand .brandbox a div.img{width: 120px;height:80px;} .pc-footer .footer-menu .box .footer-brand .brandbox a div.img img{width: 120px;margin:0;} .pc-footer .footer-menu .box .footer-brand .brandbox a p.txt{line-height: 40px;font-size: 16px;text-align: center;width: 120px;} .pc-footer .contactCode a{position:relative} .pc-footer .contactCode a:hover .contactCode-box{display:block} .pc-footer .contactCode a .contactCode-box{position:absolute;bottom:35px;left:-10px;z-index:1000;display:none;float:left;width:auto;min-width:140px;padding:10px;margin-top:-1px;font-size:14px;text-align:left;list-style:none;border:0;white-space:nowrap;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)} .pc-footer .contactCode a .contactCode-box img{display:block;width:120px;height:120px;margin:0} .pc-footer .contactCode a .contactCode-box:after{content:'';display:block;width:10px;height:10px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);position:absolute;bottom:-5px;left:15px} .pc-footer .block-footer-left a:hover,.pc-footerbottom a:hover,.footer-link a:hover{text-decoration:underline!important;opacity:.9} .pc-footer .footer-rightbox{padding:26px 30px 26px 45px;width:476px;background-color:#fff;color:#001524;border-radius:8px;margin-bottom:55px;float:right;box-sizing: border-box;} .pc-footer .footer-rightbox:after,.footer-rightbox:before{content:" ";display:table} .pc-footer .footer-more{float:left;display:inline-block} .pc-footer .footer-more .footer-more-title{margin-top:8px;margin-bottom:20px;font-size:20px;font-weight:500;line-height:1;color:#001524} .pc-footer .footer-more .footer-more-title-sub{margin-bottom:12px;font-size:18px;color:#001524} .pc-footer .footer-more .footer-more-list{padding-bottom:10px} .pc-footer .footer-more .footer-more-item{padding-left:20px;margin-bottom:14px;font-size:18px} .pc-footer .footer-more .footer-more-item i{margin-right:12px;display:inline-block;width:10px;height:10px;border-radius:50%;background-color:#c30707;-webkit-box-shadow:3px 7px 9px 0 rgba(0,60,181,.14);box-shadow:3px 7px 9px 0 rgba(0,60,181,.14)} .pc-footer .footer-more .footer-more-item i,.footer-more .footer-more-item span{vertical-align:middle} .pc-footer .footer-more .footer-button-email{padding:6px 36px;font-size:16px;line-height:1;border-radius:23px} .pc-footer .footer-more .footer-button-email:hover{opacity:.8} .pc-footer .eroad-button.is-primary{color:#fff;background-color:#c30707;border-color:#c30707} .pc-footer .footer-scan{float:right;display:inline-block;text-align:center;line-height:1} .pc-footer .footer-scan .footer-scan-box{display:inline-block;margin-bottom:16px;width:150px;height:180px;padding:3px;background-color:#fff;border-radius:6px} .pc-footer .footer-scan .footer-scan-qr{width:100%;height:100%} .pc-footer .footer-scan .footer-scan-text{font-size:16px} .pc-footer .block-footer-leftline{display:flex;width:100%;justify-content:space-between;padding-top:35px;margin-bottom:0} .pc-footer .footer-menu img{cursor:pointer;width:22px;margin-top:8px;margin-right:6px} .pc-footer .pc-footerbottom{display:block;padding-top:15px;padding-bottom:15px;border-top:1px solid #333;color:#fff} .pc-footer .pc-footerbottom a{color:#fff} .pc-footer .block-footerbottom-info{display:flex;justify-content:space-between;text-align:left} .pc-footer .block-footerbottom-info a{margin:0 10px} .pc-footer .block-footerbottom-info .footer-copyright a,.footer-copyright span{margin-right:10px;font-size: 14px;} .pc-footer .footer-link{padding-top:20px;font-size:15px;line-height:1.6;padding-bottom:1px} .pc-footer .footer-link a{margin:0 3px} .pc-footer .footer-website,.pc-footer .footer-copyright{font-size: 14px;} .pc-footer .block-footerbottom-info .footer-copyright a{line-height: 35px;display: inline-block;} .bottom-contact{position: fixed;z-index: 999;bottom: 0;left: 0;width: 100%; height:70px;padding-bottom:10px;background-color: #fff;border-top: 1px solid #dddddd;font-size:14px;display: none;} .bottom-contact .phone ,.bottom-contact .free-tel{background-color: #c30707;width: 46%;height: 35px;line-height: 35px;text-align: center;color: #fff;border-radius: 5px;} .bottom-contact .box{height: 35px;width:80%;margin:17.5px 10% ;} .bottom-contact a{display: block;color: #fff;} .bottom-contact .phone .icon1{display: block;width: 35px;height:35px;background: url(../images/footer-icon1.png) no-repeat center;background-size: 23px 23px;float: left} .bottom-contact .phone .txt,.bottom-contact .free-tel .txt{display: block;float: left;} .bottom-contact .free-tel .icon2{display: block;width: 55px;height:35px;background: url(../images/footer-icon2.png) no-repeat center;background-size: 23px 23px;float: left} /**********响应式开始****************/ @media (max-width:1560px){ .pc-wp{padding:0 .2rem;} .pc-header .pc-logo{width:150px;height: 33px;margin-top: 23.5px;} .pc-header .rightbox .ico-contact{display: none;} .pc-header .pc-nav{width:62%;} /**banner*/ .inner-content h2{font-size: 50px;} .inner-content p{font-size: 19px;} .indexBanner .swiper-pagination{bottom:100px;} /*主营业务**/ .pc-nav-tab{display: flex;align-items: center;justify-content: space-between;height: 50px;margin-top: 15px;} .pc-nav-tab li::after{height: 3px;border-radius: 3px;} .pc-nav-tab li.on::after{width: 30%;margin-left:-20%;} .pc-nav-tab li{font-size: 16px;margin:0;} .pc-product-list li .content .title{font-size: 18px;} .pc-home-product .pc-homeproduct-list li .title{font-size: 20px;} /**营销战略**/ .pc-home-service .homeservice-list li .text .subtitle{font-size: 40px;} .pc-home-service .homeservice-list li .text .desc{font-size: 20px;} /**营销全案*/ .pc-home-solution-full .hsf-card .item .text .title{font-size: 20px;} /**footer*/ .pc-footer .footer-menu{width: 65%} } @media (max-width:1440px){ /*新闻**/ .pc-home-article .homearticle-list .hl-right li{width:45%;} /**about*/ .pc-home-about .homeabout-box .pic img{width: 90%} } @media (max-width:1360px){ .pc-header .rightbox .ico-phone .f-tel{display: none;} .pc-header .rightbox{min-width: 100px;} .pc-header .pc-nav{width:70%;} /**banner**/ .inner-content h2{font-size: 40px;} .inner-content p{font-size: 18px;} .pc-hmNums li strong span{font-size: 28px;} .pc-hmNums{bottom: -70px;} .comon-tit,.comon-tit h4{font-size: 30px;} .pc-home-service .comon-tit p{font-size: 18px} /**营销战略**/ .pc-home-service .homeservice-list li .text .subtitle{font-size: 38px;} .pc-home-service .homeservice-list li .text .desc{font-size: 16px;} } @media (max-width:1195px){ /*右边客服**/ .rightfixed{display: none} /**首页*/ .pc-header .pc-logo{display: none} .pc-header{height: 58px;display:none;} .pc-header .pc-wp{height: 58px;} .pc-header .pc-nav{display:none;} .headerWap{display:block;} /*主营业务**/ .pc-product-list li .content .title{font-size: 16px;} .comon-tit,.comon-tit h4{font-size: 28px;} .pc-home-product .pc-homeproduct-list li .title{font-size: 18px;} } @media (max-width:1080px){ } @media (max-width:767px){ .bottom-contact{display: block} /**.indexBanner*/ .indexBanner,.indexBanner .swiper-slide .pc-img,.videoBg{height: 375px;} .inner-content h2{font-size: 22px;} .inner-content p{font-size: 14px;line-height: 1.5} .indexBanner .swiper-pagination{bottom: 80px;} .indexBanner .swiper-pagination .swiper-pagination-bullet { background: #CCCCCC;width: 20px;margin:0 5px;} .indexBanner .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;background: #c30707;} .pc-hmNums ul { height: auto; border-radius: 10px; display: flex;flex-direction: row;flex-wrap: wrap;padding-bottom: 12px;padding-left: 10px;} .pc-hmNums li .pc-hmNmx {padding-left: 45px;} .pc-hmNums li strong span ,.pc-hmNums li strong{ font-size: 22px;} .pc-hmNums li{flex: 0 0 50%;width: 50%;float: none;padding-top: 12px;height: auto;text-align: left;} .pc-hmNmx .nhmc1ico {position: absolute;left: 0; top: 50%;width: 38px; height: 38px;margin-top: -20px;} .pc-hmNums li p {font-size: 12px;line-height: 13px;} .pc-hmNums li strong i{font-size: 13px;} .comon-tit,.comon-tit h4{font-size: 20px} .pc-home-service .comon-tit p{font-size: 16px} .pc-home-product{padding:120px 0 20px 0} .pc-home-product .pc-homeproduct-list ul{margin:-24px 0 0 -15px} .pc-home-product .pc-homeproduct-list li{width:calc(50% - 15px);margin:18px 0 0 15px;height:180px;padding:20px 16px} .pc-home-product .pc-homeproduct-list li .image{width:30%} .pc-home-product .pc-homeproduct-list li .title{font-size:18px} .pc-home-product .pc-homeproduct-list li .text{font-size:14px;margin:10px 0 12px} .pc-home-product .pc-homeproduct-list li .link{position:relative;bottom:0} .pc-home-product .pc-homeproduct-list li .link a{font-size:14px;padding-right:15px} .pc-home-product .pc-homeproduct-list li .image img{max-height:90px} .pc-nav-tab{height: auto;display: flex;justify-content: flex-start;align-items: center;flex-direction: row;flex-wrap: wrap;padding:10px 0;} .pc-nav-tab li{margin: 0 .4rem 3px 0;line-height: 35px;font-size:15px;} .pc-nav-tab li.on::after{width: 40%;margin-left: -20%;} .pc-product-list{margin-top: .15rem} .pc-product-list li {height: 237px; width: 100%;position: relative;margin-right: 1.2%;margin-bottom: 25px;} .pc-home-solution-full .hsf-navslist .navs > li .nav-inner .nav-title{font-size: 16px;} .pc-home-solution-full .hsf-navslist .navs > li .nav-inner .nav-desc{font-size: 13px;} .pc-home-solution{padding:30px 0 0 0} .pc-home-solution .homesolution-list{max-width:100%;width:100%;height:auto;margin:0 auto} .pc-home-solution .homesolution-list a{width:50%;height:280px} .pc-home-solution .homesolution-list a .pic .text{padding:28px 19px} .pc-home-solution .homesolution-list a .pic .text h3{margin-bottom:10px;font-size:18px} .pc-home-solution .homesolution-list a .pic .text .desc{-webkit-line-clamp:4} .pc-home-solution .homesolution-list a .pic .text .link{bottom:60px;left:19px} .pc-home-solution-full{padding:30px 0 30px 0} .pc-home-solution-full .hsf-navslist,.pc-home-solution .homesolution-box{margin-top:.6rem} .pc-home-solution-full .hsf-card{display:flex;width:100%;padding-bottom:20px;justify-content:flex-start;flex-direction:column} .pc-home-solution-full .hsf-card .item{display:block;width:100%;height:230px;margin-bottom:15px} .pc-home-solution-full .hsf-card .item.cur{width:100%;height:500px;overflow:hidden} .pc-home-solution-full .hsf-card .item .text .title{font-weight:500;font-size:18px;line-height:28px;color:#000} .pc-home-solution-full .hsf-card .item .text .desc{color:#333} .pc-home-solution-full .hsf-card .pic{background-position:right bottom!important;background-size:auto 150%!important} .pc-home-solution-full .hsf-card .item.cur .pic{background-position:right center!important;background-size:auto 100%!important} .pc-home-solution-full .hsfc-card-case .group__logo{display:flex;margin-top:12px;flex-direction:row;flex-wrap:wrap} .pc-home-solution-full .hsfc-card-case .group__logo a{margin:0 10px 12px 0;width:30%;padding:12px;height:45px} .pc-home-solution-full .hsfc-card-prod .group__prod{display:flex;margin-top:12px;flex-direction:row;flex-wrap:wrap} .pc-home-solution-full .hsfc-card-prod .group__prod a{display:flex;align-items:center;font-size:13px;width:32%;margin-right:0;line-height:22px} .pc-home-solution-full .hsfc-card-prod .group__prod a img{width:16px;margin-right:3px} .pc-home-solution-full .hsfc-card-btns .btn--primary{min-width:45%} .pc-home-solution-full .hsfc-card-btns .btn--white{min-width:45%} .pc-home-solution-full .hsf-navslist .navs{font-size:0;margin:0px -6px -20px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;flex-direction:row} .pc-home-solution-full .hsf-navslist .navs>li{width:100%;padding:0 6px;margin-bottom:12px} .pc-home-service{padding:30px 0 0 0;height:auto} .pc-home-service .homeservice-list{display:flex;width:100%;height:auto;position:relative;left:0;bottom:0;flex-direction:column;margin-top: .6rem;} .pc-home-service .homeservice-list li{display:block;width:100%;height:300px;background-size:100% 100%;} .pc-home-service .homeservice-list li .text .subtitle{font-size:22px;font-weight: 600;} .pc-home-service .homeservice-list li .text .title{font-size:30px;margin-top:12px} .pc-home-service .homeservice-list li .text .desc{height:auto!important} .pc-home-service .homeservice-list li .text .desc{font-size: 15px;} .pc-home-about{padding:85px 0 45px 0;height:auto} .pc-home-about .homeabout-box{display:flex;width:100%;position:relative;justify-content:flex-start;flex-direction:column} .pc-home-about .homeabout-box .pic{width:100%;position:relative} .pc-home-about .homeabout-box .pic img{margin:-70px auto 0 auto;width:100%} .pc-home-about .homeabout-box .text{width:100%;margin-top:38px;padding-top:0;padding-right:0} .pc-home-about .homeabout-box .text .ha-logo{padding-bottom:0;margin: .1rem auto .4rem auto;overflow:hidden;} .pc-home-about .homeabout-box .text .ha-logo img{display:block;} .pc-home-about .homeabout-box .text .title{font-size:18px;padding-bottom:.3rem;text-align:center} .pc-home-about .homeabout-box .text .desc{font-size:14px;line-height:1.8} .pc-home-about .homeabout-box .text .number{display:flex;justify-content:flex-start;width:100%;margin-top:15px;padding-right:0;flex-direction:row;flex-wrap:wrap} .pc-home-about .homeabout-box .text .number li{width:44%;padding-right:0;margin-bottom:10px;} .pc-home-about .homeabout-box .text .number li strong i{font-size:22px} .pc-home-about .homeabout-box .text .number li strong{font-size: 14px;} .pc-home-about .homeabout-box .text .number li span{font-size: 14px;} .pc-home-about .pc-call-use{margin:-20px 0 0 -40px;} .pc-home-client{padding:35px 0 35px 0} .pc-home-client .case-card-list{margin-top: .6rem;margin-bottom: .3rem} .pc-home-client .logo-card li{display:inline-block;vertical-align:top;width:30.9%;margin:0 3% 12px 0;padding:0} .pc-home-client .logo-card li a img{width:auto;max-width:100%;height:auto} .pc-home-client .logo-card li:nth-child(3n){margin-right:0!important} .pc-home-client .logo-card li:nth-child(8n){margin-right:3%} .pc-home-client .logo-card li a{height:55px;padding:10px} .pc-home-client .case-card__desc,.pc-home-client .case-card__name{font-size: 15px;} .pc-home-news{padding:0px 0 35px 0} .pc-home-news .homenews-box{display:flex;width:100%;height:auto;justify-content:flex-start;flex-direction:column;margin-top: .6rem} .pc-home-news .homenews-box .focus{flex:0 0 100%;width:100%;height:auto;border-radius:8px} .pc-home-news .homenews-box .focus .pic{height:220px} .pc-home-news .homenews-box .focus .textbox{padding:18px 20px 10px} .pc-home-news .homenews-box .focus .title{font-size:16px;width:0} .pc-home-news .homenews-box .focus .tag{font-size:14px;height: 28px;width: 75px;line-height: 28px;} .pc-home-news .homenews-box .focus .desc{margin-top:14px;font-size:14px} .pc-home-news .homenews-box .focus .date{height:30px;line-height:20px;position:relative;bottom:unset;font-size:14px} .pc-home-news .homenews-box .homenews-list{display:flex;width:100%;justify-content:flex-start;flex-direction:column} .pc-home-news .homenews-box .homenews-list .cardWrap{width:100%;height:auto;padding:20px;margin-top:15px} .pc-home-news .homenews-box .homenews-list .head .cardTitle{font-size:18px} .pc-home-news .homenews-box .homenews-list .head .more{font-size:14px} .pc-home-news .homenews-box .homenews-list .cardContent .cardItem{padding:10px 0 10px 0;height:100px} .pc-home-news .homenews-box .homenews-list .cardContent .cardItem .pic{height:80px;width:128px;margin-right:15px} .pc-home-news .homenews-box .homenews-list .cardContent .cardItem .text .textTitle{line-height:22px;font-size:15px;height:48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .pc-home-news .homenews-box .homenews-list .cardContent .cardItem .text .textDate{font-size: 13px;} .pc-home-article{padding:30px 0 35px 0} .pc-home-article .tab-swiper li {height: 45px;} .pc-home-article .homearticle-list{margin-top: .3rem} .pc-home-article .tab-swiper li span{font-size: 14px;line-height: 45px;} .pc-home-article .tab-swiper{padding-top:0;margin-top:-18px;height:86px} .pc-home-article .homearticle-list ul{display:flex;width:100%;justify-content:flex-start;flex-direction:column} .pc-home-article .homearticle-list .hl-left{flex:0 0 100%;width:100%;height:auto} .pc-home-article .hl-left .img{height:220px} .pc-home-article .hl-left .img img{height:220px} .pc-home-article .hl-left .info .info-right{width:0;flex:1;-webkit-box-flex:1;-webkit-flex:1;margin:0 0 0 16px} .pc-home-article .hl-left .info-right .title{font-size:16px} .pc-home-article .hl-left .info-right .desc{font-size:14px} .pc-home-article .homearticle-list .hl-right{width:100%;display:flex;justify-content:flex-start;flex-direction:column;flex-wrap:wrap;margin-top:20px} .pc-home-article .homearticle-list .hl-right li{margin:0 0 15px 0;padding:15px;width:100%} .pc-home-article .hl-right li .more{margin-left:15px} .pc-home-article .homearticle-list .fs18{font-size:16px} .pc-home-article .hl-right li .more span{font-size:14px} .pc-home-article .homearticle-list .fs30{font-size:28px} .pc-home-article .hl-left .info{padding:15px} .pc-footer{display:block;padding:0 0 80px 0} .pc-footer .block-footer-logo,.pc-footer .pc-footerbottom,.pc-footer .pc-footermain{padding:0 4%;width:auto} .pc-footer .block-footer-bg{height:100px} .pc-footer .block-footer-bg .footer-bg1,.pc-footer .block-footer-bg .footer-bg2{position:absolute;width:100%} .pc-footer .footer-menu{width:100%;margin-bottom:18px} .pc-footer .footer-menu .footer-menu-item{line-height:1.4;display:flex;flex-direction:row;flex-wrap:wrap} .pc-footer .footer-menu .footer-menu-title{margin-bottom:10px;font-size:18px} .pc-footer .footer-menu .footer-menu-item dd{margin:0 10px 0 0;font-size:14px} .pc-footer .footer-menu a{font-size:14px;line-height:1.6} .pc-footer .block-footer-left{display:flex;justify-content:flex-start;padding-right:0;flex-direction:column;align-content:flex-start;align-items:flex-start} .pc-footer .block-footer-leftline{display:flex;width:100%;justify-content:flex-start;padding-top:15px;margin-bottom:0;flex-direction:column} .pc-footer .block-footer-leftline .footer-menu{width:100%!important} .pc-footer .footer-brand{position:relative;left:0;top:0;display:flex;width:100%;flex-direction:row;flex-wrap:wrap;align-content:flex-start;margin-bottom:15px} .pc-footer .footer-brand a{display:block;width:20%;text-align:center;margin-bottom:18px} .pc-footer .footer-rightbox{padding:26px 20px 26px 20px;width:100%;margin-bottom:35px;float:right} .pc-footer .footer-more .footer-more-title{font-size:16px;font-weight:700} .pc-footer .footer-more .footer-more-title-sub{margin-bottom:12px;font-size:15px} .pc-footer .footer-more .footer-button-email{padding:6px 26px;font-size:15px} .pc-footer .footer-more .footer-more-item{padding-left:0;margin-bottom:10px;font-size:14px} .pc-footer .footer-scan .footer-scan-text{font-size:14px} .pc-footer .footer-scan .footer-scan-box{margin-bottom:6px;width:140px;height:170px;padding:0} .pc-footer .block-footerbottom-info{display:flex;justify-content:flex-start;flex-direction:column;font-size:13px;line-height:1.6;text-align:center;padding:10px 0} .pc-footer .block-footerbottom-info a{margin:0 6px} .pc-footer .footer-copyright span{display:block} .pc-footer .footer-menu .box{height: auto;display: block;} .pc-footer .footer-contact-method, .pc-footer .footer-menu .box .footer-brand{width: 100%;} .pc-footer .footer-menu .box .footer-brand{margin-top: .45rem;display: none} .pc-footer .footer-menu .box .footer-brand .brandbox a p.txt{font-size: 14px;} .pc-footer .footer-menu .box .footer-brand .brandbox{margin-top: .25rem} .pc-footer .footer-link{display: none;} .pc-footer .block-footerbottom-info{line-height: 1.4} .iswap,.footer-website{display: none!important;} .pc-footer .footer-website, .pc-footer .footer-copyright{font-size: 13px;text-align: center;} .pc-footer .block-footerbottom-info .footer-copyright a{font-size: 13px;background-size: 15px auto!important;text-align: center;} } @media (max-width:640px){ .videoBg #hero-video{display: none} .videoBgbox{display: block} }