section div p a { color:var(--domColor) } section div p a:hover { color:var(--hoverColor); text-decoration:underline } main .singular .max-width-1200 div p a, .singular .max-width-1200 .bottom-title a { color:#596efb } main .singular .max-width-1200 div p a:hover, .singular .max-width-1200 .bottom-title a:hover { color:#596efb; text-decoration:underline } .page-banner { height:450px } .page-banner-general { background:#dde3ff } .page-banner-bg { background-size:1920px 450px } .page-banner-main .ban-title { /*! text-align:center; */ letter-spacing:1px } .page-banner-main .ban-title.text-center { /*! padding:0 14%; */ } .page-banner-main h1 { font-size:34px; line-height:50px; font-weight:normal } .page-banner-main p { font-size:14px; line-height:28px; color:var(--whiteColor); font-weight:normal; width: 70%; } .page-banner-main .btn-title { height:36px; /*! text-align:center; */ font-size:0; margin:25px auto 8px } .page-banner-main .btn-title a { display:inline-block; width:142px; height:34px; border:1px solid var(--whiteColor); text-align:center; line-height:34px; font-size:14px; color:var(--whiteColor); cursor:pointer; margin:0 8px } .page-banner-main .btn-title a:hover { background-color:var(--domColor); border-color:var(--domColor) } .page-banner-general .page-banner-main h1, .page-banner-general .page-banner-main p { color:#333 } .page-banner-general .page-banner-main h1 { font-weight:bold } .page-banner-general .page-banner-main .ban-title .btn-title a.btn-color { height:40px; line-height:40px; border:0; background-image:linear-gradient(90deg,#01adff,#5570fb) } .page-banner-general .page-banner-main .ban-title .btn-title a.btn-color-blue { margin-left:10px; border:1px solid #596efb; color:#596efb } .page-banner-general .page-banner-main .ban-title .btn-title a.btn-color-blue:hover { color:#fff; background:#596edb } .page-banner-general .page-banner-main .ban-title .btn-title a.btn-color:hover { background-image:linear-gradient(90deg,#07c4f2,#5247f3) } .solutions1 .page-banner-main .btn-title a:first-child, .page-banner-main .btn-title .btn-color { border:1px solid transparent; background-clip:padding-box,border-box; background-origin:padding-box,border-box; background-image:linear-gradient(90deg,#07ceff,#554aff),linear-gradient(90deg,#08d9ff,#32b6d6); background-color:#08d9ff } .solutions1 .page-banner-main .btn-title a:first-child:hover, .page-banner-main .btn-title .btn-color:hover { background-image:linear-gradient(90deg,#07c4f2,#5247f3),linear-gradient(90deg,#08d9ff,#32b6d6) } .layui-esen-content { padding:65px 0 75px; background-color:var(--whiteColor); overflow:hidden } .layui-esen-content.singular:nth-of-type(odd) { background-color:#f2f6ff } .layui-esen-content.double:nth-of-type(even) { background-color:#f2f6ff } .layui-esen-content .max-width-1200 { padding-left:262px; box-sizing:border-box; -webkit-box-sizing:border-box } .big-title { text-align:center } .big-title h2 { font-size:26px; color:#333; line-height:34px; font-weight:normal; letter-spacing:1px } .big-title .line { width:60px; height:2px; background-color:#586dfc; margin:17px auto 15px } .big-title p { line-height:28px; text-align:left; font-size:14px; color:#666; letter-spacing:1px } .big-title p.text1 { margin-top:9px } .big-title .text2 { margin-top:12px } .big-title .text2 p:first-child { margin-bottom:4px } .classification { position:absolute; left:0; top:0; z-index:9; width:222px; height:auto; overflow:hidden; text-align:left; background:#f7fbfe; border:1px solid #e6eff7 } .classification .title { padding:42px 18px; border-bottom:1px solid #e6eff7 } .classification .title a { display:block; line-height:36px; font-size:24px; color:#333 } .classification .title a:hover { text-decoration:none } .classification .folding-panel { max-height:calc(100vh - 173px); overflow-y:auto } .folding-panel::-webkit-scrollbar { width:6px; height:6px; border-radius:3px } .folding-panel::-webkit-scrollbar, .folding-panel::-webkit-scrollbar-track { background-color:transparent } .folding-panel::-webkit-scrollbar-thumb { background-color:#dbdee2 } .folding-panel::-webkit-scrollbar-thumb:hover { background-color:#bec3c6 } .folding-panel { -ms-overflow-style:none } .folding-panel:hover { -ms-overflow-style:auto } .folding-panel .panel-top { height:40px; position:relative; cursor:pointer; border-top:1px solid #e6eff7 } .folding-panel li:first-child .panel-top { border-top:0 } .folding-panel .panel-top a { display:block; float:left; width:calc(100% - 64px); padding-left:18px; line-height:40px; font-size:14px; color:#333; cursor:pointer; letter-spacing:1px; font-weight:600 } .folding-panel .panel-top a:hover { color:#333; text-decoration:none } .folding-panel .panel-top .drop-down-arron { width:46px } .folding-panel .panel-top .drop-down-arron:after { border-color:#777; margin-top:-7px } .folding-panel .active .drop-down-arron:after { margin-top:-4px; transform:rotate(45deg); -webkit-transform:rotate(45deg) } .folding-panel .panel-bottom { display:none; height:auto; overflow:hidden; border-top:1px solid #e6eff7 } .folding-panel .panel-bottom .text { display:block; height:43px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:43px; font-size:14px; color:#666; letter-spacing:1px; padding:0 20px 0 33px; position:relative; border-bottom:1px solid #e6eff7 } .folding-panel .panel-bottom .text:last-child { border-bottom:0 } .solutions-overviews-general .folding-panel .panel-bottom { border-top:0 } .folding-panel .panel-bottom .text:before { display:none; content:''; position:absolute; left:0; top:0; width:2px; height:100%; background-color:var(--domColor) } .folding-panel .panel-top:hover, .folding-panel .panel-bottom .text:hover { background:#edf4fa; color:#666; text-decoration:none } .folding-panel .panel-bottom .text.active { color:var(--domColor) } .folding-panel .panel-bottom .text.active:before { display:block } .classification.fixed { position:fixed !important; top:49px !important; left:50%; margin-left:-600px } .classification.fixed .title { padding:28px 18px } .solutions1 .folding-panel .panel-bottom { display:block; border-top:0 } .solutions-overviews { position:relative; z-index:2; overflow:initial; padding:0 } .even-share .subelement { margin-bottom:20px } .small-title1, .small-title0 { line-height:28px; text-align:left; font-size:14px; color:#666; padding-top:10px } .small-title0 { margin-bottom:15px } .small-title2 { line-height:28px; text-align:center; font-size:14px; color:#444; padding-top:10px } .small-title2.bold { font-weight:bold } .small-plate1, .imageAndtext { display:flex; margin:40px auto 15px; align-items:stretch } .small-plate1 .left-img, .imageAndtext .layui-row:nth-child(1) { width:38.806%; position:relative } .small-plate1 .left-img img, .imageAndtext .layui-row img { width:100%; height:auto } .small-plate1 .right-title, .imageAndtext .layui-row:nth-child(2) { margin-left:4.194%; width:57%; position:relative } .small-plate1 .right-title p, .imageAndtext .layui-row p { line-height:28px; font-size:14px; color:#666; text-align:left; letter-spacing:1px; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%) } .small-plate1.text-height .left-img img, .imageAndtext.text-height .layui-row img { position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%) } .small-plate1.text-height .right-title p, .imageAndtext.text-height .layui-row p { position:relative; top:auto; left:auto; transform:none; -webkit-transform:none } .small-plate2 { margin-top:23px } .small-plate2 li, .small-plate02 li { background-color:var(--whiteColor) } .small-plate2 li { border:1px solid #dbe0e5; border-top:0 } .small-plate2 li .top-img, .small-plate02 li .top-img { position:relative } .small-plate2 li .top-img img { width:100%; height:auto } .small-plate2 li .top-img:before { content:''; position:absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(25,33,79,.7) } .small-plate2 li .top-img p, .small-plate02 li .top-img p { line-height:24px; font-size:16px; color:var(--whiteColor); text-align:center; letter-spacing:1px; position:absolute; top:50%; right:3%; left:3%; transform:translateY(-50%); -webkit-transform:translateY(-50%) } .small-plate2 li .bottom-title, .small-plate02 li .bottom-title { padding:20px 24px 30px; height:auto; line-height:24px; font-size:14px; text-align:center; color:#999; letter-spacing:1px; overflow:hidden } .small-plate02 li { border:1px solid #dbe0e5 } .small-plate02 li .top-img { width:100%; height:68px; position:relative; background-image:url(../../static/images/veryxiao/solutions/title-bg1.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; border-bottom:1px solid #dbe0e5 } .small-plate02 li .top-img p { color:#444; font-size:17px } .small-plate3 { width:100%; text-align:center; position:relative; margin:30px 0 } .small-plate3:after { content:''; position:absolute; left:0; top:0; right:0; bottom:0 } .small-plate03 { margin-top:10px } .small-plate3 p { line-height:28px; font-size:15px; color:#333; letter-spacing:1px; margin-bottom:20px } .small-plate3 img { display:block; margin:0 auto; max-width:100%; width:auto; height:auto } .small-plate4 { margin:41px -20px 15px } .small-plate4 ul, .small-plate4 ul .subelement { margin-left:0; margin-right:0 } .small-plate4 li { padding:28px 26px 45px 30px; text-align:center; border-right:1px solid #dbe0e5 } .small-plate4 li:last-child { border-right:0 } .small-plate4 li .icon, .small-plate04 li .icon { width:98px; height:98px; border-radius:50%; background-color:#f2f7fa; position:relative; margin:0 auto 29px } .small-plate004 li .icon { background-color:#fff } .small-plate4 li .icon img, .small-plate04 li .icon img { max-width:80%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%) } .small-plate4 li h6, .small-plate04 li h6 { line-height:28px; font-size:18px; color:#333; font-weight:normal; letter-spacing:1px; margin:0 -6px 17px } .small-plate4 li p, .small-plate04 li p { line-height:28px; font-size:14px; color:#999; letter-spacing:1px; text-align:left } .small-plate04 { margin:37px 0 0 } .small-plate04 li { text-align:center; padding:39px 46px; border:1px solid #dbe0e5; margin:0 15px } .small-plate04 li h6 { margin:0 0 17px } .small-plate5 { margin-top:23px } .small-plate5 ul li { padding:26px 28px 24px 26px; border:1px solid #dbe0e5; background-color:var(--whiteColor) } .small-plate5 ul li .icon { float:left; width:52px; height:52px; position:relative } .small-plate5 ul li .icon img { max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%) } .small-plate5 ul li .title-right { margin-left:66px; text-align:left } .small-plate5 ul li h6 { font-size:17px; color:#333; font-weight:normal; line-height:20px; letter-spacing:1px; margin:0 0 10px } .small-plate5 ul li p { font-size:14px; color:#999; line-height:22px; text-align:left; letter-spacing:1px } .small-plate05 { margin-top:35px; letter-spacing:1px } .small-plate05 .title { background-image:url(../../static/images/veryxiao/solutions/title-bg2.png); background-position:right top; background-repeat:no-repeat; padding:27px 38px 23px 42px; border:1px solid #dbe0e5; background-color:var(--whiteColor); margin-bottom:20px } .small-plate05 .title:last-child { background-image:url(../../static/images/veryxiao/solutions/title-bg3.png); background-position:right bottom } .small-plate05 .title h6 { line-height:30px; font-size:17px; color:#333; font-weight:normal; padding-left:20px; position:relative } .small-plate05 .title h6:before { content:" "; width:8px; height:8px; background-color:var(--domColor); border-radius:50%; position:absolute; left:0; top:11px } .small-plate05 .title p { line-height:28px; font-size:14px; color:#666; margin:13px 0 0 } .small-plate05 .layui-tab-title { height:34px; text-align:left } .small-plate05 .layui-tab-title li { width:auto; height:34px; padding:0 12px; line-height:34px; text-align:center; font-size:14px; color:var(--whiteColor); background-color:rgba(89,110,251,.7); margin:0 4px 0 0 } .small-plate05 .layui-tab-title li.layui-this { background:var(--domColor) } .small-plate05 .layui-tab-title li:before { display:none } .small-plate05 .layui-tab-content .layui-tab-item { line-height:28px; text-align:left; font-size:14px; color:#666; border:1px solid var(--domColor); box-shadow:none; padding:20px; margin:1px 4px 15px 0 } .small-plate6 { margin-top:15px } .small-plate6 ul li { padding:15px 10px 20px; background-color:var(--whiteColor) } .small-plate6 ul li .icon { float:left; width:52px; height:52px; position:relative } .small-plate6 ul li .icon img { max-width:75%; max-height:75%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%) } .small-plate6 ul li .title-right { margin-left:70px; text-align:left } .small-plate6 ul li h6 { font-size:17px; color:#333; font-weight:normal; line-height:20px; letter-spacing:1px; margin:0 0 10px } .small-plate6 ul li p { font-size:14px; color:#999; line-height:22px; text-align:left; letter-spacing:1px } .small-plate6 ul li:hover { box-shadow:0 7px 16px rgba(21,132,226,.08) } .small-plate7 { margin-top:15px } .small-plate7 ul li { padding:0 31px 23px; text-align:left; border:1px solid #dbe0e5; background:var(--whiteColor) } .small-plate7 ul li h6, .small-plate11 ul li h6 { height:42px; line-height:42px; font-size:16px; color:#333; border-bottom:1px dashed #dbe0e5; margin:10px 0 6px } .small-plate7 ul li p, .small-plate11 ul li p { line-height:26px; font-size:14px; color:#666 } .small-plate7 ul li .img-right { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%) } .small-plate8 { margin-top:15px } .small-plate8 ul li { padding:6px 20px 21px; text-align:left; border:1px solid #dbe0e5; background:var(--whiteColor) } .small-plate8 .even-share0 .subelement { width:calc(34% - 22px) } .small-plate8 .even-share0 .subelement:first-child { width:calc(66% - 22px); padding:0 } .small-plate8 ul li .left-img { width:90%; height:90%; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%) } .small-plate8 ul li .left-img h5 { font-size:14px; color:#666; line-height:24px; margin-bottom:5px } .small-plate8 ul li .left-img img { max-width:100%; height:auto } .small-plate8 ul li h6 { height:36px; line-height:36px; font-size:14px; color:#333; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:1px dashed #dbe0e5; margin:3px 0 8px } .small-plate8 ul li p { font-size:12px; color:#666; display:block; padding-left:20px; line-height:22px; position:relative } .small-plate8 ul li p:before { content:''; position:absolute; left:0; top:8px; width:5px; height:5px; background-color:var(--domColor); border-radius:50% } .small-plate08 .even-share0 .subelement:first-child { width:calc(62% - 69px); padding:10px 38px 23px 31px } .small-plate08 .even-share0 .subelement:last-child { width:46%; padding:0 } .small-plate08 .subelement h6 { height:42px; line-height:42px; font-size:16px } .small-plate08 .subelement p { padding-left:0; line-height:26px; font-size:14px } .small-plate08 .subelement p:before { display:none } .small-plate9 { margin-top:10px } .small-plate9 h6 { line-height:28px; font-size:16px; color:#222; font-weight:normal; padding-left:17px; position:relative } .small-plate9 h6:before { content:''; position:absolute; top:11px; left:0; width:6px; height:6px; background:var(--domColor); border-radius:50% } .small-plate9 p { line-height:28px; font-size:14px; color:#666; margin-bottom:12px } .small-plate10 { margin-top:25px; height:auto; overflow:hidden; position:relative } .small-plate10 .move { width:211px; height:211px; position:relative; margin:50px auto 120px } .small-plate10 .move .tu { position:absolute; top:0; left:0 } .small-plate10 .move .tuB { animation:xuanzhuanB 10s ease-in-out infinite; -webkit-animation:xuanzhuanB 10s ease-in-out infinite } @-webkit-keyframes xuanzhuanB { from { -webkit-transform:rotate(0) } to { -webkit-transform:rotate(360deg) } } @keyframes xuanzhuanB { from { transform:rotate(0) } to { transform:rotate(360deg) } } .small-plate10 .move .tuC { animation:xuanzhuanE 10s ease-in-out infinite; -webkit-animation:xuanzhuanE 10s ease-in-out infinite } @-webkit-keyframes xuanzhuanC { from { -webkit-transform:rotate(0) } to { -webkit-transform:rotate(-360deg) } } @keyframes xuanzhuanC { from { transform:rotate(0) } to { transform:rotate(-360deg) } } .small-plate10 .move .tuD { animation:xuanzhuanB 15s linear infinite; -webkit-animation:xuanzhuanB 15s linear infinite } .small-plate10 .move .tuE { animation:xuanzhuanE 15s linear infinite; -webkit-animation:xuanzhuanE 15s linear infinite } @-webkit-keyframes xuanzhuanE { from { -webkit-transform:rotate(360deg) } to { -webkit-transform:rotate(0) } } @keyframes xuanzhuanE { from { transform:rotate(360deg) } to { transform:rotate(0) } } .small-plate10 .move .tuG { margin:-33px 0 0 -33px; position:absolute; top:50%; left:50%; animation:xuanzhuanB 10s linear infinite; -webkit-animation:xuanzhuanB 10s linear infinite } .small-plate10 .move .tuZ, .small-plate10 .move .tuY { animation:xuanzhuanZ 5s ease-in-out infinite; -webkit-animation:xuanzhuanZ 5s ease-in-out infinite } @-webkit-keyframes xuanzhuanZ { from { opacity:1 } 50% { opacity:.4 } to { opacity:1 } } @keyframes xuanzhuanZ { from { opacity:1 } 50% { opacity:.4 } to { opacity:1 } } .small-plate10 .move .tuH { margin:-30px 0 0 -30px; position:absolute; top:50%; left:50% } .small-plate10 .title .wz { letter-spacing:.5px; text-align:left; position:absolute } .small-plate10 .title .wz h6 { margin-bottom:4px; line-height:30px; font-size:16px; color:#333; font-weight:normal } .small-plate10 .title .wz p { line-height:24px; font-size:14px; color:#999 } .small-plate10 .title .wzA { width:270px; left:636px; top:0 } .small-plate10 .title .wzB { width:228px; left:34px; top:0; text-align:right } .small-plate10 .title .wzC { width:288px; left:636px; top:148px } .small-plate10 .title .wzD { width:228px; left:34px; top:148px; text-align:right } .small-plate10 .title .wzE { width:462px; left:50%; top:292px; margin-left:-231px; text-align:center } .small-plate11 { border:1px solid #dbe0e5; background:var(--whiteColor); padding-bottom:25px } .small-plate11 ul { padding:0 20px } .small-plate11 .even-share0 .subelement { width:calc(50% - 36px); margin:0 18px } .small-plate11 ul li h6 { font-size:14px; padding-left:18px; position:relative } .small-plate11 ul li h6:before { content:''; position:absolute; left:0; top:19px; width:5px; height:5px; background-color:var(--domColor); border-radius:50% } .small-plate12 { padding:20px 0 0 } .layui-tab1 { height:auto; overflow:hidden; background:var(--whiteColor); box-shadow:0 0 10px rgba(89,110,251,.15); margin:0 } .layui-tab1 .layui-tab-title1 { float:left; width:170px; height:auto; overflow:hidden } .layui-tab1 .layui-tab-title1 li { display:block; padding:29px; line-height:26px; text-align:center; background:#f2f5ff; border-right:1px solid rgba(77,144,255,.2); margin:0 } .layui-tab1 .layui-tab-title1 li:before { display:none } .layui-tab1 .layui-tab-title1 li .icon { width:40px; height:40px; position:relative; margin:0 auto; display:none } .layui-tab1 .layui-tab-title1 li .icon img { max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%) } .layui-tab1 .layui-tab-title1 li p { line-height:26px; font-size:14px; color:#666 } .layui-tab1 .layui-tab-title1 li.layui-this { color:#fff; background:linear-gradient(-90deg,var(--domColor) 0,#10d2f8 100%) } .layui-tab1 .layui-tab-title1 li.layui-this .icon { display:block } .layui-tab1 .layui-tab-title1 li.layui-this p { color:var(--whiteColor); font-weight:bold } .layui-tab1 .layui-tab-content1 { height:calc(100% - 36px); overflow:hidden; margin:36px 50px 0 221px } .layui-tab1 .layui-tab-content1 .layui-tab-item { box-shadow:none; margin:0 } .layui-tab1 .title1 { line-height:28px; font-size:14px; color:#666; text-align:left; letter-spacing:.5px; margin-top:11px } .layui-tab1 .title0 { line-height:24px; font-size:14px; color:#333; text-align:left } .layui-tab2 .layui-tab-title2 li { font-size:14px; color:#666 } .layui-tab2 .layui-tab-title2 li.layui-this { color:var(--domColor); font-weight:bold } .layui-tab2 .layui-tab-content2 { height:auto; overflow:hidden; border:1px solid #ebeff3; padding:22px 71px 23px } .layui-tab2 .title1-1 { line-height:24px; font-size:14px; color:#333; text-align:left; margin-bottom:5px } .layui-tab2 .title1-2 { line-height:22px; font-size:14px; color:#666; text-align:left } .layui-tab1 .img { height:auto; overflow:hidden; text-align:center; position:relative; padding-top:14px } .layui-tab1 .title-left { position:absolute; left:7%; top:0; width:40%; height:100% } .layui-tab1 .title-left .text { width:100%; text-align:left; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%) } .layui-tab1 .title-left .text p { line-height:34px; font-size:14px; color:#666; text-align:left; font-weight:normal; position:relative; padding-left:17px } .layui-tab1 .title-left .text p:before { content:''; position:absolute; left:0; top:15px; width:5px; height:5px; border-radius:50%; background:#4d90ff } .layui-tab1 .img-right img { float:right; margin-right:5% } .layui-tab1 .img-right1 { padding-top:0; margin-top:60px } .small-plate14 { padding-top:15px } .small-plate14 .title { background-color:#fff; border:1px solid #dbe0e5; padding:20px 24px 16px; text-align:left; margin-bottom:20px } .small-plate14 .title h6 { line-height:24px; font-size:14px; color:#333; font-weight:normal; margin-bottom:10px } .small-plate14 .title p { margin-bottom:7px; padding-left:20px; line-height:24px; font-size:14px; color:#666; position:relative } .small-plate14 .title p:before { content:" "; width:6px; height:6px; background:#596efb; border-radius:50%; position:absolute; left:0; top:9px } .small-plate15 { height:28px; text-align:left; margin-top:9px } .small-plate15 span { display:block; float:left; height:28px; line-height:28px; font-size:14px; color:#666; position:relative; padding-left:20px; margin-right:38px } .small-plate15 span:before, .small-plate16 p:before, .small-plate17 .layui-tab-content .layui-tab-item .text0:before { content:''; position:absolute; left:0; top:11px; width:6px; height:6px; background:#666; border-radius:50% } .small-plate16 { padding-top:12px } .small-plate16 p { margin-bottom:13px; padding-left:26px; line-height:26px; font-size:14px; color:#fff; position:relative } .small-plate16 p:before { top:10px; background:#fff } .small-plate17 .layui-tab-content .layui-tab-item h6 { line-height:46px; font-size:20px; color:#333; margin-bottom:7px } .small-plate17 .layui-tab-content .layui-tab-item p { line-height:23px; font-size:14px; color:#666 } .small-plate17 .layui-tab-content .layui-tab-item .text1 { margin-bottom:7px } .small-plate17 .layui-tab-content .layui-tab-item .text2 { margin-bottom:7px; line-height:20px; font-size:12px } .small-plate17 .layui-tab-content .layui-tab-item .text0 { padding-left:17px; line-height:26px; font-weight:normal; position:relative } .small-plate17 .layui-tab-content .layui-tab-item .text0:before { background:var(--domColor); top:9px } .small-plate18 .layui-tab .layui-tab-title li { width:12.58%; height:42px; line-height:42px; font-size:14px; color:#333; text-align:center; border-top-left-radius:5px; border-top-right-radius:5px; background:#e6eafa; margin:0 2% 0 0 } .small-plate18 .layui-tab .layui-tab-title li:last-child { margin:0 } .small-plate18 .layui-tab .layui-tab-title li.layui-this { background:#fff; cursor:pointer } .small-plate18 .layui-tab-content .layui-tab-item .left-text .text1 { margin-bottom:14px; padding-left:20px; line-height:28px; font-size:14px; color:#8c8d9e; position:relative } .small-plate18 .layui-tab-content .layui-tab-item .left-text .text1 strong { color:#000 } .small-plate18 .layui-tab-content .layui-tab-item .left-text .text1:before { content:''; position:absolute; top:8px; left:0; width:6px; height:6px; background:#596efb; border-radius:50% } .small-plate18 .layui-tab-content .layui-tab-item .swiper { padding-bottom:40px; height:100%; overflow:hidden; position:relative } .small-plate18 .layui-tab-content .layui-tab-item .swiper .swiper-slide { position:relative; height:286px; overflow:hidden } .small-plate18 .layui-tab-content .layui-tab-item .swiper img { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; object-fit:cover } .small-plate18 .layui-tab-content .layui-tab-item .swiper .swiper-pagination { text-align:center; font-size:0; height:13px } .small-plate18 .layui-tab-content .layui-tab-item .swiper .swiper-pagination .swiper-pagination-bullet { display:inline-block; vertical-align:middle; width:17px; height:13px; position:relative; cursor:pointer; background:none; margin:0; opacity:1 } .small-plate18 .layui-tab-content .layui-tab-item .swiper .swiper-pagination .swiper-pagination-bullet:before { content:''; position:absolute; top:5px; left:3px; width:11px; height:3px; background:#e6e9f5; border-radius:2px } .small-plate18 .layui-tab-content .layui-tab-item .swiper .swiper-pagination .swiper-pagination-bullet-active:before { background:#596efb } .small-plate19 { padding-top:2px } .small-plate19 .layui-tab { height:auto; overflow:hidden; background:#fff; box-shadow:0 1px 20px rgba(194,215,236,.27) } .small-plate19 .layui-tab .layui-tab-item { padding:45px 36px 0 48px; text-align:left; height:auto; overflow:hidden } .small-plate19 .layui-tab .layui-tab-item h3 { line-height:32px; font-size:20px; color:#333; margin-bottom:16px; padding:0 22px 0 24px } .small-plate19 .layui-tab .layui-tab-item p { line-height:24px; font-size:14px; color:#666; letter-spacing:.5px; padding:0 22px 0 24px } .small-plate19 .layui-tab .layui-tab-item .xq { font-size:14px; color:#596efb; font-weight:bold; padding-right:18px; background:url(../../static/images/veryxiao/jiantxb3.png) 62px center no-repeat } .small-plate19 .layui-tab .layui-tab-item .tu { padding:37px 22px 0 24px; height:auto; overflow:hidden } .small-plate19 .layui-tab .layui-tab-item .tu img { max-width:100%; height:auto } .small-plate19 .layui-tab .layui-tab-item .title-img .text { float:left; width:calc(100% - 440px); padding-right:20px; height:auto; overflow:hidden; text-align:left } .small-plate19 .layui-tab .layui-tab-item .title-img .text h5 { line-height:36px; font-size:16px; color:#596efb; padding-left:20px; position:relative } .small-plate19 .layui-tab .layui-tab-item .title-img .text h5:before { content:''; position:absolute; left:0; top:50%; margin-top:-3px; width:6px; height:6px; background-color:#596efb; border-radius:50% } .small-plate19 .layui-tab .layui-tab-item .title-img .text h6 { line-height:30px; font-size:14px; color:#666; margin-bottom:8px } .small-plate19 .layui-tab .layui-tab-item .title-img .img { width:420px; height:auto } .small-plate20 { position:relative; height:406px; margin-top:35px } .small-plate20 .center-img { position:absolute; left:50%; top:0; margin-left:-185px; width:386px; height:315px } .small-plate20 .center-img:before { content:''; position:absolute; left:50%; bottom:33px; margin-left:-163px; width:326px; height:220px; background:url(../../static/images/veryxiao/solutions/show/small-plate20.png) center no-repeat } .small-plate20 .center-img .circle-center { position:absolute; left:50%; transform:translateX(-50%); top:0; width:238px; height:238px; background:#f8f9ff; border-radius:50% } .small-plate20 .center-img .circle-center2 { top:14px; width:210px; height:210px; background:linear-gradient(180deg,#d1f0ff 0,#e0e4fe 100%); background-color:#e0e4fe } .small-plate20 .center-img .circle-center3 { top:34px; width:170px; height:170px; background:#fff } .small-plate20 .center-img .circle-center4 { top:48px; width:142px; height:142px; background:linear-gradient(180deg,#05abff 0,#576ffb 100%); background-color:#576ffb } .small-plate20 .center-img .circle-around { position:absolute; width:68px; height:68px; background:#f5f6ff; border-radius:50% } .small-plate20 .center-img .circle-around:before, .small-plate20 .center-img .circle-around:after { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:48px; height:48px; background:linear-gradient(180deg,#c0e9ff 0,#d4daff 100%); background-color:#d4daff; border-radius:50% } .small-plate20 .center-img .circle-around:after { width:40px; height:40px; background:#fff } .small-plate20 .center-img .icon { position:absolute; background-image:url(../../static/images/veryxiao/solutions/show/css_sprites1.png); background-repeat:no-repeat } .small-plate20 .center-img .center-icon1 { left:50%; top:93px; margin-left:-21px; width:42px; height:51px; background-position:-10px -10px } .small-plate20 .center-img .circle-around1 { top:36px; left:0 } .small-plate20 .center-img .circle-around2 { top:192px; left:28px } .small-plate20 .center-img .circle-around3 { bottom:0; left:50%; margin-left:-34px } .small-plate20 .center-img .circle-around4 { top:192px; right:28px } .small-plate20 .center-img .circle-around5 { top:36px; right:0 } .small-plate20 .center-img .circle-around .icon { left:50%; top:50%; z-index:2 } .small-plate20 .center-img .circle-around1 .icon { width:19px; height:20px; margin:-10px 0 0 -10px; background-position:-90px -81px } .small-plate20 .center-img .circle-around2 .icon { width:19px; height:20px; margin:-10px 0 0 -10px; background-position:-51px -81px } .small-plate20 .center-img .circle-around3 .icon { width:20px; height:23px; margin:-11px 0 0 -10px; background-position:-72px -10px } .small-plate20 .center-img .circle-around4 .icon { width:21px; height:21px; margin:-11px 0 0 -11px; background-position:-112px -10px } .small-plate20 .center-img .circle-around5 .icon { width:21px; height:21px; margin:-11px 0 0 -11px; background-position:-10px -81px } .small-plate20 .text { letter-spacing:1px; width:272px; height:auto; overflow:hidden } .small-plate20 .text h6 { line-height:28px; font-size:16px; color:#000 } .small-plate20 .text p { text-align:left; line-height:24px; font-size:14px; color:#8c8d9e; margin-top:6px } .solutions-value1 { background-image:url(../../static/images/veryxiao/solutions/solutions-value1.jpg); background-size:cover; background-repeat:no-repeat } .solutions-value1 .big-title h2 { color:var(--whiteColor) } .solutions-value1 .big-title .line { background:var(--whiteColor) } .solutions-demo { padding-bottom:30px } .solutions-demo .main1 { padding:13px 0 64px; background-image:url(../../static/images/veryxiao/solutions/demo-img-bg.png); background-size:cover; background-repeat:no-repeat; text-align:center; margin:24px auto 0 } .solutions-demo .main1 .href { display:block; width:611px; height:338px; cursor:pointer; margin:0 auto } .solutions-demo .main1 img { width:100%; height:auto } .tab-img { width:100%; height:auto; overflow:hidden; position:relative; margin:40px 0 10px } .tab-img .tabCons { width:100%; height:253px; overflow:hidden; transition:all 1s ease; -webkit-transition:all 1s ease } .tab-img .con { float:left; width:calc(100% - 2px); height:auto; overflow:hidden; background:var(--whiteColor); border:1px solid #dbe0e5; box-sizing:border-box; -webkit-box-sizing:border-box } .tab-img .con .con-title { display:block; padding:45px; position:relative } .tab-img .con .img { position:absolute; left:45px; top:45px; width:16%; height:calc(100% - 90px) } .tab-img .con a { display:block; width:100%; height:100% } .tab-img .con .img img { max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%) } .tab-img .con .img b { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); display:block; width:100%; text-align:center; font-size:18px; color:#333 } .tab-img .con .title { margin-left:21%; padding-left:3.5%; height:auto; overflow:hidden; border-left:1px solid #dbe0e5 } .tab-img .con .title h6 a { display:block; height:20px; line-height:20px; font-size:18px; color:#333; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .tab-img .con .title h6 a:hover { color:#333; text-decoration:none } .tab-img .con .title p { margin-top:18px; max-height:96px; line-height:24px; height:auto; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; font-size:14px; color:#999; letter-spacing:1px } .tab-img .con .title .btn-link { margin-top:19px; height:auto; overflow:hidden; text-align:left; font-size:0 } .tab-img .con .title .btn-link a { display:inline-block; margin-right:15px; vertical-align:top; font-size:14px; text-align:center } .tab-img .con .title .btn-link .btn1 { width:100px; height:30px; line-height:30px; color:var(--whiteColor); background-image:linear-gradient(90deg,#0ca7e6,var(--domColor)); background-color:#0ca7e6; cursor:pointer } .tab-img .con .title .btn-link .btn2 { width:100px; height:30px; line-height:30px; color:var(--domColor); border:1px solid var(--domColor) } .tab-img .con .title .btn-link .btn1:hover { background:linear-gradient(90deg,#09f 0,#575dfa 100%); background-color:#5064e6 } .tab-img .con .title .btn-link .btn2:hover { background-color:var(--domColor); color:var(--whiteColor) } .tab-img .tabMenus { width:100%; text-align:center; vertical-align:middle; border-bottom:1px solid #e4e8eb } .tab-img .tabMenus li { width:16%; cursor:pointer; display:inline-block; height:67px; vertical-align:bottom; position:relative; margin:30px 15px 20px } .tab-img .tabMenus li:before { content:''; width:40%; height:2px; background-color:var(--domColor); position:absolute; bottom:-20px; left:30%; z-index:2; transform:scale(0); transition:all .3s ease-in-out; -webkit-transform:scale(0); -webkit-transition:all .3s ease-in-out } .tab-img .tabMenus li img { max-width:100%; max-height:100%; object-fit:cover; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%) } .tab-img .tabMenus li .img { display:block; width:100%; height:67px; position:relative } .tab-img .tabMenus li .img img { max-width:75% } .tab-img .tabMenus li b { display:block; font-size:18px; color:#333; line-height:67px } .tab-img .tabMenus li.active:before { transform:scale(1); -webkit-transform:scale(1) } .solutions-products ul { justify-content:center; font-size:0 } .solutions-products ul .subelement { display:inline-block; margin:20px 11px 25px 11px; width:calc(33.33% - 22px); border-radius:3px; background-color:#fff; border-top:1px solid rgba(133,217,255,.12); box-shadow:0 7px 24px rgba(133,217,255,.17); vertical-align:top; box-sizing:border-box; transition:transform .5s cubic-bezier(.25,.46,.45,.94); -webkit-box-sizing:border-box; -webkit-transition:transform .5s cubic-bezier(.25,.46,.45,.94) } .solutions-products ul .subelement .title-text { display:block; padding:16px 22px 45px 38px } .solutions-products ul li h5 { margin-bottom:6px; line-height:30px; font-size:16px; font-weight:bold; color:#0b1d30 } .solutions-products ul li p { margin-bottom:7px; line-height:24px; font-size:14px; color:#4e586b } .solutions-products ul li .link-title { display:inline-block; padding-right:15px; line-height:24px; font-size:14px; color:#596efb; position:relative } .solutions-products .floating-up .icon-arron-right { margin-top:-5px; width:7px; height:11px; background-image:url(../../static/images/veryxiao/solutions/pro-icon.png); background-position:-4px -316px; background-repeat:no-repeat; position:absolute; top:50%; right:0; transition:transform .5s cubic-bezier(.25,.46,.45,.94); -webkit-transition:transform .5s cubic-bezier(.25,.46,.45,.94) } .solutions-products ul .subelement:hover { box-shadow:0 10px 27px rgba(201,223,255,.26); transform:translateY(-8px); -webkit-transform:translateY(-8px) } .solutions-products ul li:hover .link-title { color:#0db2ff } .solutions-products ul li:hover .icon-arron-right { background-position:-16px -316px; transform:translateX(5px); -webkit-transform:translateX(5px) } .solutions-products ul li .proA-icon { margin-bottom:5px; width:180px; height:156px; background-image:url("../../static/images/veryxiao/solutions/pro-icon.png"); background-position:0 0; background-repeat:no-repeat } .solutions-products ul li .proA-icon2 { width:220px; background-position:-180px 0 } .solutions-products ul li .proA-icon3 { width:220px; background-position:-400px 0 } .solutions-products ul li .proA-icon4 { width:234px; background-position:0 -156px } .solutions-products ul li .proA-icon5 { width:186px; background-position:-237px -156px } .solutions-products ul li .proA-icon6 { width:169px; background-position:-427px -156px } .solutions-products ul li .proA-icon7 { width:234px; background-position:0 -334px } .solutions-products ul li .proA-icon8 { width:210px; background-position:-234px -334px } .solutions-products ul li .proA-icon9 { width:240px; background-position:-444px -334px } .solutions-products ul li .proA-icon10 { width:185px; background-position:0 -490px } .solutions-products ul li .proA-icon11 { width:180px; background-position:-185px -490px } .cooperative_customers { padding:72px 0 } .cooperative_customers ul { margin:0 -18px; padding-top:25px; height:auto; font-size:0; text-align:center; overflow:hidden } .cooperative_customers ul li { display:inline-block; margin:0 18px 20px; width:calc(33.33% - 36px); vertical-align:top } .cooperative_customers ul li h6 { width:100%; height:40px; line-height:40px; font-size:18px; color:#fff; font-weight:bold; letter-spacing:5px; overflow:hidden; background-image:linear-gradient(90deg,#596efb,#2195f8); background-color:#5a42ff } .cooperative_customers ul li .img { margin-top:9px; height:auto; overflow:hidden; background-color:#fff; border:2px solid #eaeef1 } .cooperative_customers ul li .img img { max-width:100%; height:auto } .cooperative_customers .text1 { line-height:24px; text-align:right; font-size:14px; color:#a9a9a9; margin:0 17px 15px } .layui-esen-content .pain-spot { display:flex; margin:25px 10px 0 10px; align-items:stretch; justify-content:space-between } .layui-esen-content .pain-spot dl { padding:28px 0; background-image:linear-gradient(to bottom,#f3f6ff,#fff); border:solid 2px #fff; box-shadow:7px 7px 20px 1px rgba(208,208,208,.2) } .layui-esen-content .pain-spot.pain-spot-no-dd dl { padding-bottom:0 } .layui-esen-content .pain-spot.pain-spot-2 dl { width:48.7% } .layui-esen-content .pain-spot.pain-spot-3 dl { width:31.5% } .layui-esen-content .pain-spot.pain-spot-4 dl { width:23% } .layui-esen-content .pain-spot.pain-spot-6 { flex-wrap:wrap } .layui-esen-content .pain-spot.pain-spot-6 dl { width:31.5% } .layui-esen-content .pain-spot dl dt { text-align:center } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot { display:block; margin:0 auto; width:42px; height:42px } .layui-esen-content .pain-spot dl dt div:last-child { padding-top:20px; padding-bottom:10px; font-size:16px; font-weight:300; color:#333 } .layui-esen-content .pain-spot dl dd { margin:0 20px; color:#666; text-align:justify } .layui-esen-content .pain-spot dl dd p { line-height:25px; color:#666 } .layui-esen-content .content { display:flex; margin-top:20px; align-items:stretch; justify-content:space-between } .layui-esen-content .content dl { margin-bottom:30px; padding-bottom:30px; width:22.6%; background:#fff; box-shadow:5px 5px 15px -1px rgba(208,208,208,.2); text-align:left; position:relative } .layui-esen-content .content dl dt { margin-bottom:18px; padding-left:25px; line-height:47px; font-size:16px; font-weight:1000; color:#fff; background-image:url("../../static/images/veryxiao/solutions/content-3574.png"); background-repeat:no-repeat } .layui-esen-content .content dl dd { margin:0 18px 20px 18px; color:#666 } .layui-esen-content .content dl dd p { margin-bottom:35px; min-height:130px; color:#666; line-height:25px; text-align:justify } .layui-esen-content .content dl dd a { font-weight:bold; color:#596efb; position:absolute; bottom:25px } .layui-esen-content .content dl dd a:after, .layui-esen-content .planKm2 .application-products .products>div div:nth-child(3) a:after { content:''; display:inline-block; margin-left:5px; width:6px; height:6px; border-left:2px solid #596efb; border-bottom:2px solid #596efb; transform:rotate(225deg) } .layui-esen-content .planKm2 .small-plate3 { margin:15px 0 } .plan3584 .layui-esen-content .planKm2 .small-plate3, .plan3585 .layui-esen-content .planKm2 .small-plate3 { background:#edf3ff } .layui-esen-content .planKm2 .application-products .title { margin-left:10px; padding-left:15px; line-height:40px; font-size:18px; font-weight:1000; color:#333; position:relative } .layui-esen-content .planKm2 .application-products .title:before { content:''; display:block; width:5px; height:20px; background-image:linear-gradient(to top,#5dc1ff,#617dff); border-radius:5px; position:absolute; top:10px; left:0 } .layui-esen-content .planKm2 .application-products .products { display:flex; margin:20px 10px 0 10px; justify-content:space-between; overflow:hidden } .layui-esen-content .planKm2 .application-products .products>div { padding:17px 22px; width:44%; background:#fff; border:solid 1px #e5e5e5; position:relative } .layui-esen-content .planKm2 .application-products .products>div div { display:inline-block } .layui-esen-content .planKm2 .application-products .products>div div:nth-child(1) { margin-top:3px; margin-right:10px } .layui-esen-content .planKm2 .application-products .products>div div:nth-child(1) span { display:block; width:40px; height:40px } .layui-esen-content .planKm2 .application-products .products>div div:nth-child(2) p { font-size:16px; font-weight:1000; color:#596efb } .layui-esen-content .planKm2 .application-products .products>div div:nth-child(3) a { margin-top:-10px; width:100%; font-size:14px; color:#596efb; position:absolute; top:50%; left:80% } .layui-esen-content .planKm2 .application-products .products .icon-abi { background-image:url(../../static/images/veryxiao/solutions/icon-abi.png); background-repeat:no-repeat } .layui-esen-content .planKm2 .application-products .products .icon-iReport { background-image:url(../../static/images/veryxiao/solutions/icon-iReport.png); background-repeat:no-repeat } .layui-esen-content .planKm2 .application-products .products .icon-datafactory { background-image:url("../../static/images/veryxiao/solutions/icon-datafactory.png"); background-repeat:no-repeat } .layui-esen-content .planKm2 .application-products .products .icon-petabase { background-image:url(../../static/images/veryxiao/solutions/icon-petabase.png); background-repeat:no-repeat } .layui-esen-content .planKm2 .application-products .products .icon-powerindex { background-image:url(../../static/images/veryxiao/solutions/icon-powerindex.png); background-repeat:no-repeat } .layui-esen-content .planKm2 .application-products .products .icon-powermeta { background-image:url(../../static/images/veryxiao/solutions/icon-powermeta.png); background-repeat:no-repeat } .layui-esen-content .planKm2 .application-products .products .icon-dataassets { background-image:url(../../static/images/veryxiao/solutions/icon-dataassets.png); background-repeat:no-repeat } .layui-esen-content .planKm2 .application-products .products .icon-datastandards { background-image:url(../../static/images/veryxiao/solutions/icon-datastandards.png); background-repeat:no-repeat } .layui-esen-content .planKm2 .application-products .products .icon-dataclean { background-image:url(../../static/images/veryxiao/solutions/icon-dataclean.png); background-repeat:no-repeat } .layui-esen-content .planKm2 .application-products .products .icon-mdm { background-image:url(../../static/images/veryxiao/solutions/icon-mdm.png); background-repeat:no-repeat } .layui-esen-content .planKm2 .application-products .products .icon-ruizhi { background-image:url(../../static/images/veryxiao/solutions/icon-ruizhi.png); background-repeat:no-repeat } .layui-esen-content .value01 { margin-top:25px } .layui-esen-content .value01 ul { display:flex; margin:0 -11px; height:auto; align-items:stretch; overflow:hidden } .layui-esen-content .value01 ul li { margin:0 22px 24px; padding:25px 32px 24px; background:#fff; border-radius:2px; border:1px solid #bfc7ff; box-shadow:0 7px 24px rgba(175,182,244,.17); letter-spacing:.35px; position:relative; flex:1; box-sizing:border-box; -webkit-flex:1; -webkit-box-flex:1; -webkit-box-sizing:border-box } .layui-esen-content .value01 ul li::before { content:''; display:block; width:34px; height:50px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-repeat:no-repeat; background-position:-238px -54px; position:absolute; top:25px; right:72px } .layui-esen-content .value01 ul li::after { content:''; display:block; width:34px; height:50px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-repeat:no-repeat; position:absolute; top:25px; right:34px } .layui-esen-content .value01 ul:nth-child(1) li:nth-child(1)::after { background-position:-238px -114px } .layui-esen-content .value01 ul:nth-child(1) li:nth-child(2)::after { background-position:-238px -174px } .layui-esen-content .value01 ul:nth-child(2) li:nth-child(1)::after { background-position:-187px -62px } .layui-esen-content .value01 ul:nth-child(2) li:nth-child(2)::after { background-position:-187px -122px } .layui-esen-content .value01 ul:nth-child(3) li:nth-child(1)::after { background-position:-292px -5px } .layui-esen-content .value01 ul:nth-child(3) li:nth-child(2)::after { background-position:-292px -65px } .layui-esen-content .value01 ul li .icon .layui-esen-icon-solutions { position:static; transform:none; -webkit-transform:none } .layui-esen-content .value01 ul li h6 { margin-top:11px; line-height:32px; font-size:18px; color:#0b1d30 } .layui-esen-content .value01 ul li p { margin-top:12px; line-height:26px; font-size:14px; color:#646c7d; text-align:justify } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot:after { content:''; display:block; width:100%; height:100%; background-image:url("../../static/images/veryxiao/solutions/icon-pain-spot.svg"); background-repeat:no-repeat; background-position:left } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-11:after { background-position:-98px -27px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-12:after { background-position:-210px -27px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-13:after { background-position:-154px -27px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-14:after { background-position:-42px -27px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-21:after { background-position:-42px -90px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-22:after { background-position:-98px -90px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-23:after { background-position:-154px -90px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-24:after { background-position:-210px -90px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-31:after { background-position:-42px -154px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-32:after { background-position:-98px -154px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-33:after { background-position:-154px -154px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-34:after { background-position:-210px -154px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-35:after { background-position:-266px -154px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-36:after { background-position:-323px -154px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-41:after { background-position:-42px -218px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-42:after { background-position:-98px -218px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-43:after { background-position:-154px -218px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-44:after { background-position:-210px -218px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-51:after { background-position:-42px -282px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-52:after { background-position:-98px -284px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-53:after { background-position:-154px -284px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-54:after { background-position:-210px -284px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-55:after { background-position:-266px -284px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-56:after { background-position:-325px -284px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-61:after { background-position:-44px -345px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-62:after { background-position:-98px -344px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-63:after { background-position:-154px -344px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-71:after { background-position:-42px -410px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-72:after { background-position:-98px -410px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-73:after { background-position:-154px -410px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-81:after { background-position:-42px -472px } .layui-esen-content .pain-spot dl dt .esen-icon-pain-spot.esen-icon-pain-spot-82:after { background-position:-100px -472px } .layui-esen-icon-solutions { display:inline-block; background-image:url("../../static/images/veryxiao/solutions/planBxb1.png"); background-repeat:no-repeat; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%) } .layui-esen-icon-solutions-1 { width:52px; height:52px } .layui-esen-icon-solutions-2 { width:52px; height:52px; background-position:-52px 0 } .layui-esen-icon-solutions-3 { width:52px; height:52px; background-position:-104px 0 } .layui-esen-icon-solutions-4 { width:52px; height:52px; background-image:url("../../static/images/veryxiao/solutions/planBxb2.png"); background-position:-156px 0 } .layui-esen-icon-solutions-5 { width:52px; height:52px; background-image:url("../../static/images/veryxiao/solutions/planBxb2.png") } .layui-esen-icon-solutions-6 { width:52px; height:52px; background-position:-156px 0 } .layui-esen-icon-solutions-7 { width:40px; height:40px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-258px -237px } .layui-esen-icon-solutions-8 { width:34px; height:40px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-386px -106px } .layui-esen-icon-solutions-732-4 { width:52px; height:52px; background-position:-156px -104px } .layui-esen-icon-solutions-734-1 { width:44px; height:44px; background-image:url("../../static/images/veryxiao/solutions/planBxb1.png"); background-position:0 -208px } .layui-esen-icon-solutions-734-2 { width:44px; height:44px; background-image:url("../../static/images/veryxiao/solutions/planBxb1.png"); background-position:-44px -208px } .layui-esen-icon-solutions-734-3 { width:44px; height:44px; background-image:url("../../static/images/veryxiao/solutions/planBxb1.png"); background-position:-88px -208px } .layui-esen-icon-solutions-734-4 { width:44px; height:44px; background-image:url("../../static/images/veryxiao/solutions/planBxb1.png"); background-position:-176px -208px } .layui-esen-icon-solutions-734-5 { width:48px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planAxb1.png"); background-position:0 -135px } .layui-esen-icon-solutions-734-6 { width:48px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planAxb1.png"); background-position:-48px -135px } .layui-esen-icon-solutions-734-7 { width:48px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planAxb1.png"); background-position:-96px -135px } .layui-esen-icon-solutions-734-8 { width:48px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planAxb1.png"); background-position:-144px -135px } .layui-esen-icon-solutions-734-9 { width:48px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planAxb1.png"); background-position:-192px -135px } .layui-esen-icon-solutions-734-10 { width:48px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planAxb1.png"); background-position:-240px -135px } .layui-esen-icon-solutions-735-1 { width:52px; height:52px; background-position:0 -52px } .layui-esen-icon-solutions-735-2 { width:52px; height:52px; background-position:-104px -52px } .layui-esen-icon-solutions-735-3 { width:52px; height:52px; background-position:-156px -52px } .layui-esen-icon-solutions-735-4 { width:44px; height:36px; background-image:url("../../static/images/veryxiao/solutions/planAxb1.png"); background-position:-3px -50px } .layui-esen-icon-solutions-735-5 { width:48px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planAxb1.png"); background-position:-48px -45px } .layui-esen-icon-solutions-735-6 { width:48px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planAxb1.png"); background-position:-96px -44px } .layui-esen-icon-solutions-735-7 { width:48px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planAxb1.png"); background-position:-144px -45px } .layui-esen-icon-solutions-735-8 { width:48px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planAxb1.png"); background-position:-192px -45px } .layui-esen-icon-solutions-736-1 { width:48px; height:44px; background-image:url("../../static/images/veryxiao/solutions/planAxb1.png") } .layui-esen-icon-solutions-736-2 { width:48px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planAxb1.png"); background-position:-48px 0 } .layui-esen-icon-solutions-736-3 { width:40px; height:44px; background-image:url("../../static/images/veryxiao/solutions/planAxb1.png"); background-position:-100px 0 } .layui-esen-icon-solutions-736-4 { width:48px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planAxb1.png"); background-position:-144px 0 } .layui-esen-icon-solutions-736-5 { width:48px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planAxb1.png"); background-position:-192px 0 } .layui-esen-icon-solutions-737-1 { width:52px; height:52px; background-image:url("../../static/images/veryxiao/solutions/planBxb2.png"); background-position:-52px 0 } .layui-esen-icon-solutions-737-2 { width:52px; height:52px; background-image:url("../../static/images/veryxiao/solutions/planBxb2.png"); background-position:-104px 0 } .layui-esen-icon-solutions-737-3 { width:42px; height:40px; background-image:url("../../static/images/veryxiao/solutions/planAxb2.png"); background-position:-3px -2px } .layui-esen-icon-solutions-737-4 { width:42px; height:40px; background-image:url("../../static/images/veryxiao/solutions/planAxb2.png"); background-position:-197px -3px } .layui-esen-icon-solutions-737-5 { width:48px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planAxb2.png"); background-position:-48px 0 } .layui-esen-icon-solutions-737-6 { width:46px; height:34px; background-image:url("../../static/images/veryxiao/solutions/planAxb2.png"); background-position:-144px -5px } .layui-esen-icon-solutions-737-7 { width:44px; height:40px; background-image:url("../../static/images/veryxiao/solutions/planAxb2.png"); background-position:-98px -3px } .layui-esen-icon-solutions-738-1 { width:52px; height:52px; background-image:url("../../static/images/veryxiao/solutions/planBxb2.png"); background-position:0 -52px } .layui-esen-icon-solutions-738-2 { width:52px; height:52px; background-image:url("../../static/images/veryxiao/solutions/planBxb2.png"); background-position:-52px -52px } .layui-esen-icon-solutions-738-3 { width:52px; height:52px; background-image:url("../../static/images/veryxiao/solutions/planBxb2.png"); background-position:-104px -52px } .layui-esen-icon-solutions-738-4 { width:46px; height:44px; background-image:url("../../static/images/veryxiao/solutions/planAxb2.png"); background-position:-1px -45px } .layui-esen-icon-solutions-738-5 { width:48px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planAxb2.png"); background-position:-48px -45px } .layui-esen-icon-solutions-738-6 { width:48px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planAxb2.png"); background-position:-96px -45px } .layui-esen-icon-solutions-738-7 { width:48px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planAxb2.png"); background-position:-144px -45px } .layui-esen-icon-solutions-738-8 { width:48px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planAxb2.png"); background-position:-192px -44px } .layui-esen-icon-solutions-739-1 { width:42px; height:38px; background-image:url("../../static/images/veryxiao/solutions/planAxb3.png"); background-position:-3px -4px } .layui-esen-icon-solutions-739-2 { width:48px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planAxb3.png"); background-position:-48px 0 } .layui-esen-icon-solutions-739-3 { width:48px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planAxb3.png"); background-position:-96px 0 } .layui-esen-icon-solutions-739-4 { width:48px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planAxb3.png"); background-position:-144px 0 } .layui-esen-icon-solutions-740-1 { width:52px; height:52px; background-image:url("../../static/images/veryxiao/solutions/planBxb2.png"); background-position:0 -104px } .layui-esen-icon-solutions-740-2 { width:52px; height:52px; background-image:url("../../static/images/veryxiao/solutions/planBxb2.png"); background-position:-52px -104px } .layui-esen-icon-solutions-740-3 { width:52px; height:52px; background-image:url("../../static/images/veryxiao/solutions/planBxb2.png"); background-position:-104px -104px } .layui-esen-icon-solutions-740-4 { width:42px; height:40px; background-image:url("../../static/images/veryxiao/solutions/planAxb2.png"); background-position:-3px -93px } .layui-esen-icon-solutions-740-5 { width:42px; height:44px; background-image:url("../../static/images/veryxiao/solutions/planAxb2.png"); background-position:-51px -91px } .layui-esen-icon-solutions-740-6 { width:48px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planAxb2.png"); background-position:-96px -89px } .layui-esen-icon-solutions-740-7 { width:40px; height:42px; background-image:url("../../static/images/veryxiao/solutions/planAxb2.png"); background-position:-148px -91px } .layui-esen-icon-solutions-849-1 { width:52px; height:52px; background-image:url("../../static/images/veryxiao/solutions/planBxb3.png") } .layui-esen-icon-solutions-849-2 { width:52px; height:52px; background-image:url("../../static/images/veryxiao/solutions/planBxb3.png"); background-position:-52px 0 } .layui-esen-icon-solutions-851-1 { width:52px; height:52px; background-image:url("../../static/images/veryxiao/solutions/planBxb3.png"); background-position:0 -52px } .layui-esen-icon-solutions-851-2 { width:52px; height:52px; background-image:url("../../static/images/veryxiao/solutions/planBxb3.png"); background-position:-52px -52px } .layui-esen-icon-solutions-851-3 { width:52px; height:52px; background-image:url("../../static/images/veryxiao/solutions/planBxb3.png"); background-position:-104px -52px } .layui-esen-icon-solutions-852-1 { width:52px; height:52px; background-image:url("../../static/images/veryxiao/solutions/planBxb3.png"); background-position:0 -104px } .layui-esen-icon-solutions-852-2 { width:52px; height:52px; background-image:url("../../static/images/veryxiao/solutions/planBxb3.png"); background-position:-52px -104px } .layui-esen-icon-solutions-852-3 { width:52px; height:52px; background-image:url("../../static/images/veryxiao/solutions/planBxb3.png"); background-position:-104px -104px } .layui-esen-icon-solutions-852-4 { width:52px; height:52px; background-image:url("../../static/images/veryxiao/solutions/planBxb3.png"); background-position:-156px -104px } .layui-esen-icon-solutions-853-1 { width:52px; height:52px; background-image:url("../../static/images/veryxiao/solutions/planAxb3.png"); background-position:0 -198px } .layui-esen-icon-solutions-853-2 { width:52px; height:52px; background-image:url("../../static/images/veryxiao/solutions/planAxb3.png"); background-position:-52px -198px } .layui-esen-icon-solutions-853-3 { width:52px; height:52px; background-image:url("../../static/images/veryxiao/solutions/planAxb3.png"); background-position:-104px -198px } .layui-esen-icon-solutions-853-4 { width:52px; height:52px; background-image:url("../../static/images/veryxiao/solutions/planAxb3.png"); background-position:-156px -198px } .layui-esen-icon-solutions-854-1 { width:60px; height:52px; background-image:url("../../static/images/veryxiao/solutions/planBxb3.png"); background-position:0 -156px } .layui-esen-icon-solutions-854-2 { width:50px; height:50px; background-image:url("../../static/images/veryxiao/solutions/planAxb3.png"); background-position:0 -97px } .layui-esen-icon-solutions-854-3 { width:50px; height:50px; background-image:url("../../static/images/veryxiao/solutions/planAxb3.png"); background-position:-50px -97px } .layui-esen-icon-solutions-854-4 { width:50px; height:50px; background-image:url("../../static/images/veryxiao/solutions/planAxb3.png"); background-position:-100px -97px } .layui-esen-icon-solutions-855-1 { width:48px; height:48px; background-image:url("../../static/images/veryxiao/solutions/planAxb4.png"); background-position:0 -151px } .layui-esen-icon-solutions-855-2 { width:48px; height:48px; background-image:url("../../static/images/veryxiao/solutions/planAxb4.png"); background-position:-48px -151px } .layui-esen-icon-solutions-855-3 { width:48px; height:48px; background-image:url("../../static/images/veryxiao/solutions/planAxb4.png"); background-position:-96px -151px } .layui-esen-icon-solutions-855-4 { width:48px; height:48px; background-image:url("../../static/images/veryxiao/solutions/planAxb4.png"); background-position:-144px -151px } .layui-esen-icon-solutions-847-1 { width:50px; height:50px; background-image:url("../../static/images/veryxiao/solutions/planAxb3.png"); background-position:0 -47px } .layui-esen-icon-solutions-847-2 { width:50px; height:50px; background-image:url("../../static/images/veryxiao/solutions/planAxb3.png"); background-position:-50px -47px } .layui-esen-icon-solutions-847-3 { width:50px; height:50px; background-image:url("../../static/images/veryxiao/solutions/planAxb3.png"); background-position:-100px -47px } .layui-esen-icon-solutions-847-4 { width:50px; height:50px; background-image:url("../../static/images/veryxiao/solutions/planAxb3.png"); background-position:-150px -47px } .layui-esen-icon-solutions-1098-1 { width:48px; height:48px; background-image:url("../../static/images/veryxiao/solutions/planAxb4.png"); background-position:0 -55px } .layui-esen-icon-solutions-1098-2 { width:48px; height:48px; background-image:url("../../static/images/veryxiao/solutions/planAxb4.png"); background-position:-48px -55px } .layui-esen-icon-solutions-1098-3 { width:48px; height:48px; background-image:url("../../static/images/veryxiao/solutions/planAxb4.png"); background-position:-96px -55px } .layui-esen-icon-solutions-1098-4 { width:48px; height:48px; background-image:url("../../static/images/veryxiao/solutions/planAxb4.png"); background-position:0 -103px } .layui-esen-icon-solutions-1098-5 { width:48px; height:48px; background-image:url("../../static/images/veryxiao/solutions/planAxb4.png"); background-position:-48px -103px } .layui-esen-icon-solutions-1098-6 { width:48px; height:48px; background-image:url("../../static/images/veryxiao/solutions/planAxb4.png"); background-position:-96px -103px } .layui-esen-icon-solutions-1099-1 { width:46px; height:54px; background-image:url("../../static/images/veryxiao/solutions/planAxb5.png"); background-position:0 -43px } .layui-esen-icon-solutions-1099-2 { width:46px; height:54px; background-image:url("../../static/images/veryxiao/solutions/planAxb5.png"); background-position:-46px -43px } .layui-esen-icon-solutions-1099-3 { width:46px; height:54px; background-image:url("../../static/images/veryxiao/solutions/planAxb5.png"); background-position:-92px -43px } .layui-esen-icon-solutions-1099-4 { width:46px; height:54px; background-image:url("../../static/images/veryxiao/solutions/planAxb5.png"); background-position:-138px -43px } .layui-esen-icon-solutions-1100-1 { width:54px; height:50px; background-image:url("../../static/images/veryxiao/solutions/planAxb5.png"); background-position:0 -97px } .layui-esen-icon-solutions-1100-2 { width:54px; height:50px; background-image:url("../../static/images/veryxiao/solutions/planAxb5.png"); background-position:-55px -97px } .layui-esen-icon-solutions-1100-3 { width:54px; height:50px; background-image:url("../../static/images/veryxiao/solutions/planAxb5.png"); background-position:-110px -97px } .layui-esen-icon-solutions-1100-4 { width:56px; height:50px; background-image:url("../../static/images/veryxiao/solutions/planAxb5.png"); background-position:-165px -97px } .layui-esen-icon-solutions-1133-1 { width:50px; height:48px; background-image:url("../../static/images/veryxiao/solutions/fangAxb27.png") } .layui-esen-icon-solutions-1133-2 { width:52px; height:48px; background-image:url("../../static/images/veryxiao/solutions/fangAxb27.png"); background-position:-51px 0 } .layui-esen-icon-solutions-1133-3 { width:50px; height:48px; background-image:url("../../static/images/veryxiao/solutions/fangAxb27.png"); background-position:-102px 0 } .layui-esen-icon-solutions-1133-4 { width:48px; height:48px; background-image:url("../../static/images/veryxiao/solutions/planAxb27.png") } .layui-esen-icon-solutions-1133-5 { width:48px; height:48px; background-image:url("../../static/images/veryxiao/solutions/planAxb27.png"); background-position:-48px 0 } .layui-esen-icon-solutions-1133-6 { width:48px; height:48px; background-image:url("../../static/images/veryxiao/solutions/planAxb27.png"); background-position:-96px 0 } .layui-esen-icon-solutions-1133-7 { width:48px; height:48px; background-image:url("../../static/images/veryxiao/solutions/planAxb27.png"); background-position:-144px 0 } .layui-esen-icon-solutions-1146-1 { width:52px; height:48px; background-image:url("../../static/images/veryxiao/solutions/fangAxb27.png"); background-position:0 -48px } .layui-esen-icon-solutions-1146-2 { width:50px; height:48px; background-image:url("../../static/images/veryxiao/solutions/fangAxb27.png"); background-position:-102px -48px } .layui-esen-icon-solutions-1146-3 { width:50px; height:48px; background-image:url("../../static/images/veryxiao/solutions/fangAxb27.png") } .layui-esen-icon-solutions-1146-4 { width:48px; height:48px; background-image:url("../../static/images/veryxiao/solutions/planAxb27.png"); background-position:0 -48px } .layui-esen-icon-solutions-1146-5 { width:48px; height:48px; background-image:url("../../static/images/veryxiao/solutions/planAxb27.png"); background-position:-48px -48px } .layui-esen-icon-solutions-1146-6 { width:48px; height:48px; background-image:url("../../static/images/veryxiao/solutions/planAxb27.png"); background-position:-96px -48px } .layui-esen-icon-solutions-1146-7 { width:48px; height:48px; background-image:url("../../static/images/veryxiao/solutions/planAxb27.png"); background-position:-144px -48px } .layui-esen-icon-solutions-1146-8 { width:48px; height:48px; background-image:url("../../static/images/veryxiao/solutions/planAxb27.png"); background-position:-192px -48px } .layui-esen-icon-solutions-1147-1 { width:52px; height:48px; background-image:url("../../static/images/veryxiao/solutions/fangAxb27.png"); background-position:0 -96px } .layui-esen-icon-solutions-1147-2 { width:52px; height:48px; background-image:url("../../static/images/veryxiao/solutions/fangAxb27.png"); background-position:-51px -96px } .layui-esen-icon-solutions-1147-3 { width:52px; height:48px; background-image:url("../../static/images/veryxiao/solutions/fangAxb27.png"); background-position:-102px -96px } .layui-esen-icon-solutions-1147-4 { width:52px; height:48px; background-image:url("../../static/images/veryxiao/solutions/fangAxb27.png"); background-position:-153px -96px } .layui-esen-icon-solutions-1147-5 { width:52px; height:48px; background-image:url("../../static/images/veryxiao/solutions/fangAxb27.png"); background-position:-204px -96px } .layui-esen-icon-solutions-1147-6 { width:42px; height:38px; background-image:url("../../static/images/veryxiao/solutions/planAxb27.png"); background-position:-3px -101px } .layui-esen-icon-solutions-1147-7 { width:48px; height:42px; background-image:url("../../static/images/veryxiao/solutions/planAxb27.png"); background-position:-48px -100px } .layui-esen-icon-solutions-1147-8 { width:48px; height:48px; background-image:url("../../static/images/veryxiao/solutions/planAxb27.png"); background-position:-96px -96px } .layui-esen-icon-solutions-1147-9 { width:40px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planAxb27.png"); background-position:-148px -97px } .layui-esen-icon-solutions-1147-10 { width:48px; height:48px; background-image:url("../../static/images/veryxiao/solutions/planAxb27.png"); background-position:-192px -96px } .layui-esen-icon-solutions-1147-11 { width:42px; height:40px; background-image:url("../../static/images/veryxiao/solutions/planAxb27.png"); background-position:-195px -5px } .layui-esen-icon-solutions-1335-1 { width:50px; height:50px; background-image:url("../../static/images/veryxiao/solutions/planAxb30.png") } .layui-esen-icon-solutions-1335-2 { width:50px; height:50px; background-image:url("../../static/images/veryxiao/solutions/planAxb30.png"); background-position:-50px 0 } .layui-esen-icon-solutions-1335-3 { width:50px; height:50px; background-image:url("../../static/images/veryxiao/solutions/planAxb30.png"); background-position:-100px 0 } .layui-esen-icon-solutions-1982-1 { width:46px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planxb1.png"); background-position:0 -90px } .layui-esen-icon-solutions-1982-2 { width:46px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planxb1.png"); background-position:-46px -90px } .layui-esen-icon-solutions-1982-3 { width:46px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planxb1.png"); background-position:-92px -90px } .layui-esen-icon-solutions-1982-4 { width:46px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planxb1.png"); background-position:-138px -90px } .layui-esen-icon-solutions-1982-5 { width:46px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planxb1.png"); background-position:-184px -90px } .layui-esen-icon-solutions-1982-6 { width:50px; height:50px; background-image:url("../../static/images/veryxiao/solutions/planxb1.png") } .layui-esen-icon-solutions-1982-7 { width:50px; height:50px; background-image:url("../../static/images/veryxiao/solutions/planxb1.png"); background-position:-50px 0 } .layui-esen-icon-solutions-1982-8 { width:50px; height:50px; background-image:url("../../static/images/veryxiao/solutions/planxb1.png"); background-position:-100px 0 } .layui-esen-icon-solutions-1982-9 { width:40px; height:40px; background-image:url("../../static/images/veryxiao/solutions/planxb1.png"); background-position:0 -50px } .layui-esen-icon-solutions-1982-10 { width:40px; height:40px; background-image:url("../../static/images/veryxiao/solutions/planxb1.png"); background-position:-40px -50px } .layui-esen-icon-solutions-1982-11 { width:40px; height:40px; background-image:url("../../static/images/veryxiao/solutions/planxb1.png"); background-position:-80px -50px } .layui-esen-icon-solutions-1982-12 { width:40px; height:40px; background-image:url("../../static/images/veryxiao/solutions/planxb1.png"); background-position:-120px -50px } .layui-esen-icon-solutions-1982-13 { width:40px; height:40px; background-image:url("../../static/images/veryxiao/solutions/planxb1.png"); background-position:-160px -50px } .layui-esen-icon-solutions-1982-14 { width:40px; height:40px; background-image:url("../../static/images/veryxiao/solutions/planxb1.png"); background-position:-200px -50px } .layui-esen-icon-solutions-3286-1 { width:46px; height:46px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-129px -63px } .layui-esen-icon-solutions-3286-2 { width:40px; height:40px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-336px -155px } .layui-esen-icon-solutions-3286-3 { width:36px; height:36px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-147px -386px } .layui-esen-icon-solutions-3286-4 { width:38px; height:40px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-386px -5px } .layui-esen-icon-solutions-3290-1 { width:42px; height:38px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-56px -288px } .layui-esen-icon-solutions-3290-2 { width:38px; height:36px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-53px -386px } .layui-esen-icon-solutions-3290-3 { width:42px; height:42px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-56px -237px } .layui-esen-icon-solutions-3290-4 { width:38px; height:38px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-198px -336px } .layui-esen-icon-solutions-3290-5 { width:34px; height:42px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-386px -55px } .layui-esen-icon-solutions-3290-6 { width:36px; height:36px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-192px -386px } .layui-esen-icon-solutions-3290-7 { width:42px; height:38px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-5px -288px } .layui-esen-icon-solutions-3290-8 { width:36px; height:36px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-101px -386px } .layui-esen-icon-solutions-3290-9 { width:38px; height:38px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-5px -386px } .layui-esen-icon-solutions-3290-10 { width:38px; height:40px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-5px -336px } .layui-esen-icon-solutions-3400-1 { width:48px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planAxb2.png"); background-position:0 -135px } .layui-esen-icon-solutions-3400-2 { width:48px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planAxb2.png"); background-position:-48px -135px } .layui-esen-icon-solutions-3400-3 { width:48px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planAxb2.png"); background-position:-96px -135px } .layui-esen-icon-solutions-3400-4 { width:48px; height:46px; background-image:url("../../static/images/veryxiao/solutions/planAxb2.png"); background-position:-144px -135px } .layui-esen-icon-solutions-3400-5 { width:48px; height:48px; background-image:url("../../static/images/veryxiao/solutions/planAxb27.png"); background-position:0 -48px } .layui-esen-icon-solutions-3400-6 { width:48px; height:48px; background-image:url("../../static/images/veryxiao/solutions/planAxb27.png"); background-position:-48px -48px } .layui-esen-icon-solutions-3574-2 { width:34px; height:40px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-386px -156px } .layui-esen-icon-solutions-3574-3 { width:40px; height:40px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-336px -55px } .layui-esen-icon-solutions-3574-5 { width:38px; height:40px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-101px -336px } .layui-esen-icon-solutions-3574-6 { width:42px; height:42px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-107px -237px } .layui-esen-icon-solutions-3577-1 { width:40px; height:40px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-336px -5px } .layui-esen-icon-solutions-3577-2 { width:34px; height:40px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-292px -125px } .layui-esen-icon-solutions-3577-3 { width:44px; height:40px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-111px -184px } .layui-esen-icon-solutions-3580-2 { width:34px; height:36px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-292px -175px } .layui-esen-icon-solutions-3580-3 { width:40px; height:40px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-158px -237px } .layui-esen-icon-solutions-3581-1 { width:40px; height:40px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-208px -237px } .layui-esen-icon-solutions-3581-2 { width:42px; height:42px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-5px -237px } .layui-esen-icon-solutions-3581-3 { width:38px; height:40px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-53px -336px } .layui-esen-icon-solutions-3582-1 { width:40px; height:40px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-336px -204px } .layui-esen-icon-solutions-3582-2 { width:42px; height:42px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-122px -129px } .layui-esen-icon-solutions-3582-3 { width:43px; height:34px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-160px -288px } .layui-esen-icon-solutions-3582-4 { width:36px; height:38px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-386px -306px } .layui-esen-icon-solutions-3584-1 { width:44px; height:40px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-238px -5px } .layui-esen-icon-solutions-3584-2 { width:34px; height:40px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-386px -256px } .layui-esen-icon-solutions-3584-3 { width:46px; height:40px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-165px -184px } .layui-esen-icon-solutions-3584-4 { width:40px; height:40px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-336px -105px } .layui-esen-icon-solutions-3585-1 { width:40px; height:38px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-246px -336px } .layui-esen-icon-solutions-3585-2 { width:32px; height:36px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-433px -5px } .layui-esen-icon-solutions-3585-3 { width:40px; height:36px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-295px -336px } .layui-esen-icon-solutions-3585-4 { width:40px; height:38px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-149px -336px } .layui-esen-icon-solutions-3587-1 { width:44px; height:34px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-107px -288px } .layui-esen-icon-solutions-3587-2 { width:34px; height:40px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-386px -206px } .layui-esen-icon-solutions-3587-3 { width:46px; height:42px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-66px -129px } .layui-esen-icon-solutions-3587-4 { width:42px; height:48px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-187px -5px } .layui-esen-icon-solutions-15962-1 { width:48px; height:50px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-5px -67px } .layui-esen-icon-solutions-15962-2 { width:48px; height:48px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-129px -5px } .layui-esen-icon-solutions-15962-3 { width:52px; height:52px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-5px -5px } .layui-esen-icon-solutions-15962-4 { width:54px; height:52px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-67px -5px } .layui-esen-icon-solutions-15962-5 { width:44px; height:44px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-58px -184px } .layui-esen-icon-solutions-15962-6 { width:44px; height:44px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-5px -184px } .layui-esen-icon-solutions-15962-7 { width:54px; height:48px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-63px -66px } .layui-esen-icon-solutions-15962-8 { width:50px; height:44px; background-image:url("../../static/images/veryxiao/solutions/icon-show.png"); background-position:-5px -129px } .planKm .content-2 { display:flex; align-items:stretch; justify-content:space-between; margin:20px 10px 0 10px } .planKm .content-2 dl { background:#fff; width:48%; box-shadow:5px 5px 15px -1px rgba(208,208,208,.2); margin-bottom:30px; position:relative; text-align:left } .planKm .content-2 dl dt { background-color:#585efb; background-image:url(../../static/images/veryxiao/solutions/content-3574.png); background-repeat:no-repeat; background-position:right; line-height:47px; color:#fff; font-size:16px; font-weight:1000; margin-bottom:18px; padding-left:25px } .planKm .content-2 dl dd { margin:0 23px 20px 24px } .planKm .content-2 dl dd ul { margin-bottom:65px } .planKm .content-2 dl dd ul li { list-style-type:disc; margin:10px 15px; color:#444 } .planKm .content-2 dl dd ul li p { color:#666; line-height:24px } .planKm .content-2 dl dd ul li p strong { color:#333 } .planKm .content-2 dl dd a { font-weight:bold; color:#596efb; position:absolute; bottom:25px } .planKm .content-2 dl dd a:hover { text-decoration:none } .planKm .content-2 dl dd a:after { content:'>'; width:100%; height:100%; top:0; left:0; margin-left:10px } @media screen and (min-width:835px) { .page-banner-general .page-banner-main .ban-title { padding:0 50% 0 0; width:50%; text-align:left } .page-banner-general .page-banner-main .ban-title .btn-title { height:40px; text-align:left; margin-left:-8px } .page-banner-general .page-banner-main .ban-title .btn-title a { height:38px; line-height:38px; font-size:16px } .page-ban-nav { height:50px; background:rgba(255,255,255,.15); border:0; filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000) } .page-ban-nav .aiming-point-nav { float:none; /*! width:100%; */text-align:center } .page-ban-nav .aiming-point-nav .snav-tit { text-align:center; font-size:0; width:100%; height:49px } .page-ban-nav .title-nav { display:inline-block; vertical-align:middle; margin:0 22px; padding:0 14px; float:none; font-size:16px } .page-ban-nav .title-nav:before { height:2px } .page-banner-general .page-ban-nav .title-nav { color:#333 } .page-banner-general .page-ban-nav .title-nav:hover { color:#596efb } .page-banner-general .page-ban-nav .title-nav:before { background:#596efb } .page-ban-nav .title-nav:first-child { margin-left:0 } .page-ban-nav .title-nav:last-child { margin-right:0 } .page-ban-nav.fixed .logo { margin-right:20px } .page-ban-nav.fixed .aiming-point-nav { float:left; /*! width:calc(100% - 253px) */ } .page-ban-nav.fixed .title-nav { padding:0 6px; margin:0 14px } .page-banner-general .page-ban-nav.fixed .title-nav { color:#fff } .page-banner-general .page-ban-nav.fixed .title-nav:before { background:#fff } .page-ban-nav .ban-btn a.btn-href1 { font-size:16px } .layui-tab2 .layui-tab-title2 li { margin:0 56px } p.center { text-align:center !important } .solutions-value1 { padding:60px 0 66px } .small-plate005 .layui-tab-title li { padding:0; width:calc(14.2% - 4px) } .small-plate005 .layui-tab-title li:last-child { margin:0 } .plan3584 .layui-esen-content .planKm2 .small-plate3 { width:calc(100% - 50px); padding:30px 25px } .small-plate17 { padding-top:5px } .small-plate17 .layui-tab { background:#fff; border:1px solid #dbe0e5; height:auto; overflow:hidden; text-align:left; padding:30px 0 36px } .small-plate17 .layui-tab .layui-tab-title { float:left; width:19%; height:auto; overflow:hidden } .small-plate17 .layui-tab .layui-tab-title li { display:block; height:44px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:44px; font-size:14px; color:#333; text-align:left; padding-left:20px; border-right:1px solid #dbe0e5; margin:0 } .small-plate17 .layui-tab .layui-tab-title li.layui-this { background:#eff1ff; border-right:2px solid #5e73ff; cursor:pointer } .small-plate17 .layui-tab .layui-tab-content { margin:0 5% 0 24%; height:auto; overflow:hidden } .small-plate17 .layui-tab-content .layui-tab-item { box-shadow:none; margin:0 } .small-plate18 .layui-tab-content .layui-tab-item { box-shadow:none; background:#fff; margin:0; height:100%; overflow:hidden; padding:40px 0; min-height:318px } .small-plate18 .layui-tab-content .layui-tab-item .left-text { float:left; width:44%; margin-left:4% } .small-plate18 .layui-tab-content .layui-tab-item .swiper { float:right; width:44%; margin-right:4% } .small-plate19 .layui-tab .layui-tab-title, .small-plate19 .layui-tab .layui-tab-content { float:left; width:17.8%; height:auto; overflow:hidden } .small-plate19 .layui-tab .layui-tab-title li { display:block; padding:16px 5px; border-right:1px solid #dfe6f0; line-height:26px; font-size:14px; color:#333; text-align:center; background:#f2f5ff; margin:0; position:relative } .small-plate19 .layui-tab .layui-tab-title li:hover { background:rgba(255,255,255,.6) !important } .small-plate19 .layui-tab .layui-tab-title li.layui-this { border-right:1px solid #fff; background:#fff; color:#00c2e0 } .small-plate19 .layui-tab .layui-tab-title li.layui-this:before { content:''; position:absolute; left:0; top:0; width:3px; height:100%; background:linear-gradient(0,#71c1ff 0,#46e8f3 100%) } .small-plate19 .layui-tab .layui-tab-content { width:82.2% } .small-plate20 .text { position:absolute; z-index:2 } .small-plate20 .text1 { left:0; top:52px } .small-plate20 .text2 { left:54px; top:210px; width:242px } .small-plate20 .text3 { left:50%; margin-left:-181px; width:362px; bottom:0 } .small-plate20 .text4 { right:0; top:210px; width:280px } .small-plate20 .text5 { right:0; top:52px; width:246px } .small-plate20 .text1 h6, .small-plate20 .text2 h6 { text-align:right } .small-plate20 .text3 h6 { text-align:center } .layui-esen-content .pain-spot.pain-spot-6 dl:nth-child(n+4) { margin-top:25px } } @media screen and (min-width:835px) and (max-width:1519px) { .page-banner-main h1 { font-size:30px; line-height:42px } .classification.fixed { margin-left:-570px } .catalogue-tit.fixed .classification .folding-panel { max-height:calc(100vh - 144px) } .small-plate05 .layui-tab-title li { padding:0 8px } .solutions-demo .main1 .href { padding-left:62px } } @media screen and (max-width:834px) { section { padding:40px 0 } .big-title h2 { line-height:32px; font-size:22px } .big-title .line { margin:10px auto } .layui-tab-title .layui-tab-bar { display:none } .page-banner { height:430px; background-color:var(--whiteColor) } .page-banner-bg { margin-top:53px; background-position:68% center; background-size:auto 430px } .page-banner-main { padding-top:0; height:100% } .page-banner-main .ban-title.text-center { padding:0 6% } .page-banner-main h1 { font-size:22px; line-height:34px } .page-banner-main p { max-height:150px; line-height:25px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6 } .page-banner-general .page-banner-bg { height:calc(100% - 53px); background-size:100%; background-color:#ebefff; background-position:68% -20px } .plan3574 .page-banner-general .page-banner-bg { background-color:#e4e9ff; background-position:68% -46px } .plan3577 .page-banner-general .page-banner-bg { background-color:#e8e9fe; background-position:68% -15px } .plan3580 .page-banner-general .page-banner-bg { background-position:68% -30px; background-color:#e8eaff } .plan3581 .page-banner-general .page-banner-bg { background-position:68% -15px; background-color:#e5e7fe } .plan3582 .page-banner-general .page-banner-bg { background-position:68% -22px } .plan3584 .page-banner-general .page-banner-bg { background-position:68% -10px; background-color:#dbe5fe } .plan3585 .page-banner-general .page-banner-bg { background-position:68% -50px; background-color:#e4e6ff } .plan3587 .page-banner-general .page-banner-bg { background-position:68% -45px } .page-banner-general .page-banner-main { top:auto; bottom:71px; height:auto } .page-banner-general .page-banner-main .ban-title h1 { line-height:32px; font-size:24px } .page-banner-general .page-banner-main .ban-title p { line-height:20px; color:#24293a; margin-top:7px } .page-banner-general .page-banner-main .btn-title { height:39px; margin:16px auto 0 } .page-banner-general .page-banner-main .btn-title a { width:149px; height:39px; line-height:39px; font-size:16px; margin:0 8px } .page-ban-nav .aiming-point-nav .snav-tit { margin-right:62px } .page-ban-nav.fixed .title-nav:first-child { margin-left:0 } .layui-esen-content { padding:40px 0 } .layui-esen-content .max-width-1200 { padding:0 25px } .solutions-summary { padding-top:0 } .solutions-overviews, .solutions-overviews .max-width-1200 { padding:0 } .solutions-overviews { z-index:100; background:none !important } .solutions-overviews-general { background-color:#f2f6ff !important } .layui-esen-content.double:nth-child(3) { padding-top:0 !important } .catalogue-tit { width:100%; height:51px; overflow:hidden; position:relative; z-index:10 } .catalogue-tit .btn-catalogue { float:left; width:50px; height:50px; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; background-color:rgba(255,255,255,.65); position:relative } .catalogue-tit .btn-catalogue:before { content:''; width:100%; height:100%; background-image:url(../../static/images/veryxiao/solutions/doc-nav.svg); background-position:center; background-size:60%; background-repeat:no-repeat; position:absolute; top:0; left:0; transition:transform .3s ease-in-out; -webkit-transition:transform .3s ease-in-out } .catalogue-tit.active { background-color:var(--whiteColor) } .catalogue-tit.active .btn-catalogue:before { transform:rotate(90deg); -webkit-transform:rotate(90deg) } .catalogue-tit.active .btn-catalogue:after { content:''; margin-left:-6px; width:12px; height:12px; background-color:#f7fbfe; border-top:1px solid #eaeaea; border-left:1px solid #eaeaea; position:absolute; bottom:-7px; left:50%; transform:rotate(45deg); -webkit-transform:rotate(45deg) } .catalogue-tit p { margin-left:50px; line-height:50px; font-size:16px; color:#666; text-align:center; padding:0 15px } .catalogue-tit.fixed { position:fixed; top:50px; left:0; z-index:101; border-bottom:0 } .catalogue-tit.fixed .btn-catalogue { z-index:3; border:0; background-color:rgba(0,0,0,.82) } .catalogue-tit.fixed .btn-catalogue:before { background-image:url(../../static/images/veryxiao/solutions/doc-nav-white.svg) } .catalogue-tit.fixed p, .classification, .classification .title { display:none } .classification .title { padding:0 } .classification.active { display:block; width:100%; top:50px } .classification.fixed.active { top:100px !important; left:0; margin-left:0 } .classification .folding-panel { max-height:calc(100vh - 156px) } .solutions-overviews .big-title { padding:0 25px } .small-title1 { padding:0 25px } .even-share, .even-share0, .even-share1, .even-share01, .even-share2 { width:100% } .layui-esen-content .pain-spot { flex-wrap:wrap; margin:15px auto 0 } .layui-esen-content .pain-spot dl { margin:7px 0 } .layui-esen-content .pain-spot.pain-spot-3 dl, .layui-esen-content .pain-spot.pain-spot-2 dl { width:calc(100% - 2px); margin-bottom:15px } .layui-esen-content .pain-spot.pain-spot-4 dl { width:46.5% } .layui-esen-content .pain-spot.pain-spot-6 dl { width:46.5% } .layui-esen-content .content { flex-wrap:wrap } .layui-esen-content .content dl { width:100%; margin-bottom:25px } .layui-esen-content .content dl:last-child { margin-bottom:0 } .layui-esen-content .content dl dt { padding:0; text-align:center; background-size:100%; line-height:44px } .layui-esen-content .content dl dd { margin-left:20px; margin-right:20px } .layui-esen-content .content dl dd p { line-height:26px; min-height:auto; margin-bottom:0 } .layui-esen-content .value01 ul { flex-wrap:wrap; margin:0 } .layui-esen-content .value01 ul li { margin:12px 0; width:100%; flex:none } .layui-esen-content .planKm2 .application-products { margin:0 -10px } .layui-esen-content .planKm2 .application-products .products { display:block } .layui-esen-content .planKm2 .application-products .products>div { width:calc(100% - 46px); margin-bottom:15px } .layui-esen-content .planKm2 .application-products .products>div div:nth-child(3) a { left:77% } .planKm .content-2 { display:block; margin-left:0; margin-right:0 } .planKm .content-2 dl { width:100%; margin-bottom:20px } .planKm .content-2 dl dd ul { margin-bottom:0 } .planKm .content-2 dl dd { padding-bottom:50px } .small-plate1, .imageAndtext { display:block; margin:30px 0 10px } .small-plate1 .left-img, .imageAndtext .layui-row:nth-child(1) { width:100%; float:none } .small-plate1 .right-title, .imageAndtext .layui-row:nth-child(2) { position:inherit; top:auto; right:auto; width:100% } .imageAndtext .layui-row:nth-child(2) { margin-left:0 } .small-plate1 .right-title p, .imageAndtext .layui-row p { margin-top:20px; position:inherit; top:auto; right:auto; left:auto; transform:none; -webkit-transform:none } .small-plate1.text-height .left-img img, .imageAndtext.text-height .layui-row img { position:relative; top:auto; left:auto; transform:none; -webkit-transform:none } .solutions-content .even-share1 { width:100% } .small-plate2 li .top-img { height:80px; overflow:hidden } .small-plate2 li .top-img img { position:absolute; top:50%; transform:translateY(-50%) } .small-plate2 li .top-img:before { z-index:2 } .small-plate2 li .top-img p { z-index:3 } .small-plate3 { margin:15px 0 } .small-plate4 { margin:25px auto 0 } .small-plate4 ul { margin:0 auto } .small-plate4 li { border:1px solid #dbe0e5 !important } .small-plate4 li h6 { margin-top:20px } .small-plate04 li { padding:30px } .small-plate4 li .icon, .small-plate04 li .icon { margin-bottom:20px } .small-plate02, .small-plate6, .small-plate7, .small-plate8 { margin:15px -20px 0 } .small-plate8.small-plate08 { margin-left:0; margin-right:0 } .small-plate7 ul li .img-right, .small-plate8 ul li .left-img { padding-top:20px; width:100%; height:auto; position:inherit; top:auto; left:auto; transform:none; -webkit-transform:none } .small-plate8 ul li .left-img img { width:90%; margin:0 auto 20px } .small-plate5 ul li { padding-left:20px } .small-plate05 .title { padding:25px } .small-plate05 .layui-tab-title li { width:auto; padding:0 6px } .small-plate05 .layui-tab[overflow]>.layui-tab-title { width:100%; overflow-x:auto } .small-plate05 .layui-tab-content .layui-tab-item { width:calc(100% - 42px) } .small-plate6 ul .subelement { padding:10px; box-shadow:0 7px 16px rgba(21,132,226,.08) } .small-plate8 .even-share0 .subelement, .small-plate8 .even-share0 .subelement:first-child, .small-plate08 .even-share0 .subelement:last-child { width:100% } .small-plate9 { padding:0 25px } .small-plate10 .move { margin:0 auto } .small-plate10 .title .wz { position:inherit; left:auto; top:auto; width:100%; text-align:left; margin:15px auto 0 } .small-plate10 .title .wz h6 { padding-left:18px; position:relative } .small-plate10 .title .wz h6:before { content:''; position:absolute; left:0; top:12px; width:5px; height:5px; background-color:var(--domColor); border-radius:50% } .small-plate11 .even-share0 { width:calc(100% - 40px) } .small-plate11 .even-share0 .subelement { margin:0 5px; width:calc(100% - 10px) } .small-plate12 .layui-tab1 .layui-tab-title1 { float:none; width:100%; height:42px; overflow-x:auto !important; overflow-y:hidden; border-right:1px solid rgba(77,144,255,.2) } .small-plate12 .layui-tab1 .layui-tab-title1 li { display:inline-block; width:auto; padding:7px 10px; border:1px solid rgba(77,144,255,.2); border-right:0 } .small-plate12 .layui-tab1 .layui-tab-title1 li.layui-this { border-left:1px solid #10d2f8 } .small-plate12 .layui-tab1 .layui-tab-title1 li .icon, .small-plate12 .layui-tab1 .layui-tab-title1 li.layui-this .icon { display:none } .small-plate12 .layui-tab1 .layui-tab-content1 { margin:0 } .small-plate12 .layui-tab1 .layui-tab-content1 .layui-tab-item { width:calc(100% - 50px); padding:15px 25px 25px } .small-plate12 .layui-tab1 .title-left { position:inherit; left:auto; top:auto; width:100% } .small-plate12 .layui-tab1 .title-left .text { width:100%; position:inherit; top:auto; left:auto; transform:none; -webkit-transform:none } .small-plate12 .layui-tab1 .img img { max-width:100%; height:auto } .small-plate12 .layui-tab1 .img-right img { float:none; margin-right:0 } .small-plate12 .layui-tab1 .img-right1 { margin-top:0 } .small-plate12 .layui-tab2 .layui-tab-title2 li::before { content:''; width:100%; height:2px; background-color:var(--domColor); position:absolute; bottom:0; left:0; transform:scale(0); transition:all .3s ease-in-out; -webkit-transform:scale(0); -webkit-transition:all .3s ease-in-out } .small-plate12 .layui-tab2 .layui-tab-title2 li.layui-this::before { transform:scale(1); -webkit-transform:scale(1) } .small-plate12 .layui-tab2 { margin:0 0 25px } .small-plate12 .layui-tab2 .layui-tab-content2 { padding:0 0 20px } .small-plate17 .layui-tab-title, .small-plate18 .layui-tab-title { margin:0 0 0 -10px; overflow-x:auto !important } .small-plate17 .layui-tab .layui-tab-title li { margin:0 8px } .small-plate17 .layui-tab .layui-tab-item, .small-plate18 .layui-tab .layui-tab-item { margin:20px auto 0; padding:20px 25px; width:calc(100% - 50px); background-color:var(--whiteColor); box-shadow:0 1px 20px rgba(194,215,236,.5); position:relative } .small-plate17 .layui-tab-content .layui-tab-item h6 { line-height:30px; font-size:18px } .small-plate18 .layui-tab .layui-tab-title { margin:0 } .small-plate18 .layui-tab .layui-tab-title li { padding:0 10px; width:auto } .small-plate18 .layui-tab .layui-tab-item { margin:0 auto; padding:25px } .small-plate18 .layui-tab-content .layui-tab-item .swiper .swiper-slide { height:218px } .small-plate19 .layui-tab .layui-tab-title { width:100%; height:44px; overflow-x:auto !important; border-left:1px solid #dfe6f0 } .small-plate19 .layui-tab .layui-tab-title li { background:#f2f5ff; border:1px solid #dfe6f0; border-left:0; padding:0 12px; margin:0 } .small-plate19 .layui-tab .layui-tab-title li.layui-this { background:#fff; border-bottom:1px solid #fff; color:#00c2e0 } .small-plate19 .layui-tab .layui-tab-item { padding:20px 0 25px 5px; margin-right:-3px } .small-plate19 .layui-tab .layui-tab-item h3 { font-size:18px; margin-bottom:6px } .small-plate19 .layui-tab .layui-tab-item .tu { padding-top:15px } .small-plate19 .layui-tab .layui-tab-item .title-img .text { float:none; width:100%; padding-right:0; margin-bottom:10px } .small-plate19 .layui-tab .layui-tab-item .title-img .text h5 { line-height:28px; font-size:16px; margin-bottom:4px } .small-plate20 { padding-top:315px; height:100%; margin-top:20px } .small-plate20 .center-img { margin-left:0; transform:translateX(-50%) scale(.9); transform-origin:center } .small-plate20 .text { text-align:left; width:100%; padding-bottom:24px; border-bottom:1px solid #eff1fd; margin-bottom:20px } .small-plate20 .text:last-child { border-bottom:0; padding-bottom:0; margin-bottom:10px } .solutions-demo .max-width-1200 { padding:0 } .solutions-demo .main1 { background-size:100%; background-position:center top; padding:5px 0 20px; margin:14px auto 0 } .solutions-demo .main1 .href { width:65%; height:auto; margin:0 auto } .solutions-demo .main1 .href img { width:100%; height:auto } .tab-img { margin:20px auto 10px } .tab-img .con .con-title { padding:25px 20px 25px 25px } .tab-img .tabCons { height:355px } .tab-img .con .img { position:relative; left:auto; top:auto; width:auto; height:60px } .tab-img .con .img img { max-width:50%; max-height:60px; left:auto; transform:translateY(-50%); -webkit-transform:translateY(-50%) } .tab-img .con .title { margin-left:0; padding-left:0; border:0; padding-top:20px } .tab-img .con .title p { margin-top:8px; max-height:144px; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6 } .tab-img .tabMenus { padding-top:10px } .tab-img .tabMenus li { width:20%; margin:10px } .tab-img .tabMenus li:before { bottom:-10px } .tab-img .tabMenus li, .tab-img .tabMenus li .img { height:42px } .tab-img .tabMenus li b { line-height:42px } .solutions-products { padding:50px 0; background-position:left top } .solutions-products .title-main { margin-top:5px } .solutions-products ul { width:calc(100% + 22px); margin:0 -11px } .solutions-products ul .subelement { width:calc(100% - 22px); margin:15px 11px } .solutions-products ul .subelement .title-text { margin:10px 11px; padding:16px 22px 30px 28px } .solutions-products ul li p { height:auto } .cooperative_customers { padding:50px 0 35px } .cooperative_customers ul li { width:calc(100% - 36px); margin-bottom:25px } .yban-common { height:138px; background-size:cover } .yban-common .max-width-1200 { width:96% } .yban-common h3, .yban-common h6 { font-size:17px; letter-spacing:.5px } .layui-esen-content .planKm2 .small-plate3 { margin:30px 0 25px } } .journal .max-width-1200 { padding:55px 0 48px } .journal .right-cord { position:absolute; right:0; top:-147px; width:260px; height:auto; overflow:hidden; text-align:center; color:#000; letter-spacing:1px; padding:29px 0 46px; background-color:#fff; border-radius:5px; box-shadow:0 0 8px 0 rgba(55,99,170,.1) } .journal .right-cord h6 { font-size:24px; line-height:34px; margin-bottom:22px } .journal .right-cord img { display:block; width:auto; height:138px; margin:0 auto 3px } .journal .right-cord .img2 img { height:132px; margin-top:20px } .journal .right-cord p { font-size:14px; line-height:24px } .journal .right-cord.fixed { position:fixed; top:70px; left:50%; margin-left:340px } .journal .title1 { line-height:38px; text-align:left; font-size:24px; color:#000; letter-spacing:1px } .journal .list-text { padding:5px 0 46px; margin:0 -15px } .journal .list-text ul { width:75.2%; height:auto; overflow:hidden; font-size:0; text-align:left; margin-left:25% } .journal .list-text ul li { display:inline-block; vertical-align:top; width:calc(50% - 50px); height:auto; overflow:hidden; text-align:center; letter-spacing:1px; padding:10px 10px 0; background-color:#fff; border-radius:5px; box-shadow:0 0 8px 0 rgba(55,99,170,.1); margin:15px } .journal .list-text ul li a, .journal .list-text ul li .btn-cords { display:block; width:100%; height:100%; cursor:pointer } .journal .list-text ul li .img { width:100%; height:230px; padding:11px 0 13px; background-color:#f2f6ff; border-radius:5px; position:relative } .journal .list-text ul li .img img { display:block; width:auto; height:100%; margin:0 auto } .journal .list-text ul li p { height:52px; line-height:52px; color:#000; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis } .journal.layui-esen-content { padding-top:8px; background-color:#fff } .journal.layui-esen-content .max-width-1200 { padding-top:0 } .journal.layui-esen-content .classified-navigation { width:100% } .journal.layui-esen-content .content { width:100%; display:flex; justify-content:space-between; margin-top:35px } .journal.layui-esen-content .layui-esen-content-left { width:calc(100% - 325px); text-align:justify } .journal.layui-esen-content .layui-esen-content-left h2 { margin:0 0 10px; line-height:30px; font-size:18px; position:relative; padding-left:15px; font-weight:600; color:#000 } .journal.layui-esen-content .layui-esen-content-left h2::before { content:''; position:absolute; left:0; top:7px; width:3px; height:16px; background:linear-gradient(180deg,#04abff 0,#4f75fb 100%); background-color:#4f75fb; border-radius:1px } .journal.layui-esen-content .layui-esen-content-left p { letter-spacing:.5px; font-size:14px; line-height:28px; margin:0 0 25px } .journal.layui-esen-content .layui-esen-content-left a { color:#596efb } .journal.layui-esen-content .layui-esen-content-left img { max-width:100%; height:auto } .journal.layui-esen-content .layui-esen-content-left h2:first-child { display:inline-block; margin:0 0 0 20px; line-height:30px; padding:0 5px; background:#fff } .journal.layui-esen-content .layui-esen-content-left h2:first-child::before { display:none } .journal.layui-esen-content .layui-esen-content-left p { color:#333 } .journal.layui-esen-content .layui-esen-content-left p:nth-child(2) { color:#555; padding:25px; border:1px dashed #d3d9e1; margin:-12px 0 45px } .journal.layui-esen-content .layui-esen-content-left img { box-shadow:0 1px 20px rgba(194,215,236,.5) } .journal.layui-esen-content .layui-esen-content-right { width:295px } .journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-recommend, .journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like { margin-top:35px } .journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-recommend .layui-row:nth-child(3) { width:100%; height:105px; box-sizing:border-box; padding:0 1px 1px 1px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; background-image:-webkit-linear-gradient(to right,#a3bcff,#d7f7ff); background-image:-moz-linear-gradient(to right,#a3bcff,#d7f7ff); background-image:linear-gradient(to right,#a3bcff,#d7f7ff) } .journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-recommend .layui-row:nth-child(3) a { display:flex; flex-direction:column; justify-content:space-between; height:calc(100% - 15px); border-bottom-left-radius:10px; border-bottom-right-radius:10px; background:#fff; padding:15px 0 0 15px } .journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-recommend .layui-row:nth-child(3) a:hover { color:#333 } .journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-recommend .layui-row:nth-child(3) a h3 { font-weight:bold } .journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-recommend .layui-row:nth-child(3) a p { color:#888 } .journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-recommend .layui-row:nth-child(3) a span { margin-bottom:15px } .journal.layui-esen-content .layui-esen-content-right .layui-esen-icon { display:block } .journal.layui-esen-content .layui-esen-content-right .layui-esen-icon-arrow::after { content:''; display:block; width:14px; height:11px; background-image:url("../../static/images/veryxiao/journal/arrow.png"); background-repeat:no-repeat } .journal.layui-esen-content .layui-esen-content-right .layui-esen-icon-clock::after { content:''; display:block; width:14px; height:14px; background-image:url("../../static/images/veryxiao/journal/clock.png"); background-repeat:no-repeat } .journal.layui-esen-content .layui-esen-content-right h2 { position:relative; padding-left:15px; color:#000; font-size:20px; font-weight:bold; line-height:20px; margin-bottom:20px } .journal.layui-esen-content .layui-esen-content-right h2::before { content:''; display:block; width:4px; height:20px; background-color:#5a6ffc; position:absolute; top:0; left:0 } .journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like>.layui-row:nth-child(2)>.layui-row { display:flex; justify-content:space-between; margin-bottom:30px } .journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like>.layui-row:nth-child(2)>.layui-row:last-child { margin-bottom:0 } .journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like>.layui-row:nth-child(2)>.layui-row img { max-width:100%; max-height:100%; object-fit:cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%) } .journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like>.layui-row:nth-child(2)>.layui-row .layui-row:nth-child(1) { border:1px solid #eff2f8; position:relative } .journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like>.layui-row:nth-child(2)>.layui-row .layui-row:nth-child(1) a { display:block; width:98px; height:121px } .journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like>.layui-row:nth-child(2)>.layui-row .layui-row:nth-child(2) { margin-left:15px } .journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like>.layui-row:nth-child(2)>.layui-row .layui-row:nth-child(2) a { display:block; max-height:81px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; font-size:18px; line-height:27px; font-weight:bold; cursor:pointer; color:#0a022b; width:180px } .journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like .layui-esen-content-right-guess-like-time, .journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like .layui-esen-content-right-guess-like-tag { line-height:40px } .journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like .layui-esen-content-right-guess-like-tag { margin-top:6px } .journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like .layui-esen-content-right-guess-like-tag span, .journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like .layui-esen-content-right-guess-like-time span { display:inline-block } .journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like .layui-esen-content-right-guess-like-tag span { width:auto; height:26px; line-height:26px; font-size:14px; color:#1c67e9; letter-spacing:1px; border:1px solid #919fff; background-color:#eef0ff; border-radius:4px; padding:0 12px } .journal.layui-esen-content .layui-esen-content-right .layui-esen-content-right-guess-like .layui-esen-content-right-guess-like-time span { margin-right:5px } .journal{min-height: 800px;} @media only screen and (max-width:834px) { .journal .max-width-1200 { padding:40px 0 30px } .journal.layui-esen-content .max-width-1200 { width:100%; padding:0 0 30px } .journal.layui-esen-content { padding-top:0 } .journal .right-cord, .journal .right-cord.fixed { position:relative; right:auto; top:auto; left:auto; margin:0; width:100%; padding:25px 0 30px; margin-bottom:25px } .journal .right-cord h6 { font-size:22px; margin-bottom:12px } .journal .right-cord .img { float:left; width:calc(50% - 28px); margin:0 5px 0 23px } .journal .right-cord .img2 { margin:0 23px 0 5px } .journal .right-cord .img img { height:116px; margin-top:0 } .journal .title1 { font-size:22px } .journal .list-text { padding:0 0 12px; margin:0 -8px } .journal .list-text ul { width:100%; margin:0px; } .journal .list-text ul li { width:calc(50% - 32px); padding:8px 8px 0; margin:10px 8px; letter-spacing:.4px } .journal .list-text ul li .img { height:124px } .journal .list-text ul li p { font-size:14px; height:48px; line-height:48px } }