/* CSS Document */ @import url("style/base.css"); /*header*/ .head-fixed{ width:100%;height:96px;padding:20px 72px;box-sizing:border-box;position:fixed;-webkit-transition:all 0.5s;transition:all 0.5s;z-index:9999;} .head-fixed.nfix{background:#fff;box-shadow: 0px 2px 16px rgb(15 42 54 / 4%), 0px 4px 50px rgb(15 42 54 / 5%);} .head-fixed:hover{background:#fff;} .head-fixed.headerFix{background: #fff;} #header .logo{max-width:186px;max-height:55px;display:block;margin-right:16px; position:relative; float:left; margin-top:1px;} #header .logo a{ display:block; width:100%; height:100%;} #header .logo img{ max-width:100%; max-height:100%; height:auto; vertical-align:middle;} #header .logoImg .minimg{display:none;} #header .slgon{height:57px;display:block;margin-right:72px;line-height:20px;padding-top:9px;padding-left: 16px;position: relative;font-weight:500;font-size:14px;color:#4A4A4A;float:left;} #header .slgon::before{content: '';position: absolute;width: 1px;height:27px;background:rgba(151,151,151,0.4);top:16px;left: 0;} .top-box{ display:none;} @media screen and (max-width:1480px){ .head-fixed{padding:20px 16px;} } @media screen and (max-width:1280px){ .head-fixed{min-width:1260px;} } @media(max-width:767px){ .head-fixed{ display:none;} } .menu{transition:all 0.4s;float:right;} .menu .nav{ width:100%; height:auto; padding:0; line-height:57px;} .menu .nav:after{ display:none;} .menu .nav>li{padding:0 50px 20px 0;box-sizing:border-box;position:relative;display:flex;align-items:center;} .menu .nav>li .svb a{font-size:16px;font-weight:bold;color:#233863FF;line-height:57px;} .menu .nav>li::after{content:"";display:block;width:19px;height:19px;vertical-align:middle;margin:-3px 0 0 3px;-webkit-transition:all 0.3s;transition:all 0.3s;background:url(/images/arrowD.svg) no-repeat center right;} .menu .nav>li.home::after{ display:none;} .menu .nav>li.active .svb a,.menu .nav>li:hover .svb a{color:#229AF4;} .menu .nav>li.active::after{background:url(/images/arrowH.svg) no-repeat center right;transform:rotate(-180deg);-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);margin-top:1px;} .menu .nav>li:hover::after{background: url(/images/arrowH.svg) no-repeat center right;} .menu .nav>li.active:hover::after{transform:rotate(0);-webkit-transform:rotate(0);-ms-transform:rotate(0);margin-top:-1px;} .menu .menuBox{color: #fff;background: #fff;position: absolute;top:56px;left:0;width:100%;opacity:1;height: auto;z-index: 999;overflow: hidden;-webkit-transition-property: height;transition-property: height;-webkit-transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);display: none;} .menu .menuBox{background: #FFFFFF;box-shadow: 0px 10px 20px 0px rgba(51,56,64,0.15);border-radius: 4px;padding: 16px;box-sizing: border-box;} .menu .nav>li:hover .menuBox{display:block;transform:translate(-35px, 0);} /*.menu .menuBox.on{opacity:1;pointer-events:auto;transform:translate(-25%, 0);}*/ .menu .menuBox li{line-height:48px;padding:0;box-sizing: border-box;margin-bottom: 4px;} .menu .menuBox a{font-size: 16px;color: #233863;font-weight: 400;transition: all 0.3s;display: flex;align-items:center;height: 48px; display:block; width:100%;} .menu .menuBox a:nth-last-of-type(1){margin-bottom: 0;} .menu .menuBox .img{display: inline-block;width: 28px;height: 28px;line-height: 28px;margin-right: 12px;padding: 4px;text-align: center;border-radius: 5px;background: #FFFFFF;} .menu .menuBox.productsSubBox{width:318px;} .menu .menuBox.industrySubBox{width:330px;} .menu .menuBox.companySubBox{width:330px;} .menu .menuBox.supportSubBox{width:146px; text-align:center;} .menu .menuBox li:hover{background: #F5F7FB;border-radius: 4px;} .menu .menuBox li:hover .img{box-shadow: 6px 6px 11px 0px rgba(40,61,108,0.1);} .menu .menuBox li:hover a,.menu .menuBox li.activeS a{color:#229AF4;} @media screen and (max-width:1480px){ .menu .nav>li{padding-right:40px;} } @media screen and (max-width:1360px){ #header .slgon{ margin-right:65px;} .menu .nav>li{padding-right:30px;} } @media screen and (max-width:1300px){ #header .slgon{ margin-right:60px;} } .topRight{display:flex;align-items: center;float:right;height:57px; position:relative;} .topRight>div{color:#233863;font-size:14px;height: 32px;margin-right:16px;line-height:32px;} .topRight .switch-user{width:120px;height: 32px;position: relative;cursor: pointer;line-height: 32px;} .topRight .switch-user::after{content: "";display: inline-block;width: 19px;height: 19px;vertical-align: middle;margin-top: -24px;-webkit-transition: all 0.3s;transition: all 0.3s;background: url(../images/arrowD.svg) no-repeat center right;} .topRight .switch-user .welcome{display: inline-block;max-width: 96px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .topRight .switch-user .down{position: absolute;top: 30px;left: 0;padding-top: 9px;} .topRight .switch-user .down .box{width: 100px;background: #FFFFFF;box-shadow: 0px 2px 10px 0px rgba(78,89,105,0.1);border-radius: 4px;padding: 4px 0;} .topRight .switch-user .down a{font-weight: 400;font-size: 14px;display: block;line-height: 36px;padding-left: 12px;box-sizing: border-box;transition: all 0.3s;color: #233863;} .switch-user .down a:hover{background: #F2F3F5;font-weight: 400;color: #233863;} .topRight .switch-user .down{display: none;} .topRight .switch-user:hover .down{display: block;} .topRight .switch-user:hover::after{background: url(../images/arrowH.svg) no-repeat center right;} .switch-user .down a.curLg{color: #229AF4;} .topRight .login-btn{cursor: pointer;/* transition: all 0.3s; */} .topRight .login-btn{margin-right: 24px;} .topRight .login-btn img{vertical-align: top;padding-top: 8px;} .topRight .login-btn:hover{color: #229AF4;} .topRight .login-btn:hover a{color: #229AF4;} .topRight .login-btn .deHover{opacity: 0;display: none;} .topRight .login-btn:hover .default{opacity: 0;display: none;} .topRight .login-btn:hover .deHover{opacity: 1;display: inline-block;} .topRight .freeBtn{width:85px;height:32px;background:#E8F4FD;border-radius:4px;margin-right:0;text-align:center;transition: all 0.3s;} .topRight .freeBtn a{color:#233863;font-size:14px; display:block;width:100%;height:100%;line-height: 32px;} .topRight .freeBtn:hover{background: rgba(34, 154, 244, 1);} .topRight .freeBtn:hover a{color:#FFFFFF;} .topRight .minimg{display:none;} .topRight .tEwm{ position:absolute; background-color:#fff; top:52px; right:0; z-index:20; width:120px; height:auto; padding:5px 5px 8px;box-shadow: 0px 2px 8px rgb(15 42 54 / 5%), 0px 4px 10px rgb(15 42 54 / 5%); margin:0; display:none;transition: all 0.3s;} .topRight .tEwm img{ display:block; margin:0;} .topRight .tEwm span{ display:block; text-align:center; font-size:14px; color:#787878; line-height:2;} .topRight .tEwm.show{ display:block;} @media screen and (max-width:1300px){ .topRight>div{ margin-right:15px;} .topRight .login-btn{ margin-right:15px;} } /*移动端头部*/ .mo-header{display:none;width:100%;height:70px;padding:0 10px;background:#FFFFFF;position:fixed;top:0;left:0;z-index:999;box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.06);} .mo-header .logo{width:220px;} .mo-header .logo img{ vertical-align:middle;} .mo-header .mobile-nav{width:auto;} .mo-header .mobile-nav dl{transform:rotateY(180deg);margin-right:10px;width:30px;} .mo-header .mobile-nav dl dd{width:0;height:2px;background:#229AF4;} .mo-header .mobile-nav dl dd:first-child{animation:sjnav 2.4s linear infinite;} .mo-header .mobile-nav dl dd:nth-child(2){margin:6px 0;width:20px;} .mo-header .mobile-nav dl dd:last-child{animation:sjnav 2.4s linear infinite;animation-delay:0.4s;} .mo-header .mobile-nav h4{color:#1a1a1a;} .mo-mask{position:fixed;left:0;top:0;z-index:1000;width:100%;height:100vh;background:rgba(7,16,26,0.8);transition:all 0.5s;visibility:hidden;opacity:0;transition-delay:0.2s;} .mo-mask.active{opacity:1;visibility:visible;} .mo-nav{width:50%;height:100vh;background:#FFFFFF;position:fixed;z-index:10001;top:0;left:-50%;overflow-y:auto;opacity:0;transition:all 0.3s;} .mo-nav.active{transition-delay:0.3s;opacity:1;left:0;} .mo-nav .top{height:80px;padding:0 16px 0 20px;position:sticky;top:0;z-index:9999;background:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,0.06);} .mo-nav .top .logo{width:240px; padding:15px 0;} .mo-nav .top .logo img{ vertical-align:middle; height:50px; width:auto;} .mo-nav .top .mobnavclose{width:30px;height:30px;position:relative;} .mo-nav .top .mobnavclose:before,.mo-nav .top .mobnavclose:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#333;border-radius:1px;} .mo-nav .top .mobnavclose:before{width:20px;height:2px;transform:translate(-50%,-50%) rotate(45deg);} .mo-nav .top .mobnavclose:after{width:2px;height:20px;transform:translate(-50%,-50%) rotate(225deg);} .mo-search{padding:0 16px;margin-top:30px; display:none;} .mo-search form input{width:calc(100% - 52px);line-height:40px;border:1px solid #dbdbdb;border-radius:2px;padding:0 12px;font-size:14px; outline:none;} .mo-search form button{width:52px;height:42px;background:#229AF4;color:#fff;border-radius:2px;font-size:14px; border:none;} .mo-nav .bottom{padding:6px 16px;} .mo-nav .bottom .nav li{margin:18px 0;} .mo-nav .bottom .nav li h3{display:flex;align-items:center;justify-content:space-between;} .mo-nav .bottom .nav li h3 a{display:block;text-align:center;font-size:16px;line-height:30px;color:#1a1a1a;padding-left:4px;} .mo-nav .bottom .nav li h3 i{display:block;width:30px;height:30px;line-height:32px;color:#333;text-align:center;font-size:12px;} .mo-nav .bottom .nav li .m-subnav{border-bottom:1px solid #dbdbdb;padding-bottom:5px;display:none;} .mo-nav .bottom .nav li .m-subnav a{display:block;line-height:24px;margin:10px 0;padding-left:20px;position:relative;} .mo-nav .bottom .nav li .m-subnav a:before{content:"";width:8px;height:8px;border:1px solid #CCCCCC;border-radius:50%;position:absolute;left:4px;top:7px;transition:all 0.4s;} .mo-nav .bottom .nav li .m-subnav a:after{content:"";width:4px;height:4px;background:#CCCCCC;border-radius:50%;position:absolute;left:7px;top:10px;transition:all 0.4s;} .mo-nav .bottom .nav li.on h3 a{color:#229AF4;} .mo-nav .bottom .nav li.on h3 i{transform:rotate(90deg);color:#229AF4;} .mo-nav .bottom .nav li.on h3 i:before,.mo-nav .bottom .nav li.on h3 i:after{background:#fff;} .mo-nav .bottom .nav li h3 a:hover,.mo-nav .bottom .nav li .m-subnav a:hover{color:#229AF4;} .mo-nav .bottom .nav li .m-subnav a:hover:before{border-color:#229AF4;} .mo-nav .bottom .nav li .m-subnav a:hover:after{background:#229AF4;} .mo-lan{padding:0 16px;} .mo-lan a{display:flex !important;align-items:center;justify-content:center;line-height:44px;} .mo-info{padding:20px;} .mo-info h2{font-size:16px;color:#1a1a1a;} .mo-info dl dd{display:flex;margin-top:10px;} .mo-info dl dd i{width:14px;height:14px;display:flex;align-items:center;justify-content:center;margin-top:5px;} .mo-info dl dd p{width:calc(100% - 14px);padding-left:10px;line-height:24px;color:#666;} .mo-info dl dd p a{color:#666;} .mo-info dl dd p a:hover{color:#229AF4;} @media only screen and (max-width:767px){ .mo-header{display:flex;height:70px;} .mo-header .logo{width:auto; height:44px; display:flex;align-items:center} .mo-header .slgon{ width:212px; height:44px; padding-left:18px; font-size:14px; margin-left:5px; line-height:22px; position:relative;} .mo-header .slgon::after{content: ""; display:block; position:absolute; left:6px; top:10px;width: 1px;height:24px;background:rgba(151,151,151,0.4);} .mo-nav{width:100%;left:-100%;} .mo-nav .top{height:80px;padding:0 12px 0 16px;} .mo-lan{ display:none;} } @media only screen and (max-width:480px){ .mo-header .logo{ height:38px;} .mo-header .slgon{ width:195px; height:38px; line-height:19px; font-size:13px; padding-left:12px; margin-left:1px;} .mo-header .slgon::after{ left:6px; top:8px; height:22px} } @media only screen and (max-width:435px){ .mo-header{height:60px;} .mo-header .logo{ height:36px;} .mo-header .slgon{ width:150px; height:36px; line-height:18px; font-size:12px; overflow:hidden;} .mo-header .slgon::after{ height:20px} .mo-header .slgon span{ display:none;} } @media only screen and (max-width:385px){ .mo-header .logo{ height:30px;} .mo-header .slgon{ width:140px; height:30px; line-height:15px; font-size:10px;} .mo-header .slgon::after{ top:5px;} } .banner{width:100%;height:auto; min-height:760px;padding:86px 0 92px;position: relative;/*background-image: url(/images/banner.png);background-repeat: no-repeat;background-size: 100% 100%;*/background: radial-gradient(circle at 12% 8%, rgba(87, 105, 255, 0.18), transparent 30%), radial-gradient(circle at 84% 18%, rgba(95, 223, 255, 0.22), transparent 27%), linear-gradient(rgb(251, 252, 255) 0%, rgb(245, 246, 255) 78%, rgb(255, 255, 255) 100%); line-height:1.35;} .banner .circle{ position:absolute;filter: blur(1px);pointer-events:none;border-radius:50%; display:block;} .banner .c1{width:270px;height:270px;right:11%;top:90px;box-shadow:rgba(95, 90, 255, 0.08) 0px 0px 80px inset;border:1px solid rgba(89, 79, 255, 0.16);} .banner .c2{width:120px;height:120px;left:4%;bottom:100px;background: linear-gradient(145deg, rgba(62, 204, 255, 0.18), rgba(105, 71, 255, 0.06));} .banner .banCon{height:auto;position:relative;z-index: 2;display:grid;grid-template-columns:1.05fr 0.95fr;align-items: center;gap:85px;} .banner .bLeft{transition: opacity 0.65s, transform 0.65s;} .banner .bLeft .eyebrow{display:inline-flex;align-items: center;min-height: 34px;color:#3157ff;box-shadow: rgba(53, 65, 140, 0.06) 0px 8px 28px;font-size: 13px;font-weight: 700;letter-spacing: 0.03em;gap: 8px;padding: 7px 14px;border:1px solid rgba(49, 87, 255, 0.16);border-radius: 999px;background: rgba(255, 255, 255, 0.74);} .banner .bLeft .eyebrow::before {content:"";width:7px;height:7px;box-shadow:rgba(49, 87, 255, 0.08) 0px 0px 0px 5px;border-radius:50%;background:linear-gradient(135deg, #3157ff, #3fc7ff);} .banner .bLeft h1{max-width: 710px;font-size:clamp(46px, 5.6vw, 56px);line-height:1.38;letter-spacing:0;margin:20px 0px;} .banner .bLeft h1 span{color: transparent;background: linear-gradient(105deg, rgb(33, 69, 239) 0%, rgb(109, 84, 255) 56%, rgb(33, 169, 243) 100%) text;} .banner .bLeft p{max-width: 650px;color: rgb(88, 94, 117);font-size: 20px;line-height: 1.8;margin:0px 0px 30px;} .banner .bLeft p strong{color:#11142a;} .banner .bLeft .bZx{display: flex;flex-wrap: wrap;align-items: center;gap: 14px;} .banner .bLeft .bZx .bBtn{min-height: 52px;display: inline-flex;align-items: center;justify-content: center;font-size: 15px;font-weight: 800;gap: 9px;padding: 0px 24px;border:1px solid transparent;border-radius: 14px;transition: transform 0.2s, box-shadow 0.2s, background 0.2s; position:relative;} .banner .bLeft .bZx .btn_primary{color:rgb(255, 255, 255);box-shadow:rgba(57, 72, 237, 0.28) 0px 16px 34px;background:linear-gradient(110deg, rgb(45, 80, 244), rgb(108, 78, 255));} .banner .bLeft .bZx .btn_ghost{color:#11142a;box-shadow: rgba(45, 54, 112, 0.07) 0px 10px 30px;background: rgba(255, 255, 255, 0.82);border-color: rgba(33, 43, 91, 0.13);} .banner .bLeft .bZx .mEwm{ position:absolute; background-color:#fff; bottom:-60px; left:100%; z-index:20; width:120px; height:auto; padding:5px 5px 8px;box-shadow:0px 2px 8px rgb(15 42 54 / 5%), 0px 4px 10px rgb(15 42 54 / 5%); margin:0;transition: all 0.3s; margin-left:15px; display:none;} .banner .bLeft .bZx .mEwm img{ display:block; margin:0;} .banner .bLeft .bZx .mEwm span{ display:block; text-align:center; font-size:14px; color:#787878; line-height:2;} .banner .bLeft .bZx .mEwm.show{ display:block;} .banner .bLeft .proof{display: flex;flex-wrap: wrap;color: rgb(69, 74, 96);font-size: 14px;gap: 18px 30px;margin: 32px 0px 0px;padding: 0px;list-style: none;} .banner .bLeft .proof li{display: flex;align-items: center;gap: 8px;} .banner .bLeft .proof li .check{width:20px;height:20px;display: inline-grid;color:rgb(255, 255, 255);font-size:11px;font-weight:900;place-items:center;border-radius:50%;background:#3157ff;} .banner .bRight{transition: opacity 0.65s, transform 0.65s;position: relative;min-height:530px;display: grid;place-items:center;} .banner .bRight .dashboard{width: min(100%, 520px);backdrop-filter: blur(20px);box-shadow: rgba(45, 55, 137, 0.22) 0px 38px 90px;transform: perspective(1200px) rotateY(-5deg) rotateX(2deg);padding: 18px;border: 1px solid rgba(255, 255, 255, 0.8);border-radius: 32px;background: rgba(255, 255, 255, 0.82);} .banner .bRight .dashboard_top{display: flex;align-items: center;gap: 7px;padding: 4px 4px 17px;} .banner .bRight .dashboard_top i{width: 9px;height: 9px;border-radius: 50%;background: rgb(223, 226, 239);} .banner .bRight .dashboard_top i:first-child {background: rgb(140, 108, 255);} .banner .bRight .dashboard_top span{margin-left: auto;color: rgb(151, 155, 171);font-size: 11px;} .banner .bRight .bSearch{display: flex;align-items: center;min-height: 52px;color: rgb(42, 45, 60);font-size: 14px;gap: 10px;padding: 0px 16px;border: 1px solid rgb(228, 231, 244);border-radius: 15px;background: rgb(248, 249, 255);} .banner .bRight .bSearch svg{color:#3157ff;flex: 0 0 auto;} .banner .bRight .bAnswer{margin-top:12px;box-shadow: rgba(42, 53, 124, 0.08) 0px 13px 34px;padding: 20px;border: 1px solid rgb(233, 234, 245);border-radius:20px;background: rgb(255, 255, 255);} .banner .bRight .bAnswer .head{display: flex;align-items: center;margin-bottom:18px;gap:11px;} .banner .bRight .bAnswer .bot{width: 34px;height: 34px;display: grid;color: rgb(255, 255, 255);font-weight: 900;place-items: center;border-radius: 11px;background: linear-gradient(145deg, rgb(47, 92, 255), rgb(38, 198, 239));} .banner .bRight .bAnswer p{color: rgb(95, 100, 119);font-size: 13px;line-height: 1.75;margin: 0px 0px 12px;} .banner .bRight .bAnswer .result{padding:16px;border-radius:16px;background:linear-gradient(135deg, rgb(241, 244, 255), rgb(246, 251, 255));border: 1px solid rgba(49, 87, 255, 0.12);} .banner .bRight .bAnswer .result .title{display: flex;align-items: center;justify-content: space-between;margin-bottom: 9px;gap: 10px;} .banner .bRight .bAnswer .result .title strong{font-size: 15px;} .banner .bRight .bAnswer .result .rank{color:#3157ff;font-size: 10px;font-weight: 800;padding: 4px 8px;background: rgb(255, 255, 255);border-radius: 999px;} .banner .bRight .bAnswer .result .meta{display: grid;grid-template-columns: 1fr 1fr;color: rgb(99, 105, 125);font-size: 12px;gap: 8px;} .banner .bRight .bAnswer .result .phone_chip{display: flex;align-items: center;justify-content: space-between;margin-top: 5px;color: rgb(255, 255, 255);font-weight: 700;grid-column: 1 / -1;padding: 10px 12px;border-radius: 11px;background: linear-gradient(110deg, rgb(49, 87, 255), rgb(115, 80, 255));} .banner .bRight .float_card{position: absolute;box-shadow: rgba(44, 55, 125, 0.14) 0px 16px 38px;backdrop-filter: blur(16px);font-size:12px;font-weight: 800;padding:12px 15px;border:1px solid rgba(255, 255, 255, 0.85);border-radius: 15px;background: rgba(255, 255, 255, 0.92);animation: 4s ease-in-out 0s infinite normal none running b-float;} .banner .bRight .card_city{ left: -10px; top:94px; color:#3157ff;} .banner .bRight .card_phone{ right: -18px; bottom:92px; color: #0d9473; animation-delay: -1.6s;} .banner .bRight .card_rate{ left: 20px; bottom: 35px; color: #7a45eb; animation-delay: -2.7s; } @keyframes b-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-9px); } } @media only screen and (max-width:1020px){ .banner .bRight{ min-height: 500px; } .banner .bRight .dashboard{ transform: none; } .banner .bLeft .bZx,.banner .bLeft .proof{ justify-content: center; } } @media only screen and (max-width:767px){ .banner{ min-height: auto; padding: 62px 0 45px; margin-top:60px;} .banner .banCon{ grid-template-columns: 1fr; gap: 48px; padding:0 15px;} .banner .bLeft{ text-align: center; } .banner .bLeft h1,.banner .bLeft p{ margin-left: auto; margin-right: auto; } .banner .bLeft h1{ font-size:36px; } .banner .bLeft p{ font-size:17px; } .banner .bLeft .bZx{ align-items:stretch; } .banner .bLeft .bZx .mEwm{ bottom:inherit; top:54px; left:50%; margin-left:-60px;} .banner .bRight{ min-height: 440px; } .banner .bRight .dashboard{ padding: 12px; border-radius: 24px; } .banner .bRight .card_city{ left: -5px; top: 50px;} .banner .bRight .card_phone{ right: -5px; bottom: 48px;} .banner .bRight .card_rate{ left: 0; bottom: -8px; } } /*main*/ .mTit{ width:100%;text-align:center;} .mTit .eyebrow{display: inline-flex;align-items: center;gap: 8px;min-height: 34px;padding: 7px 14px;border: 1px solid rgba(49, 87, 255, .16);border-radius: 999px;color:#3157ff;background: rgba(255, 255, 255, .74);box-shadow: 0 8px 28px rgba(53, 65, 140, .06);font-size: 13px;font-weight: 700;letter-spacing:.03em; margin-bottom:18px;} .mTit .eyebrow::before {content:"";width:7px;height:7px;box-shadow:rgba(49, 87, 255, 0.08) 0px 0px 0px 5px;border-radius:50%;background:linear-gradient(135deg, #3157ff, #3fc7ff);} .mTit h2{font-weight: 600;font-size: 40px;color: #233863;line-height: 56px;text-align: center;font-style: normal;margin-top:0;} .mTitw h2{ color:#fff;} .mTit h2 span{color: transparent;background: linear-gradient(105deg, #2145ef 0%, #6d54ff 56%, #21a9f3 100%);-webkit-background-clip: text;background-clip: text;} .mTit .text{font-weight: 400;font-size:24px;color:#646980;line-height:33px;text-align: center;font-style: normal;display: block;margin: 0 auto;margin-top: 12px;} .mTit p{color:#646980;font-size: 18px;line-height: 1.8;margin: 12px auto 0; max-width: 760px;} .mTitw p{color:#9fa9c7;} .mTitButton{width: 130px;height: 44px;background: #FFFFFF;border-radius: 22px;border: 1px solid #ECECEC;margin: 0 auto;} .mTitButton .imgBox.icon{width: 22px;height: 22px;vertical-align: top;margin-top: 11px;margin-left: 20px;} .mTitButton span{font-weight: 400;font-size: 16px;color: #233863;line-height: 44px;text-align: center;font-style:normal;} @media(max-width:767px){ .mTit{ padding:0 15px;} .mTit h2{font-size: 20px;line-height: 30px;} .mTit .text{font-size:14px;line-height: 20px;padding: 0 0;} .mTit p{ font-size:16px;} } .main5{padding:10px 0 112px;background: linear-gradient(180deg, #fff 0%, #f7f9ff 100%);} .main5 .mBox{display: grid;grid-template-columns: repeat(3, 1fr);gap:18px; margin-top:54px;} .main5 .mBox .mArtl{min-height: 220px;display: flex;flex-direction: column;justify-content: space-between;padding: 28px;border: 1px solid rgba(49, 87, 255, .13);border-radius: 24px;background: #fff;box-shadow: 0 18px 45px rgba(43, 54, 126, .075);transition: opacity .65s ease, transform .65s ease;} .main5 .mBox .mArtl span{width: max-content;padding: 6px 9px;border-radius: 8px;color:#3157ff;background: #eef1ff;font-size: 12px;font-weight: 800;} .main5 .mBox .mArtl strong{margin:24px 0;font-size: 20px;line-height: 1.65;} .main5 .mBox .mArtl small{color:#9599aa; font-size:14px;} .main5 .more{ max-width: 880px;display: grid;grid-template-columns: auto 1fr;align-items: center;gap: 20px;margin: 24px auto 0;padding: 22px 26px;border-radius: 18px;color: #fff;background: linear-gradient(110deg, #2d50f4, #714fff);box-shadow: 0 18px 40px rgba(50, 71, 235, .22);} .main5 .more span{padding: 7px 10px;border-radius: 999px;background: rgba(255, 255, 255, .15);font-size: 12px;font-weight: 800;white-space: nowrap;} .main5 .more strong{font-size: 15px;line-height: 1.7;} @media(max-width:767px){ .main5{padding:35px 0 45px;} .main5 .mBox{grid-template-columns: 1fr; margin-top:35px; padding:0 15px;} .main5 .more{ max-width:calc(100% - 30px);grid-template-columns:1fr;text-align: center;} .main5 .more span{ margin:0 auto;} } .main6{padding:72px 0;position: relative;overflow: hidden;} .main6 .mBox{display: grid;grid-template-columns: repeat(4, 1fr);gap: 18px; margin-top:54px;} .main6 .mBox .mCard{padding: 30px;border: 1px solid rgba(29, 39, 81, .1);border-radius: 24px;background: #fff;box-shadow: 0 18px 48px rgba(43, 54, 126, .065);transition: opacity .65s ease, transform .65s ease;} .main6 .mBox .mCard .icon{width:50px;height:50px;display:grid;place-items:center;margin-bottom:24px;border-radius:15px;color:#3157ff;background:#eef1ff;font-size: 21px;font-weight: 900;} .main6 .mBox .mCard h3{margin:0 0 12px;font-size: 22px; color:#11142a;} .main6 .mBox .mCard p{margin: 0;color:#646980;font-size:15px;line-height:1.75;} @media(max-width:767px){ .main6{padding:45px 0;} .main6 .mBox{grid-template-columns: 1fr; margin-top:35px; padding:0 15px;} } .main7{padding:72px 0;position: relative;overflow: hidden;background:#0b1029;color:#fff;} .main7 .mBox{ margin-top:54px;} .main7 .mBox ul{display: grid;grid-template-columns: repeat(3, 1fr);gap: 18px;} .main7 .mBox ul li{min-height:190px;padding: 28px;border: 1px solid rgba(255, 255, 255, .1);border-radius: 24px;background: linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .035));} .main7 .mBox ul li span{color:#7889c3;font-weight: 800; font-size:13px;} .main7 .mBox ul li h3{margin: 22px 0 10px;font-size: 22px; line-height:1.32;} .main7 .mBox ul li p{margin: 0;color: #9fa9c7;font-size: 15px;line-height: 1.7;} @media(max-width:767px){ .main7{padding:45px 0;} .main7 .mBox{ margin-top:35px;} .main7 .mBox ul{grid-template-columns:1fr; padding:0 15px;} } .main1{padding-top: 83px;margin-bottom:0px;} .main1 ul{width: 1260px;margin: 0 auto;display: flex;justify-content: space-between;margin-top: 48px;} .main1 ul li{width: 303px;border-radius: 12px;border: 1px solid #F4F1F1;padding: 24px;} .main1 ul li .imgBox{width: 48px;height: 48px;border-radius: 12px;} .main1 ul li p{font-weight: 500;font-size: 18px;color: #233863;line-height: 25px;text-align: left;font-style: normal;margin-top: 28px;} .main1 ul li span{font-weight: 400;font-size: 14px;color: #6B7B9B;line-height: 20px;text-align: center;font-style: normal;margin-top: 8px;} .main1 ul li:nth-of-type(1){background: linear-gradient( 180deg, #FEF0EF 0%, #FFFFFF 100%);} .main1 ul li:nth-of-type(2){background: linear-gradient( 180deg, #E4E7FD 0%, #FFFFFF 100%);} .main1 ul li:nth-of-type(3){background: linear-gradient( 180deg, #EEEAFF 0%, rgba(238,234,255,0) 100%);} .main1 ul li:nth-of-type(4){background: linear-gradient( 180deg, #EBFCFC 0%, rgba(235,252,252,0) 100%);} .main1 .imgBox.margin{display: block;width:959px;height:113px;margin:0 auto;} .main1 .customerButton{display: block;width: 828px;height: 80px;background: linear-gradient( 270deg, #A792FF 0%, #8296FF 100%);border-radius: 16px;border: 1px solid #F4F1F1;font-family: AppleColorEmoji;font-size: 24px;color: #FFFFFF;line-height: 80px;text-align: left;font-style: normal;margin: 0 auto;text-align: center;} @media(max-width:767px){ .main1{padding-top: 40px;} .main1 ul{width: 100%;display: block;padding: 0 15px;margin-top:20px;} .main1 ul li{width: 100%;margin-bottom: 12px; padding:30px 24px;} .main1 ul li .imgBox{ float:left; margin-right:15px;} .main1 ul li p{ margin:0;} .main1 .imgBox.margin{display: none;} .main1 .customerButton{display: none;} } .allpage{text-align: center;padding-top:40px; position:relative;} .allpage p{ font-size:16px; line-height:1.8; margin-bottom:10px; color:#6B7B9B; text-align:left;} .allpage .freeBtn{width:205px;height:52px;line-height:52px;text-align:center;background:#898EFF;box-shadow:0px 6px 14px 0px rgba(22,113,181,0.24);border-radius:26px;font-size:16px;font-weight: bold;color: #fff;display: block;margin: auto;} .allpage .freeBtn:hover{background: #4EDDC7;color: #FFFFFF;} @media(max-width:767px){ .allpage{text-align: center;padding-top:20px;} .allpage .container{ padding:0;} } .main3{padding-top: 88px;padding-bottom: 120px;background-image: url(/images/m3.png);background-repeat: no-repeat;background-size: 100% auto;background-position: left bottom;position: relative;} .main3 .bg2{position: absolute;left: 0;top: 120px;width: 511px;z-index: 0;} .main3 .mBox{width:1260px;margin:70px auto 30px;position: relative;z-index: 1;display: grid;grid-template-columns: repeat(6, 1fr);gap: 18px;} .main3 .mBox .item{grid-column: span 2;min-height:162px;display: flex;flex-direction: column;padding: 28px;border:1px solid rgba(29, 39, 81, .1);border-radius: 22px;background: #fff;box-shadow: 0 14px 38px rgba(43, 54, 126, .055);transition: opacity .65s ease, transform .65s ease;/*width: 100%;display: flex;justify-content: space-between;margin-bottom: 64px;*/} .main3 .mBox .item .tit{display:flex;align-items:center; margin-bottom:15px;} .main3 .mBox .item .tit b{display:grid;place-items:center;margin-bottom:0;border-radius:14px;color:#3157ff;font-size: 24px; margin-right:15px;} .main3 .mBox .item .tit>div{display:flex;align-items:center; line-height:1;} .main3 .mBox .item .tit h3{font-size:20px; color:#11142a; line-height:1.5;} .main3 .mBox .item .tit span{ font-size:20px; color:#9fa9c7; margin:0 5px;} .main3 .mBox .item .tit small{ font-size:16px; color:#9fa9c7; text-transform:uppercase;} .main3 .mBox .item p{margin:0;color:#646980;font-size:15px;line-height: 1.8;} .main3 .mEwm{ position:absolute; background-color:#fff; bottom:60px; left:50%; z-index:20; width:120px; height:auto; padding:5px 5px 8px;box-shadow: 0px 2px 8px rgb(15 42 54 / 5%), 0px 4px 10px rgb(15 42 54 / 5%); margin:0;transition: all 0.3s; margin-left:-60px; display:none;} .main3 .mEwm img{ display:block; margin:0;} .main3 .mEwm span{ display:block; text-align:center; font-size:14px; color:#787878; line-height:2;} .main3 .mEwm.show{ display:block;} @media only screen and (max-width:767px){ .main3{padding-top:40px;padding-bottom:60px;} .main3 .mTit h1{line-height:24px;} .main3 .bg2{display:none;} .main3 .mBox{margin-top: 12px;padding:0 15px;grid-template-columns: 1fr;} .main3 .mBox .item{display:block;padding: 12px;border: 1px #f1f1f1 solid;border-radius: 12px;margin-bottom: 12px; min-height:110px;} .main3 .mBox .rImg{display:none;} .main3 .mBox .lTxt{margin-top: 0;margin-bottom: 12px;width:100%;} .main3 .mBox .lTxt .tit{font-size: 20px;} .main3 .mBox .lTxt .text{font-size: 14px;margin-top: 0;} .main3 .allpage{ display:none;} } .main4{padding-bottom:64px;padding-top: 38px;} .main4 ul{width:1260px;margin:48px auto 62px;display:flex;flex-wrap:wrap;justify-content:space-between;} .main4 ul li{width:618px;background:#FFFFFF;border-radius:12px;border:1px solid #EBEBEB;padding:24px;margin-bottom: 24px;} .main4 ul li h4{font-weight:600;font-size:20px;color:#11142a;line-height:33px;text-align:left;margin-top:15px;margin-bottom:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .main4 ul li .topBottom{font-size:16px;color:#646980;line-height:1.8;} .main4 ul li .topBottom p{text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} .main4 ul li .topBottom .date{font-size:15px;color:#999;line-height:1.5;text-align: left;display: block; margin-top:12px;display: grid;grid-template-columns:14px 1fr;align-items: center;gap:5px;} .main4 ul li .topBottom .date i{ opacity:.9;} .main4 ul li:hover h4{ color:#3157ff;} .main4 .consult{width:1260px;height:auto; margin:0 auto;display: grid;grid-template-columns: .88fr 1.12fr;gap: 28px;padding: 54px;border-radius: 34px;background: linear-gradient(145deg, #2b4df0 0%, #5947f1 54%, #784fff 100%);color: #fff;box-shadow: 0 35px 90px rgba(57, 62, 212, .3);position: relative;overflow: hidden;} .main4 .consult .txt .eyebrow{display:inline-flex;align-items: center;gap: 8px;min-height: 34px;padding: 7px 14px;border: 1px solid rgba(49, 87, 255, .16);border-radius: 999px;color:#3157ff;background: rgba(255, 255, 255, .74);box-shadow: 0 8px 28px rgba(53, 65, 140, .06);font-size: 13px;font-weight: 700;letter-spacing: .03em; margin-bottom:16px;} .main4 .consult .txt .eyebrow::before {content:"";width:7px;height:7px;box-shadow:rgba(49, 87, 255, 0.08) 0px 0px 0px 5px;border-radius:50%;background:linear-gradient(135deg, #3157ff, #3fc7ff);} .main4 .consult .txt h2{font-size: clamp(28px, 4vw, 50px);line-height: 1.25;letter-spacing: -.03em;color: #fff;line-height:1.15;font-style: normal;margin-top:0;} .main4 .consult .txt p{color: rgba(255, 255, 255, .76);line-height: 1.75; font-size:16px; padding:16px 0 0;} .main4 .consult .benefits{ display: grid; gap: 10px; margin-top: 28px; } .main4 .consult .benefits span{ display: flex; align-items: center; gap: 11px; color: rgba(255,255,255,.86); font-size: 14px; } .main4 .consult .benefits b{ width: 28px; height: 28px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 9px; color: #fff; background: rgba(255,255,255,.14); font-size:12px;} .main4 .mEwm{ position:relative; z-index:2;display: grid;grid-template-columns:190px 1fr;align-items: center;gap: 26px;padding: 28px;border-radius: 24px;background: #fff;color:#11142a;;box-shadow: 0 20px 55px rgba(13, 20, 78, .2);} .main4 .mEwm img{width: 190px;aspect-ratio: 1;padding: 9px;border: 1px solid #eceef6;border-radius: 18px;background: #fff;} .main4 .mEwm .label{ display: block; margin-bottom: 8px; color:#3157ff; font-size: 13px; font-weight: 900; letter-spacing: .05em; } .main4 .mEwm strong{ display: block; font-size: 24px; } .main4 .mEwm p{ margin: 9px 0 20px; color:#646980; font-size: 13px; line-height: 1.65; } .main4 .mEwm .btn_primary{min-height: 52px;display: inline-flex;align-items: center;justify-content: center;gap: 9px;padding: 0 24px;border: 1px solid transparent;border-radius: 14px;font-size: 15px;font-weight: 800;transition: transform .2s ease, box-shadow .2s ease, background .2s ease; width: 100%; padding-inline: 16px; color: #fff;background: linear-gradient(110deg, #2d50f4, #6c4eff);box-shadow: 0 16px 34px rgba(57, 72, 237, .28);} @media only screen and (max-width:767px){ .main4{padding-top: 20px;} .main4 ul{width: 100%;padding:0 12px 25px;display: block;display:block; margin:30px 0 15px} .main4 ul li{width:100%;padding:12px;margin-bottom:15px;} .main4 ul li h4{font-size:18px;margin-bottom:12px; margin-top:5px;} .main4 ul li .topBottom{font-size:15px;} .main4 ul li .topBottom .date{font-size:13px; margin-top:10px;} .main4 .consult{width:calc(100% - 30px); grid-template-columns: 1fr; padding:34px 20px;} .main4 .mEwm{ grid-template-columns: 1fr; text-align: center; } .main4 .mEwm img{ margin: 0 auto; } } /*footer*/ .footer{ background:#F7F8FA;padding-top: 43px;} .footer>.w1200{ width:1260px; margin:0 auto;} .footer .fBot a:hover,.flink a:hover,.footer .info a:hover,.footer .copy .right a:hover{color: #233863;} .footer .info{position: relative; padding-bottom:30px;} .footer .info .telBox{width:305px; padding-top:13px;} .footer .info .left{ width:195px;} .footer .info .right{width: calc(100% - 500px);padding: 13px 70px 0 70px;position: relative;white-space:nowrap;} .footer .info .right::before,.footer .info .right::after{content: '';position: absolute;width: 1px;height:110px;background: #E5E8F0;top: 0;} .footer .info .right ul{ width:100%;align-items: center;} .footer .info .right ul span{ display:block; width:1px; height:14px; background:#ddd;} .footer .info .right ul span:last-child{ display:none;} .footer .info .right ul li{} .footer .info .right ul li a{font-weight:400;font-size:15px;color:#4A4A4A;line-height:20px;} .footer .info .right::before{left: 0;} .footer .info .right::after{right: 0px;} .footer .info .right dl{padding-right: 32px;display: inline-block;vertical-align: top;} /*.footer .info .right dl:nth-child(1),.footer .info .right dl:nth-child(2){ width:200px;}*/ .footer .info .right dl:last-child{padding-right: 0px;} .footer .info .right dl .list{float:left;} .footer .info .right dl .list.sub{margin-right:24px;} .footer .info .right dl dd{font-weight: 400;font-size: 12px;color: #6B7B9B;line-height: 25px;} .footer .info .left{align-items:normal;padding-left:65px;} .footer .info .left dl{ width:140px;text-align: center;float: left;display:flex;justify-content:space-between;align-items: center;} /*.footer .info .left dl:nth-child(1){margin-right:24px;}*/ .footer .info .left dl dt{ width:110px; height:auto;} .footer .info .left img{ max-width:100%; max-height:100%; vertical-align:middle;} .footer .info .left dl dd{font-weight: 400;font-size: 12px;color: #6B7B9B;line-height: 1.2; width:16px;} .footer .info .folgo{width:155px;height: 58px;margin-bottom: 14px;} .footer .info .folgo img{ max-width:100%; height:auto;} .footer .info p, .footer .info a{font-weight: 400;font-size: 14px;color: #6B7B9B;} .footer .info p.lxwm{font-size: 15px;font-weight: bold;color: #4A4A4A;line-height: 20px;} .footer .info .telNum{font-size: 24px;color:#4A4A4A;line-height: 26px;margin: 8px 0 10px;font-family: "D-DINExp-Bold";} .footer .fBot a{display: inline-block;position: relative;padding:0 10px;} .footer .fBot a:first-child{padding-left:0;} .footer .fBot a::after{content: '';position: absolute;width: 1px;height: 11px;background: #E5E8F0;right: 0;top:7px;} .footer .fBot a:last-child::after{display: none;} .footer .info .title h2{ font-weight:bold;font-size:15px;color:#4A4A4A;line-height:20px;margin-bottom:20px;} .flink{ margin-top:0;padding-bottom:30px;} .flink span{font-weight:400;font-size: 14px;color: #4A4A4A;line-height: 25px;display: inline-block;width:auto; vertical-align:middle;} .flink a{font-weight: 400;font-size: 14px;color:#6B7B9B;line-height:25px; vertical-align:middle;} .flink a{display: inline-block;min-width:10px; margin-right:10px;} /*版权信息*/ .footer .copy{border-top:1px solid #E5E8F0;padding:20px 0;color: #6B7B9B;font-weight: 400;font-size: 14px;line-height: 20px; position:relative;} .footer .copy a{font-weight: 400;font-size: 14px;color: #6B7B9B;line-height: 20px;} .footer .copy .left img{vertical-align: bottom;} .footer .copy .right a{padding-left:16px;} /*侧边栏留言表单*/ .sidequotebtn,.sidequotebtn1{position: fixed;right: 0;bottom: 0;z-index: 9999;} .sidequotebtn1{ display:none;} .circle dl,.circle dd{width: 90px !important;height: 90px !important;} .sidequotebtn dt,.sidequotebtn1 dt{width: 50px !important;height: 50px !important;} .index_foot{ display:none;} @media(max-width:767px){ .footer .info .right,.flink{ display:none;} .footer{padding-top: 32px;} .footer .info{display: block;padding-bottom: 32px;} .footer .info .logo{width:120px;height:44px;margin-bottom:24px;} .footer .info .telBox, .footer .info .left{width:100%;} .footer .info p,.footer .info a{font-size: 14px;line-height: 16px;} .footer .info .fBot{margin-bottom: 25px;} .footer .info .title h2{margin-bottom: 8px;line-height: 32px;} .footer .info .left{padding:30px 0 0;margin-bottom:0;} .footer .info .left dl{width: 150px;} .footer .info .left dl dd{font-size: 12px;} .footer .copy{padding: 25px 0 24px;line-height:24px; display:block;} .footer .copy .left,.footer .copy .right{width: 100%;} .footer .copy .left span{display:block;} .footer .copy .right{ padding-top:12px; display:none;} .footer .copy .right a{ padding-left:0; margin-right:15px;} /*侧边栏留言表单*/ .sidequote{width: 100%;right: 0;bottom: 0;border-radius: 10px 10px 0 0;} .sidequotebtn{ display:none;} .sidequotebtn1{ display:block;} .sidequotebtn dt,.sidequotebtn1 dt{width: 44px !important;height: 44px !important;} .sidequotebtn dt svg{width: 20px !important;height: 20px !important;} .sidequotebtn1 dt img{width:18px !important;height: 18px !important;} .index_foot{ width:100%; height:auto;display:block; overflow:hidden;max-width:640px; margin:0 auto; margin-top:12%;} .app_con{ height:auto;max-width:640px;margin:0 auto; overflow:hidden;width:100%; display:block;} #fixed-foot{position:fixed; z-index:1000;bottom:0;width:100%; max-width:640px; height:auto; margin:0 auto;display:inline-block;background:#fff;-webkit-box-shadow:0 0 10px 0 rgba(12,36,134,.1); box-shadow:0 0 10px 0 rgba(12,36,134,.1); padding:5px;} #fixed-foot .btn1{width:100%; max-width:640px; margin:0 auto;display:block;text-align:center; } #fixed-foot .btn1 a{ cursor:pointer; display:block; color:#FFFFFF;float:left; text-align:center;width:100%; background-color:#229AF4; border-radius:8px; line-height:40px; text-align:center; font-size:0;} #fixed-foot .btn1 a:nth-child(1){ border-left:none; margin-right:0%;} #fixed-foot .btn1 a img{ display:inline-block; margin:0 8px 0 0; vertical-align:middle; width:20px; height:auto;} #fixed-foot .btn1 a span{ display:inline-block;font-size:15px; vertical-align:middle;} } .par80{ padding-right:80px;} .pal80{ padding-left:80px;} .pat50{ padding-top:50px;} /*content*/ .contentBox{position:relative; min-height:500px; margin-top:96px;} /*.aboutListBox{ margin-top:0;}*/ .proListBox{padding:0 0 90px; position:relative;} .caseListBox,.oListBox,.newsListBox>.w1200{padding:40px 0 90px; position:relative;} .aboutListBox .sideL{width:230px;position:sticky;top:0px; float:left;padding:0 50px 0 0;} .aboutListBox .side_r{width: calc(100% - 230px); padding-left:50px; float:right;border-left:1px solid #e6e6e6;} .newsListBox .side_r{width: calc(100% - 380px); float:left;} .proListBox .sideL,.newsListBox .sideL{width:330px; float:right;} .nyDetail .newsListBox .side_r,.nyDetail .proListBox .side_r{ width:calc(100% - 360px); float:left;} .nyDetail .proListBox{ padding:0;} .nyDetail .proListBox>.w1200{ padding:40px 0 60px;} .sideTit{color:#233863;line-height: 1.3;font-size:21px;margin-bottom:10px; font-weight:bold;} .sideTit:after{display: block;width: 48px;height: 3px;margin-top:8px;content: '';background:#dc5000;} .sideTit>div{display:flex;align-items: center;justify-content: space-between;} .sideTit a{ font-size:14px; color:#999; font-weight:normal;} .sideTit a:hover{ color:#2867ff;} .sidecate ul{display: flex;flex-direction: column;gap:12px;} .sidecate ul li{background:#fff; border-bottom:1px solid #f2f2f2;border-radius:0px;transition:all 0.2s ease-in-out;} .sidecate ul li:hover{/*border-color:#2867ff;background-color:#eff6ff;box-shadow:0 4px 12px rgba(40, 103, 255, 0.1);*/} .sidecate ul li a{padding:15px 0 15px 0;display:flex;gap:0px;align-items:flex-start;flex-wrap:wrap; position:relative;} .sidecate ul li .num{font-size:16px;font-weight: bold;line-height: 1.4;min-width: 20px; color:#232323;} /*.sidecate ul li .fa{ position:absolute; top:22px; left:0;}*/ .sidecate ul li p{font-size:16px;color:#333;line-height: 1.5;font-weight: 500; width:100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .sidecate ul li u{ display:none;text-decoration: none;margin-top: 8px;color: #686868; font-style:normal; font-size:14px;} .sidecate ul li:hover p{color:#2867ff;} .sidecate ul li .num-1{color:#ff9a00;} .sidecate ul li .num-2{color:#2867ff;} .sidecate ul li .num-3{color:#00b578;} .leftSearch{background:#229AF4/*linear-gradient(90deg, #229AF4 , #2095d3)*/;padding:40px;border-radius: 4px;} .leftSearch .side-title{color: #fff;} .leftSearch form input{display: block;width: calc(100% - 56px);line-height: 56px;padding: 0 15px;background: #FFFFFF;border-radius: 4px 0 0 4px;font-size: 14px;color: #666; outline:none; border:none;} .leftSearch form button{width:56px;height:56px;border-radius: 0 4px 4px 0;background: #FFFFFF;cursor: pointer; outline:none; border:none;} @media(max-width:767px){ .contentBox{ min-height:100px; margin-top:60px;} .proListBox{padding:0 0 25px 0;} .aboutListBox .sideL{ width:100%; height:auto; padding:0 0 10px;} .aboutListBox .side_r{ width:100%;margin-bottom:0; padding:0; border:none;} .caseListBox,.oListBox,.newsListBox>.w1200{padding:25px 15px;} .newsListBox .sideL{margin-top:40px;} .newsListBox .side_r{width:100%; } .proListBox .sideL,.newsListBox .sideL{width:100%;} .nyDetail .caseListBox .side_r{ width:100%;} .nyDetail .caseListBox .sideL{ display:none;} .nyDetail .newsListBox .side_r,.nyDetail .proListBox .side_r{width:100%;} .nyDetail .proListBox>.w1200{ padding:25px 15px;} .sideTit{font-size:20px;} .sidecate ul{gap:0px;} .sidecate ul li a{ padding:12px 0} .leftSearch{padding: 30px 20px;border-radius: 2px;} .leftSearch form input{width: calc(100% - 50px);line-height: 50px;padding: 0 15px;border-radius: 2px 0 0 2px;} .leftSearch form button {width: 50px;height: 50px;border-radius: 0 2px 2px 0;} .leftSearch form button svg{width: 14px;height: 14px;} } .newsR{background: #FFFFFF;border-radius:4px;box-shadow: 0 0 60px 0 rgba(0,0,0,0.1);position: relative;padding:20px 19px; width:300px; float:right;} .newsR .rnews{ width:100%; height:auto;} .newsR .rnews .title2{padding: 0 0 10px 0; position:relative;} .newsR .rnews .title2 span {display: block;height: 40px;line-height: 40px;font-size: 22px;color: #333333;} .newsR .rnews .title2:before {content: '';position: absolute;width: 36px;height: 2px;background:#229AF4;left: 0;bottom: 2px;} .newsR .rnews ul{ padding:15px 0 0;} .newsR .rnews ul li{ margin-bottom:12px; position:relative; padding-left:12px;} .newsR .rnews ul li:before{content:'';position: absolute;width:4px;height:4px;background:#666; border-radius:50%;left:0; top:50%; margin-top:-2px;} .newsR .rnews ul li a{ font-size:16px; color:#333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:26px; font-weight:500;} .newsR .rnews ul li span{ display:block;font-size:14px;color:#999;line-height:26px; display:none;} .newsR .rnews ul li:hover a{ color:#229AF4;} .sideWrap{ width:100% !important; padding:0 !important; margin:0 !important; border:none !important;} .side_rc{ width:100%; height:auto; padding:0; color:#333;} .sdrTit{ font-size: 28px;font-weight: 800;margin-bottom:20px;color:#3f3030; line-height:1.1;} .sdrTit h3{font-weight: 700; color:#3f3030; margin-bottom:15px; font-size:28px; text-align:center;} .sdrTit p{ font-size:16px; color:#666; line-height:1.75; text-align:center; font-weight:normal;} @media(max-width:767px){ .side_r{ width:100%;float:none;} .side_rt{ display:none;} .position{ font-size:.9rem; line-height:1.5; padding:.5rem 10px;} .position a{ font-size:.9rem;} .sdrTit{ font-size:24px; margin-bottom:10px;} } .caseR{background: #FFFFFF;border-radius:4px;box-shadow:0 0 60px 0 rgba(0,0,0,0.1);position: relative;padding:20px 19px; width:300px; float:right;} .caseR .title2{padding: 0 0 10px 0; position:relative;} .caseR .title2 span {display: block;height: 40px;line-height: 40px;font-size: 22px;color: #333333;} .caseR .title2:before {content: '';position: absolute;width: 36px;height: 2px;background:#229AF4;left: 0;bottom: 2px;} .caseR ul{ padding:15px 0 0;} .caseR ul li{ width:100%; height:auto; margin-bottom:15px;} .caseR ul li:last-child{ margin-bottom:0;} .caseR ul li a{ display:block;} .caseR ul li .pic{background: #f5f5f5;border-radius:0px;transition:all 0.4s;padding:5px;background-color: #fff;overflow: hidden;border:1px solid #e9e9e9;} .caseR ul li .pic img{display:block;position:unset;width:100%;height:auto;margin: 0 auto;transition-delay: 0.2s;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .caseR ul li .tit{text-align:center;padding:0 20px;margin-top:10px;color:#1a1a1a;line-height:28px; font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .caseR ul li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .caseR ul li:hover .tit{color:#229AF4;} @media(max-width:767px){ .caseR{padding:15px 15px; width:100%; margin-top:30px;} } .inban{background: radial-gradient(circle at 78% 18%, rgba(56, 189, 248, .2), transparent 32%), radial-gradient(circle at 92% 92%, rgba(163, 230, 53, .09), transparent 30%), linear-gradient(135deg, #050912, #09111d 52%, #0f172a);position: relative;overflow: hidden;padding:60px 0 98px;} .inban .bg{position: absolute;inset: 0;background-image: linear-gradient(rgba(255, 255, 255, .055) 1px, transparent 0), linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 0);background-size: 56px 56px;-webkit-mask-image: linear-gradient(#000, rgba(0, 0, 0, .18));mask-image: linear-gradient(#000, rgba(0, 0, 0, .18));pointer-events: none;background-size: 56px 56px;opacity: .68;} .inban p{ max-width:760px;color: rgba(255, 255, 255, .74);line-height: 1.78; font-size:18px;} .inban .eyebrow{margin:0 0 14px;color:#38bdf8;font-size: 12px;font-weight: 900;letter-spacing: 0;text-transform: uppercase;} .inban h2{font-size:clamp(34px, 5.6vw, 56px);line-height:1.4;font-weight: 540;max-width: 720px;margin: 0 0 22px;color: #fff;} .inban h2 span{color: transparent;/*background: linear-gradient(105deg, rgb(33, 69, 239) 0%, rgb(109, 84, 255) 56%, rgb(33, 169, 243) 100%) text;*/background:linear-gradient(105deg, #2145ef 0%, #6d54ff 56%, #21a9f3 100%);-webkit-background-clip: text;background-clip: text;} .inban>div.w1200{display: grid;grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);gap:clamp(42px, 7vw, 88px);align-items: center;position: relative;z-index: 1;} .alzx{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 30px; position:relative;} .alzx a{transition: transform .26s cubic-bezier(0.22, 1, 0.36, 1), border-color .26s cubic-bezier(0.22, 1, 0.36, 1), background-color .26s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .26s cubic-bezier(0.22, 1, 0.36, 1), color .26s cubic-bezier(0.22, 1, 0.36, 1);display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 44px;font-weight: 700;line-height: 1;border-radius: 999px; font-size:16px; line-height:1.4; position:relative; z-index:2;} .alzx a.but_tel{padding:0 18px;background:#2563eb;box-shadow:0 14px 34px rgba(37, 99, 235, .28);color:#fff;} .alzx a.but_wx{padding: 0 16px;border: 1px solid rgba(255, 255, 255, .28);background: rgba(255, 255, 255, .08);color:#fff;} .alzx a svg{transition: transform .18s ease;} .alzx a:hover{transform:translateY(-1px)} .alzx a:hover svg{transform:translateX(4px)} .alzx .mEwm{ position:absolute; background-color:#fff; bottom:-60px; left:100%; z-index:20; width:120px; height:auto; padding:5px 5px 8px;box-shadow:0px 2px 8px rgb(15 42 54 / 5%), 0px 4px 10px rgb(15 42 54 / 5%); margin:0;transition: all 0.3s; margin-left:15px; display:none;} .alzx .mEwm img{ display:block; margin:0;} .alzx .mEwm span{ display:block; text-align:center; font-size:14px; color:#787878; line-height:2;} .alzx .mEwm.show{ display:block;} .inban .price{position: relative;overflow: hidden;border: 1px solid rgba(255, 255, 255, .13);border-radius: 28px;padding: 34px;background: linear-gradient(145deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .055)), rgba(255, 255, 255, .04);box-shadow: 0 30px 80px rgba(0, 0, 0, .28);-webkit-backdrop-filter: blur(18px);backdrop-filter: blur(18px); color:#fff;transition: transform .36s cubic-bezier(0.22, 1, 0.36, 1), opacity .36s cubic-bezier(0.22, 1, 0.36, 1), border-color .36s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .36s cubic-bezier(0.22, 1, 0.36, 1), background-color .36s } .inban .price svg{margin-bottom:18px;color:#67e8f9} .inban .price svg path{fill:#67e8f9;} .inban .price strong{display:block;margin-bottom:10px;color: #fff;font-size: 21px;line-height: 1.35;} .inban .price .callout{color:#c7f46a!important;font-size:clamp(24px,4vw,48px)!important;font-weight:900} .inban .price:after{position: absolute;top: -80px;right: -80px;width: 180px;height: 180px;border-radius: 999px;background: rgba(56, 189, 248, .18);content: "";} @media(max-width:767px){ .inban{ padding:50px 15px;} .inban h2{ font-weight:620;} .inban p{ font-size:16px;} .inban>div.w1200{grid-template-columns: 1fr;} .alzx a{transition-duration: .18s; min-width:100%;} .alzx a.but_wx{} .alzx .mEwm{ left:50%; bottom:inherit; top:50px; margin-left:-60px;} .alzx a:hover .mEwm{ display:block;} .inban .price strong{font-size:18px;} } /*关于我们*/ .gy01{background: #fbfbf8; padding:108px 0;} .brand{display: grid;grid-template-columns: auto minmax(0, 1fr);grid-gap:24px;gap: 24px;align-items: start;border-top: 1px solid rgba(15, 23, 42, .1);border-bottom: 1px solid rgba(15, 23, 42, .1);padding: 34px 0;} .brand .icon{display: grid;width: 46px;height: 46px;place-items: center;border: 1px solid rgba(37, 99, 235, .16);border-radius: 8px;background: rgba(37, 99, 235, .06);color: #1d4ed8;} .brand .icon svg{color: #1d4ed8;} .brand .icon svg path{fill:#1d4ed8;} .brand .copy h2{margin:0 0 12px;color:#0f172a;font-size:clamp(24px,3vw,38px);line-height:1.1} .brand .copy h2 span{ font-size:17px; display:inline-block; vertical-align:middle; color:#333;} .brand .copy p{max-width:940px;margin:0;color:#475569;font-size:17px;line-height:1.86} .brand .tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px} .brand .tags span{border:1px solid rgba(15,23,42,.1);border-radius:999px;padding:8px 12px;background:#fff;color:#1e293b;font-size:13px;font-weight:760} @media(max-width:767px){ .gy01{ padding:45px 15px;} .brand{grid-gap:15px;gap:15px;} .brand .copy h2 span{ font-size:16px; display:inline;} .brand .copy p{ font-size:16px;} } .gy02{background: radial-gradient(circle at 12% 8%, rgba(56, 189, 248, .12), transparent 28%), #f8fafc; padding:108px 0;} .heading{max-width:1200px; margin-bottom:42px; display: grid;grid-template-columns: auto minmax(0, 1fr);grid-gap: 24px;gap: 24px;align-items: start;} .heading .icon{display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(37, 99, 235, .16);border-radius:8px;background:rgba(37, 99, 235, .06);color:#1d4ed8; margin-top:3px;} .heading .icon svg{color: #2563eb;} .heading .icon svg path{fill:#2563eb;} .heading h2{font-size: clamp(24px, 4.2vw, 46px);line-height: 1.1;font-weight:540;margin: 0 0 16px;color: #0b1220;} .heading p{max-width: 780px;color: #64748b;font-size: 17px;line-height: 1.86;} .gy02 .team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:22px;gap:22px} .gy02 .team .card{padding:28px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;border: 1px solid rgba(15, 23, 42, .09);border-radius: 24px;-webkit-backdrop-filter: blur(14px);backdrop-filter: blur(14px);border-color: rgba(148, 163, 184, .2);background-color: rgba(255, 255, 255, .9);box-shadow: 0 18px 58px rgba(15, 23, 42, .065);} .gy02 .team .card span{display:block;width:34px;height:3px;border-radius:999px;margin-bottom:24px;background:linear-gradient(90deg,#2563eb,#38bdf8)} .gy02 .team .card h3{margin:0 0 12px;color:#0f172a;font-size:22px;font-weight:560;line-height:1.28} .gy02 .team .card p{margin:0;color:#64748b;line-height:1.72; font-size:16px} @media(max-width:767px){ .gy02{ padding:45px 15px;} .heading{ margin-bottom:22px;grid-gap:15px;gap:15px;} .heading h2{ margin:0 0 10px;} .heading p{ font-size:16px;} .gy02 .team{grid-template-columns: 1fr;grid-gap:15px;gap:15px} .gy02 .team .card h3{ font-size:18px;} .gy02 .team .card p{ font-size:16px;} } .gy03{padding:108px 0;background: #fbfbf8;} .gy03 .principle{display:grid;gap:clamp(15px, 2.2vw, 28px);grid-template-columns:repeat(3, minmax(0, 1fr));} .gy03 .principle .card{transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;padding: 28px;border: 1px solid rgba(15, 23, 42, .09);border-radius: 26px;background: rgba(255, 255, 255, .92);box-shadow: 0 22px 64px rgba(15, 23, 42, .08);} .gy03 .principle .card svg{color: #2563eb; margin-bottom:18px;} .gy03 .principle .card h3{font-weight: 600;line-height: 1.24;text-wrap: balance;color: #111827;font-size: 21px; margin-bottom:10px;} .gy03 .principle .card p{color: #64748b;line-height: 1.72; font-size:16px} @media(max-width:767px){ .gy03{ padding:45px 15px;} .gy03 .principle{grid-template-columns: 1fr;} .gy03 .principle .card{padding:18px;border-radius:20px;} .gy03 .principle .card svg{ margin-bottom:10px;} .gy03 .principle .card h3{ font-size:18px;} .gy03 .principle .card p{ font-size:16px;} } /*优势*/ .advan01{padding:68px 0;background: radial-gradient(circle at 86% 10%, rgba(56, 189, 248, .055), transparent 30%), linear-gradient(180deg, #f7f9fc 0, #fbfdff 100%);} .advan01 .aBox{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap:clamp(12px, 2.2vw, 28px); padding:48px 0 0;} .advan01 .aBox .card{transition:0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);position: relative;overflow: hidden;border:1px solid rgba(15,23,42,0.075);border-radius:28px;background: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .92)), rgba(255, 255, 255, .88);box-shadow:0 18px 58px rgba(15, 23, 42, 0.055);padding: 32px 24px; background:#FFF;} .advan01 .aBox .card:after {position: absolute;top: 0;right: 28px;left: 28px;z-index: 1;height: 1px;content: "";background: linear-gradient(90deg, rgba(37, 99, 235, .28), rgba(56, 189, 248, .16), transparent);} .advan01 .aBox .card:hover{transform: translateY(-8px);box-shadow:0 25px 50px rgba(108, 92, 231, 0.12);} .advan01 .aBox .card .tit{display: flex;align-items: center;line-height: 1.24; margin-bottom:12px;} .advan01 .aBox .card .tit svg{color:#2563eb; margin-right:12px;} .advan01 .aBox .card .tit svg path{fill:#2563eb;} .advan01 .aBox .card .tit h3{color: #111827;font-size:21px;font-weight: 620;} .advan01 .aBox .card p{line-height: 1.78;color: #64748b; font-size:15px;} .advan01 .aBox .card .cta-link{display: inline-block;margin-top: 16px;color:#2563eb;font-weight: 600;font-size: 14px;transition:0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);} .advan .more{text-align:center;margin-top:40px;} .advan .more a{transition:0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);display: inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-weight:600; line-height:1.6; position:relative; z-index:2;text-align: center;} .advan .more a.btn_primary{padding:14px 40px;background:#2563eb;color: #fff;font-size: 16px;border-radius: 60px;border: none;cursor: pointer;box-shadow: 0 6px 24px rgba(108, 92, 231, 0.3);} .advan .more a.btn_outline_primary{padding:12px 32px;background: transparent;color:#2563eb;font-weight: 600;font-size:15px;border-radius:60px;border:2px solid #2563eb;} .advan .more a.btn_outline_primary:hover{ background: #4EDDC7; border-color:#4EDDC7; color:#fff;} .advan .more span{margin:0 14px;color:#5a5a7a;} .advan .more svg{color:#fff;} .advan .more svg path{fill:#fff;} .ctext{ text-align:center;margin-top:20px;color:#5a5a7a;font-size:15px;display: flex;align-items: center;justify-content:center;} .ctext strong{color:#1a1a2e} .ctext svg{color:#2563eb;} .ctext svg path{fill:#2563eb;} .ctext a{color:#2563eb;font-weight:600;} @media(max-width:767px){ .advan01{ padding:60px 15px;} .advan01 .aBox{grid-template-columns: repeat(2, minmax(0, 1fr)); padding:35px 0 0;} .advan01 .aBox .card .tit h3{ font-size:18px;} .advan01 .aBox .card p{ font-size:14px;} .advan01 .aBox .card .cta-link{ font-size:13px;} .advan .more{ margin-top:30px;} .advan .more a.btn_primary{ font-size:15px;padding:10px 20px;} .advan .more a.btn_outline_primary{ font-size:14px;padding:8px 18px;} .ctext{ font-size:14px;flex-wrap: wrap} } .advan02{padding: 80px 0;background:#f0f3f8;} .advan02 .aBox{ padding:48px 0 0;} .advan02 .aBox .advan_box{display:grid;grid-template-columns: repeat(4, 1fr);gap:24px;} .advan02 .aBox .advan_box:nth-child(1){grid-template-columns: repeat(2, 1fr); padding-bottom:24px;} .advan02 .aBox .card{background: #fff;border-radius:20px;padding: 28px 20px;text-align:center;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.02);transition:0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);border: 1px solid rgba(0, 0, 0, 0.02);} .advan02 .aBox .advan_box:nth-child(1) .card{ text-align:left; padding:28px 25px;} .advan02 .aBox .card .ico{font-size:40px;color:#2563eb;margin-bottom:12px;} .advan02 .aBox .card .ico svg{color:#2563eb;} .advan02 .aBox .card .ico svg path{fill:#2563eb;} .advan02 .aBox .card h3{font-size:42px;font-weight:800;color:#1a1a2e;line-height: 1.1;} .advan02 .aBox .card h3 span{ font-size:18px; margin-left:5px;} .advan02 .aBox .card h4{font-size:20px;margin:15px 0 12px;color:#1a1a2e;} .advan02 .aBox .card p{color:#5a5a7a;font-size:15px; line-height:1.8;gap:15px;} .advan02 .more a{ margin:0 7px;} .advan02 .aBox .card .tit{display:flex;align-items: center; margin-bottom:15px;} .advan02 .aBox .card .tit .ico{ margin:0 15px 0 0;} .advan02 .aBox .card .tit h4{ margin:0;} @media(max-width:767px){ .advan02{ padding:60px 15px;} .advan02 .aBox{ padding:35px 0 0;} .advan02 .aBox .advan_box{grid-template-columns: repeat(2, minmax(0, 1fr));gap:15px;} .advan02 .aBox .advan_box:nth-child(1){grid-template-columns:1fr; padding-bottom:15px;} .advan02 .aBox .card{border-radius:10px;padding:18px 10px;} .advan02 .aBox .advan_box:nth-child(1) .card{ padding:18px 15px;} .advan02 .aBox .card h3{ font-size:24px} .advan02 .aBox .card h3 span{ font-size:16px;} .advan02 .aBox .card h4{ font-size:18px;} .advan02 .aBox .card p{ font-size:14px;} } /*图文展示*/ .proListBox .sdrTit{ padding:40px 0 0;} .showList{ padding:45px 0 0;} .showList ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:18px;} .showList ul li{cursor:pointer;background:#F7F6FF;box-shadow:0px 0px 43px 0px rgba(24, 32, 64, 0.04);border-radius:10px;border:1px solid rgba(37,99,235,.12);transition: all .5s ease-in-out;} .showList ul li:hover{transform: translateY(-8px);/*box-shadow:0 18px 58px rgba(15,23,42,0.055)*//*box-shadow: 0 0px 50px rgba(108, 92, 231, 0.12);*/} .showList ul li a{display:flex;flex-wrap:wrap;justify-content: flex-start;align-items: center;width:100%;height:auto;padding:20px 22px;transition: all .5s ease-in-out;} .showList ul li .yTop{display:flex; padding-bottom:0px;} .showList ul li .yTop .pic{ width:165px; min-height:100px;border-radius:4px 0 0 4px;overflow:hidden;flex-shrink: 0;background: #f0f0f0; margin-right:12px;} .showList ul li .yTop .pic img{width:100%;height:100%;object-fit: cover;transition: transform 0.3s;} .showList ul li:hover .pic img{transform: scale(1.05);} .showList ul li .txt{display:flex;align-items: center; width:100%; margin-bottom:8px;} .showList ul li .txt svg{color:#2563eb; margin-right:7px;} .showList ul li .txt svg path{fill:#888;} .showList ul li .txt p{ font-size:20px; color:#111827;line-height:1.1;} .showList ul li .txt.t1 p{ font-weight:620; padding:0 0 4px;} .showList ul li .txt.t2{} .showList ul li .txt.t2 p{ font-size:15px; color:#999;line-height:1.5;} .showList ul li .txt.t3 p{ font-size:15px; color:#333;line-height:1.5; margin-bottom:0;} .showList ul li .desc{ line-height: 1.78;color: #64748b; font-size:15px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden; text-align:justify;} .showList ul li:hover .txt.t1 p{color:#2563eb;} @media only screen and (max-width: 767px) { .proListBox .sdrTit{ padding:25px 15px 0;} .showList{ padding:25px 15px 0;} .showList ul{display:grid;grid-template-columns:1fr;gap:18px;} .showList ul li a{padding:12px 14px;} .showList ul li .yTop .pic{ width:105px; min-height:80px;margin-right:12px;} .showList ul li .txt p{ font-size:18px;} .showList ul li .txt.t1 p{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden; line-height:1.2;} .showList ul li .txt.t1 p{ padding:0 0 2px;} .showList ul li .txt.t2 p{ font-size:14px;} .showList ul li .txt.t3 p{ font-size:14px;} .showList ul li .desc{ font-size:14px;-webkit-line-clamp:3;} } /*简介*/ .side_rc .infor,.side_rc .contact{ min-height:500px; font-size:16px; line-height:2;} .side_rc .infor img{ max-width:98%; height:auto;} .side_rc .contact img{ max-width:inherit;} .side_rc .contact .map *{ box-sizing:content-box !important;} .side_rc .infor table{ border-color:#ccc;} .side_rc .infor table tr,.side_rc .infor table td{ border-color:#ccc;} .side_rc .infor table td{ line-height:1.5; padding:10px 5px;} .side_rc .infor br{ line-height:normal;} .contactBox{padding:20px 0 0px;} .contactBox .coninfo{ width:100%; height:auto;} .contactBox .coninfo .title h2{font-size:36px;font-weight:bold;line-height:1.5;color:#222;} .contactBox .coninfo .details{margin-top:40px;display:flex;flex-direction: row;justify-content: space-between; width:100%;} .contactBox .coninfo .details li{ color:#000; line-height:1;} .contactBox .coninfo .details li h3{font-size:24px;color:#333333; line-height:1.4;} .contactBox .coninfo .details li h3 span{ display:block;} .contactBox .coninfo .details i{display:flex;justify-content: center;align-items: center;widtH:60px;height:60px;font-size:60px;} .contactBox .coninfo .xin_tit{padding:20px 0 15px;display:block;color:#666666; font-size:16px;} .contactBox .add_box{padding:50px 0 0px;border-top:1px solid #e9e9e9;color:#222222;font-size:20px;margin-top:70px;line-height:1.5; width:100%;} .contactBox .add_box span{} .map{position:relative;z-index: 0; height:450px; width:100%;} #mapContainer {width: 100%;height:560px;margin: 0;border-top: 1px solid #ccc;margin-bottom: -100px;} #tip {height: 30px;background-color: #fff;padding-left: 10px;padding-right: 10px;position: absolute;font-size: 12px;right: 10px;bottom: 20px;border-radius: 3px;line-height: 30px;border: 1px solid #ccc;} div.info-top {position: relative;background: none repeat scroll 0 0 #F9F9F9;border-bottom: 1px solid #CCC;} div.info-top div {display: block;color: #1a1a1a;font-size: 14px;line-height: 36px;padding: 0 15px;text-align: left;} div.info-top img {position: absolute;top: 16px;right: 15px;transition-duration: 0.25s;} div.info-middle {height: auto;padding: 12px 20px;display: flex;align-items: center;justify-content: center;} div.info-middle img {float: none !important;margin: 0 15px 0 0 !important;display: none;} div.info-middle p {font-size: 13px;line-height: 23px;} div.info-bottom {height: 0px;width: 100%;clear: both;text-align: center;} div.info-bottom img {position: relative;z-index: 104;left: 46%;} @media only screen and (max-width: 1200px) { #mapContainer {height: 450px;margin-bottom: -80px;} div.info-top div {font-size: 14px;} div.info-middle{font-size: 12px;} } @media only screen and (max-width: 900px) { #mapContainer {height: 400px;margin-bottom: -115px;} div.info-top div {line-height: 36px;} div.info-middle{line-height: 20px;} } @media(max-width:767px){ .side_rc .infor,.side_rc .contact{ min-height:150px;} .side_rc .infor img{ max-width:98%; width:auto; height:auto;} .contactBox{padding: 0;} .contactBox .coninfo .title h2{font-size:22px;} .contactBox .coninfo .details{margin-top:20px;display:block;} .contactBox .coninfo .details li{ margin-bottom:10px;} .contactBox .coninfo .details li:after {clear: both;content: '';height: 0;display: block;} .contactBox .coninfo .details li svg{widtH:30px;height:30px;} .contactBox .coninfo .details li p:nth-child(1){ float:left; width:30px; height:40px; margin-right:15px;padding:5px 0 0;} .contactBox .coninfo .details li:nth-child(1) p:nth-child(1),.contactBox .coninfo .details li:nth-child(2) p:nth-child(1){ height:60px;} .contactBox .coninfo .details li h3{font-size:18px;} .contactBox .coninfo .details li h3 span{ display:inline-block; margin-left:15px;} .contactBox .coninfo .details i{widtH:30px;height:40px;font-size:28px;} .contactBox .coninfo .xin_tit{padding:0px 0 10px; font-size:14px;} .contactBox .add_box{padding:20px 0;font-size:17px;margin-top:20px;} .map{ height:350px;} } @media(max-width:360px){ .contactBox .coninfo .details li h3 span{ display:block; margin-left:0px;} } .rProfile{padding:50px 0; background: #f8f8f8;} .r_t{display:flex;justify-content:center;align-items:center; width:100%;} .r_t h2{text-align:right;line-height:10px;color:#616161; padding-right:15px; font-size:15px;} .r_t h2 i{color:#333;font-size:18px;font-weight:500;padding:0 0 15px 0;text-transform:uppercase;display:block;font-style:normal;} .r_t span{ display:block;color:#229AF4;font-weight:bold;font-size:44px; line-height:1.2; padding-right:220px;} .r_t em{ display:none;} .r_c{ width:100%; height:auto; padding-top:30px;display:flex;justify-content:space-between;align-items:center;} .r_c .r_cl{ margin-left:50px;} .r_c .r_cl img{ width:100%; max-width:100%; height:auto; vertical-align:middle;} .r_c .r_cr{ width:800px; font-size:16px; line-height:1.8; color:#333; padding-top:0px; margin-right:50px;} .r_c .r_cr font{ color:#143f76; font-size:18px;} .r_b{ width:100%; height:auto; padding-top:60px;} .r_b .r_bt{line-height:26px;border-bottom:1px solid #434343;color:#383838;font-size:24px;padding-bottom:20px;margin-bottom:20px;} .r_b ul{ width:100%; height:auto; padding:0;} .r_b ul li{ width:100%; float:left; position:relative;margin-bottom:20px; padding:5px 17px 5px 18px;background-color:#ffffff;} .r_b ul li:hover{background-color:#fafafa;box-shadow: 2px 5px 15px 0px rgba(38, 36, 36, 0.1);} .r_b ul li .tit{ width:100%;border-bottom:1px dotted #d0d0d0; padding-bottom:5px;} .r_b ul li .tit h5{line-height:46px;font-size:18px;font-weight:bold; float:left; width:100%;} .r_b ul li .tit h5 a{ color:#4c4949; display:block;} .r_b ul li .tit h5 em{ float:right; font-style:normal; font-size:20px; font-weight:normal;} .r_b ul li .tit span{ float:right;color:#9F9F9F;font-family:Arial; font-size:15px; display:none;} .r_b ul li .desc{ padding-top:5px;} .r_b ul li .desc dd{float:left;height:46px;box-sizing:border-box;line-height:46px; margin-left:55px;} .r_b ul li .desc dd:first-of-type{ margin-left:0;} .r_b ul li .desc dd:last-of-type{ float:right;} .r_b ul li .desc dd span{color:#b4adad;font-size:14px;} .r_b ul li .desc dd span b{ font-weight:normal;} .r_b ul li .desc dd i{ font-size:14px;color:#4c4949; font-style:normal;} @media(max-width:767px){ .rProfile{ padding:20px 15px; background:#f8f8f8;} .r_t{ margin:0 auto; padding:0 0 15px; display:block;} .r_t h2{ display:none;} .r_t span{ float:none;font-size:1.8rem; width:100%; text-align:center;padding-right:0;} .r_t em{ font-size:1.2rem; color:#888; margin-top:5px; text-align:center; font-style:normal; display:block;} .r_c{ width:100%; height:auto; padding-top:1rem; display:block;} .r_c .r_cl{ float:none; margin-left:0; text-align:center;} .r_c .r_cl img{ max-width:60%; height:auto; width:auto; margin:0;} .r_c .r_cr{ width:100%; margin-right:0; padding:15px 0 0;} .r_b{ width:100%; height:auto; padding:35px 0 0;} .r_b .r_bt{ line-height:30px; font-size:22px;padding-bottom:10px; margin-bottom:10px;} .r_b ul{ padding:5px 0 0;} .r_b ul li{margin-bottom:15px;width:100%;height:auto;padding:8px 10px;} .r_b ul li .tit{ padding:0 0 5px;line-height:38px;} .r_b ul li .tit h5{line-height:38px;font-size:1.2rem; float:left; max-width:78%;} .r_b ul li .tit em{ display:none;} .r_b ul li .tit span{color:#9F9F9F; font-size:1rem; display:block;} .r_b ul li .desc{ padding:5px 0 0} .r_b ul li .desc dd{ width:50%; height:auto; line-height:1.8; margin:0; text-align:left;} .r_b ul li .desc dd:nth-child(2n){ text-align:right;} .r_b ul li .desc dd:last-of-type{ display:none;} .r_b ul li .desc dd span{color: #9F9F9F;font-size:14px;} .r_b ul li .desc dd span b{ display:none;} .r_b ul li .desc dd i{ font-size:14px;color:#686868;} } /*新闻*/ .newsban{background: radial-gradient(circle at 78% 18%, rgba(56, 189, 248, .16), transparent 34%), linear-gradient(135deg, #050912 0, #07111f 56%, #0b1220 100%);} .news_list ul{justify-content:flex-start;} .news_list li{ width:100%; height:auto;transition: all .6s; -webkit-transition: all .6s;} .news_list li a{display:flex;flex-wrap:nowrap;justify-content: space-between;padding:24px 0;border-bottom: 1px solid #eee; overflow:hidden; width:100%;} .news_list li .img{width:220px;height:124px;border-radius: 4px;overflow:hidden;flex-shrink: 0;background: #f0f0f0; margin-left:24px;} .news_list li .img img{width:100%;height:100%;object-fit: cover;transition: transform 0.3s;} .news_list li:hover .img img{transform: scale(1.05);} .news_list li .info{flex:1;display:flex;flex-direction:column;} .news_list li .info h3{font-size: 18px;font-weight: 700;line-height: 1.4;margin-bottom: 10px;color: #1d1d1f;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;} .news_list li .info p{font-size:14px;line-height:1.6;color:#666;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:justify;} .news_list li .info .time{display: flex;justify-content: space-between;} .news_list li .info .time>div:nth-child(1){margin-top: auto;display: flex;gap: 20px;font-size: 12px;color: #86909c;} .news_list li .info .time span{ display:flex;align-items: center;gap: 5px;} .news_list li .info .time span i{ font-style:normal;} .news_list li .info .time span svg{ vertical-align:middle; margin-top:-2px;} .news_list li .info .time .jh{color:#2867ff;padding: 0 6px;border: 1px solid #2867ff;border-radius: 6px;} .news_list li .info .copy-btn{font-size:12px;padding:3px 6px; color:#6b46c1;border-color:#6b46c1;} .news_list li .info h3:hover{color:#2867ff;} @media(max-width:767px){ .news_list ul{ padding:10px 0 0;} .news_list li{ float:left;} .news_list li a{ padding:15px 0;} .news_list li .img{width:30%;height:auto;margin-left:12px;} .news_list li .info{ width:calc(70% - 15px);} .news_list li .info h3{font-size: 16px; margin-bottom:8px;} .news_list li .info p{ margin-bottom:10px;} } .newsBox{ padding:40px 0 0;} .newsBox ul{display:grid;gap:30px;grid-template-columns: repeat(3, minmax(0, 1fr));} .newsBox ul li{transition: transform 0.3s ease;box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);background-color: rgb(245 245 247);border-radius:10px;overflow: hidden;} .newsBox ul li:hover{transform: scale(1.03);box-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)} .newsBox ul li .img{ width:100%; height:195px;overflow: hidden;} .newsBox ul li .img img{object-fit:cover;width: 100%; height:100%;transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration: 500ms;} .newsBox ul li .info{ padding:20px;} .newsBox ul li .info h3{ font-size:20px;font-weight: 700;line-height: 1.75;margin-bottom:10px;color: #1d1d1f;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;} .newsBox ul li .info p{font-size:14px;line-height:1.75;color:#666;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:justify;} .newsBox ul li .info span{ color:rgb(26 115 232);font-weight: 500;display: flex;align-items: center; font-size:15px;} .newsBox ul li .info svg{color:#2563eb; margin-left:10px;} .newsBox ul li .info svg path{fill:#2563eb;} .newsBox ul li:hover .img img{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} @media(max-width:767px){ .newsBox ul{grid-template-columns: 1fr;} .newsBox ul li .img{ width:100%; height:auto; max-height:195px;overflow: hidden;} .newsBox ul li .info{ padding:12px;} .newsBox ul li .info h3{ font-size:18px;margin-bottom:8px;} .newsBox ul li .info p{margin-bottom:10px;} } /*page*/ #page{ height:auto; margin:50px 0 0;overflow:hidden; width:100%; text-align:center;} #page a.active{color:#fff; cursor:pointer; background:#229AF4; border:2px solid #229AF4;} #page a{ display:inline-block; padding:0; margin:0 3px; border:1px solid #ededed; line-height:38px; text-align:center; color:#1a1a1a; font-size:15px;border:2px solid #ccc; width:46px; height:42px;display:flex;align-items: center;justify-content: center;border-radius:4px;} #page a.home{border-radius:32px 0 0 32px;} #page a.end{border-radius:0 32px 32px 0;} #page a:nth-of-type(1){ margin:0 3px 0 0;} #page a:hover{ color:#fff; cursor:pointer; background:#229AF4; border:1px solid #229AF4;} #page a:hover svg path{fill:#ffffff;} #page a.next1{overflow:hidden;} #page a.prev1{overflow:hidden;transform:rotateY(180deg);} #page .none{ display:none;} #page1{ display:none;} @media(max-width:767px){ #page{ display:none;} #page1{display:flex;flex-wrap: wrap;align-items: center;justify-content: center; width:100%; height:auto; overflow:hidden;padding-top:5px;margin:30px 0 0;} #page1 a{ display:inline-block; margin-right:1px; width:40px; height:40px; font-size:14px;border-radius: 2px;border:2px solid #ccc; color:#1a1a1a;display:flex;align-items: center;justify-content: center;} #page1 a.num{ text-decoration:underline; color:#278a2f; font-weight:bold;} #page1 span{ display:inline-block;font-size:15px; color:#333; background:none; padding:4px 12px;} #page1 a:first-child{transform: rotateY(180deg);} } /*详情页*/ .nyDetail{margin-top:0;} .detailWarper{ padding:0;} .detail_con{ width:100%; height:auto; font-size:14px;} .detail_contop{box-shadow: 0 0 60px 0 rgba(0,0,0,0.06);margin-bottom:30px;padding:30px 30px 25px;} .zpBox{ padding:10px 0 50px;} .zpBox .detail_contop{box-shadow:none;padding:30px 0 25px;} .detail_title{ font-size:26px; font-weight:700; color:#333; line-height:1.5;text-align:left;} .detail_title.line{ padding-bottom:0; margin-bottom:12px; text-align:left;} .proListBox .detail_title{ text-align:center;} .detail_time{padding:15px 0 0; text-align:left;display: flex;gap: 30px;font-size: 14px;color: #808080;margin-bottom: 30px;padding-bottom:20px;border-bottom: 1px solid #eee;} .detail_time .item{display: flex;align-items: center;gap: 8px;} .detail_time .item i{color:#bbb;} .detail_time .item i.ico svg{ margin-top:7px;} .detail_time a{ color:#808080;} /*.zpBox .detail_title{ text-align:center;}*/ /*.zpBox .detail_time{ display:none;}*/ .dis_img{ text-align:center; margin-bottom:0;} .dis_img img{ max-width:98%; height:auto;} .details_info{padding:10px 0 0; width:100%; line-height:2; min-height:420px; color:#444;border-radius:0 0 4px 4px;background: #fff;} .details_info .caset{ padding:5px 0 10px; color:#444; line-height:1.5; font-size:16px;} .details_info .caset p{ margin-bottom:10px;} .details_info .caset p span{ color:#888; } .dTit1{ margin-bottom:5px; font-size:16px; font-weight:600px; color:#888; line-height:1.5;} .details_info .txt{ color:#787878; font-size:16px; padding:15px 0 0} .details_info .txt a{ color:#787878;} .details_info .txt a:hover{ color:#229AF4;} .details_info img{ max-width:98%; height:auto;} .details_info>h1{ display:none;} .zpBox .details_info{ padding:20px 0 0;} hr{ margin:5px 0;} .cInfo p{ text-indent:2em;} .details_video{ width:85%; height:auto; overflow:hidden; margin:0 auto 15px; border:5px solid #000; background:#000;} .details_video .video-js.vjs-fluid{ height:auto; max-height:520px; width:100%;} .smBox{ color:#999; font-size:14px; line-height:2; padding:15px 0 0;} @media only screen and (max-width: 900px) { .nyDetail{margin-top: 70px;} } @media(max-width:767px){ .nyDetail{margin-top:0;} .detailWarper{ padding:0;} .detail_title{ font-size:22px;} .detail_time{padding:15px 0 0;gap:0px 15px;flex-wrap: wrap;font-size: 14px;margin-bottom:10px;padding-bottom:20px;} .detail_contop{padding:15px 15px 15px;} .zpBox .detail_contop{padding:10px 15px 15px;} .zpBox .details_info{ padding:10px 0 0;} } .detail_fenye{ width:100%; height:auto; margin:0 auto; overflow:hidden;} .detail_fenye .npagerlist a{display: flex;align-items: center;} .detail_fenye .npagerlist:first-child i{transform: rotateY(180deg);margin-right: 20px;} .detail_fenye .npagerlist:last-child i{margin-left: 20px;} .detail_fenye .npagerlist i{display: flex;align-items: center;justify-content: center;width: 48px;line-height: 44px;height: 48px;border-radius: 4px;border: 2px solid #dbdbdb;} .detail_fenye .npagerlist p{display: block;font-size: 16px;color: #1a1a1a;} .detail_fenye .npagerlist a:hover i{background: #229AF4;border-color: #229AF4;} .detail_fenye .npagerlist a:hover i svg path{fill: #ffffff;} .detail_fenye .npagerlist a:hover p{color: #229AF4;} @media(max-width:767px){ .newsR{ display:none;} .zpBox .detail_fenye{padding:0 15px;} .detail_fenye{ margin-bottom:30px;} .detail_fenye .npagerlist:first-child i{margin-right:10px;} .detail_fenye .npagerlist:last-child i{margin-left:10px;} .detail_fenye .npagerlist i{width: 40px;line-height: 36px;height: 40px;} .detail_fenye .npagerlist svg{ width:14px; height:14px;} .detail_fenye .npagerlist p{font-size: 15px;} } .hotNews{padding:0px 0 10px;margin-bottom: 0;border-top: #efefef 0px solid;width: 100%;} .hotNews .title{float:left;width: 100%;height:60px;line-height: 60px;border-bottom: #e5e5e5 1px solid;font-size:20px;margin-bottom:15px; color:#121212;} .hotNews .title b{height: 60px;line-height: 60px;float: left;} .hotNews ul li{ width:45%; float:left;list-style-type:disc;margin-top: 10px;font-size:16px;margin-left:25px;height: 30px;line-height:30px;color:#555;} .hotNews ul li:nth-child(2n){ float:right;} .hotNews ul li a{display:block; float:left;height: 30px;line-height:30px; max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#555;} .hotNews ul li a:hover{color: #229AF4;} @media(max-width:767px){ .hotNews .title{height:50px;line-height:50px;font-size: 18px;margin-bottom:5px; color:#333;} .hotNews .title span{font-size: 40px;} .hotNews .title b{height:50px;line-height:50px;} .hotNews ul li{ width:calc(100% - 25px);} .hotNews ul li:nth-child(2n){ float:left;} } .serachkey .main_t{font-size:24px;padding-bottom:20px;font-weight:bold;} .serachkey .main_t:after{ top:68px; display:none;} .serachkey .main_t span{ color:#111;} .news_lb{ width:100%; height:auto;} .news_lb ul{ width:100%; height:auto; padding-bottom:20px;} .news_lb ul li{ width:100%; height:auto; float:left;border-top:1px solid #e6e6e6; overflow:hidden;} .news_lb ul li:last-child{ border-bottom:1px solid #e6e6e6;} .news_lb ul li a{ display:block;padding:20px 0px;} .news_lb ul li .info{width:100%; padding-top:0;} .news_lb ul li .info h5{display: -webkit-box; /* Safari 6-9 */display: -ms-flexbox; /* IE 10 */display: flex;-webkit-box-align: center; /* Safari 6-9 */-ms-flex-align: center; /* IE 10 */align-items: center;justify-content: space-between;} .news_lb ul li .info h5 em{ display:block; max-width:80%; height:auto;font-size:18px; color:#1a1a1a; font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-style:normal;} .news_lb ul li .info h5 span{ display:block; color:#999; font-size:14px;} .news_lb ul li .info .desc{font-size:15px; color:#999999; line-height:1.875; max-height:60px; margin:10px auto 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden} .news_lb ul li:hover .info h5 em{ color:#229AF4;} @media(max-width:767px){ .serachkey{ padding:25px 15px;} .serachkey .main_t{ font-size:20px; padding-bottom:15px;} .news_lb ul li a{ width:100%; padding:15px 0;} .news_lb ul li .info h5 em{font-size:16px;} .news_lb ul li .info .desc{font-size:14px;} } .searchCaseList{ width:100%; margin-top:10px;} .searchCaseList ul{ width:100%; height:auto;} .searchCaseList ul li{ float:left; width:288px; background:#fff; margin:0 16px 20px 0;} .searchCaseList ul li:nth-child(4n){ margin-right:0;} .searchCaseList ul li a{ display:block; overflow:hidden;} .searchCaseList ul li .pic{ width:100%; height:auto; border:1px solid #ccc;} .searchCaseList ul li .pic img{ width:100%; height:195px;transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s; vertical-align:middle;} .searchCaseList ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;} .searchCaseList ul li span{ display:block; text-align:center; float:left; width:100%;line-height:1.5; margin-top:5px;} .searchCaseList ul li span a{ color:#333; font-size:16px; line-height:40px;} @media(max-width:767px){ .searchCaseList{ padding:0;} .searchCaseList ul li{ width:48.5%; margin:0 3% 10px 0;} .searchCaseList ul li:nth-child(2n){ margin-right:0;} .searchCaseList ul li .pic img{ width:100%; height:auto;} .searchCaseList ul li span a{ line-height:30px;} } @keyframes bounce{ 0%,20%,53%,80%,to{ animation-timing-function:cubic-bezier(.215,.61,.355,1); transform:translateZ(0) } 40%,43%{ animation-timing-function:cubic-bezier(.755,.05,.855,.06); transform:translate3d(0,-14px,0) } 70%{ animation-timing-function:cubic-bezier(.755,.05,.855,.06); transform:translate3d(0,-7px,0) } 90%{ transform:translate3d(0,0,0) } } @-webkit-keyframes shake{ from,to{-webkit-transform:translate3d(0, 0, 0);} 20%,60%{-webkit-transform:translate3d(-10px, 0, 0);} 40%,80%{-webkit-transform:translate3d(10px, 0, 0);} } @keyframes shake{ from,to{transform:translate3d(0, 0, 0);} 20%,60%{transform:translate3d(-10px, 0, 0);} 40%,80%{transform:translate3d(10px, 0, 0);} } /*图标抖动*/ @keyframes jitter{ from, to{ -webkit-transform:scale(1, 1); transform:scale(1, 1); } 25%{ -webkit-transform:scale(0.9, 1.1); transform:scale(0.9, 1.1); } 50%{ -webkit-transform:scale(1.1, 0.9); transform:scale(1.1, 0.9); } 75%{ -webkit-transform:scale(0.95, 1.05); transform:scale(0.95, 1.05); } } @-webkit-keyframes jitter{ from, to{ -webkit-transform:scale(1, 1); transform:scale(1, 1); } 25%{ -webkit-transform:scale(0.9, 1.1); transform:scale(0.9, 1.1); } 50%{ -webkit-transform:scale(1.1, 0.9); transform:scale(1.1, 0.9); } 75%{ -webkit-transform:scale(0.95, 1.05); transform:scale(0.95, 1.05); } } [class*=am-icon-]{display:inline-block;font-style:normal} [class*=am-icon-]:before{display:inline-block;font:normal normal normal 1.6rem/1 FontAwesome,sans-serif;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}