@font-face{font-family:iconfont;src:url(../font/font_2365168_x7t2wkcyw8a.eot);src:url(../font/font_2365168_x7t2wkcyw8a.eot) format('embedded-opentype'),url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),url(../font/font_2365168_x7t2wkcyw8a.woff) format('woff'),url(../font/font_2365168_x7t2wkcyw8a.ttf) format('truetype'),url(../font/font_2365168_x7t2wkcyw8a.svg) format('svg')} .iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .icon-yinliugongju:before{content:"\e629"} .icon-tongbaopuguang:before{content:"\e628"} .icon-buhege:before{content:"\e627"} .icon-shipin:before{content:"\e626"} .icon-caozuo:before{content:"\e625"} .icon-chengbenguanli:before{content:"\e624"} .icon-youhuiquan:before{content:"\e623"} .icon-liuliangfenxi-copy:before{content:"\e62a"} .icon-fabu:before{content:"\e621"} .icon-sucaiku:before{content:"\e620"} .icon-wanfajieshao1copy3:before{content:"\e61f"} .icon-wangzhan:before{content:"\e61e"} .icon-rukou:before{content:"\e61d"} .icon-qukuai:before{content:"\e61c"} .icon-keji:before{content:"\e61b"} .icon-liuliang:before{content:"\e61a"} .icon-cuxiao:before{content:"\e619"} .icon-peihuo:before{content:"\e618"} .icon-yujing:before{content:"\e617"} .icon-fenxi1:before{content:"\e616"} .icon-kehu:before{content:"\e615"} .icon-shujufenxi:before{content:"\e614"} .icon-fenxi:before{content:"\e613"} .icon-shuju:before{content:"\e612"} .icon-dingdan:before{content:"\e611"} .icon-shangpin:before{content:"\e610"} .icon-mendian:before{content:"\e60f"} .icon-yingxiaowanfa:before{content:"\e60e"} .icon-jifen:before{content:"\e60d"} .icon-biaoqian:before{content:"\e60c"} .icon-huiyuan:before{content:"\e60b"} .icon-huiyuanzhongxin:before{content:"\e60a"} .icon-zhifu:before{content:"\e609"} .icon-yuyue:before{content:"\e607"} .icon-peisong:before{content:"\e606"} .icon-saoma:before{content:"\e605"} .icon-dizhi:before{content:"\e604"} .icon-fuwu:before{content:"\e603"} .icon-zuoji:before{content:"\e602"} .icon-tubiaozhizuo-:before{content:"\e608"} /*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400} ul{list-style:none} button,input,select,textarea{margin:0} html{box-sizing:border-box} *,::after,::before{box-sizing:border-box} img,video{height:auto;max-width:100%} iframe{border:0} table{border-collapse:collapse;border-spacing:0} td,th{padding:0} td:not([align]),th:not([align]){text-align:left} .iconfont{font-size:inherit} a{color:#000;text-decoration:none;transition:all ease .3s} body{ background:#f5f5f5; font-family:-apple-system,SF UI Text,PingFang SC,Arial,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif; line-height:1.6;font-size:17px; overflow-x: hidden; } @media screen and (max-width: 1280px) { body { overflow-x: scroll; } } .simhei{ font-family:-apple-system,SF UI Text,PingFang SC,Arial,Hiragino Sans GB,SimHei,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif; } .lighthei{ font-family:-apple-system,SF UI Text,PingFang SC,Arial,Hiragino Sans GB,Microsoft JhengHei,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif; } .wrap{ max-width: 80%; /* min-width: 1000px; max-width: 1500px; */ margin-left:auto;margin-right:auto; transition: all .3s; } .line_clamp{ word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; } .ellipsis{ -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .line_clamp2{ -webkit-line-clamp: 2; } .line_clamp3{ -webkit-line-clamp: 3; } .line_clamp4{ -webkit-line-clamp: 4; } .index_page .header{background:0 0;position:fixed} .header{top:0;z-index:10;position:sticky;width:100%;transition:all ease .3s;background:#e8404b} .header::before{content:"";position:absolute;display:block;left:0;top:0;bottom:0;width:100%;transition:all ease .3s} .header.fixed::before{background:#e8404b} .header .wrap{max-width:90%;display:flex;justify-content:space-between;position:relative;} .header .l{display:flex;align-items:center} .header .logo{width:100px;height:46px;overflow:hidden;background:url(../image/logo.png) center center no-repeat;background-size: 80% auto;} .header .logo a{width:100%;height:0;display:block;padding-top:60px} .header .slogan{margin-left:36px;padding-left:36px;border-left:2px solid rgba(255,255,255,.3);color:#fff;line-height:1.2;display:inline-block} .header .slogan img{vertical-align:middle;height:40px} .header .r{flex: 1;max-width: 800px;} .header .menu{display:flex;flex:1;position:relative;z-index:9;padding:24px 0;padding-left:5%; transform:scale3d(1,1,1);justify-content: space-between;} .header .menu li{position:relative} /* .header .menu li:nth-child(n+2){margin-left:48px} */ .header .menu li>a{line-height:32px;color:#fff;display:inline-block;border-bottom:2px solid transparent} .header .menu li>a i{display:inline-block;transform:scale(1);vertical-align:top;overflow:hidden} .header .menu li>a i::before{display:inline-block;transition:all ease .3s} /* .header .menu li>a.login{ border: 1px solid rgba(255, 255, 255, .7); font-size: 14px; text-align: center; min-width: 70px; border-radius: 20px; } */ .header .menu li>a.login { min-width: 74px; line-height: 24px; border-radius: 20px; margin-top: 4px; font-size: 14px; background: #fff; color: #FF003D; text-align: center; border: 1px solid #FFF !important; } .header .menu li:hover>a.login{border: 1px solid #FFF;} .header .menu li:hover>a{border-bottom:2px solid #fff} .header .menu li:hover>a i::before{color:#e8404b;transform:rotate(180deg)} .header .menu li:hover .sub_menu{max-height:1000px;transform:scaleY(1)} .header .menu .sub_menu{position:absolute;top:100%;left:50%;white-space:nowrap;background:#fff;box-shadow:1px 5px 10px rgba(0,0,0,.06);max-height:0;overflow:hidden;transition:all ease .3s;transform:scaleY(0);transform-origin:center top;z-index:2;border-radius: 5px;} .header .menu .sub_menu.lg{width:260px;margin-left:-130px} .header .menu .sub_menu.min{width:150px;margin-left:-75px} .header .menu .link{padding:20px 24px;text-align:center} .header .menu .link a{display:inline-block;margin-bottom:8px;position:relative} .header .menu .link a::after{content:"";position:absolute;top:20%;bottom:20%;left:-8px;background:#e8404b;width:0;transition:all ease .3s} .header .menu .link a:hover{transform:translateX(8px)} .header .menu .link a:hover::after{width:3px} .header .menu .pro{padding:24px} .header .menu .pro a{display:block} .header .menu .pro a:nth-child(n+2){margin-top:12px} .header .menu .pro a:hover h4{transform:translateX(8px)} .header .menu .pro a:hover h4::after{width:3px} .header .menu .pro p{color:#999;font-size:12px} .header .menu .pro h4{position:relative;transition:all ease .3s} .header .menu .pro h4::after{content:"";position:absolute;top:20%;bottom:20%;left:-8px;background:#e8404b;width:0;transition:all ease .3s} .swiper_1{display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:400;letter-spacing:12px} .index_area{display:flex;justify-content:space-between;padding-bottom:80px;border-bottom:1px solid rgba(0,0,0,.06)} .index_area img{display:block;width:100%} .index_area .area{flex-basis:31%;position:relative;overflow:hidden;margin-top:3.5%} .index_area .area h2{position:absolute;left:12px;top:12px;background:#e8404b;color:#fff;line-height:2;padding:0 12px;font-size:14px;z-index:2} .index_area .news,.index_area .pro{background:#e8404b} .index_area .news img,.index_area .pro img{filter:grayscale(50%);opacity:.9} .index_area .news .info,.index_area .pro .info{position:absolute;left:0;width:100%;bottom:0;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));color:#fff;padding:72px 24px 24px;text-shadow:1px 3px 9px rgba(0,0,0,.2)} .index_area .news .info h3,.index_area .pro .info h3{font-size:18px} .index_area .news .info p,.index_area .pro .info p{font-size:14px;opacity:.7} .index_area .swiper-pagination-bullet{border-radius:100px;height:5px;transition:all ease .3s;background:#fff;opacity:.5;border:1px solid rgba(0,0,0,.1)} .index_area .swiper-pagination-bullet-active{width:24px;opacity:1} .site_pro{margin-top:24px} .site_pro img{vertical-align:top} .single_con{font-size:14px;line-height:2;text-align:justify} .single_con h2,.single_con h3,.single_con h4{margin:24px 0;font-weight:700;position:relative;display:flex;align-items:center} .single_con h2::before,.single_con h3::before,.single_con h4::before{margin-right:12px;content:"";display:inline-block;width:22px;height:22px;background:#e8404b} .single_con h2{font-size:24px} .single_con h3{font-size:20px} .single_con h4{font-size:18px} .single_con p+p{margin-top:24px} .single_con img{max-width:100%!important;max-height:600px!important;width:auto!important;vertical-align:top} .content_page{background:#fff;margin-top:24px;min-height:500px;padding:0 0 100px} .content_page .single_title{padding:68px 0;position:relative} .content_page .single_title h2{font-weight:bolder;display:inline-block;font-size:20px} .content_page .single_title .info{color:#999;margin-top:24px} .content_page .single_title .info span{margin-right:12px} .content_page .single_title::after{content:'';display:block;width:20%;height:10px;background:#e8404b;position:absolute;left:0;top:0} .content_page .title{line-height:3;font-size:48px} .content_page .title h2{font-weight:800;position:relative;display:inline-block} .content_page .title h2::before{content:'';display:block;width:100%;height:10px;background:#e8404b;position:absolute;left:0;top:0} .content_page .list{border-top:1px solid #eee;padding-top:24px} .content_page .list a{display:flex;align-items:center;overflow:hidden;padding:32px 0} .content_page .list a img{width:300px;height:200px;margin-right:48px;object-fit:cover} .content_page .list a:hover h3{color:#e8404b} .content_page .list a:hover h3::after{background:#e8404b} .content_page .list a h3{font-size:28px;font-weight:700;line-height:1.4;position:relative} .content_page .list a h3::after{content:"";display:inline-block;width:24px;height:24px;background:#fff;margin-left:12px;transition:all ease .3s;transform:translateY(-50%) rotate(45deg) scale(.8);position:absolute;right:100%;margin-right:36px;top:50%} .content_page .list a .time{color:#999;margin-top:12px} .content_page .list a .desc{margin-top:12px} .content_page .list a .r{flex:1} .footer_maps{ background-color: #2b2a2a;color: #FFF; padding-top: 60px; } .footer_maps .wrap{ display: flex; border-bottom: 1px dashed rgba(255,255,255,.5);padding-bottom: 30px; } .footer_maps a{color: #FFF;display: inline-block;} .footer_maps .column{ padding-left: 30px;margin-right: 50px; } .footer_maps h3{ font-size: 22px;padding-bottom: 10px;position: relative;font-weight: 600; } .footer_maps h3::after{ content:'';position: absolute;bottom: 0;left: 0;height: 4px;width: 66px;background-color: #e8404b; } .footer_maps h4{ font-size: 16px;margin-bottom: 6px;font-weight: 600; } .footer_maps h4 a{ position: relative; } .footer_maps h4 a::after{ content:'';position: absolute;bottom: -2px;left: 0;height: 2px;width: 0;background-color: #FFFFFF; transition: all 1s; } .footer_maps h4 a:hover::after{ width: 100%; } .footer_maps ul li{ margin-top: 22px; } .footer_maps ul li p{ font-size: 14px; } .footer{font-size:14px;background-color: #2b2a2a;color: #FFF;/*font-family: 'SimSun';*/} .footer a{color: #FFF;} .footer img{vertical-align:top} .footer .wrap .copyright{display:flex;justify-content:space-between;padding:20px 0;align-items: center;} .footer .wrap .footer_logo{margin-right:24px;flex: none;} .footer .wrap .footer_logo img{height:40px} .footer .wrap .copyright span{margin-right:16px} .footer .wrap .l{display:flex} .footer .wximg{flex:none;margin-left: 16px;} .footer .wximg img{ height: 100px; } /* .footer .wx{position:relative;flex:auto} .footer .wx .wx_code{position:absolute;right:0;bottom:100%;display:none;background:#fff;padding:12px;width:200px;box-shadow:3px 6px 30px rgba(0,0,0,.1)} .footer .wx:hover .wx_code{display:block} .footer .wx:hover .iconfont{color:#e8404b} .footer .wx .iconfont{font-size:36px;color:#FFF;cursor:pointer;line-height:1} */ .footer .links{border-top:1px solid rgba(235,235,235,.2);padding:8px 0px;} .footer .links a{font-size:12px;display:inline-block;margin-right:3px} .footer .links a:hover{color:#FFF} .menu_icon{display:none;width:40px;height:40px;position:relative;transform:scale(.8);color:#fff} .menu_icon::after,.menu_icon::before{content:"";display:block;position:absolute;left:20%;right:20%;top:50%;height:3px;border-radius:100px;background:currentColor;transform:translateY(-50%);transition:all ease .3s} .menu_icon::after{box-shadow:0 -8px currentColor,0 8px currentColor} .menu_icon.close::after{box-shadow:none} .menu_icon.close::after{transform:translateY(-50%) rotate(45deg)} .menu_icon.close::before{transform:translateY(-50%) rotate(-45deg)} .pageNav{text-align:center;padding:60px 0} .pageNav a,.pageNav b{display:inline-block;line-height:32px;font-size:16px;padding:0 12px;border:1px solid #e9f1f7;border-radius:3px;margin:0 5px} .pageNav a b{line-height:inherit;border:none;padding:0;background:0 0} .pageNav a:hover{color:#e8404b;border-color:#e8404b} .pageNav b{background:#e8404b;border-color:#e8404b} .pageNav>b{color:#fff} .title_page_1{padding:60px 0;display:flex;justify-content:flex-end} .title_page_1 h2{padding-left:60px;background:url(https://www.canzan.com/v2/img/page/logo_grey.png) left center no-repeat;background-repeat:no-repeat;background-size:auto 100%;font-size:26px;height:28px} .title_page_1 h2 span{border-left:1px solid;padding-left:15px;margin-left:15px;line-height:28px;height:28px;display:block} .digitizing .item{padding:70px 0} .digitizing .lr{display:flex;align-items:flex-end} .digitizing .lr .t{display:flex;align-items:center} .digitizing .lr .t img{vertical-align:top;margin-right:20px} .digitizing .lr .t h3{font-size:24px;font-weight:700} .digitizing .lr .con{margin-top:57px} .digitizing .lr .l{min-height:290px;flex:1;margin-right:60px;border-bottom:1px solid #e5e5e5} .digitizing .lr .r{max-width:50%} .digitizing .lr .r img{vertical-align:top} .digitizing ul{display:flex;font-size:18px;margin-top:30px} .digitizing ul li{min-width:20%} .digitizing ul i{font-size:24rpx;margin-right:8px} .view_page .item{padding:80px 0} .view_page .tit{text-align:center;font-size:24px;font-weight:700;margin-bottom:64px;color:#000} .view_page .tit h2[fz18]{font-size:18px} .view_page .vp_1 .con{box-shadow:0 0 32px rgba(0,0,0,.04)} .view_page .vp_2{padding-top:0} .view_page .vp_2 ul{display:flex;justify-content:space-between;text-align:center} .view_page .vp_2 ul li{flex-basis:32%;box-shadow:0 0 32px rgba(0,0,0,.04);padding:36px 0} .view_page .vp_2 ul h3{margin:32px 0 12px;font-size:18px} .view_page .vp_2 ul i{width:86px;height:86px;line-height:86px;font-size:48px;box-shadow:0 0 32px rgba(0,0,0,.04);display:inline-block;border-radius:100px} .view_page .vp_2 ul p{color:#666} .view_page .vp_3 ul li{display:flex} .view_page .vp_3 ul li+li{margin-top:40px} .view_page .vp_3 ul h3{margin-bottom:10px;font-size:24px;font-weight:700} .view_page .vp_3 ul .con{flex:1;font-size:18px} .view_page .vp_3 ul .con p{color:#666} .view_page .vp_3 ul i{font-size:28px;margin-right:18px} .view_page .vp_4 ul{overflow:hidden} .view_page .vp_4 ul li:first-child{float:left;width:55%;background:#fafafa;padding:40px} .view_page .vp_4 ul li:first-child p{margin:6px 0 24px;font-size:18px;color:#666} .view_page .vp_4 ul li h3{font-size:20px;font-weight:700} .view_page .vp_4 ul li:nth-child(n+2){margin-left:5%;width:40%;float:left;padding-top:24px;border-top:2px solid #e8e8e8} .view_page .vp_4 ul li:nth-child(n+2) .sub_tit{display:flex;align-items:flex-end} .view_page .vp_4 ul li:nth-child(n+2) .sub_tit img{margin-right:10px;transform:translateY(10%)} .view_page .vp_4 ul li:nth-child(n+2) p{margin-top:10px} .view_page .vp_4 ul li:nth-child(n+2)~li{margin-top:40px} .view_page .vp_5 ul{display:flex;justify-content:space-between;flex-wrap:wrap;text-align:center} .view_page .vp_5 ul .con{padding:50px;background:#fff} .view_page .vp_5 ul li{border:1px solid #eee;position:relative;flex-basis:32%} .view_page .vp_5 ul li h3{border-bottom:1px solid #ccc;padding-bottom:16px;margin-bottom:6px} .view_page .vp_5 ul li>img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:all ease .3s} .view_page .vp_5 ul li:hover>img{opacity:1} .view_page .vp_5 ul li:nth-child(n+4){margin-top:2%} .m_page .h img{vertical-align:top} .m_page .h ul{display:flex;margin-top:45px;font-size:18px;justify-content:space-between} .m_page .h ul li{position:relative;padding-left:16px} .m_page .h ul li::before{content:'';display:inline-block;width:6px;height:6px;border-radius:10px;background:currentColor;position:absolute;left:0;top:0;margin-top:12px} .m_page .item{margin-top:120px} .m_page .tit{text-align:center} .m_page .tit h2{font-size:24px} .m_page .tit p{font-size:18px} .m_page .m_1 ul{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:50px;font-size:18px} .m_page .m_1 li{flex-basis:49%;box-shadow:0 25px 50px 0 rgba(27,27,126,.03);padding:30px 50px;position:relative;overflow:hidden} .m_page .m_1 li:nth-child(2n){margin-left:2%} .m_page .m_1 li:nth-child(n+3){margin-top:2%} .m_page .m_1 li p{color:#666;margin-top:5px} .m_page .m_1 li i{position:absolute;right:0;bottom:0;font-size:78px;line-height:1;color:#e5e5e5;transform:translate(10%,20%)} .m_page .tit_2{font-size:24px} .m_page .tit_3{font-size:24px;color:#000} .m_page .tit_3 h2{position:relative;font-weight:700} .m_page .tit_3 h2::after{content:"";display:block;position:absolute;left:0;bottom:-10px;height:3px;width:45px;background:currentColor} .m_page .tit_4{color:#000;text-align:center} .m_page .tit_4 p{color:#666;margin-top:24px} .m_page .tit_4 h2{position:relative;font-weight:700;font-size:24px} .m_page .tit_4 h2::after{content:"";display:block;position:absolute;left:50%;margin-left:-22px;bottom:-10px;height:3px;width:45px;background:currentColor} .m_page .code_list{display:flex;justify-content:space-between;margin-top:32px;text-align:center} .m_page .code_list li{flex-basis:24%} .m_page .code_list li img{background:#fff;box-shadow:0 12px 50px 0 rgba(27,27,126,.03);display:block;padding:32px;width:100%} .m_page .code_list li p{margin-top:24px} .m_page .que{margin-top:30px;border-top:1px solid #e5e5e5} .m_page .que li{display:flex;align-items:center;padding:28px 0;border-bottom:1px solid #e5e5e5} .m_page .que li p{margin-top:12px;color:#666} .m_page .que .iconfont{font-size:40px;margin-right:38px} .m_page .case li{position:relative;display:flex} .m_page .case li:nth-child(2n+1) .imgs{position:absolute;top:0;left:30%;max-width:100%} .m_page .case li:nth-child(2n){justify-content:flex-end} .m_page .case li:nth-child(2n) .imgs{position:absolute;top:0;max-width:100%;right:40%} .m_page .case .con{padding:200px 0;flex-basis:50%;font-size:18px;position:relative;z-index:1} .m_page .case p{padding:24px 0} .m_page .case dl{display:flex;flex-wrap:wrap;line-height:32px} .m_page .case dl dt{color:#666;flex-basis:40%} .m_page .case dl dd{flex-basis:60%} .m_page .m_2 .s_tit{display:flex;align-items:flex-end;font-size:18px;padding:0 0 24px;background:url(https://www.canzan.com/v2/img/page/xmt/tit_bg.png) 40px center no-repeat} .m_page .m_2 .s_tit span{font-size:36px;padding-right:30px} .m_page .m_2 .s_tit p{padding-top:4px;font-weight:700} .m_page .m_2 .s_tit p font{font-weight:400;font-size:16px;display:block} .m_page .m_2 .sub{display:flex;align-items:center} .m_page .m_2 .sub+.sub{flex-direction:row-reverse} .m_page .m_2 .sub+.sub .fl{margin-left:0;margin-right:30px} .m_page .m_2 .sub p{margin-top:24px} .m_page .m_2 .sub img{transform:translateY(10%);max-width:50%;width:100%} .m_page .m_2 .sub img+.r{margin-left:30px} @media screen and (min-width:901px) and (max-width:1440px){ .wrap{max-width:90%} } @media screen and (min-width:901px) and (max-width:1280px){ .index_area{padding-bottom:60px} .swiper_1 img{max-width:60%} .header .slogan{display:none} .index_area{padding-bottom:60px} .index_area .news .info h3,.index_area .news .info p,.index_area .pro .info h3,.index_area .pro .info p{font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis} .index_area .news .info p,.index_area .pro .info p{font-size:14px} .content_page{padding:0 8% 100px} } @media screen and (max-width:900px){ .menu_icon{display:block} .header .wrap{align-items:center;width: 100%;min-width: auto;} .header .logo{width:60px;height:50px;background-size:60% auto;background-position:center center} .header .r{flex: none;width: 60px;} .header .menu{display:none} .header .menu.show{display:block;position:fixed;top:50px;bottom:0;left:50%;right:0;background:#fff;z-index:9;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:100px} .header .menu.show .sub_menu{display:block;position:relative;transform:scaleY(1);max-height:10000px;background:0 0;box-shadow:none;left:auto;margin-left:auto;width:auto;white-space:normal;backdrop-filter:none;padding:0 5%} .header .menu.show .link{padding:0;display:flex;flex-wrap:wrap;text-align:left} .header .menu.show .link p{width:25%;font-size:14px} .header .menu.show .link p:nth-child(n+2){margin-top:0} .header .menu.show .pro{padding:0;display:flex;flex-wrap:wrap} .header .menu.show .pro h4{font-size:14px} .header .menu.show .pro a{width:40%;flex-grow:1} .header .menu.show .pro a:nth-child(2n){margin-left:4%} .header .menu.show .pro a:nth-child(n+2){margin-top:0} .header .menu.show .pro a:nth-child(n+3){margin-top:2%} .header .menu.show li:nth-child(n+2){margin-left:0} .header .menu.show li:hover>a{color:inherit} .header .menu.show li:hover>a i{color:inherit;transform:rotate(0)} .header .menu.show li>a{font-size:24px;font-weight:700;line-height:3;display:flex;justify-content:center;color:currentColor;align-items: center;} .header .menu.show li>a i{margin-left:10px} .header .slogan{margin-left:0;padding-left:20px;font-size:14px} .header .slogan img{width:auto;height:30px} .index_area{padding-bottom:60px;display:block} .index_area .area{flex:1;margin-top:5%} .swiper_1 img{max-width:60%} .footer .wrap{display:block;text-align:center} .footer .wrap .l{display:block} .footer .wrap .r{margin-top:24px} .footer .wrap p:nth-child(n+2){margin-top:12px} .footer .wrap .info{margin-top:24px} .footer .wrap .info span{display:inline-block} .index_area{padding-bottom:60px} .index_area .news .info h3,.index_area .news .info p,.index_area .pro .info h3,.index_area .pro .info p{font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis} .index_area .news .info p,.index_area .pro .info p{font-size:14px} .content_page{padding:0 8% 100px;max-width:100%;margin-top:0} .content_page .single_title{padding:48px 0} .content_page .single_title h2{font-size:24px} .content_page .title{font-size:32px} .content_page .title h2::before{height:6px} .content_page .list a{display:block} .content_page .list a img{width:200px;height:133px;vertical-align:top} .content_page .list a .r{padding-top:20px;background:rgba(255,255,255,.6);position:relative} .content_page .list a h3{font-size:24px} .content_page .list a .time{margin-top:6px} .content_page .list a .desc{display:none} /* .swiper{padding-bottom:60%} */ .site_pro{max-width:100%;margin-top:0;padding-bottom:20%;position:relative} .site_pro img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover} .swiper_1{font-size:24px;letter-spacing:2px} .m_page .h ul{display:block;font-size:16px;margin-top:20px} .m_page .h ul li:nth-child(n+2){margin-top:12px} .m_page .item{margin-top:60px} .m_page .tit p{font-size:16px;color:#666} .m_page .tit_2{text-align:center} .m_page .m_1 ul{margin-top:24px;display:block} .m_page .m_1 ul li{padding:20px 30px} .m_page .m_1 ul li p{font-size:16px;position:relative;z-index:1} .m_page .m_2 .sub{display:block} .m_page .m_2 .sub img{max-width:100%;margin:0!important} .m_page .que .iconfont{margin-right:20px} .m_page .que li p{font-size:16px} .m_page .case li{flex-wrap:wrap} .m_page .case li:nth-child(2n+1) .imgs{position:relative;top:0;left:0} .m_page .case li:nth-child(2n) .imgs{position:relative;right:0} .m_page .case .con{padding:40px 0;flex-basis:100%;font-size:16px} .m_page .case p{padding:12px 0} .m_page .case dl dt{flex-basis:50%} .m_page .case dl dd{flex-basis:50%} .m_page .code_list{flex-wrap:wrap} .m_page .code_list li{flex-basis:48%} .m_page .code_list p{font-size:16px} .view_page .tit{margin-bottom:32px} .view_page .tit h2[fz18]{font-size:16px} .view_page .item{padding:0} .view_page .item+.item{margin:80px 0} .view_page .vp_2 ul{display:block} .view_page .vp_2 ul li+li{margin-top:24px} .view_page .vp_2 ul h3{margin:24px 0 8px} .view_page .vp_3 ul .con p{font-size:16px} .view_page .vp_4 ul{display:block} .view_page .vp_4 ul li:first-child{float:none;width:100%} .view_page .vp_4 ul li:nth-child(n+2){margin-left:0;width:100%} .view_page .vp_5 ul{display:block} .view_page .vp_5 ul li+li{margin-top:24px} .view_page .vp_5 ul li:nth-child(n+4){margin-top:24px} .view_page .vp_5 ul li>img{opacity:1} .title_page_1{padding:30px 0} .digitizing .lr{display:block} .digitizing .lr .con{margin-top:24px} .digitizing .lr .l{display:block;margin-right:0;border:none;min-height:100px} .digitizing .lr .r{max-width:100%;margin-top:24px} .digitizing .item{padding:35px 0} .digitizing ul{flex-wrap:wrap;font-size:16px} .digitizing ul li{flex-basis:50%;white-space:nowrap} } @media screen and (max-width:750px) { .footer_maps{ padding-top: 30px; } .footer_maps .wrap{ padding-bottom: 20px;max-width: 90%; } .footer_maps .column{ padding-left: 20px; margin-right: 30px; } .footer_maps h3{ font-weight: 400; padding-bottom: 6px; } .footer_maps h4{ font-weight: 400; margin-bottom: 6px; } .footer .wrap .copyright{ flex-direction: column; } .footer .wrap .wx,.footer .wrap .wximg{ display: none; } #newBridge .nb-invite-wrap-base{ display: none !important; } } /* Banner Section */ .ywk-bannerd { width: 100%; height: 800px; /* 调整高度 */ position: relative; margin: 50px auto 0; overflow: hidden; background: linear-gradient(135deg, #f8f8ff 0%, #e6e6ff 100%); background-image: radial-gradient(circle at 20% 30%, rgba(144, 0, 235, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(43, 199, 253, 0.1) 0%, transparent 50%); } .ywk-warp { width: 100%; height: 100%; } .ywk-item { position: relative; width: 100%; height: 100%; } .ywk-item img[src*="banner_01.png"] { width: 100%; height: 100%; object-fit: cover; } .ywk-item_boxd { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .ywk-itenbox_content { width: 1200px; /* 调整宽度 */ height: 100%; margin: 0 auto; position: relative; } .ywk-itembox_lef { float: left; height: 100%; padding-top: 100px; /* 调整内边距 */ box-sizing: border-box; width: 50%; } .ywk-itembox_rig { width: 800px; height: 440px; position: absolute; top: 100px; right: -150px; } .ywk-itembox_rig img, .ywk-itembox_rig_2 img { width: 100%; vertical-align: top; } /* Animation Classes */ .ywk-move { opacity: 0; transform: translateX(0); } #ywk-movefromleft.ywk-move { animation: ywk-movefromleft 1s forwards; } @keyframes ywk-movefromleft { 0% { opacity: 0; transform: translateX(-50px); } 100% { opacity: 1; transform: translateX(0); } } #ywk-movefromright.ywk-move { animation: ywk-movefromright 1s forwards; } @keyframes ywk-movefromright { 0% { opacity: 0; transform: translateX(50px); } 100% { opacity: 1; transform: translateX(0); } } /* Text & Title Styles */ .ywk-dt-title { font-weight: bold; font-size: 44px; /* 调整标题大小 */ text-align: left; background: linear-gradient(45.3deg, #9000eb 0%, #3955ff 66%, #2bc7fd 100%); -webkit-background-clip: text; background-clip: text; color: transparent; } .ywk-dt-text { font-size: 44px; /* 调整副标题大小 */ color: #200e32; margin-top: 0; width: 100%; font-weight: 800; text-align: left; position: relative; display: inline-block; } .ywk-dt-text img { width: 40px; /* 调整图标大小 */ height: 50px; margin-left: 40px; position: absolute; top: -5px; } .ywk-bannerDl dt p { font-weight: 400; font-size: 28px; /* 调整描述文字大小 */ color: #200e32; margin-top: 20px; } /* Badges (Icons + Text) */ .ywk-bannerDl dd { height: 40px; /* 调整徽章高度 */ line-height: 40px; background: #ded7ff; border-radius: 20px; /* 调整圆角半径 */ border: 1px solid #6b4ef4; margin-top: 20px; /* 调整间距 */ display: inline-block; padding: 0 10px; vertical-align: middle; } .ywk-bannerDl dd span { vertical-align: middle; padding-left: 40px; /* 调整图标与文本间距 */ padding-right: 5px; position: relative; font-size: 16px; /* 调整文本大小 */ } .ywk-bannerDl dd span img { display: inline-block; width: 20px; /* 调整图标大小 */ position: absolute; top: 0px; left: 10px; } /* Button Section */ .ywk-bannerDl-btn { width: 70%; position: absolute; bottom: -80px; /* 调整底部距离 */ left: 0; display: flex; flex-direction: row; justify-content: space-evenly; background: #fff; height: 60px; /* 调整按钮区域高度 */ align-items: center; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .ywk-search { width: calc(100% - 150px); /* 调整搜索框宽度 */ height: 40px; /* 调整搜索框高度 */ margin-right: 10px; display: flex; align-items: center; } .ywk-search img { width: 15px; /* 调整图标大小 */ height: 20px; margin-left: 15px; margin-right: 10px; } .ywk-search input { width: calc(100% - 50px); /* 调整输入框宽度 */ height: 20px; /* 调整输入框高度 */ border: none; outline: none; font-size: 16px; /* 调整输入框字体大小 */ background: none; } .ywk-search_btn { width: 100px; /* 调整按钮宽度 */ height: 40px; /* 调整按钮高度 */ font-size: 16px; /* 调整按钮字体大小 */ line-height: 40px; background: linear-gradient(322deg, #39c1ff 0%, #cd00ff 63%, rgba(253, 97, 44, 0.94) 100%); border-radius: 10px; color: #ffffff; text-align: center; cursor: pointer; font-weight: 500; } /* Responsive Adjustments */ @media (max-width: 768px) { .ywk-bannerd{ display: none; } .ywk-itenbox_content { width: 90%; } .ywk-itembox_rig { display: none; } .ywk-itembox_lef { width: 100%; padding-top: 100px; } .ywk-dt-title, .ywk-dt-text { font-size: 30px; /* 移动端标题大小 */ } .ywk-bannerDl dt p { font-size: 16px; /* 移动端描述文字大小 */ } .ywk-bannerDl-btn { bottom: 20px; flex-direction: column; height: auto; padding: 10px 0; } .ywk-search { width: 80%; margin-bottom: 10px; } .ywk-search_btn { width: 80%; height: 35px; /* 移动端按钮高度 */ line-height: 35px; font-size: 14px; /* 移动端按钮字体大小 */ } } .ywk-itembox_rig_2 { width: 400px; height: 300px; position: absolute; top: 250px; right: -50px; } /* 基础样式 */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'PingFang SC', 'SourceHanSansCN', sans-serif; background-color: #f8f8ff; color: #200e32; } @media (min-width: 769px) { .mobile-only { display: none; } } .line_box_1 { width: 100%; overflow: hidden; position: relative; text-align: center; height: 584.48px; /* 10.28rem -> 164.48px */ } .line_box_1 .bg_img { width: 100%; height: 100%; position: absolute; object-fit: cover; top: 0; left: 0; } .line_box_1 .content_box { width: 100%; left: 0; top: 0; z-index: 5; position: absolute; } #line_box_1_movefromtop.move { animation: movefromtop 2s; animation-fill-mode: forwards; } .header_line_2 {font-size: 32px; font-weight: 800;} .line_box_1 .content_box .header_line { font-weight: 800; font-size: 42px; /* 0.58rem -> 20.48px */ color: #1D1E20; font-style: normal; background: linear-gradient(45.30880744996423deg, #9000EB 0%, #3955FF 66%, #2BC7FD 100%); -webkit-background-clip: text; background-clip: text; color: transparent; margin-top: 31.36px; /* 0.98rem -> 31.36px */ } .line_box_1 .content_box p { font-weight: 400; font-size: 18.32px; /* 0.23rem -> 8.32px */ color: #200E32; line-height: 11.52px; /* 0.33rem -> 11.52px */ margin-top: 11.52px; /* 0.30rem -> 11.52px */ } .line_box_1 .content_box .blue_line { height: 45px; /* 0.48rem -> 15.36px */ line-height: 45px; background: #DED7FF; border-radius: 9.6px; /* 0.28rem -> 9.6px */ border: 0.16px solid #6B4EF4; /* 0.01rem -> 0.16px */ margin-top: 14.08px; /* 0.44rem -> 14.08px */ display: inline-block; padding: 0 3.2px; /* 0.1rem -> 3.2px */ vertical-align: middle; width: 80%; } .line_box_1 .content_box .blue_line span { vertical-align: middle; padding-left: 16px; padding-right: 6px; position: relative; font-size: 16px; } .line_box_1 .content_box .blue_line span img { display: inline-block; width: 20.56px; position: absolute; top: 2px; left: -5px; } .line_box_1 .content_box .to_link_btns2 { margin: 17.28px auto; width: 70%; height: 45px; background: #FFFFFF; border-radius: 5.44px; border: 0.16px solid rgba(255, 255, 255, 0.37); position: relative; } /* .line_box_1 .content_box .to_link_btns2 input { position: absolute; top: 7.04px; left: 7.04px; width: 201.44px; height: 30px; line-height: 17.6px; background: #F9F6FF; border-radius: 3.52px; border: 0.16px solid #B7B6B8; font-weight: 400; font-size: 15px; text-indent: 25px; } */ .line_box_1 .content_box .to_link_btns2 span { width: 71.92px; height: 27.6px; background: linear-gradient(322deg, #39C1FF 0%, #CD00FF 63%, rgba(253, 97, 44, 0.94) 100%); border-radius: 3.52px; display: inline-block; line-height: 22px; text-align: center; font-weight: 500; font-size: 15px; color: #FFFFFF; position: absolute; top: 7.04px; right: 7.04px; } .line_box_1 .content_box .to_link_btns2 img { display: inline-block; width: 16px; /* .19rem -> 6.08px */ top: 12.16px; /* .38rem -> 12.16px */ left: 12.16px; /* .38rem -> 12.16px */ position: absolute; } .line_box_1 .content_box .itembox_rig { width: 100%; margin-top: 10.88px; /* .34rem -> 10.88px */ padding: 0 6.4px; /* .2rem -> 6.4px */ } .line_box_1 .content_box .itembox_rig img { width: 100%; } .line_box_1 .content_box .itembox_rig_2 { width: 181.6px; /* 2.55rem -> 81.6px */ position: absolute; right: 22.72px; /* .71rem -> 22.72px */ bottom: -6.4px; /* -.2rem -> -6.4px */ } .line_box_1 .content_box .itembox_rig_2 img { width: 100%; } @media screen and (max-width: 750px) { .shuziren-wrap .cd-wrap-left { width: 100%!important ; height: 100%!important ; } } /* AI Banner 2 Section */ .ai_banner_2 { width: 100%; height: 950px; overflow: hidden; position: relative; text-align: center; } .ai_banner_2 .banner_bg { min-width: 100%; min-height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; } /* 动画类 */ #movefromtop.move { animation: movefromtop 1s forwards; } @keyframes movefromtop { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } /* 标题样式 */ .ai_banner_2 .banner_title { font-weight: bold; font-size: 48px; /* 标题大小 */ color: #1D1E20; margin-top: 80px; position: relative; display: inline-block; } .ai_banner_2 .banner_title span { font-style: normal; background: linear-gradient(212.43deg, #B239FF 0%, rgba(253, 97, 44, 0.94) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; } /* 描述文字 */ .ai_banner_2 p { position: relative; font-weight: 400; font-size: 28px; /* 0.23rem -> 14px */ color: #200E32; margin-top: 8px; /* 0.1rem -> 8px */ } /* 内容容器 */ .ai_banner_2 .content_box { width: 1500px; /* 16.77rem -> 268.32px */ margin: 52.8px auto 0; /* 0.8rem -> 12.8px */ position: relative; height: 550px; /* 图片区域高度 */ } /* 左侧图片区 */ .ai_banner_2 .content_box .left_content { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .ai_banner_2 .content_box .left_content img { width: 72%; object-fit: contain; display: none; } /* 右侧按钮区 */ .ai_banner_2 .content_box .right_content { width: 26%; /* 4rem -> 64px */ position: absolute; top: 0; right: 0; } .ai_banner_2 .content_box .right_content .content_item { width: 100%; height: 110px; /* 1.18rem -> 18.88px */ margin-bottom: 8px; /* 0.21rem -> 3.36px */ background: #FFFFFF; border-radius: 5.6px; /* 0.14rem -> 5.6px */ position: relative; cursor: pointer; transition: all 0.3s ease; } .ai_banner_2 .content_box .right_content .content_item .item_index { font-weight: 600; font-size: 25.2px; /* 0.38rem -> 15.2px */ color: rgba(107, 78, 244, 0.2); position: absolute; top: 6px; /* 0.15rem -> 6px */ left: 16px; /* 0.4rem -> 16px */ } .ai_banner_2 .content_box .right_content .content_item .item_title { font-weight: 400; font-size: 25px; /* 0.23rem -> 14px */ color: #1D1E20; position: absolute; bottom: 8px; /* 0.25rem -> 8px */ left: 16px; /* 0.4rem -> 16px */ } .ai_banner_2 .content_box .right_content .content_item .item_icon { position: absolute; width: 80px; height: 80px; top: 15px; right: 15px; } /* 激活和悬停状态 */ .ai_banner_2 .content_box .right_content .content_item.active, .ai_banner_2 .content_box .right_content .content_item:hover { background: linear-gradient(302deg, #B239FF 0%, rgba(253, 97, 44, 0.94) 100%); color: #fff; } .ai_banner_2 .content_box .right_content .content_item.active .item_index, .ai_banner_2 .content_box .right_content .content_item.active .item_title, .ai_banner_2 .content_box .right_content .content_item:hover .item_index, .ai_banner_2 .content_box .right_content .content_item:hover .item_title { color: #ffffff; } /* 响应式：适配小屏幕 */ @media (max-width: 768px) { .ai_banner_2 { height: auto; padding: 20px 0; } .ai_banner_2 .content_box { width: 90%; font-size: 14px; } .ai_banner_2 .content_box .right_content .content_item { height: 22px; font-size: 12px; } .ai_banner_2 .content_box .right_content .content_item .item_index { font-size: 13px; top: 5px; } .ai_banner_2 .content_box .right_content .content_item .item_title { font-size: 12px; bottom: 5px; } .ai_banner_2 .content_box .right_content .content_item .item_icon { width: 10px; height: 13px; right: 8px; } } #movefromright.move { animation: movefromright 1s; animation-fill-mode: forwards; } @media (max-width: 768px) { .ai_banner_2{display: none;} } .ai_banner_container{display: none;} .ai_banner_container { width: 100%; position: relative; margin: 0 auto; overflow: hidden; } .ai_banner_wrapper { width: 100%; height: 100%; position: relative; } .ai_banner_track { display: flex; width: calc(100% * 6); /* 6 slides */ height: 100%; transition: transform 600ms ease-in-out; } .ai_banner_slide { flex-shrink: 0; width: 430px; /* 原 width: 100% 在 6s 设备下约为 430px */ height: 560px; position: relative; } /* 内容区样式 */ .ai_item_top { width: 100%; padding: 21px 19px 13px 17px; /* 0.52rem ~ 21px, etc. */ box-sizing: border-box; position: relative; z-index: 10; } .ai_public_title { font-weight: 600; font-size: 42px; /* 0.39rem ≈ 16px */ color: #200E32; display: flex; align-items: center; justify-content: center; } .ai_public_title span { background: linear-gradient(212.43deg, #B239FF 0%, rgba(253, 97, 44, 0.94) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; } .ai_title_tip { font-weight: 400; font-size: 16px; /* 0.2rem ≈ 8px */ color: #200E32; margin-top: 4px; /* 0.1rem ≈ 4px */ text-align: center; } .ai_item_img { width: 100%; margin-top: 27px; /* 0.67rem ≈ 27px */ } .ai_item_text_box { background: linear-gradient(302deg, #B239FF 0%, rgba(253, 97, 44, 0.94) 100%); border-radius: 5px; /* 0.13rem ≈ 5px */ padding: 11px; /* 0.28rem ≈ 11px */ margin-top: 5px; /* 0.13rem ≈ 5px */ } .ai_item_text_box span { font-weight: 600; font-size: 20px; /* 0.26rem ≈ 10px */ color: #FFFFFF; display: block; } .ai_white_line::before { content: ""; display: block; width: 37px; /* 0.92rem ≈ 37px */ height: 1px; /* 0.03rem ≈ 1px */ background: #fff; margin: 6px 0; /* 上下间距 */ } .ai_item_text_box p { font-weight: 500; font-size: 15px; /* 0.2rem ≈ 8px */ color: #FFFFFF; margin: 0; } .ai_item_btom { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ai_item_btom img { width: 100%; height: 100%; object-fit: cover; } /* 分页器样式 */ .ai_banner_pagination { position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); display: flex; gap: 2px; max-width: 53px; height: 11px; border-radius: 6px; padding: 1px 2px; z-index: 10; } .ai_banner_pagination .ai_banner_bullet { width: 8px; /* 0.2rem ≈ 8px */ height: 4px; /* 0.1rem ≈ 4px */ background: #B7B7B7; border-radius: 2px; opacity: 0.6; cursor: pointer; transition: all 0.3s ease; } .ai_banner_pagination .ai_banner_bullet.active { width: 21px; /* 0.53rem ≈ 21px */ background: #6B4EF4; border-radius: 4px; opacity: 1; } @media (max-width: 768px) { .ai_banner_container{display:block;}} .ai_banner_3 { width: 100%; height: 950px; /* 9.5rem → 950px */ overflow: hidden; position: relative; text-align: center; } .ai_banner_3 .ai_banner_3_bg { min-width: 100%; min-height: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; /* 可选：保持比例填充 */ } .ai_banner_3 .ai_banner_3_title { margin-top: 100px; /* 1rem → 100px */ font-weight: 600; font-size: 50px; /* 0.5rem → 50px */ color: #fff; line-height: 70px; /* 0.7rem → 70px */ text-align: center; font-style: normal; position: relative; } .ai_banner_3 .ai_banner_3_title span { font-style: normal; background: linear-gradient(53.48582849164107deg, #B5C4FF 0%, #F5D9FF 100%); -webkit-background-clip: text; background-clip: text; color: transparent; } .ai_banner_3 .ai_banner_3_text { position: relative; font-style: normal; font-weight: 400; font-size: 23px; /* 0.23rem → 23px */ color: #fff; margin-top: 10px; /* 0.1rem → 10px */ } .ai_banner_3 .ai_banner_3_content_box { width: 1500px; /* 16.77rem → 1677px */ margin: 0 auto; position: relative; margin-top: 70px; /* 0.7rem → 70px */ } .ai_banner_3 .ai_banner_3_content_box .ai_banner_3_item_icon { display: inline-block; height: 470px; /* 5.7rem → 570px */ margin-right: 35px; /* 0.35rem → 35px */ vertical-align: top; width: auto; } .ai_banner_3 .ai_banner_3_content_box .ai_banner_3_item_icon_max { height: 470px; /* 5.7rem → 570px */ width: auto; } #movefrombottom.move { animation: movefrombottom 1s; animation-fill-mode: forwards; } @media (max-width: 768px) { .ai_banner_3 .ai_banner_3_title { margin-top: 50px; font-weight: 600; font-size: 30px; color: #fff; line-height: 70px; text-align: center; font-style: normal; position: relative; } .ai_banner_3 .ai_banner_3_content_box { width: 100%; margin: 0 auto; position: relative; margin-top: 70px; } .ai_banner_3 .ai_banner_3_content_box .ai_banner_3_item_icon { display: inline-block; height: 100%; margin-right: 0; vertical-align: top; width: 50%; float: left; padding: 10px 10px 10px 10px; height: 328px; } .ai_banner_3 { width: 100%; height: 900px; overflow: hidden; position: relative; text-align: center; } .ai_banner_3 .ai_banner_3_content_box .ai_banner_3_item_icon_max { height: 100%; width: auto; padding: 10px 10px 10px 10px; } } /* 定义动画：从左边滑入 */ @keyframes slideInFromLeft { from { opacity: 0; transform: translateX(-50px); } to { opacity: 1; transform: translateX(0); } } /* 定义动画：从右边滑入 */ @keyframes slideInFromRight { from { opacity: 0; transform: translateX(50px); } to { opacity: 1; transform: translateX(0); } } @keyframes slideInFromTop { from { opacity: 0; transform: translateY(-50px); } to { opacity: 1; transform: translateY(0); } } /* 应用动画到左右区域 */ /* 所有需要滚动触发的元素默认隐藏 */ .animate-on-scroll { opacity: 0; /* 确保初始状态无位移 */ transform: translateX(0) translateY(0); } /* 不在这里写 animation，由 JS 动态添加 */ .myapp-body { font-family: Arial, sans-serif; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f5f5f5; } .myapp-container { display: flex; width: 80%; max-width: 1200px; background-color: white; border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); overflow: hidden; } .myapp-section-left, .myapp-section-right { width: 35%; padding: 20px; } .myapp-section-center { width: 30%; display: flex; justify-content: center; align-items: center; } .myapp-section-center img { max-width: 90%; } .myapp-h2 { margin-bottom: 20px; display: flex; align-items: center; } .myapp-h2 img { margin-right: 10px; } .myapp-ul { list-style: none; padding: 0; } .myapp-li { background-color: #eef7ff; border-radius: 8px; margin-bottom: 15px; padding: 15px; display: flex; } .myapp-li img { margin-right: 10px; } .myapp-li strong { display: block; margin-bottom: 5px; } .myapp-animate-on-scroll { opacity: 0; transform: translateX(-50px); transition: all 0.8s ease-out; } .myapp-animate-on-scroll.animated { opacity: 1; transform: translateX(0); } .deadd img{ width: 100%;} .header-wrap { width: 100%; backdrop-filter: saturate(180%) blur(0); font-size: 14px; color: #1C1D1F; position: fixed; top: 0; left: 0; z-index: 99; transition: .4s; } .header-wrap:hover { background: rgba(255, 255, 255, 1); } .header-bg { background: rgba(255, 255, 255, .9); backdrop-filter: saturate(180%) blur(6px); } .logo-box { display: inline-block; padding: 19px 10px; height: 67px; font-size: 0; } .logo-box img { height: 35px; } .header-right { flex: 1; max-width: 800px; } .sm-show { display: none; } .header-content { width: 1280px; height: 67px; display: flex; margin: 0 auto; justify-content: space-between; align-items: center; } .header-wrap .menu-ul { flex: 1; z-index: 9; padding: 0; display: flex; justify-content: space-between; transform: none; position: relative; align-items: center; } .header-wrap .menu-ul .menu-li { padding: 24px 5px; position: relative; } .header-wrap .menu-li::after{ content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 3px; background: #E8404B; transition: .3s; } .header-wrap .menu-li:hover::after { width: 100%; } .header-wrap .menu-ul .sub_menu { position: fixed; background: #fff; } .header-wrap .menu-ul .sub_menu.lg { width: 100vw; margin-left: 0; left: 0; top: 67px; display: none; box-shadow: 0 10px 10px 1px rgba(0, 0, 0, .1); } .header-wrap .menu-ul .sub-menu-content{ width: 1280px; margin: 0 auto; padding: 30px 0; display: flex; justify-content: space-between; } .header-wrap .menu-ul .sub-menu-content .sub-menu-left { flex: 0 0 160px; width: 1610px; padding-right: 21px; padding-bottom: 50px; border-right: 1px solid #eee; box-sizing: content-box; position: relative; min-height: 150px; } .header-wrap .menu-ul .sub-menu-content .sub-menu-main-row { margin-bottom: 44px; display: flex; justify-content: space-between; cursor: pointer; } .header-wrap .menu-ul .sub-menu-main-row .sub-menu-main-logo { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 8px; margin-right: 12px ; } .header-wrap .menu-ul .sub-menu-main-row .sub-menu-main-text { flex: 1; } .header-wrap .menu-ul .sub-menu-main-row .sub-menu-main-text .jump-hover-red { font-size: 14px; font-weight: bold; height: 20px; line-height: 20px; justify-content: space-between; transition: .3s; } .header-wrap .menu-ul .sub-menu-main-row .sub-menu-main-text p { font-size: 12px; line-height: 20px; color: #616368; } .header-wrap .menu-ul .sub-menu-content .sub-menu-main-jumpbtns { width: calc(100% - 21px); margin-top: 128px; display: flex; flex-direction: column; justify-content: space-between; position: absolute; bottom: 0; } .header-wrap .menu-ul .sub-menu-content .sub-menu-main-jumpbtns a { display: flex; width: 126px; height: 32px; font-size: 14px; line-height: 32px; border-radius: 8px; /*background: #F7F9FF;*/ align-items: center; justify-content: flex-end; margin-top:20px; } .header-wrap .menu-ul .sub-menu-content .sub-menu-main-jumpbtns a .right-arrow { display: block; width: 14px; height: 14px; margin-left: 3px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAKpJREFUOE9jZCATMJKpjwFDo5SUojoj898CVmamwgcPHvzAZTCGRmlpaRkGJpbDjAwMN1iYGQNxacbqVElJRXkmln8H8GnG6UdCmvEGDpLmC08ePwxE9i9ejRISCgrMrP/3M/z/f+Xpk0e+RGmEafr/n+HGsyeMgQwMqCGM1UZCmkA2Y2gUFVWQYOP4fxyXTTDnYolHRf3/jP9Snj1hLEV3HlF+JJQUyU6rANBDSg8QaFhnAAAAAElFTkSuQmCC); } .header-wrap .menu-ul .sub-menu-content .sub-menu-main-jumpbtns a:hover { color: #E8404B; /* background: #fdeced; */ } .header-wrap .menu-ul .sub-menu-content .sub-menu-main-jumpbtns a:hover .right-arrow { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAKpJREFUOE9jZCATMJKpjwFD42tHD/U//5kKfjB8K1Q8cOAHLoMxND5x8JRhYWA8/J+B8cYPhq+BuDRjdep7Jy/5n/8YDuDTjNOPhDTjDRyYZgYGhgsSB7YFIvsXr8bnDh4KjAxM+xkYGK5IHNjmS5RGmKb/DAw3fjB8wwgkrDYS0gSyGUPjfQcvCU4GhuO4bII5F0PjS0cf/f///6Z8Z/heSlICIDYJkp1WAf29WQ9BzgG3AAAAAElFTkSuQmCC); } .header-wrap .menu-ul .sub-menu-content .sub-menu-right { flex: 1; padding-left: 40px; display: flex; } .header-wrap .menu-ul .sub-menu-content .hot-gongneng { margin-right: 60px; } .hot-gongneng-wrap { display: flex; justify-content: space-between; } .header-wrap .menu-ul .hot-gongneng-left { margin-right: 40px; } .header-wrap .menu-ul .sub-menu-content h5 { font-weight: bold; } .header-wrap .menu-ul .sub-menu-content .sub-menu-sub-title, .header-wrap .menu-ul .hot-gongneng-item, .header-wrap .menu-ul .sub-menu-content .hot-pro .jump-point { display: block; font-size: 14px; line-height: 20px; margin: 15px 0; } .header-wrap .menu-ul .hot-gongneng-item .jump-point { margin: 4px 0; } .header-wrap .menu-ul .hot-gongneng-item .jump-point, .header-wrap .menu-ul .sub-menu-content .hot-pro .jump-point { display: flex; align-items: center; cursor: pointer; transition: .3s; } .header-wrap .menu-ul .sub-menu-content .jump-point:hover, .hot-gongneng-item:hover .jump-point { color: #E8404B; } .header-wrap .menu-ul .hot-gongneng-item:hover p:last-child { color: #888; } .header-wrap .menu-ul .hot-gongneng-item .jump-point span, .header-wrap .menu-ul .sub-menu-content .hot-pro .jump-point span { font-size: 11px; height: 16px; line-height: 14px; padding: 0 3px; color: #FF5F5F; border: 1px solid #FF5F5F; border-radius: 3px; margin-left: 5px; box-sizing: border-box; } .header-wrap .menu-ul .hot-gongneng-item p:last-child { font-size: 12px; color: #616368; } .header-wrap .menu-ul .sub-menu-content .hot-pro .jump-point { margin-bottom: 19px; } .header-wrap .menu-ul li:hover>a .iconfont::before { transform: rotate(180deg) } .sub_menu .sub-menu-content li { position: relative; background: url('../picture/login1.png'); background-size: 100% 100%; color: black; font-size: 17px; overflow: hidden; margin-bottom: 10px; } .sub_menu .sub-menu-content li .tipslogo { width: auto; height: 30px; opacity: 0.2; position: absolute; right: 0; top: 0; margin-right: -15px; margin-top: 12px; } .sub_menu .sub-menu-content li:hover { background: url('../picture/login1-1.png'); background-size: 100% 100%; } .header-wrap .menu-ul .jump-hover-red { display: flex !important; align-items: center; cursor: pointer; } .header-wrap .menu-ul .jump-hover-red .right-arrow { display: inline-block; width: 14px; height: 14px; margin-left: 3px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAKpJREFUOE9jZCATMJKpjwFDo5SUojoj898CVmamwgcPHvzAZTCGRmlpaRkGJpbDjAwMN1iYGQNxacbqVElJRXkmln8H8GnG6UdCmvEGDpLmC08ePwxE9i9ejRISCgrMrP/3M/z/f+Xpk0e+RGmEafr/n+HGsyeMgQwMqCGM1UZCmkA2Y2gUFVWQYOP4fxyXTTDnYolHRf3/jP9Snj1hLEV3HlF+JJQUyU6rANBDSg8QaFhnAAAAAElFTkSuQmCC); transition: .3s; } .header-wrap .menu-ul .sub-menu-main-row:hover .jump-hover-red, .header-wrap .menu-ul .sub-menu-gongneng-item:hover .jump-hover-red, .header-wrap .menu-ul .sub-menu-main-row:hover .jump-hover-red, .header-wrap .menu-ul .jump-hover-red:hover { color: #E8404B; } .header-wrap .menu-ul .sub-menu-main-row:hover .right-arrow, .header-wrap .menu-ul .sub-menu-gongneng-item:hover .right-arrow, .header-wrap .menu-ul .jump-hover-red:hover .right-arrow { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAKpJREFUOE9jZCATMJKpjwFD42tHD/U//5kKfjB8K1Q8cOAHLoMxND5x8JRhYWA8/J+B8cYPhq+BuDRjdep7Jy/5n/8YDuDTjNOPhDTjDRyYZgYGhgsSB7YFIvsXr8bnDh4KjAxM+xkYGK5IHNjmS5RGmKb/DAw3fjB8wwgkrDYS0gSyGUPjfQcvCU4GhuO4bII5F0PjS0cf/f///6Z8Z/heSlICIDYJkp1WAf29WQ9BzgG3AAAAAElFTkSuQmCC); } .header-wrap .menu-ul .sub-menu-main-row:hover p, .header-wrap .menu-ul .sub-menu-gongneng-item:hover p { color: #888 !important; } .header-wrap .menu-ul .sub-menu-gongneng-item { float: left; width: 305px; height: 72px; padding: 12px 14px 12px 19px; margin-bottom: 20px; border-radius: 8px; background: #F7F9FF; display: flex; justify-content: space-between; cursor: pointer; } .sub-menu-gongneng-wraps { overflow: hidden; } .header-wrap .menu-ul .sub-menu-gongneng-item:not(:nth-child(3n+1)) { margin-left: 20px; } .header-wrap .menu-ul .sub-menu-gongneng-item .sub-menu-main-logo { flex: 0 0 48px; width: 48px; height: 48px; border-radius: 8px; margin-right: 12px ; } .header-wrap .menu-ul .sub-menu-gongneng-item .sub-menu-main-text { flex: 1; } .header-wrap .menu-ul .sub-menu-gongneng-item .sub-menu-main-text .jump-hover-red { font-size: 14px; font-weight: bold; height: 20px; line-height: 20px; margin-top: 5px; justify-content: space-between; transition: .3s; } .header-wrap .menu-ul .sub-menu-gongneng-item .sub-menu-main-text p { font-size: 12px; line-height: 20px; color: #616368; transition: .3s; } .special-title { padding-bottom: 13px; margin-bottom: 20px; border-bottom: 1px solid #EEEEEE; } .hot-class-wrap > .hot-class { float: left; width: 305px; height: 110px; border-radius: 8px; cursor: pointer; overflow: hidden; } .hot-class-wrap .hot-class:not(:nth-child(3n+1)) { margin-left: 20px; } .hot-class-wrap > .hot-class:first-child img { position: relative; top: -66px; height: auto; } .hot-class-wrap > .hot-class:last-child img { position: relative; top: -19px; height: auto; } .hot-class-wrap .hot-class img { width: 100%; height: auto; object-fit: cover; } .erwei-fixed { position: fixed; left: 0; right: 0; top: 50%; z-index: 10; background-color: rgba(0, 0, 0, 0.7); height: 0; overflow: hidden; display: flex; justify-content: center; align-items: center; text-align: center; color: #FFF; z-index: 100; } .erwei-fixed img { margin-bottom: 10px; user-select: none; } .erwei-fixed.show { top: 0; height: 100%; } @media (max-width:1680px) { .loginmenu { margin-left: -180px !important; } } @media screen and (max-width:750px) { .loginmenu { margin-left: 0 !important; } .header-content { width: 100vw; padding: 0 20px; } .header-wrap .menu-ul { display: none; } .header-right { flex: 0 0 40px; width: 40px; } .sm-show { display: block; } .header-wrap .menuList { position: fixed; right: 0; top: 64px; height: 100vh; width: 100vw; background: rgba(0, 0, 0, 0.5); z-index: 10; display: none; } .header-wrap .menuList ul { flex-direction: column; background: #fff; height: 100vh; position: absolute; right: 0; top: 0; width: 50%; transform: translateX(100%); } .header-wrap .menuList ul.showMenu { animation: menuShow 0.4s ease forwards; } .header-wrap .menuList ul.hideMenu { animation: menuHide 0.4s ease forwards; } .header-wrap .menuList .menuItem { padding: 0 20px; line-height: 40px; width: 100%; } .header-wrap .menuList .menuItem a { display: inline-block; height: 100%; position: relative; } .header-wrap .menuList .menuItem a::after{ content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 3px; background: #E8404B; transition: .3s; } .header-wrap .menuList .menuItem a:hover::after { width: 100%; } .menu-btn { width: 40px; height: 40px; cursor: pointer; position: relative; margin-right: 20px; } .menu-path, .close-path { fill: none; stroke: #1C1D1F; stroke-width: 2; stroke-linecap: round; transition: stroke-dasharray 0.3s ease; } .menu-path { stroke-dasharray: 24 24; } .close-path { stroke-dasharray: 18 24; transition: .3s; opacity: 0; } .menu-btn.open .menu-path { stroke-dasharray: 0 24; stroke-width: 0; } .menu-btn.open .close-path { stroke-dasharray: 18 24; opacity: 1; } .menu-btn .line { fill: none; stroke: #1C1D1F; stroke-width: 0; stroke-linecap: round; transition: stroke-dasharray 0.3s ease; } .menu-btn.rotate { transform: rotate(90deg); transition: 0.3s ease; } @keyframes menuShow { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } } @keyframes menuHide { 0% { transform: translateX(0); } 100% { transform: translateX(100%); } } } /* 新版导航菜单 */ .header-wrap .sub-menu-main-name { color: #000000; font-size: 20px; font-weight: bolder; } .header-wrap .sub-menu-main-name::after { content: ''; display: block; width: 63px; height: 8px; background: url('../picture/name-bg.png') no-repeat; background-size: 100% 100%; margin-left: 24px; margin-top: -8px; } .header-wrap .sub-menu-main-name2::after { margin-left: 84px; margin-top: -8px; } .sub-menu-right-item { /*width: 290px;*/ margin-right: 40px; } .sub-menu-right-item .item-logo { width: 72px; height: 16px; margin-bottom: 8px; margin-left: 10px; } .sub-menu-right-item .item-logo2 { width: 36px; height: 16px; } .sub-menu-right-item .item-logo3 { width: 63px; height: 16px; } .sub-menu-right-item .item-logo4 { width: 67px; height: 21px; } .sub-menu-right-item .item-logo3 { width: 63px; height: 16px; } .sub-menu-right-item .item-title { color: #616368; font-size: 14px; margin-bottom: 12px; margin-left: 10px; } .sub-menu-right-item .item-line { background: #EEEEEE; height: 1px; /*width: 165px;*/ margin-bottom: 20px; } .sub-menu-right-item .item-content { /* width: 240px;*/ display: flex; margin-bottom: 40px; cursor: pointer; } .sub-menu-right-item .item-content:hover .item-right .item-right-title { color: #E8404B!important; } .sub-menu-right-item .item-content:hover .item-right .item-right-des { color: #E8404B!important; } .sub-menu-right-item .item-content .item-icon { width: 28px; height: 28px; margin-right: 6px; } .sub-menu-right-item .item-content .item-right .item-right-title { color: #1C1D1F; font-size: 14px; margin-top: 2px; margin-bottom: 2px; } .sub-menu-right-item .item-content .item-right .item-right-des { color: #616368; font-size: 12px; } @media screen and (max-width: 750px) { .cd-wrap-right h3 { font-size: 16px!important ; line-height: 30px; } } .topinput{ position: absolute; top: 7.04px; left: 7.04px; width: 201.44px; height: 30px; line-height: 17.6px; background: #F9F6FF; border-radius: 3.52px; border: 0.16px solid #B7B6B8; font-weight: 400; font-size: 15px; text-indent: 25px;} .ckphone5{ outline: none; background: transparent; border: none; outline: medium; color: aliceblue; margin-top: 5px; } .footer-wrap { width: 1280px; margin: 0 auto; color: #1C1D1F; } .footer-top { display: flex; width: 100%; padding: 34px 0 32px; border-bottom: 1px solid #eee; } .footer-top-item { flex: 1; display: flex; justify-content: center; align-items: center; } .footer-top-item + .footer-top-item { border-left: 1px solid #eee; } .footer-center { padding: 58px 0 42px; display: flex; justify-content: space-between; border-bottom: 1px solid #eee; } .footer-ul { flex: 1; font-size: 14px; } .footer-sub-title { margin-bottom: 15px; font-size: 16px; } .footer-ul>a { font-size: 14px; line-height: 26px; display: inline-block; text-decoration: none; color: #1C1D1F; transition: .4s; position: relative; } .footer-ul>a::after { position: absolute; bottom: 0; left: 0; content: ''; display: inline-block; width: 0; height: 2px; background: #E8404B; transition: .4s; } .footer-ul>a:hover { color: #E8404B; font-weight: bold; } .footer-ul>a:hover::after { width: 100%; } .footer-ul .about-label { line-height: 26px; margin-top: 10px; } .footer-ul .about-value { width: 182px; line-height: 20px; font-weight: bold; } .footer-ul .guanzhu-tips { font-size: 12px; margin: 15px 0 18px; color: #999; } .footer-ul .guanzhu-img { width: 96px; height: 96px; } .footer-bottom { padding: 36px 0; } .sub-company-row { margin-bottom: 12px; display: flex; } .footer-bottom .sub-company-row a { font-size: 14px; line-height: 26px; margin-left: 28px; display: inline-block; text-decoration: none; color: #1C1D1F; transition: .4s; position: relative; } .footer-bottom .sub-company-row a::after { position: absolute; bottom: 0; left: 0; content: ''; display: inline-block; width: 0; height: 2px; background: #E8404B; transition: .4s; } .footer-bottom .sub-company-row a:hover { color: #E8404B; font-weight: bold; } .footer-bottom .sub-company-row a:hover::after { width: 100%; } .footer-wrap .icp-row { overflow: hidden; } .footer-wrap .icp-row span { float: left; font-size: 12px; line-height: 14px; margin-right: 38px; color: #777; } .footer-wrap .icp-row span img { width: 14px; height: 14px; margin-right: 4px; float: left; } .footer-wrap .icp-row a { float: left; font-size: 12px; line-height: 14px; margin-right: 38px; color: #777; } .footer-wrap .icp-row a:hover { color: #aaa; text-decoration: underline; } .footer-wrap .icp-row a img { width: 14px; height: 14px; margin-right: 4px; float: left; } .footer-wrap .icp-row a{ float: left; font-size: 12px; line-height: 14px; margin-right: 38px; color: #777; } .zixun-model-wrap { display: none; width: 100vw; height: 100vh; background: rgba(0, 0, 0, .5); position: fixed; top: 0%; left: 0; justify-content: center; align-items: center; z-index: 1000; } .canzan-wx-wrap { width: 574px; border-radius: 16px; padding: 58px 0 63px; position: absolute; top: 50%; left: 50%; transform: translateX(-287px) translateY(-208px); background: url("../picture/zixun-model-bg.png") no-repeat; text-align: center; position: relative; } .zixun-model-wrap .close-btn { position: absolute; top: 20px; right: 20px; cursor: pointer; } .zixun-model-wrap .cz-logo { width: 77px; height: 40px; } .zixun-model-wrap h3 { font-size: 24px; line-height: 24px; margin-top: 30px; } .zixun-model-wrap .center-tips { font-size: 16px; line-height: 26px; margin-top: 16px; color: #333; } .zixun-model-wrap .center-tips span { font-weight: bold; } .zixun-model-wrap .erwei-img { width: 192px; height: 192px; margin-top: 27px; } .zixun-model-wrap .bottom-tips { font-size: 12px; line-height: 20px; margin-top: 24px; color: #616368; } @media screen and (max-width:750px) { .footer-wrap { width: 100%; } .footer-top { flex-wrap: wrap; border: none; } .footer-top-item { flex: 50%; } .footer-top-item:nth-child(3), .footer-top-item:nth-child(4) { margin-top: 10px; } .footer-center { padding-left: 20px; padding-right: 20px; flex-wrap: wrap; } .footer-ul:first-child, .footer-ul:nth-child(2), .footer-ul:nth-child(3) { flex: 33%; } .footer-ul:nth-child(4) { padding-right: 20px; flex: 0 0 60%; margin-top: 20px; } .guanzhu-wrap { flex: 0 0 40%; margin-top: 20px; } .footer-ul .about-value { width: auto; } .sub-company-row { display: block; } .sub-company-row img { display: block; margin: 0 auto 20px; } .icp-row { margin-top: 20px; } .icp-row span:first-child { margin-bottom: 5px; } .icp-row span:first-child, .icp-row span:nth-child(2) { display: flex; width: 100%; justify-content: center; } .icp-row span:last-child { margin-top: 5px; margin-right: 0; padding: 0 20px; line-height: 20px; } .canzan-wx-wrap { width: 100%; transform: translateX(-50%) translateY(-248px); } } .service-hide-wrap { display: none; } .service-wrap { position: absolute; top: 200px; right: 20px; width: 72px; text-align: center; color: #1C1D1F; cursor: pointer; display: flex; flex-direction: column; align-items: center; z-index: 9; } .service-wrap .zaixian-img { flex: 0 0 64px; width: 72px; height: 103px; margin-bottom: 10px; } .service-wrap .service-center { flex: 0 0 140px; width: 72px; height: 140px; border-radius: 16px; background: #fff; position: relative; box-shadow: 0px 8px 32px 0px rgba(0,0,0,0.06); } .service-wrap .service-item { float: left; width: 72px; height: 70px; font-size: 12px; transition: .3s; } .service-wrap .service-item:hover { color: #E8404B; } .service-wrap .service-item .service-item-img { width: 32px; height: 32px; display: block; margin: 10px auto 0; background-size: 100% 100% !important; transition: .3s; } .service-wrap .service-item.canzan .service-item-img { background: url("../picture/phone-icon-1.png") no-repeat; } .service-wrap .service-item.weixin .service-item-img { background: url("../picture/wx-icon-1.png") no-repeat; } .service-wrap .service-item.ruzhu .service-item-img { background: url("../picture/ruzhu-icon-1.png") no-repeat; } .service-wrap .service-item.go-top .service-item-img { background: url("../picture/top-icon-1.png") no-repeat; } .service-wrap .service-item.canzan:hover .service-item-img { background: url("../picture/phone-icon-2.png") no-repeat; } .service-wrap .service-item.weixin:hover .service-item-img { background: url("../picture/wx-icon-2.png") no-repeat; } .service-wrap .service-item.ruzhu:hover .service-item-img { background: url("../picture/ruzhu-icon-2.png") no-repeat; } .service-wrap .service-item.go-top:hover .service-item-img { background: url("../picture/top-icon-2.png") no-repeat; } .service-wrap .service-item + .service-item { border-top: 1px solid #eee; } .wx-dialog { width: 266px; border-radius: 16px; padding: 32px 37px 0; position: absolute; top: 0; left: 0; transform: translateX(calc(-100% - 10px)); background: #fff; display: none; box-shadow: 0px 8px 32px 0px rgba(0,0,0,0.06); } .wx-dialog::after { content: ''; position: absolute; top: 0; right: -10px; width: 10px; height: 100%; } .wx-dialog h4 { font-size: 20px; line-height: 24px; color: #1C1D1F; } .wx-dialog p { font-size: 14px; line-height: 24px; color: #616368; } .wx-dialog img { width: 100%; margin-top: 15px; } .wx-dialog .tips { font-size: 12px; line-height: 16px; margin: 10px 0 45px; } .zhuanxian-dialog { width: 408px; border-radius: 16px; padding: 27px 0 27px 27px; background: #fff; transform: translateX(calc(-100% - 10px)); position: absolute; left: 0; top: 0; display: none; box-shadow: 0px 8px 32px 0px rgba(0,0,0,0.06); } .zhuanxian-dialog::after { content: ''; position: absolute; top: 0; right: -10px; width: 10px; height: 100%; } .zhuanxian-wrap { display: flex; justify-content: space-between; } .zhuanxian-dialog .zixun-header { width: 64px; height: 64px; flex: 0 0 64px; margin-right: 10px; } .zhuanxian-wrap>div { flex: 1; text-align: left; } .zhuanxian-dialog p { font-size: 18px; line-height: 24px; margin-bottom: 10px; color: #616368; } .zhuanxian-dialog p span { color: #1C1D1F; } .zhuanxian-dialog .consult-btn { display: flex; justify-content: center; align-items: center; color: #E8404B; border: 1px solid #EEEEEE; border-radius: 8px; width: 178px; height: 50px; font-size: 16px; margin-top: 25px; } .zhuanxian-dialog .consult-btn img { width: 8px; height: 8px; margin-left: 5px; } .go-top { flex: 0 0 72px; height: 72px; margin-top: 10px; background: #fff; border-radius: 16px; box-shadow: 0px 8px 32px 0px rgba(0,0,0,0.06); } @media screen and (max-width:750px) { .service-wrap { display: none; } } /* .model-wrap { display: none; width: 100vw; height: 100vh; background: rgba(0, 0, 0, .5); position: fixed; top: 0%; left: 0; justify-content: center; align-items: center; } .canzan-wx-wrap { width: 574px; height: 517px; border-radius: 16px; position: absolute; top: 50%; left: 50%; transform: translateX(-287px) translateY(-208px); background: #eee; } */ .guazhu{display: none;} .guanzhu-wrap{ display:block; } @media screen and (max-width:750px) { .guazhu { display:block; } .guanzhu-wrap{ display: none; } .guazhu img{ width: 150px;} .footer-wrap .icp-row a { float: left; font-size: 12px; line-height: 14px; margin-right: 8px; color: #777; } }