@charset "utf-8"; /* reset */ html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input,button, textarea, p, blockquote, th, td, hr{margin:0; padding:0;} html{font-size:14px;} body{color:#575657;font:14px/1.5 'NotoSansHans-Regular',Arial, Helvetica,sans-serif; -webkit-overflow-scrolling:touch;min-height: 100vh;} article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary{display:block;} audio, canvas, progress, video{display:inline-block; vertical-align:baseline;} audio:not([controls]){display:none; height:0;} [hidden], template{display:none;} svg:not(:root){overflow:hidden;} a{color:#575657;background:transparent; text-decoration:none; -webkit-tap-highlight-color:transparent;} a:active{outline:0;} a:hover{color:#39bff2;} abbr[title]{border-bottom:1px dotted;} b, strong{font-weight:bold;} i{font-style:normal;} dfn{font-style:italic;} mark{background:#ff0; color:#000;} small{font-size:80%;} sub, sup{line-height:0; position:relative; vertical-align:baseline;} sup{top:-0.5em;} sub{bottom:-0.25em;} img{border:0;vertical-align:middle;max-width:100%;} hr{box-sizing:content-box; height:0;} pre{overflow:auto; white-space:pre; white-space:pre-wrap; word-wrap:break-word;} code, kbd, pre, samp{font-family:monospace, monospace; font-size:1em;} button, input, optgroup, select, textarea{color:inherit; font:inherit; margin:0;} button{overflow:visible;} button, select{text-transform:none;} button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance:button; cursor:pointer;} button[disabled], html input[disabled]{cursor:default;} input{line-height:normal;} input[type="checkbox"], input[type="radio"]{box-sizing:border-box; padding:0;} input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height:auto;} input[type="search"]{-webkit-appearance:textfield; -webkit-box-sizing:border-box; box-sizing:border-box;} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;} fieldset{border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em;} legend{border:0; padding:0;} textarea{overflow:auto; resize:vertical;outline:0;} optgroup{font-weight:bold;} table{border-collapse:collapse; border-spacing:0;} td, th{padding:0;} ul, ol{list-style:none outside none;} h1{font-size:18px;} h2{font-size:16px;} h3{ font-size:14px;} ::-webkit-input-placeholder{color:#999;} ::-moz-placeholder{color:#999;} :-ms-input-placeholder{color:#999;} input:-moz-placeholder{color:#999;} html.sys-ios,html.sys-ios body{overflow-y:auto;-webkit-overflow-scrolling:touch;} /* color */ :root{ --color-default:#575657; --color-primary:#39bff2; /* 主色 */ --color-info: #f39c12; --color-danger:#ff6f00; --color-warn:#e64545; --color-gray: #858585; --border-color:#ebf0f5; } .color-default{color:#575657;} .color-primary{color:#39bff2;} .color-info{color:#f39c12;} .color-danger{color:#ff6f00;} .color-warn{color:#e64545;} .color-gray{color: #888;} /* font family */ @font-face { font-family:'NotoSansHans-Regular'; src: url(./..//fonts/NotoSansHans/NotoSansHans-Regular.woff) format("woff"), url(./..//fonts/NotoSansHans/NotoSansHans-Regular.ttf) format("truetype"); font-display: swap; } @font-face {font-family: "iconfont"; src: url(./..//fonts/iconfont/iconfont.eot); /* IE9*/ src: url(./..//fonts/iconfont/iconfont.eot) format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA4AAAsAAAAAFDAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8yksHY21hcAAAAYAAAAD1AAAC9lUYv1NnbHlmAAACeAAACLMAAAtMWfQ1/GhlYWQAAAssAAAAMQAAADYTzXMmaGhlYQAAC2AAAAAgAAAAJAiUBEpobXR4AAALgAAAACIAAABcXIf//2xvY2EAAAukAAAAMAAAADAdKB/0bWF4cAAAC9QAAAAfAAAAIAEsAINuYW1lAAAL9AAAAUUAAAJtPlT+fXBvc3QAAA08AAAAxAAAARwVAnX0eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWOcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeMbzkY27438AQw9zIcAUozAiSAwDjXAxPeJzlkj1uwmAQRJ+xASdxwPlDKVKGDqVAXIVDIHEFjkDBEehzH1KlHMQpyKyXMuQCWetZ+nYt7347A/SB0sxMBcU3BRFfzhZdvuS2y1d8+vxG60yjWlPNtdBSK6210VY77Y+H0+h8BqH369WrUfjvMz5+faJ6xxPPvHBD7ZlGDGk8VY8H7hkz8F0mPHq61h8P/ujzX6KJV/F6OU1ClySU1QVvFfUS7xeViTeNqsQ7R/3E20eDxDqgYRIuUZ1YGzsgIerTJCbSPAm3aZEQ/ZeJ1USrxLqidWKF0SYh+m+TcLB2SXfHfWIncDwk4fDTKKH9AQR7X1YAAAB4nHVWa2wU1xW+59557szOvmZn9mHv2t7dWWPAj13vLH5gx47B2E5s3i/TiJeEUglKRYIDAds0FSmCSAQomKhIjdQSWhq1NGmVYBJQSpUf0B8oQk36+hG1VaU0SH2orRp53HN3bdo/nbl759x7zz0795zvfGcIJWT+JkvRXxKRSISokFGhCCzlnbgBU5UOOuFb3l7vBEwRvAD1lzHGlqE+gbwKZWB02iOUTHvT9AcoeWQapit60wzYNNdTIYqN4RKEvUcwTckjD+9HC/amGVnUK2EDNIZaYUBj/BFe1DvJVrODxCQkZ0blTB7ypTKUi3ZUkkEGi62+SGUvqcjwR5leFAXvxwpsZSmAiyr8XqYSTn8TXxynve8xIqC977MP2SCxSRsZI2vxL1JQ7gHbkmQpm3foomxFGgww7RS0pZjdatlWD803Mxzjkm0VUK3NdfLNILdKsgE4X3QtG2Z6Dtdm124c61je5n32xuu7l+f2rOpPLo2tfRsSSb8asp8YjDNRMZwEBXn5yPaf9K9QAfRAzlAkrbjn2dmyqfrBMJKw8syTYPWujS2r6R/Ym2ve9e2rYBaWd45tWJdNPQ+9NJELKCKLDz5hh1QDkglo3v7Ustr+Mz1Q4zcM1SzPPru3qEmKkQvo4OvoJzzO81PCT9HnUZLF0/eT9WQ3nt+1myFvgJwCWy6noAucUg/kTH6sTDO0uwXLNm0+aHCqA8BTGxBFvxXcsp1H5YXFIq7iLdloje8sV8amxJpNM/3562/9RYSt6xrPNw40NvrZfe+WKKiWvyafL+fhH6oPRcdZ4QDdIP/81bOz2CXbYwfr1ox6B+V4KJZKxfwxWQGg9+REyE6lbKM6HKHSqTeZ8NF3xy91nnxKDrS0XLqXwJDLGqA5p8aMq7IP/yOfjHpHXromyG+9hL0m9+5bcup6KJJqSek+wy/rSigMUNtaC7rm98vqAkZXVzEqllXIA/1wytsDr0zMfTE9CZPwjWMeKnFMXWB/YptJLVlJdpHD6FP0qJNpkGQLgVHxZNS0im65h7U7spN3WsBBj0cXVtskXLXbWtvcXugBwI0B4HuWAloI8YhgaKw0WEUOuxLaYHIFehnJKYUctwsst+yW2Zs1o62qz8BThDbt3LlR0cKGprSOdqRqz0NDQ4csSkYEAssL7c2BsCGJ0soB72+KavicuqbhbvYB3xg2fsXKfXa8XQsoiuYHvR3i1rZB/1VDBUm7oI/sTKfpeGFDSjYNU3N/9OBGSQjqhglS7YZ9zx997sZQb3eWUYBIwPQlxw98KemLBCIYJJp7keYFNZ2s73BMw1NwMrfCtFs0QTR1dlCPzDXst8yRRgpaAF7SNNY4EotX8/8sxuAoz/9IewnzHuwoJn4mX3KRBsC5iekPf1BkL1FJfxhVvGuMfsrz36vB/Md5nv84D1sY4bz3dxZmwSrvRaCI1AefwtQNznS8exUDfIVzIP9vQtgt1k1GOEdJtRgEO4/NtoqZBdHqArecyYl8BqPT5pblauvFebnslqJu2SxFy3knX3TyCAseU5jzzgoAAgiyzH0lUEolWRBlWUU8b4MdTGB+QRRFpCFBUCVNwPen2IA33OddkCI61SMsN1cj+5goi4DBFYBVVtHZ4q9/S7lloAKu+gTKBEFExhYlhg+dguKjD31+veLfM+wme46EKmdsQOCGemjBBo5MNjNnBrNpjot0Nkj/HAyFYLU3pkZSYbY7nIqoKKezaXSTVvHVz+hnpI50kh7kltVkmIwiw2wm28kznGU44pEYasG0OMxXgivYiPs0B28JIY2AbuFaGVSTAmAAJoFVrC+4uUypWFr42f9HZu8Id//1z7uCKPnk27KvBk7XcEEFuUmBkP4+xJofFE0aXTuuhUABM0h/FzA9/47KNTleuaaqI7pbnVCUCVUKK99RZFqghjy4S9zRrRi0i0o4F577zclgRr+qHleUY6qxZp2eCZ4MRqOjS1rw/uR/+sU618dOVOscL5ysz2OH4WXvy8cRZfAinILJyYreR+w6W4p1iQDnWRssXuGkZgR5PSfXcj18roQsFV5RwfCO6HWKDuNzTXowqNNP6L9VK6R4h1Q9LHsvaEqdBjuCsWAFwsL8/PxDBEcz8lML6SLdVX5C/nA4y8iSg6xSdrM2BoQTjZQrRoulYlSM4mI9apZyEVR4XCTYpjXBxk3HGZvc1Bhcs3ELQFPTUcj6/ZA90tQEsHnu7tC5IchBd25uU66TQu58z3pK1/f08r6XktqnrTodq15ddLQ23lFqWJXoTlKa7E4MNLgdK4aHh+evZ1sBWrPX5739j/ehDYQY+umYwL8vLNKAOCMilp/S41fj9QjhhBUJp/CdUxxxkQzCC5k0ioRsYsJi4Sq4K6FYcBF1f73duFSYv3N7XhTnbw+fLN9KdJtBmPvg8n1BvHcZe3ZfmYjlY/CCmUiYRyDmxCdQUt5f8fXhO3zTHeyXLXkvosTNtq8I91+7/AsB+9fuw7lD0UQieijuxI9x4RgKVTzMsFl8fyzIEcmq+B+LpGtXKycf4IEKXdTCk+BB8tWDuIty5ZsjXz2wKV1i6IsuMwyJmiUCE0JNdIkZ6dj21TFF0HnVL4xNJkNGG6Rtn9ga1yNhq51SoIoJ7N3Tp98Vglh3k44+VixssbQtgqa3FoREKjMmCK3IJekaITiYrk1Bxq0Tt2rK08NDnVrKkWKyMHNPEO7N+ASOL86p77Fr7EnEuMZRjmln52x8At3mrRqACe/lYRCH4B1vAAdwHn444J33DvT19cHDivxfG/2LNni5FSvfmfAGzA54p+DIsPfFkLcGbvHBfm/dAOyHc2jDW1qRq769wh6wdaQefetwGNgFzi/cyZaNJTKNrBa1OOjzWdJhjo5CXcRvq8dDoVDJ2Teb6I4nPvb7mALxcwPzxJuhz4x9LQYK8/k/TsTTLf63Dww0hELH1Zg/XAejw8GNcIWQ/wCu6BcOAHicY2BkYGAAYv/c4w/i+W2+MnCzMIDA9T/T98Ho////67BsY24EcjkYmECiAIzRDtUAAAB4nGNgZGBgbvjfwBDDsuX/////WLYxAEVQgDgAv8QH5XicY2FgYGB+wcDAwoAFb0Hlo6hjRJb7/x9FHCoHAOHaBOAAAAAAAAAAGAAsAEAAVAB8APoBkgGmAlQCfAKSAwQDKAO0A8gD9gRcBLwFJgVIBWoFpnicY2BkYGAQZyhn4GYAASYg5gJCBob/YD4DABdTAbAAeJxlj01OwzAQhV/6B6QSqqhgh+QFYgEo/RGrblhUavdddN+mTpsqiSPHrdQDcB6OwAk4AtyAO/BIJ5s2lsffvHljTwDc4Acejt8t95E9XDI7cg0XuBeuU38QbpBfhJto41W4Rf1N2MczpsJtdGF5g9e4YvaEd2EPHXwI13CNT+E69S/hBvlbuIk7/Aq30PHqwj7mXle4jUcv9sdWL5xeqeVBxaHJIpM5v4KZXu+Sha3S6pxrW8QmU4OgX0lTnWlb3VPs10PnIhVZk6oJqzpJjMqt2erQBRvn8lGvF4kehCblWGP+tsYCjnEFhSUOjDFCGGSIyujoO1Vm9K+xQ8Jee1Y9zed0WxTU/3OFAQL0z1xTurLSeTpPgT1fG1J1dCtuy56UNJFezUkSskJe1rZUQuoBNmVXjhF6XNGJPyhnSP8ACVpuyAAAAHicbY7NbsIwEIQ9JMQhDYFCW1DfwQceySK2MXK9YDmC9Olxws+JvcxKM/vtsAm7T8XezwYTZMgxRQGOEjNU+ECNORossMQnVljjC9/4wQZbVl6t9KanLvvvaOasV8GaQ2xem9jTqc+TueNBDWFRXJS9Wl/JEOginNKxNOSNkbTLEqhpbVD7aMmPXn2Mo945Jyf7LCrHj4kUqftNB4/1WWTQhDe1ePzT1rlCJ7OV/I+0FufzdKyWD1zepsyhk4zdAOi2S0k=') format('woff'), url(./..//fonts/iconfont/iconfont.ttf) format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url(./..//fonts/iconfont/iconfont.svg) format('svg'); /* iOS 4.1- */ } @font-face { font-family:'NotoSansHans-Medium'; src: url(./../fonts/NotoSansHans/NotoSansHans-Medium.woff) format("woff"), url(./../fonts/NotoSansHans/NotoSansHans-Medium.ttf) format("truetype"); font-display: swap; } h1,h2,h3, .top-notice,.head-sub-menu .sub-menu-tit,.index-slider-banner .btn-learnmore,.index-pricing .cell-hd-tit,.index-efficiency .efficiency-item .item-tit,.index-pricing .pricing-cell:nth-of-type(1) {font-family:'NotoSansHans-Medium',Arial, Helvetica,sans-serif;font-weight: normal;} h1,h2,h3,h4,h5,h6{font-weight: normal;} @font-face { font-family:'YouSheBiaoTiHei'; src: url(./../fonts/YouSheBiaoTiHei/YouSheBiaoTiHei.woff) format("woff"), url(./../fonts/YouSheBiaoTiHei/YouSheBiaoTiHei.ttf) format("truetype"); font-display: fallback; } /* layout */ .layout{max-width: 1340px;width: 92%;margin: 0 auto;} /* box-sizing */ *{box-sizing: border-box;} /* clear floating */ .clearfix:after, .layout:after{content: '';display: block;height: 0;clear: both;visibility: hidden;} /* transition */ .t-2s, .sys-select-box .select-box-drop,.sys-select-box .select-box-toggle::after{transition:all .15s ease;} .t-3s, .side-inquiry .inquiry-close, .head-nav-menu>ul>li>a>.menu-txt:before,.change-language .change-language-title a:after, .web-foot .foot-txt-list li a::before, .sys-select-box .select-box-toggle,.sys-select-box .select-opt-item{transition:all .3s ease;} a, .t-4s, .index-brand .brand-item img,.application-cell .cell-ico, .sys-btn,.sys-btn .btn-arrow:before,.sys-btn .btn-arrow:after, .top-notice .top-btn-close, .application-cell .cell-ico::before, .index-human .ico-video-small,.index-pricing .pricing-cell-hd::after,.index-pricing .cell-ico-rcmd,.index-contact .contact-item-ipt,.index-contact .contact-txtarea,.index-contact .contact-btn,.sys-msg-pop .msg-pop-btn,.blog-item .blog-item-cell,.index-human .human-item .item-inner{transition:all .4s ease;} .t-9s{transition:all .9s ease;} /* Flex */ .d-flex, .web-head .head-layer .layout, .index-slider-banner .banner-cell,.index-customize .customize-items,.advantage-cell,.index-application .application-cell,.index-human .human-intro, .index-pricing .pricing-table,.index-contact .contact-form-group,.foot-items, .blog-item .blog-item-cell {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;} .flex-ver, .index-pricing .pricing-cell{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;} .align-items-start {-ms-flex-align:start;align-items:flex-start;} .align-items-center {-ms-flex-align:center;align-items:center;} .align-items-end {-ms-flex-align:end;align-items:flex-end;} .align-self-start {-ms-flex-item-align:start;align-self:flex-start;} .align-self-center {-ms-flex-item-align:center;align-self:center;} .align-self-end {-ms-flex-item-align:end;align-self:flex-end;} .justify-content-start {-ms-flex-pack:start;justify-content:flex-start;} .justify-content-center {-ms-flex-pack:center;justify-content:center;} .justify-content-end {-ms-flex-pack:end;justify-content:flex-end;} .justify-content-around {-ms-flex-pack:distribute;justify-content:space-around;} .justify-content-between {-ms-flex-pack:justify;justify-content:space-between;} .flex-wrap{-webkit-flex-wrap:wrap;flex-wrap:wrap;} .flex-nowrap{-webkit-flex-wrap:nowrap;flex-wrap:nowrap;} .flex-layer{margin:0 auto;} .flex-row{margin:0 -.125rem;} [class*="flex-cell"]{box-sizing:border-box;} .flex-pad{margin:0 -.125rem;} .flex-pad [class*="flex-cell"]{padding:.125rem;} .flex-cell{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;} .flex-cell-12{-webkit-box-flex:0 0 100%;-webkit-flex:0 0 100%;flex:0 0 100%;max-width:100%;width:100%;} .flex-cell-11{-webkit-box-flex:0 0 91.66666667%;-webkit-flex:0 0 91.66666667%;flex:0 0 91.66666667%;max-width:91.66666667%;width:91.66666667%;} .flex-cell-10{-webkit-box-flex:0 0 83.33333333%;-webkit-flex:0 0 83.33333333%;flex:0 0 83.33333333%;max-width:83.33333333%;width:83.33333333%;} .flex-cell-9{-webkit-box-flex:0 0 75%;-webkit-flex:0 0 75%;flex:0 0 75%;max-width:75%;width:75%;} .flex-cell-8{-webkit-box-flex:0 0 66.66666667%;-webkit-flex:0 0 66.66666667%;flex:0 0 66.66666667%; max-width:66.66666667%;width:66.66666667%;} .flex-cell-7{-webkit-box-flex:0 0 58.33333333%;-webkit-flex:0 0 58.33333333%;flex:0 0 58.33333333%;max-width:58.33333333%;width:58.33333333%;} .flex-cell-6{-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;flex:0 0 50%;max-width:50%;width:50%;} .flex-cell-5{-webkit-box-flex:0 0 41.66666667%;-webkit-flex:0 0 41.66666667%;flex:0 0 41.66666667%;max-width:41.66666667%;width:41.66666667%;} .flex-cell-4{-webkit-box-flex:0 0 33.33333333%;-webkit-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%;width:33.33333333%;} .flex-cell-3{-webkit-box-flex:0 0 25%;-webkit-flex:0 0 25%;flex:0 0 25%;max-width:25%;width:25%;} .flex-cell-2{-webkit-box-flex:0 0 6.66666667%;-webkit-flex:0 0 6.66666667%;flex:0 0 6.66666667%;max-width:6.66666667%;width:6.66666667%;} .flex-cell-1{-webkit-box-flex:0 0 8.33333333%;-webkit-flex:0 0 8.33333333%;flex:0 0 8.33333333%;max-width:8.33333333%;width:8.33333333%;} .flex-cell-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%;} .flex-1{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;} .d-flex .flex-cell{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;} .flex-page{width:100%;min-height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;} .flex-page .flex-page-main{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden;overflow-y:auto;min-width:0;} .flex-align-center{-webkit-box-align:center;-webkit-align-items:center;align-items:center;} .flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;} .flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;} .web-head .head-logo,.web-head .head-nav,.web-head .head-right, .index-slider-banner .banner-cell-left,.index-slider-banner .banner-cell-right, .index-customize .customize-item, .advantage-cell .cell-cont,.advantage-cell .cell-img, .application-cell .cell-img, .application-cell .cell-cont{display: inline-block\0;} .advantage-cell .cell-img,.application-cell .cell-img{margin-right: -6px\9;} .index-customize .customize-item:last-of-type{margin-right: -10px\9;} /* grid */ .sys-layer { margin: 0 auto; } .sys-row { margin: 0 -8px; } .sys-col { float: left; } .sys-col-inner { margin: 0 8px; } .sys-col-md { float: left; } .sys-col-md-12 { width: 100%; } .sys-col-md-11 { width: 91.66666667%; } .sys-col-md-10 { width: 83.33333333%; } .sys-col-md-9 { width: 75%; } .sys-col-md-8 { width: 66.66666667%; } .sys-col-md-7 { width: 58.33333333%; } .sys-col-md-6 { width: 50%; } .sys-col-md-5 { width: 41.66666667%; } .sys-col-md-4 { width: 33.33333333%; } .sys-col-md-3 { width: 25%; } .sys-col-md-2 { width: 16.66666667%; } .sys-col-md-1 { width: 8.33333333%; } /* ------------------- public module ------------------- */ /* sys-btn */ .sys-btn{display: inline-block;background-color: #39bff2; color: #fff; padding: .3em 1.5em; border-radius: .5em;text-align: center;position: relative;overflow: hidden;transform: scale(1);} .sys-btn:hover{color: #fff!important;} .sys-btn::before{content: '';display: block;width: 100%;height: 100%;border-radius: .5em; position: absolute;left: 0;top: 0;z-index: -1;transition: all .4s ease-out 0s;background-image:linear-gradient(120deg,#35d2f5 0,#35d2f5 55%,#6866ee 100%);opacity: 0;} .sys-btn:hover::before{opacity: 1;} .sys-btn-gradient::before {display: none;} .sys-btn-gradient{transition: all .35s ease-out 0s; background-image:linear-gradient(120deg,#35d2f5 0,#35d2f5 20%,#6866ee 50%,#35d2f5 100%);background-size: 200% 100%;} .sys-btn-gradient:hover{background-position: right 0;} .sys-btn-outline{border: 1px solid #39bff2;background: #fff;color:#39bff2!important;} .sys-btn-outline:hover{background-color: #fff;border-color: #39bff2; color: #fff!important;} .sys-btn .btn-txt{display: inline;vertical-align: middle;} .sys-btn .btn-arrow{content: '';display: inline-block;width: 16px;height: 16px; position: relative; vertical-align: middle; background-repeat: no-repeat;background-position: center;margin-left: .5em; } .sys-btn .btn-arrow:before, .sys-btn .btn-arrow:after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0; background-position: center;background-repeat: no-repeat;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMBAMAAACkW0HUAAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADXRSTlMAKtTNv8a7spkmHRUNd1iiKAAAADdJREFUCNdjYGBgCWQAAdZLAiCKUVcRzBVCcH3vAsFlCHUDIlgAVnLtAJgTDeIwX14AolgsGRgAhZ0QfgJZ1aIAAAAASUVORK5CYII=);} .sys-btn .btn-arrow:after{opacity: 0;transform: translateX(-80%);} .sys-btn:hover .btn-arrow:before{opacity: 0;transform: translateX(80%);} .sys-btn:hover .btn-arrow:after{opacity: 1;transform: translateX(0%);} .btn-radius-large{font-size: 16px; padding: .6em 2em;border-radius: 3em;letter-spacing: .08em;text-indent: .08em;} .btn-radius-large:after{} /* sys-select-box */ .sys-select-box{display: inline-block;width: 300px; position: relative;font-size: 14px;} .sys-select-box .select-box-toggle{padding: 0 1.2em; background-color: #f5f6fa;border: 1px solid #f5f6fa;height: 42px;line-height: 40px;border-radius: 10px;position: relative;} .sys-select-box .select-box-toggle::after{content: '';display: block;width: 38px;height: 100%;background-repeat: no-repeat;background-position: center; background-size: auto 32%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAVFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAU4H24AAAAG3RSTlMAqoBVv86uGxYQCenJurVkJB/y0sOfXFAzKQVF938CAAAAhUlEQVQ4y+3Kyw6CQBBEUcCBQVDx/er//08jFdOLm/TshbuqSk619r/16RmDKd0rZWabSDZm5zyvh8kG0ixr17CQ9e91tJTqLRtIbzjIliUtpbfdw0LCUtImWUrWu4WEvcpSsryTpWQnWZeRbb9mHCnZcbYuQ3txWerVuiw1NN1tqtYW0wdx1BC4vo7UTwAAAABJRU5ErkJggg==);position: absolute;right: 0;top: 0;opacity: .5;} .sys-select-box .select-box-name{cursor: default;} .sys-select-box .select-box-drop{position: absolute;width: 100%;left: 0;top: 100%;margin-top: 3px;border: 1px solid #c0d2f8;border-radius: 10px;background-color: #fff;padding: .5em .6em;opacity: 0;visibility: hidden;} .sys-select-box .select-box-options{} .sys-select-box .select-opt-item{display: block;line-height: 1.8em;overflow: hidden;margin-bottom: .3em; padding: .2em .5em;border-radius: .2em;cursor: default;} .sys-select-box .select-opt-item:hover{background-color: #f5f6fa;} .sys-select-box.select-box-active .select-box-toggle::after{transform: rotate(-180deg);opacity: 0.7;} .sys-select-box.select-box-active .select-box-drop{opacity: 1;visibility: visible;} /* green arrow */ .small-arrow-left, .blog-related .related-cell:nth-of-type(2n+1) a:before{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMBAMAAACkW0HUAAAAIVBMVEUAAAA5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/K8bcsbAAAACnRSTlMA0iq+xhmymSYNAzrJGQAAADdJREFUCNdjYGBQMWAAAiYpBxCluFABzBFCcBikVgHBYoYqCMUGEeS0AithCIFwWaUEwNxGoGEADyMM3lkgQQQAAAAASUVORK5CYII=);} .small-arrow-right, .sys-btn-outline .btn-arrow:before, .sys-btn-outline .btn-arrow:after, .blog-related .related-cell a:before, .main-layer .main-layer-hd .hd-more:before{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMBAMAAACkW0HUAAAAIVBMVEUAAAA5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/K8bcsbAAAACnRSTlMA0iq+xhmymSYNAzrJGQAAADdJREFUCNdjYGBgdmIAAZaFCiCKSUoIzFVEcK1WAcFCCLUcIpgAVrJ4ApjjCuIwLgwAUcwSDAwA9+EMkykhhUwAAAAASUVORK5CYII=);} .index-layer .swiper-button-prev{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAKlBMVEUAAAA5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/KQRRzuAAAADXRSTlMAVX+/1Mx3ak7csl9AuZFpfQAAAFpJREFUGNNjAIMuIwY4YLx7BcGRvXsVSeLuJSSJuwlIEteQJQqQJK4jS2xAkrgIl+i9Cwc2DHPhbKDNtgjOZQZdBMeJgQnZAJCUAIxNJamrCA4T0HIEUHECUwBlCU/R7g9HhwAAAABJRU5ErkJggg==);} .index-layer .swiper-button-next{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAKlBMVEUAAAA5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/KQRRzuAAAADXRSTlMAVX+/1Mx3ak7csl9AuZFpfQAAAFhJREFUGNNjAAPlFQwI4HtXAMGJvXsRwdG9iyTFdhdZKhdZih1FqhZZihtFShYkdfguHNwA2gcHNxlsEZzLDCoIziVkAxRgbEbqSTDEIkkAnaGA4Kg4gSkAD7ZOtOfsw50AAAAASUVORK5CYII=);} .index-slider-banner .swiper-button-prev:after{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADXRSTlMAVX+/1Mx3ak7csl9AuZFpfQAAAFpJREFUGNNjAIMuIwY4YLx7BcGRvXsVSeLuJSSJuwlIEteQJQqQJK4jS2xAkrgIl+i9Cwc2DHPhbKDNtgjOZQZdBMeJgQnZAJCUAIxNJamrCA4T0HIEUHECUwBlCU/R7g9HhwAAAABJRU5ErkJggg==);} .index-slider-banner .swiper-button-next:after{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADXRSTlMAVX+/1Mx3ak7csl9AuZFpfQAAAFhJREFUGNNjAAPlFQwI4HtXAMGJvXsRwdG9iyTFdhdZKhdZih1FqhZZihtFShYkdfguHNwA2gcHNxlsEZzLDCoIziVkAxRgbEbqSTDEIkkAnaGA4Kg4gSkAD7ZOtOfsw50AAAAASUVORK5CYII=);} /* video */ .sys-video-btn, .sys-video-btn .video-ico{display: inline-block;width: 75px;height: 75px;-webkit-tap-highlight-color:transparent;} .sys-video-btn .video-ico{background-repeat: no-repeat;background-position: center;background-image: url(./../img/sys_ico_video.png);} .sys-video-btn::before,.sys-video-btn::after{content:'';display:block;width:100%;height:100%;border-radius:50%; box-shadow: 0 0 8px rgba(255,255,255,.03);position:absolute;left:0;top:0;} .sys-video-btn:hover::before{animation:vdBtnWave 1.2s linear infinite;animation-fill-mode:forwards;} .sys-video-btn:hover::after{animation:vdBtnWave 1.2s linear infinite;animation-fill-mode:forwards;animation-delay:.6s;} .vdBtnWave{animation-name:vdBtnWave} @keyframes vdBtnWave{0%{box-shadow: 0 0 0 0 rgba(255,255,255,.1);}50%{box-shadow: 0 0 0 18px rgba(255,255,255,.15);}100%{box-shadow: 0 0 0 30px rgba(255,255,255,0);}} /* sys-txt-list */ .sys-txt-list li{padding: 0 0 1.6em;} .sys-txt-list .item-tit{font-size: 1.1428em;font-weight: normal; max-height: 2.6em; line-height: 1.35em; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .sys-txt-list .item-tit a{display: block;color: #6e6e6e;} .sys-txt-list .item-tit a:hover{color: var(--color-primary);} .sys-txt-list .sys-meta-bar{margin-top: .6em;} /*gotop*/ .gotop{display: block;width: 100%; background-color: #fafafa;border: 1px solid #e9e9e9;border-top: 0; border-radius: 0 0 5px 5px; position: absolute;left: 0;top: 100%;margin-top: -10px;opacity: 0;visibility: hidden; transform: translateY(-20%); transition: all .1s ease; cursor: pointer;} .gotop:hover{background-color: #f5f6fc;} .gotop em{display:none;} .gotop::before{content: '';display: block;width: 100%;height: 32px;background-repeat: no-repeat;background-position: center;background-size: auto 11px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAOCAMAAADt5EdyAAAARVBMVEUAAAAtLS0rKyssLCwsLCwsLCwuLi4pKSkuLi4qKiosLCwsLCwtLS0sLCwsLCwrKysrKyssLCwtLS0rKysxMTEuLi4sLCyMcEhPAAAAFnRSTlMAVarRybAkHxAJ6tvCvrq2akAzKhoWb5UGhAAAAFJJREFUGNN1yUcSwCAMBEERDDhn/f+pDtKBqhVznKa6nRp59ubvO2YlBJPK+m5nUFk+IKR7/oGArkkAKEcBoKQAlIIA0KmAtAkAHeSGoFDTGPMDQZwGrNccA3EAAAAASUVORK5CYII=); filter:grayscale(100%);opacity: .6;} .gotop.active{visibility: visible;opacity: 1; transform: none;} /* sys-meta-bar */ .sys-meta-bar{width: 100%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;} .sys-meta-bar .meta-item{display: inline;} .sys-meta-bar .meta-item+.meta-item{padding-left: 30px;} .sys-meta-bar .meta-item, .sys-meta-bar .meta-item a{color: #a1a1a1;} .sys-meta-bar .meta-item .ico-time, .sys-meta-bar .meta-item .ico-tag{display: inline-block;width: 16px;height: 16px;background-repeat: no-repeat;vertical-align: middle;margin-right: 5px;} .sys-meta-bar .meta-item .ico-time{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAOVBMVEUAAAA5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/KhM007AAAAEnRSTlMAxIh3JRfgLPbZsWc9n5p+Wx7CeU0UAAAAWklEQVQY042NSQ7AIAwD4wClULrx/8dWMShSb8wl8SiLrPGGinpHz0cfhH92k6zd22aFW0qRipXLBDgtnICL2KgxV7aUOznnUTx9kMUI/lZF3HgmUVGgWdb4AMR0BvRalFqrAAAAAElFTkSuQmCC);} .sys-meta-bar .meta-item .ico-tag{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAATlBMVEUAAAA5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/I5v/IKiM/7AAAAGXRSTlMAub95rs2L9PHq3XFoXQvUqKOBTEYhVC4WX4y4IwAAAG1JREFUGNONzFkOgCAMBNChFBAV9/X+F5VaE0n88f3NdMGHN2JYpw3qVHWipEXIoc+NW6iBqE4HGNlZ2GpBAMtVnNnrD0f6J8yjl41C4gF7LAo7BWCNb26oA3D0ZRadu3NrDfAgyZ7xMnk+4p8L7IUKRN2IwSkAAAAASUVORK5CYII=);} .sys-meta-bar .meta-item .meta-txt{display: inline;vertical-align: middle;} /* animate image */ .anm-img{position: relative;overflow: hidden;} .anm-img img{transition: all 1.2s ease;} .anm-img:hover img{ transform:scale(1.08); transition: all .6s ease;} /* 图片悬停效果 */ .sys-img-anm .img-inner{display: block;position: relative;overflow: hidden;} .sys-img-anm .img-inner:before{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2; transition: all .4s ease;} .sys-img-anm .img-inner img{transition: all .6s ease;} .sys-img-anm:hover .img-inner:before{background-color: rgba(0,0,0,.2);} .sys-img-anm:hover .img-inner img{transform: scale(1.08);} /* sys-img-box */ .sys-img-box{display: block;padding: 47% 0;position: relative;border-radius: 20px;overflow: hidden; background-color: #f0f4f3;} .sys-img-box .img-inner{display: flex;align-items: center;justify-content: center; width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .sys-img-box .img-inner img{max-width: 100%; max-height: 100%;object-fit: cover; } /* .img-txt-item */ .img-txt-items{margin: -20px;} .img-txt-items ul{width: 100%;} .img-txt-item{width: 25%;float: left; padding: 20px;} .img-txt-item .item-img{margin-bottom: 12px;} .img-txt-item .item-info{} .img-txt-item .item-tit{font-size: 1em;line-height: 1.35em;margin-bottom: 12px; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .img-txt-item .sys-meta-bar{font-size: 14px;} /* 消息弹窗 */ .sys-msg-pop{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 99;background-color: rgba(0,0,0,.1);display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;transition: all .4s ease;} .sys-msg-pop .msg-pop-wrap{width: 500px;font-size: 16px; padding: 30px;background-color: #fff;border-radius: .5em;box-shadow:0 0 0 1px rgba(0,0,0,.08), 10px 10px 25px rgba(0,0,0,.15);transform: scale(.5);opacity: 0;transition: all .25s ease;} .sys-msg-pop .msg-pop-hd{} .sys-msg-pop .msg-pop-title{font-size: 16px;color: #575657;} .sys-msg-pop .msg-pop-body{padding: 20px 0;} .sys-msg-pop .msg-pop-body .msg-ico{} .sys-msg-pop .msg-pop-body .msg-cont{letter-spacing: 2px;} .sys-msg-pop .msg-pop-ft{text-align: right;} .sys-msg-pop .msg-pop-btn{display: inline-block;padding: .3em 1em; border-radius: .5em; background-color: #3e75e1; color: #fff;cursor: pointer;letter-spacing: 3px;text-indent: 3px;} .sys-msg-pop.active{opacity: 1;visibility: visible;} .sys-msg-pop.active .msg-pop-wrap{transform: scale(1);opacity: 1;} .sys-msg-pop.msg-brief .msg-pop-btn{position: absolute;right: 15px;top:15px; text-align: left; background-position: center;background-repeat: no-repeat;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANBAMAAABr8kJMAAAALVBMVEUAAAD///////////////////////////////////////////////////////+hSKubAAAADnRSTlMAEDDPYO+fj9+vcL9AIPs0gPIAAABYSURBVAjXY5BcwMDAwF7AwBQCpBcLMDDoOTCwBALZLI8YXBUYgMBVqYkBBLhCD4BpphcCYFrCzRBEMZozbAYJCCcAEZCeBhQyY2BgMwCyrxYweILkmPYAAKKXDRlYa+LwAAAAAElFTkSuQmCC); width: 24px;height: 24px;padding: 0; background-color: #3e75e1; text-indent: -9999em;overflow: hidden;opacity: 1;border-radius: .2em; } .sys-msg-pop.msg-brief .msg-pop-btn:hover{opacity: 1;} /* page-bar */ .page-bar{padding: 30px 0 0;text-align: right;} .page-bar .pages{display: inline;letter-spacing: -6px;line-height: 21px;} .page-bar .pages li{display: inline;} .page-bar .pages *{letter-spacing: 0;} .page-bar .pages a, .page-bar .pages .extend{display: inline-block;min-width: 2em;text-align: center; margin: 2px;padding: 5px .8em;background-color: #f5f7fa;border: 1px solid #e5e9ed;border-radius: 3px;} .page-bar .pages .extend{border: 0;background: none;font-weight: bold;letter-spacing: 2px;} .page-bar .pages a:not(.page-disabled):hover, .page-bar .pages .page-active{background-color: #39bff2;border-color: #39bff2;color:#fff;} .page-bar .pages a.current, .page-bar .pages a.current:hover{border: 0;background: none;color: #39bff2;pointer-events: none;} .page-bar .pages a.page-disabled{background-color: #edf0f2;color: #999;pointer-events: none;} .page-bar .pages .page-prev, .page-bar .pages .page-next{min-width: 3em;} .page-bar .pages .page-prev{margin-right: 15px;} .page-bar .pages .page-prev:before, .page-bar .pages .page-next:after{font-size: 1.2em;} .page-bar .pages .page-prev:before{content: '<';} .page-bar .pages .page-next:after{content: '>';padding-left: 8px;} .page-bar .pages .page-next{margin-left: 15px;} /* icos */ .sys-ico-ok{display: inline-block;width: 18px;height: 18px;background-repeat: no-repeat;background-position: center;background-size: contain;background-image: url(./../img/sys_ico_tick.svg);} /* 视频弹窗 */ .sys-video-pop{width: 100%;height: 100%;background-color: rgba(20,26,30,.7);position: fixed;left: 0;top: 0;z-index: 11; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center; opacity: 0;visibility: hidden;pointer-events: none;} .sys-video-pop .video-pop-wrap, .sys-video-pop .video-obj-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;} .sys-video-pop .video-pop-wrap{background-color: #fff;border-radius: 8px;padding: 15px;max-width: 92%;max-height: 92%;position: relative;} .sys-video-pop .video-obj-box{justify-content: center;position: relative;z-index: 2;} .sys-video-pop .video-obj-box, .sys-video-pop .video-obj-box video{border-radius: 5px;overflow:hidden;max-width: 1280px;max-height: 90vh;} .sys-video-pop .video-obj-box video{display: block; opacity: 0;} .sys-video-pop .sys-video-btn{position: absolute;left: 50%;top: 50%;z-index: 3; transform: translate(-50%,-50%); background-color: rgba(0,0,0,.4); border-radius: 50%;padding: 10px;width: auto;height: auto;opacity: 0;visibility: hidden;transition: all .6s ease;cursor: pointer;} .sys-video-pop .sys-video-btn .video-ico{ vertical-align: middle;background-size: auto 90%;background-image: url(./../img/sys_ico_video_white.png);} .sys-video-pop .sys-video-btn:hover{background-color: rgba(0,0,0,.76);} .sys-video-pop .video-pop-close{position: absolute;left: 100%; margin-left: -15px; top: 0;display: inline-block; line-height: 1.2; padding: 1.5em .8em 1.5em 1.2em;background-color: #fff;border-radius: 0 8px 8px 0;cursor: pointer;} .sys-video-pop .video-pop-close:before{content: '';display: inline-block;width: 14px;height: 14px;background-repeat: no-repeat;background-position: center;background-size: 14px 14px;} .sys-video-pop .video-pop-close:before{background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjg2NDc2NjE3OTExIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwNDIgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE0NzMiIHdpZHRoPSIzMi41NjI1IiBoZWlnaHQ9IjMyIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTkzNC45NTY1MjIgODI4LjEwNDM0OCA2MTQuNCA1MDcuNTQ3ODI2bDMyMC41NTY1MjItMzIwLjU1NjUyMmMyNi43MTMwNDMtMjYuNzEzMDQzIDI2LjcxMzA0My03MS4yMzQ3ODMgMC05Ny45NDc4MjYtMjYuNzEzMDQzLTI2LjcxMzA0My03MS4yMzQ3ODMtMjYuNzEzMDQzLTk3Ljk0NzgyNiAwbDAgMEw1MDcuNTQ3ODI2IDQwOS42IDE4Ni45OTEzMDQgODAuMTM5MTNDMTYwLjI3ODI2MSA1My40MjYwODcgMTE1Ljc1NjUyMiA1My40MjYwODcgODkuMDQzNDc4IDgwLjEzOTEzYzAgMCAwIDAgMCAwQzYyLjMzMDQzNSAxMTUuNzU2NTIyIDYyLjMzMDQzNSAxNjAuMjc4MjYxIDg5LjA0MzQ3OCAxODYuOTkxMzA0bDMyMC41NTY1MjIgMzIwLjU1NjUyMkw4OS4wNDM0NzggODI4LjEwNDM0OGMtMjYuNzEzMDQzIDI2LjcxMzA0My0yNi43MTMwNDMgNzEuMjM0NzgzIDAgOTcuOTQ3ODI2IDI2LjcxMzA0MyAyNi43MTMwNDMgNzEuMjM0NzgzIDI2LjcxMzA0MyA5Ny45NDc4MjYgMCAwIDAgMCAwIDAgMGwzMjAuNTU2NTIyLTMyMC41NTY1MjIgMzIwLjU1NjUyMiAzMjAuNTU2NTIyYzI2LjcxMzA0MyAyNi43MTMwNDMgNzEuMjM0NzgzIDI2LjcxMzA0MyA5Ny45NDc4MjYgMCAwIDAgMCAwIDAgMEM5NjEuNjY5NTY1IDg5OS4zMzkxMyA5NjEuNjY5NTY1IDg1NC44MTczOTEgOTM0Ljk1NjUyMiA4MjguMTA0MzQ4eiIgcC1pZD0iMTQ3NCI+PC9wYXRoPjwvc3ZnPg==);} .sys-video-pop .video-pop-close:after{content: ''; display: block;width: 1em;text-align: center;} .sys-video-pop .loader-ico{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .sys-video-pop .sys-video-btn{display: none;} .sys-video-pop .video-obj-loaded .sys-video-btn{opacity: 1;visibility: visible;display: block;} .sys-video-pop .video-play-active .sys-video-btn{opacity: 0;visibility: hidden;} .sys-video-pop .video-obj-loaded .video-obj-box video{opacity: 1;} .video-pop-active .sys-video-pop{opacity: 1;visibility: visible; pointer-events:auto;} @media screen and (max-width:640px) { .sys-video-pop .video-pop-wrap{padding: 10px 10px 40px 10px;} .sys-video-pop .video-pop-wrap .video-pop-close{margin-left: 0;left: auto;right: 10px;top: auto; bottom: 7px;font-size: 12px;background-color: #000;border-radius: 20px; padding: .45em .8em;color: #fff;} .sys-video-pop .video-pop-close:before{width: 10px;height: 10px;margin-right: 1px; content: 'X'; background-image: none;} .sys-video-pop .video-pop-close:after{content: attr(data-txt); width: auto;display: inline;} } /* sys-head-banner */ .sys-head-banner{margin-bottom: 20px;position: relative;overflow: hidden;} .sys-head-banner .layout{max-width: 1500px;} .sys-head-banner .head-banner-item{display: flex;align-items: center;position: relative;} .sys-head-banner .head-banner-item,.sys-head-banner .head-banner-item a{color: #fff;} .sys-head-banner .head-banner-img img{width: 100%;height: auto;} .sys-head-banner .head-banner-cont{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: center;/* padding-top: 3.5%; */ } .sys-head-banner .head-banner-cell{width: 520px;max-width: 70%; font-size: 16px;} .sys-head-banner .banner-cell-title{font-size: 6.5625em; font-family: 'YouSheBiaoTiHei'; line-height: .85; margin-bottom: .28em; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;letter-spacing: -.02em;animation: fadeInRight 1.2s ease; animation-delay: 0s;} .sys-head-banner .banner-cell-title .title-break{display: block;} .sys-head-banner .banner-cell-desc{font-size: 1.125em; line-height: 1.6em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;color: rgba(255,255,255,.9);animation: fadeInRight 1.5s ease;} .sys-head-banner .banner-cell-more{padding-top: 2.5em;animation: fadeInRight 1.8s ease;} .sys-head-banner .btn-learnmore,.sys-head-banner a.btn-learnmore{display: inline-block;text-align: center; font-size: 1.25em; color:#6d5df1;transition: all .4s ease-out 0s;background-color: #fff;border-radius: .4em; padding: .3em 1.5em;overflow: hidden;outline: 0;font-weight: bold;} .sys-head-banner .btn-learnmore .btn-txt{ background-image: linear-gradient(to right,#604eee 30%,#35d2f5 50%,#604eee 70%); background-size: 200% 100%; -webkit-background-clip: text;-webkit-text-fill-color: transparent;background: none\0;transition: all .6s ease;} .sys-head-banner .btn-learnmore:hover .btn-txt{background-position: right 0;} /* sys-layer-hd */ .sys-layer-hd{text-align: center;margin-bottom: 2.5em;} .sys-layer-hd .layer-title{display: inline-block;font-size: 2.5em; line-height: 1.2;margin-bottom: .25em; background-image: linear-gradient(to right,#35d2f5 60%,#4b56ee);-webkit-background-clip: text;-webkit-text-fill-color: transparent; background: none\0;} .sys-layer-hd .layer-desc{font-size: 1.125em;} .sys-layer-hd .layer-desc,.sys-layer-hd .layer-desc a{color: #929292;} /* sys-has-video */ .sys-has-video{position: relative;} .sys-has-video .img-inner::before{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0; z-index: 1;transition: all .4s ease;} .sys-has-video img{transition: all .6s ease;} .sys-has-video .video-ico{display: inline-block;width:48px;height:48px;border-radius: 30%;position: absolute;left: 50%; top: 50%; z-index: 2;overflow: hidden;opacity: 0;visibility: hidden;transition: all .4s ease; transform: translate(-50%,-20%);} .sys-has-video .video-ico::before,.sys-has-video .video-ico::after{ content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0; } .sys-has-video .video-ico::before{/* background-image: linear-gradient(135deg,#35d2f5 45%,#604eee 100%); */background: rgba(53,210,245,.92);} .sys-has-video .video-ico::after{z-index: 2;background-size: auto 65%; background-position: center; background-repeat: no-repeat; background-image: url(./../img/sys_ico_video_white.png);} .sys-has-video:hover .img-inner::before{background-color: rgba(0,0,0,.5);} .sys-has-video:hover .video-ico{opacity: 1;visibility: visible;transform:translate(-50%,-50%); border-radius: 50%; } .sys-has-video:hover img{transform: scale(1.08);} /* ------------------- web-head ------------------- */ .web-head .top-notice{background-color: rgba(255,255,255,.1);height: 0;overflow: hidden; opacity: 0; transition: all .3s ease;position: relative;} .web-head .top-notice::before{content: '';display: block;width: 100%;height: 1px;background-image: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.2) 50%,rgba(255,255,255,0));position: absolute;left: 0;bottom: 0;} .web-head .top-notice .layout{padding: 12px 0;text-align: center;position: relative;} .web-head .top-notice .notice-txt{display: inline; vertical-align: middle; color: #fff;font-size: 15px;letter-spacing: .8px; } .web-head .top-notice .sys-btn{margin-left: 25px;font-size: 13px;background: #fff;border: 0;border-radius: .35em;color: #6d5df1;padding: .35em 1.5em; vertical-align: middle;letter-spacing: 1px; text-indent: -1px;} .web-head .top-notice .sys-btn:hover{color: #6d5df1!important;} .web-head .top-notice .sys-btn::before{display: none;} .web-head .top-notice .notice-close{display: inline-block;} .web-head .top-notice .top-btn-close{display: inline-block;width: 32px;height: 32px;background-repeat: no-repeat;background-position: center;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANBAMAAABr8kJMAAAALVBMVEUAAAD///////////////////////////////////////////////////////+hSKubAAAADnRSTlMAEDDPYO+fj9+vcL9AIPs0gPIAAABYSURBVAjXY5BcwMDAwF7AwBQCpBcLMDDoOTCwBALZLI8YXBUYgMBVqYkBBLhCD4BpphcCYFrCzRBEMZozbAYJCCcAEZCeBhQyY2BgMwCyrxYweILkmPYAAKKXDRlYa+LwAAAAAElFTkSuQmCC);position: absolute;left: 100%;top: 50%;margin-top: -16px;margin-left: 50px;cursor: pointer;border-radius: .35em;} .web-head .top-notice .top-btn-close:hover{background-color: rgba(0,0,0,.08);} .web-head .top-notice.pop-active {height: 52px;padding-bottom: 1px;opacity: 1; transition: all .6s ease;} .web-head{width: 100%;position: absolute;left: 0;top: 0;z-index: 11} .web-head .head-layer{width: 100%;z-index: 6; left: 0;top: 0; } .web-head .head-layer .layout{ width: 100%; max-width: inherit; align-items: center; justify-content: space-between; padding: 0 50px;} .web-head .head-layer .layout:after{display: none;} .web-head .head-logo{padding: 8px 0% 8px 0;min-width: 15%;} .web-head .head-logo img{max-width: 170px;height: auto;} .web-head .head-nav{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;} .web-head .nav-wrap{} .web-head .nav-wrap,.web-head .nav-wrap a{color: #fff;} .web-head .head-nav-menu{text-align: center;} .web-head .head-nav-menu>ul>li{display: inline-block;} .web-head .head-nav-menu>ul>li .menu-txt{display: inline-block; letter-spacing: 2px; padding: 0 .6em; vertical-align: middle;position: relative;} .web-head .head-nav-menu>ul>li>a{display: inline-block;line-height: 80px; font-size: 1.142857em; padding: 0 1.65em; position: relative;z-index: 2; vertical-align: top; transition: color .4s ease;} .web-head .head-nav-menu>ul>li>a>.menu-txt:before{content: '';display: block;width: 0%;height: 2px;background-color: #fff;position: absolute;left: 50%;bottom: 0px;opacity: 0;transition: all .4s ease;} /* .web-head .head-nav-menu>ul>li:hover>a, .web-head .head-nav-menu>ul>li.current>a{color: #fff;} */ .web-head .head-nav-menu>ul>li.current>a>.menu-txt:before{width: 100%;left: 0;opacity: 1;} .web-head .nav-wrap .head-sub-nav{width: 100%;position: absolute;left: 0;top: 100%;background-color: #fff; background-clip: padding-box; border-top: 8px solid transparent; opacity: 0; visibility: hidden;transition: all .4s ease;pointer-events: none; transition-delay: .05s;transform: scale(1,.88); transform-origin: center 0;} .web-head .nav-wrap .head-sub-nav .sub-nav-layout{ width: 92%; max-width: 1200px;margin: 0 auto;overflow: hidden;} .web-head .nav-wrap .head-sub-nav{padding: 8px;} .web-head .nav-wrap .sub-nav-layer{max-height: calc(95vh - 140px);overflow: hidden;overflow-y: auto;} .web-head .nav-wrap .sub-nav-layer::-webkit-scrollbar { width:6px; height:6px;} .web-head .nav-wrap .sub-nav-layer::-webkit-scrollbar-thumb {background:#35d2f5 ;border-radius: 10px;} .web-head .nav-wrap .sub-nav-layer::-webkit-scrollbar-thumb:hover { background:#35d2f5;} .web-head .nav-wrap .head-sub-menu{margin:0 -20px;padding: 25px 0 60px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;} .web-head .nav-wrap .head-sub-menu>li{width: 25%;padding:30px 20px;position: relative;text-align: left;} .web-head .nav-wrap .head-sub-menu>li .sub-menu-tit{font-size: 18px;margin-bottom: .8em;} .web-head .nav-wrap .head-sub-menu>li .sub-menu-tit, .web-head .nav-wrap .head-sub-menu>li .sub-menu-tit a{color: #3abff3;} .web-head .nav-wrap .head-sub-menu>li .sub-menu-desc{font-size: 13px;line-height: 1.8em;max-width: 330px;} .web-head .nav-wrap .head-sub-menu>li .sub-menu-desc, .web-head .nav-wrap .head-sub-menu>li .sub-menu-desc a{color: #757575;} .web-head .nav-wrap .head-sub-menu>li::after{content: '';display: block;width: 0%;height: 2px; position: absolute;right: 0;bottom: 0; background-image:linear-gradient(to right,#34d2f4,#5c4aed);opacity: 0;transition: all .6s ease;} .web-head .nav-wrap .head-sub-menu>li:hover::after{left: 20px;right: auto;width:calc(100% - 20px);opacity: 1;} .web-head .nav-wrap .head-sub-menu-2{padding-bottom: 55px;} .web-head .nav-wrap .head-sub-menu-2>li{width: 33.3333%;} .web-head .nav-wrap .head-app-nav .sub-nav-layout{overflow: visible;max-width: 100%;} .web-head .nav-wrap .head-app-menu{margin:0 -20px;padding: 35px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content: center;} .web-head .nav-wrap .head-app-menu>li{min-width: 88px;text-align: center;display: flex;position: relative;} .web-head .nav-wrap .head-app-menu>li, .web-head .nav-wrap .head-app-menu>li a{color: #3abff3;} .web-head .nav-wrap .head-app-menu>li .app-menu-inner{display: block; width: 100%; padding:15px 10px;border-radius: 8px;transition: all .3s ease;position: relative;z-index: 1;border: 1px solid #fff;} .web-head .nav-wrap .head-app-menu>li .app-menu-ico{display: inline-flex;height: 32px; justify-content: center; align-items: center; margin-bottom: 8px;} .web-head .nav-wrap .head-app-menu>li .app-menu-ico img{max-width: 100%;max-height: 100%;} .web-head .nav-wrap .head-app-menu>li .app-menu-txt{display: block;font-size: 13px;max-width: 4.5em;margin: 0 auto;line-height: 1.3em;} .web-head .nav-wrap .head-app-menu>li .app-menu-inner:hover{box-shadow: 0 15px 35px -15px rgba(192,210,248,.5);border: 1px solid #cfe6e0;transform: translateY(-5px);} .web-head .nav-wrap li:hover .head-sub-nav{transform: none; opacity: 1; visibility: visible;pointer-events: auto;transition-delay: 0s;box-shadow:0 20px 50px rgba(40,60,120,.23);} .head-fixed .nav-wrap .head-sub-nav{border-top: 0;} .web-head .head-right{min-width: 15%;display: inline-flex;justify-content: flex-end;} .web-head .mobile-head-btns{display: none;} .web-head .head-login{display: inline-block; vertical-align: middle;} .web-head .head-login .sys-btn{margin-left: 8px; vertical-align: middle;} .web-head .sys-btn::before{display: none;} .web-head .nav-wrap .head-login{display: none;} .web-head .sys-btn {color: #2697e7; background: #fff;border-color: #fff;padding: .3em 1.35em;} .web-head .sys-btn-outline{background-color: #fff;color: #fff!important; background-color: transparent;} .web-head .sys-btn:hover, .web-head .sys-btn-outline:hover{background-color: #fff;border-color: #fff;color: #2697e7!important;} .web-head .language-ico{display: inline-block;vertical-align: middle;} .web-head .language-ico::before{content: '';display: block;opacity: .9;width:20px;height:20px;background-repeat: no-repeat;background-position: center; -webkit-background-size:contain;background-size:contain;background-image: url(./../img/head_ico_language.png);} .web-head .change-language-title{line-height: 80px;} .web-head .change-language-title .language-flag .language-txt{font-size: 14px;} .web-head .change-language{display: inline-block;position: relative;vertical-align: middle;margin-left: 20px;} .web-head .change-language-title .language-flag span{padding-left: 0;vertical-align: middle;font-size: 16px;} .web-head .change-language .change-language-cont {line-height: 1.5em;} .web-head .change-language .change-language-cont{top: 100%;border-color: #ddd; border-radius:.5em; } .head-fixed .head-layer{transform: translateY(-100%);position: fixed;} .head-fixed-active .head-layer{transform: translateY(0%);transition: all .6s ease;box-shadow:0 3px 20px rgba(0,0,0,.1);background-color: #6d6def;background-image: linear-gradient(to right,#5b4bec,#37c5f3);} .head-fixed .head-logo{padding-top: 5px;padding-bottom: 5px;} .web-head .head-nav-menu>ul>li>a>.menu-txt:before{height: 2px;} .head-fixed .head-nav-menu>ul>li>a, .head-fixed .change-language-title{line-height: 62px;} @media screen and (min-width:1024px){ .web-head .head-nav-menu:hover>ul>li>a>.menu-txt:before{width: 0;left: 50%;opacity: 0;} .web-head .head-nav-menu>ul>li:hover>a>.menu-txt:before{width: 100%;left: 0;opacity: 1;} } /* ------------------- web-foot ------------------- */ .web-foot{} .web-foot,.web-foot a{color: #fff;} .web-foot a:hover{color: rgba(255,255,255,.8);} .web-foot::before{content: '';display: block;width: 100%;height: 160px;background-repeat: no-repeat;background-position: center bottom;margin-bottom: -1px; background-size: 100% auto;background-image: url(./../img/foot_bg.png);} .web-foot .foot-intro{} .web-foot .foot-logo {margin-bottom: 20px;} .web-foot .foot-logo img{max-height: 55px;width: auto;margin-left: -5px;} .web-foot .foot-desc{margin-bottom: 25px;line-height: 1.8;} .web-foot .sys-btn{ color: #3e75e1!important; box-shadow: 0 0 0 25px rgba(0,0,0,0);font-weight: bold;letter-spacing: 1px;border: 0;} .web-foot .sys-btn::before{display: none;} .web-foot .sys-btn .btn-arrow:before,.web-foot .sys-btn .btn-arrow:after{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMBAMAAACkW0HUAAAAIVBMVEUAAAA+deE+deE+deE+deE+deE+deE+deE+deE+deE+deEPXD8PAAAACnRSTlMA0iq+xhmymSYNAzrJGQAAADdJREFUCNdjYGBgdmIAAZaFCiCKSUoIzFVEcK1WAcFCCLUcIpgAVrJ4ApjjCuIwLgwAUcwSDAwA9+EMkykhhUwAAAAASUVORK5CYII=);} .web-foot .sys-btn:hover{background-color: #fff; color:#3e75e1!important;box-shadow: 0 0 0 6px rgba(0,0,0,.04);} .web-foot .foot-content{background-color: #3e75e1;} .web-foot .foot-items{padding: 40px 0; justify-content: space-between;width: 100%;} .web-foot .foot-item{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;padding: 0; max-width: 28%;} .web-foot .foot-item+.foot-item{padding-left: 5%;} .web-foot .foot-item:nth-of-type(2),.web-foot .foot-item:nth-of-type(4){max-width: 220px;} .web-foot .foot-item:nth-of-type(3){max-width: 30%;} .web-foot .foot-item-hd{padding-top: 25px;margin-bottom: 25px;} .web-foot .foot-item-hd a:hover{color: #fff;} .web-foot .foot-item-hd .title{font-size: 1.2857em;letter-spacing: 1px;} .web-foot .foot-item-bd{} .web-foot .foot-txt-list li{margin-bottom: 8px;position: relative;} .web-foot .foot-txt-list li{margin-bottom: 8px;} .web-foot .foot-txt-list li a{display: inline-block;padding-right: 1em; vertical-align: middle;max-width: 100%; text-overflow: ellipsis;overflow: hidden; position: relative;} .web-foot .foot-txt-list li a::before{content: '';display: block;width: 0%;height: 1px;position: absolute;right: 0;bottom: 1px;background-color: rgba(255,255,255,.7);} .web-foot .foot-txt-list li a:hover::before{width: 100%;left: 0;right: auto;} .web-foot .foot-about{} .web-foot .foot-about .about-more{padding-top: 1.5em;} .web-foot .foot-about .about-more>a::before{content: '>>';padding-right: .5em;} .web-foot .foot-blog-list li{margin-bottom: 1em; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;position: relative;} .web-foot .foot-blog-list li a{display: block;position: relative;} .web-foot .foot-qrcode-img{display: inline-block;background-color: #fff;border-radius: 8px;padding: 8px;} .web-foot .foot-bar{border-top: 1px solid rgba(255,255,255,.2);padding: 15px 0 25px;margin-top: 15px;text-align: center;} .foot-fixed-bar {display: none;} /* ------------------- side-inquiry ------------------- */ .side-inquiry{ position: fixed;right: 10px;top: 50%;transform: translateY(-10%);z-index: 5;padding:0 10px 10px 0;opacity: 0;visibility: hidden;} .side-inquiry .inquiry-wrap{position: relative;z-index: 2;} .side-inquiry .inquiry-wrap:before{content: '';display: block;width: 70px;height: 100%;position: absolute;left: -33px;top: 0;background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; background-image: url(./../img/index_contact_figure.png); } .side-inquiry .inner-box{display: block;width: 80px; padding: 18px 5px;border-radius: 20px;background-color: #f6f8f7; min-height: 100px; border: 3px solid transparent;background-clip: padding-box, border-box;background-origin: padding-box, border-box;background-image: linear-gradient(120deg, #fff, #fff), linear-gradient(120deg, #35d2f5, #604eee);} .side-inquiry .inquiry-link{display: block;width: 100%;height: 100%;position: absolute;right: 0;top: 0;z-index: 1;} .side-inquiry .inquiry-txt{display: block; color: #4b56ee;text-transform: uppercase;font-weight: bold;text-align: right; background-image: linear-gradient(to right,#604eee 60%,#35d2f5);-webkit-background-clip: text;-webkit-text-fill-color: transparent; } .side-inquiry .inquiry-ico{display: block;width: 30px;height: 30px; margin-left: 30px; background-repeat: no-repeat;background-position: center; background-image: url(./../img/sys_ico_email.png);} .side-inquiry .inquiry-close{display: inline-block;width: 24px;height: 24px;; background-color: #3e75e1; background-image: linear-gradient(120deg, #35d2f5, #604eee); position: absolute;left: 50%; top: 100%; margin-top: 7px; margin-left: -12px; border-radius: 50%; cursor: pointer; opacity: 0;visibility: hidden; transform: translateY(-20%);} .side-inquiry .inquiry-close::before{content: '';display: block;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAMAAADXT/YiAAAAP1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////9Du/pqAAAAFHRSTlMAY7aEaDj7mJNdz8WxraqOgHlKMHE9HoQAAABASURBVAjXJYvJEQAhDMOcBNj7dv+1rgl6ePSQcQY6746LRVLpQKHh4wRhfNqM5OY2pDbnkqLGpBo1ugX8yCTWH1g6Adgn+OzuAAAAAElFTkSuQmCC);} .side-inquiry .inquiry-wrap{animation:advImgJump 3.5s ease infinite;animation-play-state: paused;} .side-inquiry .inquiry-wrap:hover{animation-play-state: running;} .side-inquiry .inquiry-wrap:hover .inner-box{background-color: #fff;} /* .side-inquiry .inquiry-wrap:hover .inquiry-ico{animation: swing .9s ease;} */ .side-inquiry:hover .inquiry-close{opacity: 1;visibility: visible; top: 100%; transition-delay: .3s; transform: translateY(0%);} .side-inquiry.pop-active{opacity: 1;visibility: visible;transform: translateY(-50%); transition: all .6s ease; } body .aiccc-client{right: 20px;} /* 2023-06-22 */ /* 移动端隐藏 */ .sys-mobile-show{display: none!important;} @media screen and (max-width:768px) { .sys-mobile-show{display: block!important;} .sys-pc-show{display: none!important;} } /* -------------------- 右侧服务 -------------------- */ .aside-sv-widget{width: 60px; position: fixed;right:20px;top: 50%;transform: translateY(-50%);font-size: 14px;z-index: 3; } .aside-sv-widget,.aside-sv-widget a{color: #333;} .aside-sv-widget .aside-sv-items{border: 1px solid #e9e9e9; box-shadow: 0 5px 20px rgba(0,0,0,.1);border-radius: 5px;background-color: #fff;} .aside-sv-widget .aside-sv-item{display: block; position: relative; transform: scale(1);transition: all .3s ease; text-decoration: none; cursor: default; } .aside-sv-widget a.aside-sv-item{cursor: pointer;} .aside-sv-widget .aside-sv-item+.aside-sv-item{border-top: 1px solid rgba(0,0,0,.06);} .aside-sv-widget .aside-sv-item .sv-item-hd{ text-align: center;background-image:linear-gradient(to bottom,#fff,#f5f6fc); padding: 12px 0;position: relative;z-index: 2;transition: all .3s ease;} .aside-sv-widget .aside-sv-item:first-child .sv-item-hd{border-radius: 5px 5px 0 0;} .aside-sv-widget .aside-sv-item:last-child .sv-item-hd{border-radius:0 0 5px 5px;} .aside-sv-widget .aside-sv-item .sv-item-ico{display: block;width: 24px;height: 24px;margin: 0 auto;background-repeat: no-repeat;background-position: center; background-size: contain; filter: grayscale(100%);transition: all.3s ease;} .aside-sv-widget .aside-sv-item .sv-ico-tel{background-image: url(./../img/sv_ico_tel.png);} .aside-sv-widget .aside-sv-item .sv-ico-weixin{background-image: url(./../img/sv_ico_weixin.png);} .aside-sv-widget .aside-sv-item .sv-item-txt{display: block;max-width: 2em;padding-top: .35em;margin: 0 auto;line-height: 1.1;} .aside-sv-widget .aside-sv-item .sv-item-pop{position: absolute;font-size: 16px;right: 50%;top: 50%; padding-right: 25px; transform: translateY(-50%); visibility: hidden; opacity: 0;transition: all .3s ease;} .aside-sv-widget .aside-sv-item .sv-item-cont{display: inline-block;white-space: nowrap; padding: .8em;background-color: #fff;box-shadow: 0 0 25px rgba(168,173,184,.47),-1px 1px 0 1px rgba(0,0,0,.03);border-radius: 5px;position: relative;} .aside-sv-widget .aside-sv-item .sv-item-cont::before{content: '';display: block;width: 0;height: 0;border: 12px solid #fff;border-right-width: 0; border-top-color: transparent; border-bottom-color: transparent; position: absolute;left: 100%;top: 50%; transform: translateY(-50%);} .aside-sv-widget .aside-sv-item .sv-cont-txt{padding: 0 1em;background-image: linear-gradient(to bottom,#333 20%,#000);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background: none\0;} .aside-sv-widget .aside-sv-item .sv-qrcode-box{text-align: center;padding: .2em;} .aside-sv-widget .aside-sv-item .sv-qrcode-tit{display: none;} .aside-sv-widget .aside-sv-item .sv-qrcode-img img{display: block;margin: 0 auto;max-width: 110px;} .aside-sv-widget .aside-sv-item .sv-qrcode-txt{display: block;font-size: 1em;padding-top: 0.2em;} .aside-sv-widget .aside-sv-item:hover{box-shadow: 0 0 35px rgba(168,173,184,.25); z-index: 1;} .aside-sv-widget .aside-sv-item:hover .sv-item-hd{color: var(--threen_color);} .aside-sv-widget .aside-sv-item:hover .sv-item-ico{filter: grayscale(0%);} .aside-sv-widget .aside-sv-item:hover .sv-item-pop{visibility: visible; opacity: 1;right: 100%; } @media screen and (max-width:768px) { .aside-sv-widget{width:calc(100% - 150px); top: auto; right: 130px; bottom: 70px;transform: none;box-sizing: border-box;max-width: 350px;transition: opacity .2s ease,transform .2s ease;} .aside-sv-widget .aside-sv-items{display: flex; width: 100%; border: 0;box-shadow: 0 5px 20px rgba(53,210,245,.15));} .aside-sv-widget .aside-sv-item {flex:1;min-width: 0;position: static; } .aside-sv-widget .aside-sv-item+.aside-sv-item{border: 0;} .aside-sv-widget .aside-sv-item .mobile-tel{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .aside-sv-widget .aside-sv-item .sv-item-hd{display: flex;width: 100%;justify-content: center;align-items: center;padding: 11px 0;border-radius:5px 0 0 5px; position: relative;} .aside-sv-widget .aside-sv-item .sv-item-pop{display: none;} .aside-sv-widget .aside-sv-item .sv-item-ico, .aside-sv-widget .aside-sv-item .sv-item-txt{display: inline-block;margin: 0;} .aside-sv-widget .aside-sv-item .sv-item-ico{filter: grayscale(0%);} .aside-sv-widget .aside-sv-item .sv-item-txt{width: auto;max-width: inherit;padding-left: .5em;} .aside-sv-widget .aside-sv-item:first-child .sv-item-hd{border-radius: 5px 0 0 5px;} .aside-sv-widget .aside-sv-item:last-child .sv-item-hd{background-image: linear-gradient(to right,#35d2f5 20%,#4b56ee);border-radius: 0 5px 5px 0;} .aside-sv-widget .aside-sv-item:last-child .sv-item-hd, .aside-sv-widget .aside-sv-item:last-child .sv-item-hd a{color: #fff;} .aside-sv-widget .aside-sv-item .sv-ico-weixin{background-image: url(./../img/sv_ico_weixin_mobile.png); background-size: auto 85%;position: relative;} .aside-sv-widget .aside-sv-item .sv-ico-weixin:before{content: attr(data-num); font-family: Arial; display: inline-block;width: 15px;height: 15px; line-height: 16px; overflow: hidden; border-radius: 50%;font-size: 12px; font-weight: bold; background-color: #fff;border-radius: 50%;color: #39bff2; font-weight: bold; position: absolute;left: 65%;top: -4px;transform: scale(.55);} .aside-sv-widget .sv-close-btn{display: inline-block;width: 1.4em;height: 1.4em;background-color: #35d2f5;border-radius: 50%;position: absolute;left: -.7em;bottom: 100%;margin-bottom: -.7em;cursor: pointer;z-index: 2;background-repeat: no-repeat;background-position: center;background-size: auto 42%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAASxJREFUWEfNV7ERAiEQ3KvDzFB7MTQxtg8jx0KMHDMLsAm1BNvAYebfgfeBW+DlP+Vud7m/W0DQ+JPG/PgKMMYcAOwB3AEcReRVU5wxZgXgBGAJ4Coils8T8ACw7kifALa1RHTkFwf/LSKLoYAzgJ2z6yoiRsgtxU1ENkMBtkSuSrteJCJA7mF6TahJ0PaFFutnCrSJMSEMxugYMgBDIWxu0AdYICskJydqRAwgE+tWLemEGmBNTKhnkgJSpe2As8dXJSAhwi73Dkp7h1pARIRbXdq4KAEJETS5Z8WFDkeXvuejKhDo9v/8gsioTd+EsTmffAw1JqOJyTIiBpiJVVlxDmBOzvyO45xdlNwJ5nMlq7HznEq4D5Pm1/LmD5O2TzPtaVg7jjoNa5NbvA8mWCAw/HU2EwAAAABJRU5ErkJggg==);-webkit-tap-highlight-color:transparent;} .aside-sv-widget .sv-item-mobile-pop:hover .sv-item-pop, .aside-sv-widget .sv-item-mobile-pop .sv-item-pop{ display: block; padding-right: 0; width: 55vw;height: auto;position: fixed;z-index: 5;right: auto; left: 50%; top: 0;opacity: 1;visibility: visible;transform: translateX(-50%);top: auto;bottom: 100%;margin-bottom: 5px;opacity: 0;visibility: hidden;transition: all .15s ease;} .aside-sv-widget .sv-item-mobile-pop .sv-item-cont{display: block;white-space: normal;padding: 20px;} .aside-sv-widget .sv-item-mobile-pop .sv-qrcode-img img{max-width: 100%;} .aside-sv-widget .sv-item-mobile-pop .sv-item-cont::before{left: 50%;top: 100%;transform: translateX(-50%);border: 10px solid #fff;border-left-color: transparent;border-right-color: transparent; border-bottom: 0;} .aside-sv-widget .sv-item-mobile-pop .sv-qrcode-box{padding: 0;} .aside-sv-widget .sv-item-mobile-pop .sv-qrcode-txt{display: none;} .aside-sv-widget .sv-item-mobile-pop .sv-qrcode-tit{display: block;padding-bottom: 10px;} .aside-sv-widget .sv-item-mobile-pop .sv-qrcode-tit h4, .aside-sv-widget .sv-item-mobile-pop .sv-qrcode-tit h5{font-weight: normal;} .aside-sv-widget .sv-item-mobile-pop .sv-qrcode-tit h4{font-size: 15px;} .aside-sv-widget .sv-item-mobile-pop .sv-qrcode-tit h5{font-size: 13px;} .aside-sv-widget .sv-item-active:hover .sv-item-pop, .aside-sv-widget .sv-item-active .sv-item-pop{opacity: 1;visibility: visible;margin-bottom: 20px;transform: translateX(-50%);} body .aiccc-client{bottom: 0;right:0;visibility: visible;} body .aiccc-client .aiccc-controls{right: 15px!important;bottom: 52px!important;} .mobile-nav-active .aiccc-client{z-index: 3;} .aside-sv-hide {opacity: 0;visibility: hidden; transform: translateY(100%);} body .aiccc-controls .aiccc-service-avatar,body .aiccc-controls .aiccc-service-avatar img{width: 58px;height: 58px;} body .aiccc-control-simple .aiccc-btn{display: block; padding: .2em .4em;} } @media screen and (max-width:640px) { .aside-sv-widget{width:calc(100% - 115px); right: 90px!important; bottom: 52px!important;max-width: 100%;} } /* ======================================================== page: Index ------------------------------------------------------*/ /* index-slider */ .index-slider-banner{margin-bottom: 20px;position: relative;overflow: hidden;} .index-slider-banner .layout{max-width: 1500px;} .index-slider-banner .slider-banner-item{display: flex;align-items: center;position: relative;} .index-slider-banner .slider-branner-img img{width: 100%;height: auto;} .index-slider-banner .slider-banner-cont{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: center;padding-top: 3.5%; } .index-slider-banner .banner-cell{font-size: 16px;justify-content: space-between;} .index-slider-banner .banner-cell-left{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;margin-right: 5%;position: relative;} .index-slider-banner .banner-cell-left, .index-slider-banner .banner-cell-left a{color: #fff;} .index-slider-banner .banner-info-slider{padding-top: 1.5em; /* padding-left:300px;margin-left: -300px; */overflow: hidden;} .index-slider-banner .banner-info-item{ overflow: visible;transition: opacity .4s ease;} .index-slider-banner .banner-cell-title{font-size: 2.5em; line-height: 1.2; margin-bottom: 0.6em; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden} .index-slider-banner .banner-cell-desc{line-height: 2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;color: rgba(255,255,255,.8);} .index-slider-banner .swiper-slide-prev{opacity: 0;} .index-slider-banner .swiper-slide-active{} .index-slider-banner .swiper-slide-active .banner-cell-title{animation: fadeInRightA .9s ease; } .index-slider-banner .swiper-slide-active .banner-cell-desc{animation: fadeInRightA 1.1s ease;} .index-slider-banner .swiper-slide-active .banner-cell-more{animation: fadeInRightA 1.2s ease;} .index-slider-banner .banner-cell-more{padding-top: 2.5em;} .index-slider-banner .btn-learnmore,.index-slider-banner a.btn-learnmore{display: inline-block;text-align: center; font-size: 1.25em; color:#6d5df1;transition: all .4s ease-out 0s;background-color: #fff;border-radius: .4em; border: 2px solid #fff;padding: .35em 1.6em;overflow: hidden;outline: 0;} .index-slider-banner .btn-learnmore .btn-txt{ background-image: linear-gradient(to right,#604eee 30%,#35d2f5 50%,#fff 70%);background-size: 200% auto;transition: all .4s ease;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background: none\0; } .index-slider-banner .btn-learnmore:hover, .index-slider-banner a.btn-learnmore:hover{background: rgba(255,255,255,0);} .index-slider-banner .btn-learnmore:hover .btn-txt{background-position: right 0;} .index-slider-banner .banner-cell-right{width: 56.5%;} .index-slider-banner .banner-video-wrap{ /* width: 595px;max-width: 90%;margin: 0 auto; */ position: relative; } .banner-video-wrap .banner-video-inner{ box-shadow: 10px 10px 35px rgba(70,125,235,.7); padding: 56% 0 0; border-radius: 15px;position: relative;overflow: hidden; } .banner-video-wrap .banner-video-box {z-index: 1;} .banner-video-wrap .banner-video-box video{width: 100%;height: 100%;object-fit: cover;} .banner-video-wrap .banner-video-poster, .banner-video-wrap .banner-video-box, .banner-video-wrap .mobile-video-inner{width: 100%;height: 100%; position: absolute;left: 0;top: 0;} .banner-video-wrap .banner-video-poster{object-fit: cover;z-index: 1;transition: all .3s ease;} .banner-video-wrap .banner-video-btn{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background-color: rgba(0,0,0,.1);transition: all .3s ease;} .banner-video-wrap .sys-video-btn{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto; cursor: pointer;z-index: 2;} .video-active .banner-video-box{opacity: 1;visibility: visible;} .video-active .banner-video-btn{opacity: 0;visibility: hidden;} .video-poster-hide .banner-video-poster{opacity: 0;visibility: hidden;} .index-slider-banner .swiper-buttons{text-align: right;position: absolute;right: 0;bottom: 1.5em;} .index-slider-banner .swiper-button-next, .index-slider-banner .swiper-button-prev{display: inline-block;width: 42px;height: 42px;border-radius: 50%; background-color: transparent; background-repeat: no-repeat;background-position: center; position: static;opacity: 1;display: inline-block;border: 2px solid rgba(255,255,255,.9);border-radius: 50%;position: relative;margin: 0;left: auto;right: auto;outline: 0;} .index-slider-banner .swiper-button-prev:before, .index-slider-banner .swiper-button-next:before, .index-slider-banner .swiper-button-prev:after, .index-slider-banner .swiper-button-next:after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: 50%;background-repeat: no-repeat;background-position: center;transition: all .4s ease;} .index-slider-banner .swiper-button-prev:after, .index-slider-banner .swiper-button-next:after{background-size: auto 42%;} .index-slider-banner .swiper-button-prev:before, .index-slider-banner .swiper-button-next:before{background-image: linear-gradient(120deg,#35d2f5, #4b56ee);opacity: 0;} .index-slider-banner .swiper-button-prev:hover:before, .index-slider-banner .swiper-button-next:hover:before{opacity: 1;} .index-slider-banner .swiper-button-next{margin-left: .3em;} .index-slider-banner .swiper-pagination{display: none;} .banner-badges .badge-item{display: inline-block;position: absolute;left: 0;top: 0;z-index: 3;} .banner-badges .badge-item-inner{display: inline-block; min-width: 100px;text-align: center; color:#fff;font-size: 1.5em; background-color: #3e75e1;border-radius: 10px;text-align: center;padding: 8px 10px; transform: scale(.82); } .banner-badges .badge-item .badge-ico{ content: ''; display: block;width:32px;height:32px;margin: 0 auto;background-position: center;background-repeat: no-repeat; background-size: contain;} .banner-badges .badge-item-inner::after{content: '';display: block;width: 22px;height: 22px;background-color: #3e75e1; border-radius: 6px;transform: rotate(45deg); position: absolute;left: 50%;margin-left: -11px;bottom: -9px;} .banner-badges .badge-txt{display: block;position: relative;z-index: 1;line-height: 1.2;} .banner-badges .badge-video .badge-item-inner, .banner-badges .badge-video .badge-item-inner::after{background-color: #bed2ff;} .banner-badges .badge-video{z-index: 0;left: -72px; top: -55px; } .banner-badges .badge-video .badge-item-inner{transform: rotate(-35deg) scale(.9);} .banner-badges .badge-video .badge-ico{background-image: url(./../img/banner_ico_video.png);} .banner-badges .badge-email{left: 93%;top: -45px;} .banner-badges .badge-email .badge-item-inner{transform: rotate(25deg) scale(.9);} .banner-badges .badge-email .badge-ico{background-image: url(./../img/banner_ico_email.png);} .banner-badges .badge-review{ left: 72%; top: 100%;margin-top: -20px;} .banner-badges .badge-review .badge-item-inner{min-width: 110px;transform: rotate(4deg);font-size: 1.6em;} .banner-badges .badge-review .badge-ico{ width: 40px;height: 40px; background-image: url(./../img/banner_ico_review.png);} .banner-badges .badge-review .badge-item-inner::after{width: 28px;height: 28px;margin-left: -14px;bottom: -11px;} .banner-badges .badge-review .badge-item-inner, .banner-badges .badge-review .badge-item-inner::after{background-color: #fdcd83;} .banner-badges .badge-tag{left: -85px;top: 66%;} .banner-badges .badge-tag .badge-item-inner{ transform: rotate(6deg) scale(.96);} .banner-badges .badge-tag .badge-item-inner, .banner-badges .badge-tag .badge-item-inner::after{background-color: #4fb0ea;} .banner-badges .badge-tag .badge-ico{background-image: url(./../img/banner_ico_tag.png);width: 34px;height: 34px;} .index-slider-banner .badge-item{ animation:advImgJump 6s ease infinite;animation-play-state: paused; } .index-slider-banner .badge-item:hover{ animation-play-state: running;} body .swiper-pagination-bullet{display: inline-block;width: 9px;height: 6px;overflow: hidden; border-radius: 6px; background-color: #39bff2;margin: 0 5px; transition: .6s ease;} body .swiper-pagination-bullet-active{width: 55px;background-image: linear-gradient(to right,#35d2f5 50%,#4b56ee);} /* index-layer */ .index-layer{padding: 4.6875em 0;font-size: 16px;overflow: hidden;color: #757575;} .index-layer .layout{max-width: 1200px;} .index-brand .layout, .index-customize .layout, .index-human .layout{max-width: 1500px;} .index-layer-hd{text-align: center;padding-bottom: 3.125em;} .index-layer-hd .layer-title{display: inline-block;font-size: 2.5em; line-height: 1.2;margin-bottom: .25em; background-image: linear-gradient(to right,#35d2f5 60%,#4b56ee);-webkit-background-clip: text;-webkit-text-fill-color: transparent; background: none\0;} .index-layer-hd .layer-desc{font-size: 1.125em;} .index-layer-hd .layer-desc,.index-layer-hd .layer-desc a{color: #929292;} .index-layer-bd{} .index-layer .btn-box{padding-top: 30px;} .index-txt-list li{position: relative;padding-left: 20px;margin-bottom: 1em;} .index-txt-list li::before{content: '';display: block;width: 6px;height: 6px;border-radius: 50%;background-color: #39bff2;position: absolute;margin-left: -20px;margin-top: 9px;} /* arrow-btn */ .index-layer .swiper-button-prev,.index-layer .swiper-button-next{width:55px;height:55px;line-height:55px;opacity: 1; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-color: transparent;} .index-layer .swiper-button-prev:before,.index-layer .swiper-button-next:before{display: none;} .index-layer .swiper-button-prev{left: 0;} .index-layer .swiper-button-next{right: 0;} /* index-digital-video */ .index-digital-video .banner-video-wrap{max-width: 850px;margin: 0 auto;} .index-digital-video .banner-video-wrap .banner-video-inner{box-shadow:none;} /* index-brand */ .index-brand{padding-top: 3.5em;padding-bottom: 3.4375em;} .index-brand .brand-slider{margin: 0 -15px;} .index-brand .brand-items{align-items: center;} .index-brand .brand-item{display: inline-block; width: 12.5%;text-align: center;} .index-brand .brand-item img{max-width: 72%;height: auto;filter: grayscale(100%);opacity: 0.5;} .index-brand .brand-item:hover img{filter: none; opacity: 1;} /* index-customize */ .index-customize{} .index-customize .customize-items{margin: -2.3%; } .index-customize .customize-item{ width: 33.3333%; padding: 2.3%;position: relative;} .index-customize .customize-item a{display: block;} .index-customize .customize-item .item-img{padding: 60% 1px 1px;position: relative;border-radius: 10px;overflow: hidden;box-shadow: 0 25px 45px -25px rgba(192,210,248,.5);transition: all .4s ease; background-image: linear-gradient(120deg, #bbe9f9, #cad9f6);} .index-customize .customize-item .item-img::before, .index-customize .customize-item .item-img::after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all .3s ease;} .index-customize .customize-item .item-img::before{background-image: linear-gradient(120deg, #bbe9f9, #cad9f6);} .index-customize .customize-item .item-img::after{background-image: linear-gradient(120deg, #35d2f5, #4b56ee);opacity: 0;} .index-customize .customize-item .item-img img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;z-index: 2;background-color: #fff;border: 1px solid rgba(255,255,255,0);background-clip: content-box;border-radius: 10px;} .index-customize .customize-item+.customize-item::before{content: '';display: block;width: 27px;height: 27px;background-repeat: no-repeat;background-position: center;background-image: url(./../img/index_ico_plus.png);position: absolute;left: 0; top: 50%; margin-left: -13.5px;margin-top: -14px;} .index-customize .customize-item .item-img:hover img{border-width: 1px;} .index-customize .customize-item .item-img:hover::after{opacity: 1;} .index-customize .customize-item .item-img:hover{box-shadow: 0 30px 55px -25px rgba(192,210,248,.8); transform: translateY(-5px);} /* index-efficiency */ .index-efficiency{} .index-efficiency .layout{max-width: 1250px;} .index-efficiency .efficiency-items{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;min-width: 100%;margin: -20px -45px -30px;} .index-efficiency .efficiency-item{width: 33.3333%;text-align: center;position: relative;} .index-efficiency .efficiency-item .item-inner{display: block; padding: 8px 45px 25px;cursor: default;position: relative;z-index: 1;transition: all .4s ease;} .index-efficiency .efficiency-item a.item-inner{cursor: pointer;} .index-efficiency .efficiency-item .item-img{display: flex;width: 100%; height: 180px;justify-content: center;align-items: flex-end;margin-bottom: 20px;transition: all .4s ease;} .index-efficiency .efficiency-item .item-img img{max-width: 100%;max-height: 150px;} .index-efficiency .efficiency-item .item-info{max-width: 355px;margin: 0 auto;transition: all .4s ease;} .index-efficiency .efficiency-item .item-tit{font-size: 1.625em;line-height: 1.5;} .index-efficiency .efficiency-item .item-tit,.index-efficiency .efficiency-item .item-tit a{color: #39bff2;} .index-efficiency .efficiency-item .item-desc{line-height: 1.8em;margin-top: 1em;color: #757575;font-size: .9375em;} .index-efficiency .efficiency-item:before{content: '';display: block;width: 100%;height: 100%;box-sizing: border-box;position: absolute;left: 0;top: 0;border: 2px solid #fff;border-radius: 10px;transition: all .4s ease;transform: translateY(10px) scale(1); border: 1px solid transparent;background-clip: padding-box, border-box;background-origin: padding-box, border-box; background-image: linear-gradient(120deg, #fff, #fff), linear-gradient(120deg, #bbe9f9, #cad9f6); opacity: 0;visibility: hidden;} .index-efficiency .efficiency-item:hover:before{box-shadow: 0 25px 45px -25px rgba(192,210,248,.5);transform: none;opacity: 1;visibility: visible;} .index-efficiency .efficiency-item:hover .item-inner{transform: translateY(-12px);} /* index-advantage */ .index-advantage{} .advantage-cell{padding: 4.0625em 0;} .advantage-cell .cell-cont,.advantage-cell .cell-img{width: 50%;} .advantage-cell .cell-cont{order:1;} .advantage-cell .cell-info{padding-top: 1.5em;} .advantage-cell .cell-tit{ max-width: 420px; font-size: 1.625em; line-height: 1.5;} .advantage-cell .cell-tit,.advantage-cell .cell-tit a{color: #39bff2;} .advantage-cell .cell-desc{margin-top: 1.5em;} .advantage-cell .cell-img{order: 2;padding-left: 45px; } .advantage-cell .cell-img img{ animation:advImgJump 6s ease infinite;animation-play-state: paused; } .advantage-cell:last-of-type{padding-bottom: 20px;} .advantage-cell:nth-of-type(2n) .cell-cont{order: 2;padding-left: 2.8125em;} .advantage-cell:nth-of-type(2n) .cell-info{padding-left: 2.8125em;} .advantage-cell:nth-of-type(2n) .cell-img{order: 1;padding-left: 0;} .advantage-cell:hover .cell-img img{ animation-play-state: running;} @keyframes advImgJump{0%{transform:translateY(0);}25%{transform:translateY(-15px);}50%{transform:translateY(0);}75%{transform:translateY(-15px);}100%{transform:translateY(0);}} /* index-human */ .index-human{background-position: center bottom;background-repeat: no-repeat;background-size: 100% auto;padding-bottom: 200px;margin-bottom: -135px;} .index-human .index-layer-bd .layout{border: 2px solid #c7dbf6; background-color: #fff; border-radius: 30px;padding: 5.9375em 2.5em; border: 2px solid transparent;background-clip: padding-box, border-box;background-origin: padding-box, border-box;background-image: linear-gradient(120deg, #fff, #fff), linear-gradient(120deg, #bbe9f9, #cad9f6);} .index-human .human-intro{width: 100%;align-items: center;justify-content: space-between;padding: 0 60px;} .index-human .human-intro-media{width: 45%;overflow: hidden;position: relative;} .index-human .human-intro-media .media-video-box{padding: 75% 0 0;position: relative;} .index-human .human-intro-media .media-video-obj {width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;z-index: 3;} .index-human .human-intro-media .media-video-box img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;z-index: 2;} .index-human .video-btn-box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 3;cursor: pointer;} .index-human .media-video-box .loader-ico{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 1;background-color: #fff;font-size: 28px;} .index-human .sys-video-btn{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background-color: rgba(16,163,127,.3); background-color: rgba(0,0,0,.3);border-radius: 50%;width: 80px;height: 80px; background-position: center;display: inline-flex;align-items: center;justify-content: center;cursor: pointer; transition: all .4s ease;opacity: 1;visibility: visible;} .index-human .sys-video-btn .video-ico{background-size: auto 80%;} .index-human .video-box-active .sys-video-btn{opacity: 0;visibility: hidden;} .index-human .video-box-active img{opacity: 0;visibility: hidden;} .index-human .human-intro-cont{width: 45%;padding-right: 5%;} .index-human .human-intro-tit{font-size: 1.625rem;line-height: 1.5;} .index-human .human-intro-tit,.index-human .human-intro-tit a{color:#39bff2;} .index-human .human-intro-desc{margin-top: 1.7em;} .index-human .human-intro-desc li{} .index-human .human-intro-more{} .index-human .human-slider{margin-top: 90px;position: relative;} .index-human .swiper-container{margin: -30px 60px;} .index-human .human-item{width: 16.6666%;float: left;padding: 30px 18px;} .index-human .human-item .item-inner{display: block;border-radius: 10px;position: relative;overflow: hidden;padding: 100% 0 0;cursor: pointer;box-shadow: 0 0 0 12px rgba(217,240,234,0); border: 1px solid #e0e0e0;} .index-human .human-item .item-img{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;; } .index-human .human-item .item-img img{width: 100%;height: 100%;object-fit: cover;} .index-human .human-item .ico-video-small{display: inline-block;width: 28px;height: 28px;background-color:rgba(0,0,0,.4);border-radius: 10px;position: absolute;left: 12px;bottom: 12px;z-index: 2;background-repeat: no-repeat;background-position: center;background-size: auto 65%; background-image: url(./../img/sys_ico_video_small.png);} .index-human .human-item .item-inner:hover .ico-video-small{background-color:rgba(0,0,0,.6);} .index-human .human-item.active .item-inner{box-shadow: 0 0 35px rgba(192,210,248,.6);} .index-human .human-item.active .item-inner .ico-video-small{background-color:rgba(53,210,245,.9);} .index-human .swiper-pagination{position: static;padding-top: 1.5em;display: none;} /* index-application */ .index-application{position: relative;z-index: 1;margin-bottom: 4.0625em;} .index-application .index-layer-hd{margin-bottom: 20px;} .index-application .application-cell{} .application-cell .cell-img,.application-cell .cell-cont{width: 50%;} .application-cell .cell-img{order: 1;} .application-cell .cell-img img{ animation:advImgJump 6s ease infinite;animation-play-state: paused; } .application-cell:first-of-type .cell-img{padding-left: 30px;} .application-cell .cell-cont{order: 2;padding-left: 45px;padding-top: 60px;} .application-cell .cell-info{padding-left: 75px;} .application-cell .cell-hd{position: relative;} .application-cell .cell-ico{display: inline-block;width: 52px;height: 52px;line-height: 52px; font-size: 1.25em; text-align: center;border-radius: 50%;position: absolute;left: -75px;top: 0;background-color: #def5fd;color: #39bff2;transform: scale(1);} .application-cell .cell-ico::before{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: 10%;transform: scale(.3) rotate(-180deg);z-index: -1;} .application-cell .cell-cont:hover .cell-ico{color: #fff;} .application-cell .cell-cont:hover .cell-ico::before{transform: scale(1);background-color: #39bff2;border-radius: 50%; transition: all .9s ease;} .application-cell .cell-tit,.application-cell .cell-tit a{color: #39bff2;} .application-cell .cell-tit{font-size: 1.625em;line-height: 1.3;padding: .35em 0;} .application-cell .cell-desc{line-height: 2em;margin-top: 0.5em;} .application-cell+.application-cell{padding-top: 5.625em;} .application-cell:nth-of-type(2n) .cell-cont{ order: 1; padding-left: 0;} .application-cell:nth-of-type(2n) .cell-img{ order: 2;padding-left: 45px;text-align: right;} .application-cell:nth-of-type(2){padding-top: 2.5em;} .application-cell .cell-cont:hover .cell-ico{background-color: #fff;} .application-cell:hover .cell-img img{ animation-play-state: running;} /* index-pricing */ .index-pricing{padding-top: 7.5em;min-height: 600px;background-position: center 0;background-repeat: no-repeat;background-size: 100% auto;background-color: #575cee;} .index-pricing .index-layer-hd{position: relative;} .index-pricing .index-layer-hd,.index-pricing .index-layer-hd a, .index-pricing .index-layer-hd .layer-title,.index-pricing .index-layer-hd .layer-title a{color: #fff;background-image: none; -webkit-text-fill-color: #fff;} .index-pricing .index-layer-hd .layout{position: relative;} .index-pricing .index-layer-hd .layout::before{ content: ''; display: block;width: 27px;height: 92px;background-repeat: no-repeat;background-position: 0 0;background-size: contain;background-image: url(./../img/index_arrow_anm.png);position: absolute;right: 0;bottom: 0%;margin-bottom: 0; animation: icoJumpAnm 2.5s linear infinite;} .index-pricing .pricing-tabs{display: none;} .index-pricing .pricing-table{background-color: #fff;border-radius: 15px;position: relative;overflow: hidden;} .index-pricing .pricing-cell{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;width: 26%;} .index-pricing .pricing-cell:nth-of-type(1){max-width: 22%;} .index-pricing .pricing-cell:nth-of-type(1) .price-cell-opt{justify-content: flex-start;padding-left: 24%;} .index-pricing .pricing-cell:nth-of-type(1) .pricing-cell-bd li{text-align: left;justify-content: flex-start;padding-left: 22%;} .index-pricing .pricing-cell-hd{background-color: #4b56ee;height: 57px;display: flex;align-items: center;justify-content: center;font-size: 1.125em;line-height: 1.2;font-weight: bold;letter-spacing: 1px;text-indent: 1px;transform: scale(1);position: relative;} .index-pricing .pricing-cell-hd::before{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-image: linear-gradient(to bottom,#3ab1f3,#4475ee);opacity: 0;transition: all .4s ease;z-index: -1;} .index-pricing .pricing-cell-hd,.index-pricing .pricing-cell-hd a{color: #fff;} .index-pricing .pricing-cell-hd::after{content:'';display: block;width: 100%;height: 100%;position: absolute;right: 0;top: 0;z-index: -1;} .index-pricing .pricing-cell-hd .cell-ico-rcmd{content: '';display: block;width: 0;height: 0;overflow: hidden;border: 22px solid #ffb543; border-left: 0;border-bottom: 0;border-right-color: transparent;position: absolute;left: 0;top: 0;z-index: 2;} .index-pricing .pricing-cell-body{color: #5e5e5e;-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;min-height: 0;border-right: 1px solid #c0d2f8;} .index-pricing .price-cell-opt{display: flex; flex-wrap: wrap; width: 100%;/* overflow: hidden; */align-items: center;justify-content: center; height: 55px;font-size: 14px;line-height: 1.2;padding: 0 1em;overflow: hidden;transition: all .4s ease;} .index-pricing .price-cell-opt:nth-of-type(2n+1){background-color: #f5f6fa;} .index-pricing .price-cell-opt.opt-hover{color: #35d2f5; /* box-shadow:0 1px 0 #c0d2f8; */ position: relative;z-index: 1;} .index-pricing .price-cell-opt .txt-line{font-family: 'simsun';} .index-pricing .price-cell-opt .cell-txt-box{display: inline-block;position: relative;transition: letter-spacing .3s ease;} .index-pricing .price-cell-opt .cell-txt-box::before{content: '';display: block;width: 0%;height:1px;background-color: #35d2f5; opacity: 0.8; position: absolute;right: 0;bottom: 0px;transition: all .4s ease;} .index-pricing .pricing-cell:nth-of-type(1) .price-cell-opt.opt-hover .cell-txt-box{letter-spacing: 1px;} .index-pricing .pricing-cell:nth-of-type(1) .price-cell-opt.opt-hover .cell-txt-box::before{width: 100%;left: 0;right: auto;transition: all .6s ease;} .index-pricing .pricing-cell-ft{height: 80px; background-color: #f5f6fa;padding: 1.2em;background-color: #f5f6fa;text-align: center;border-right: 1px solid #c0d2f8;display: flex; flex-wrap: wrap; align-items: center;justify-content: center; width: 100%;overflow: hidden; } .index-pricing .pricing-cell-ft .sys-btn{padding: .45em 1.32em;border: 0;background-color: #4b56ee;} .index-pricing .pricing-cell:hover .cell-ico-rcmd{border-top-color: #f8d6a1;} .index-pricing .pricing-cell:hover .sys-btn::before{opacity: 1;} .index-pricing .pricing-cell:not(:first-of-type):hover .pricing-cell-hd::before{opacity: 1;} @keyframes icoJumpAnm{25%{transform: translateY(-6px);}50%{transform: translateY(0);}75%{transform: translateY(6px);}} /* index-contact */ .index-contact {background-position: center 0;background-repeat: no-repeat;background-size: 100% auto;padding-top: 150px;padding-bottom: 110px;} .index-contact .index-layer-hd{padding-bottom: 35px;} .index-contact .contact-wrap{border: 1px solid #c0d2f8;min-height: 200px;background-color: #fff;border-radius: 25px;padding:40px 50px;box-shadow: 0 0 55px rgba(192,210,248,.6);position: relative;} .index-contact .contact-wrap::before{content: '';display: block;width: 160px;height: 189px;background-repeat: no-repeat;background-position: center;background-size: contain;position: absolute;left: -78px;bottom: 80px;background-image: url(./../img/index_contact_figure.png);z-index: 1; } .index-contact .contact-wrap::after{content: '';display: block;width: 172px;height: 305px;background-position: 0 0;background-repeat: no-repeat;background-image: url(./../img/index_contact_side_bg.png);position: absolute;right: 100%;bottom: 130px;opacity: .6;z-index: -1;animation: icoJumpAnm 2.5s linear infinite;} .index-contact .contact-form{} .index-contact .contact-form-bd{} .index-contact .contact-form-group{margin: -12px;} .index-contact .contact-form-item{width: 50%;padding:10px 12px;} .index-contact .contact-form-item.item-full{width: 100%;} .index-contact .contact-item-label{display: block;color: #787878;font-size: 14px;padding-bottom: 5px;} .index-contact .contact-item-ipt{display: block;width: 100%;height: 42px;line-height: 40px;background-color: #f5f6fa; border: 1px solid #f5f6fa; border-radius: 10px;padding: 0 1.2em;} .index-contact .contact-item-ipt:focus,.index-contact .contact-txtarea:focus{border:1px solid #477dea!important;box-shadow: none; outline: 0;} .index-contact .txt-ico-required{color: #f00;font-family: 'simsun';padding-right: .3em;} .index-contact .contact-txtarea{display: block;width: 100%;height: 140px;background-color: #f5f6fa;border:1px solid #f5f6fa;box-shadow: none; border-radius: 10px;overflow: hidden;overflow-y: auto;padding: .5em 1.2em;resize: none;} .index-contact .contact-txtarea::-webkit-scrollbar {width: 6px;height: 6px;} .index-contact .contact-txtarea::-webkit-scrollbar-thumb {border-radius:10px;background: #39bff2;} .index-contact .contact-txtarea::-webkit-scrollbar-thumb:hover {background:#3e75e1;} .index-contact .contact-form-foot{text-align: center;padding-top: 25px;} .index-contact .contact-btn{display: inline-block;min-width: 155px;text-align: center; background-color: #3e75e1;height: 42px;padding: 0 2em; border: 0;outline: 0; letter-spacing: 2px;text-indent: 2px;margin: 0 10px;border-radius: 10px;color: #fff;} .index-contact .contact-btn:hover{background-color: #477dea;} .index-contact .contact-btn.btn-cancel{background-color: #c7e5f0;} .index-contact .contact-btn.btn-cancel:hover{background-color: #c7e5f0;} .index-contact .sys-select-box.selected .select-box-toggle{color: #333;} .index-contact .contact-form-item.item-full .sys-select-box{width: 100%;} .index-contact .sys-select-box .select-box-toggle{color: #aaa;} .index-contact .select-box-active .select-box-toggle{color: #3e75e1;} .contact-form-item.item-full .sys-select-box .select-box-options{padding: 1em;} .contact-form-item.item-full .sys-select-box .select-opt-item{display: inline-block;margin-right: 1em;padding: .35em 1.5em;} .contact-form-item.item-full .sys-select-box .select-opt-item:hover{color: #3e75e1;} .index-contact .contact-link{display: block;position: relative;border-radius: 5px ;overflow: hidden;z-index: 1;} .index-contact .contact-link::before{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background-color: rgba(0,0,0,.65);transition: all .4s ease;} .index-contact .contact-link-btn{display: inline-block;font-size: 1.25em; color: #fff; border-radius: .5em; padding: .7em 1.5em;white-space: nowrap; background-color: #39bff2; letter-spacing: 1px; position: absolute;left: 50%;top: 50%;z-index: 2;transition: all .4s ease;transform: scale(1) translate(-50%,-50%);overflow: hidden; } .index-contact .contact-link-btn::after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;background-image: linear-gradient(120deg,#39bff2 0,#35d2f5 10%,#6866ee 50%,#35d2f5 100%); background-size: 200% 100%; opacity: 0;transition: all .6s ease;} .index-contact .contact-link-btn::before{ content: '';display: inline-block;width: 1.6em;height: 1.6em; vertical-align: middle; margin-right: .5em; background-repeat: no-repeat;background-position: center; background-size: contain; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAnFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+TINBkAAAAM3RSTlMA+2tkvOmTmX5wUi3jrk0F9e29djkz8bdtaGJgXdaWKSQX3M3FqouGPRAJvqNBwKWfV0a6sr7aAAABT0lEQVQ4y33R146DMBAF0CHEJLSE3lt633b//9/WBitZBbzn6coawRQiupquRWPrwi3XfTgBWNGIzp9zES47nozxB1z+HFxFOgLaxD9KXhD26bLHiSZ84SDTEhFNqFDIZKCKZm+y3A5hyoIjmK+NMB+ZLDhBIX/2oFCRcLXmPHuu0TTNYtAYC/EG1+qINncRmTVaZAJue6YCkBs5G7KplaH3swkpheA0m6jzgRlxsdffZgVhTyY4ryWygGF1GQ9Hoh8IwVCgxbyZVPP6o7a1xqLhC7JATrzR5ca7PJbDvwp2Nr2JHAgfshDbZVXoT0W5ZJBNRgwqcv74nkDBcfX1v7fI1tSzfUVBSZLpKa8pPT5vt/lLEKSHBKg7UvvWwPeq1IYJfIvG7Ni2W9syGN/tmcZ0hznOVuw4WW5oQopBasY0yUXPuJBC6Tt1zdiD/vgFHqdQSUGCr64AAAAASUVORK5CYII=);} .index-contact .contact-link:hover::before{background-color: rgba(0,0,0,.6);} .index-contact .contact-link .contact-link-btn:hover::after{opacity: 1; background-size: 180% 100%; background-position: right 0;} /* ======================================================== page: Blog ------------------------------------------------------*/ .sub-page{padding-bottom: 45px;} .sys-main{width: 75.37%;float: left;} .sys-aside{width: 17.6%; float: right;padding-top: 15px;} /* sys-sub-head */ .sys-sub-head {padding: 120px 0 90px; margin-bottom: 90px;background-position: center bottom; background-repeat: no-repeat;-webkit-background-size:cover;background-size:cover;} .sys-sub-head .sub-head-inner{font-size: 16px; max-width: 60%;} .sys-sub-head .sub-head-inner, .sys-sub-head .sub-head-inner a{color: #fff;} .sys-sub-head .sub-head-title{font-size: 2.5em; animation: fadeInUpA .9s ease;font-weight: normal;} .sys-sub-head .sub-head-desc{ height: 9em; line-height: 1.8em; margin-top: .5em;animation: fadeInUpA 1.2s ease;} /* hot-media-layer */ .hot-media-layer{margin-bottom: 105px;} .hot-media-layer .layout{position: relative;} .hot-media-layer .layout::before{ content: ''; display: block;width: 27px;height: 92px;background-repeat: no-repeat;background-position: 0 0;background-size: contain;background-image: url(./../img/index_arrow_anm_primary.png);position: absolute;right: 70px;bottom: 100%;margin-bottom: -25px; animation: icoJumpAnm 2.5s linear infinite;z-index: 2;} .hot-media-layer .media-slider{} .hot-media-layer .media-layer-bd{font-size: 14px; justify-content: space-between; } .hot-media-layer .media-layer-bd, .hot-media-layer .media-layer-bd a{color: var(--color-gray);} .hot-media-layer .media-layer-bd .media-cont{width: 42%;float: left;} .hot-media-layer .media-cont-slider{position: relative;overflow: hidden;margin-top: 30px;} .hot-media-layer .media-cont-item{background-color: #fff;} .hot-media-layer .media-cont-item .media-tit{font-size: 2.4285em;margin-bottom: .5em;line-height: 1.45em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .hot-media-layer .media-cont-item .media-tit, .hot-media-layer .media-cont-item .media-tit a{color: #39bff2;} .hot-media-layer .media-cont-item .media-tit{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .hot-media-layer .media-cont-item .media-desc{ max-width: 480px; font-size: 1.1428em; height: 8em; line-height:2em;overflow: hidden; margin-bottom: 2.5em;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;overflow: hidden;} .hot-media-layer .media-cont-item .media-meta{} .hot-media-layer .media-thumb{width: 54%;float: right;} .hot-media-layer .media-thumb-img{} .hot-media-layer .media-thumb-slider{display: block;border: 8px solid #fff;border-radius: 20px; box-shadow: 0 18px 50px rgba(197,218,213,.59);position: relative;overflow: hidden;} .hot-media-layer .thumb-img-box .img-inner{display: block;padding: 28.5% 0;position: relative;overflow: hidden;} .hot-media-layer .thumb-img-box .img-inner:before, .hot-media-layer .thumb-img-box .img-inner:after{content:'';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;transition: all .9s ease;} .hot-media-layer .thumb-img-box .img-inner:hover:before{background-color: rgba(255,255,255,.2);width: 0;left: 50%;} .hot-media-layer .thumb-img-box .img-inner:hover:after{background-color: rgba(255,255,255,.2);height: 0;top: 50%;} .hot-media-layer .thumb-img-box img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;transition: all 1.2s ease;} .hot-media-layer .thumb-img-box:hover img{transform:scale(1.08);} .hot-media-layer .swiper-pagination{position: static;padding-top: 35px; text-align: left;} .hot-media-layer .swiper-buttons{display: none;} /* .blog-list */ .blog-list{} .blog-item {margin-bottom: 5px;} .blog-item .blog-item-cell{font-size: 14px;padding:40px 35px; align-items: center;border-radius: 20px;} .blog-item .blog-item-img{width: 236px; min-width: 236px; float: left;} .blog-item .blog-item-img a{display: block;} .blog-item .blog-item-cont{padding:0 3% 0 55px;-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow: hidden;min-width: 0;} .blog-item .blog-item-desc, .blog-item .blog-item-desc a{color: var(--color-gray);} .blog-item .blog-item-tit, .blog-item .blog-item-desc{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;} .blog-item .blog-item-tit{font-size: 1.5714em; line-height: 1.5em; margin-bottom: .8em;} .blog-item .blog-item-tit,.blog-item .blog-item-tit a{color: #39bff2;} .blog-item .blog-item-desc{line-height: 1.72;max-width: 96%;} .blog-item .sys-meta-bar{margin-top: 2em;} .blog-list .blog-item:hover, .blog-list .blog-item:hover+.blog-item{border-top-color: rgba(255,255,255,0);} .blog-item .blog-item-cell:hover{box-shadow: 0 18px 50px rgba(192,210,248,.4), 0 1px 0 rgba(192,210,248,.2);} .page-load-bar{padding: 40px 0;text-align: center;} .page-load-bar .sys-btn{font-size: 16px;padding: .5em 2.5em;} /* aside */ .side-wiget{font-size: 14px;margin-bottom: 15px;} .side-wiget .wiget-hd{margin-bottom: 1.35em;} .side-wiget .wiget-tit{font-size: 1.4285em;display: inline;background-image: linear-gradient(to right,#35d2f5 20%,#4b56ee);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .side-wiget .wiget-tit, .side-wiget .wiget-tit a{color: #3e75e1;} .side-wiget .sys-txt-list .sys-meta-bar, .side-wiget .sys-txt-list .sys-meta-bar a{color: #a5a5a5;} .side-tags{margin-bottom: 30px;} .side-tags-list {} .side-tags-list .tag-item{display: inline-block;background-color: #f6f8f7;border-radius: 3em;padding: .4em .8em;margin: 0 10px 12px 0;vertical-align: middle;} .side-tags-list .tag-item:hover{background-color: #39bff2;color: #fff;} .side-tags-list .tag-item:before{content: '';display: inline-block;width: 6px;height: 6px;background-color: #3e75e1;border-radius: 50%;vertical-align: middle;margin-right: 6px;} .side-tags-list .tag-item:nth-of-type(5n+1):before{background-color: #3e75e1;} .side-tags-list .tag-item:nth-of-type(5n+2):before{background-color: #fdce2a;} .side-tags-list .tag-item:nth-of-type(5n+3):before{background-color: #f4711c;} .side-tags-list .tag-item:nth-of-type(5n+4):before{background-color: #706dec;} .side-tags-list .tag-item:nth-of-type(5n):before{background-color: #b63ee0;} .newsletter-widget{background-color: #3e75e1;border-radius: 20px;padding: 28px 25px;text-align: center;margin-bottom: 35px;background-image: linear-gradient(120deg,#37c5f3,#5b4bec);} .newsletter-widget,.newsletter-widget a{color: #fff;} .newsletter-widget .widget-tit{font-size: 1.7142em;margin-bottom: 10px;} .newsletter-widget .widget-desc{margin-bottom: 23px;} .newsletter-widget .widget-ipt{display: block;width: 100%;max-width: 165px; margin: 0 auto; height: 32px;line-height: 32px;text-align: center;background-color: #fff;border-radius: 3em;outline: 0;border: 0;color: #333;} .newsletter-widget .widget-ipt:focus::-webkit-input-placeholder{color:#ddd;} /* ======================================================== page: Blog Detail ------------------------------------------------------*/ .blog-detail{font-size: 16px;margin-bottom: 60px;} .blog-detail .detail-head{margin-bottom: 42px;padding-top: .5em;} .blog-detail .detail-title{font-size: 2.125em;line-height: 1.2;margin-bottom: .5em; color:#39bff2;} .blog-detail .detail-head .sys-meta-bar{width: 100%; padding: 10px 0;border-top: 1px solid #efefef;border-bottom: 1px solid #efefef; justify-content: space-between; } .blog-detail .detail-head .ico-time{margin-right:.3em;} .blog-detail .detail-head .meta-item, .blog-detail .detail-head .meta-item a{color: #a1a1a1;} .blog-detail .detail-cont{margin-bottom: 70px;} .blog-detail .detail-cont,.blog-detail .detail-cont a{color: #858585;} .blog-detail .detail-cont p{margin-bottom: 2em;} .blog-detail .detail-cont img{border-radius: 20px;} .blog-detail .meta-tags, .blog-detail .meta-tags a{color:#39bff2;} .blog-detail .meta-tags {display: inline-flex;padding-left: .5em;} .blog-detail .meta-tags .tag-txt{padding-right: .3em;} .blog-related{padding: 15px 0;border-top: 1px solid #e1e6e5;border-bottom: 1px solid #e1e6e5; justify-content: space-between;margin-top: 20px;} .blog-related .related-cell{width: 40%; max-width: 400px; float: left; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .blog-related .related-cell a{display: block;padding-left: 30px;position: relative;} .blog-related .related-cell:nth-of-type(2n){float: right;text-align: right;} .blog-related .related-cell:nth-of-type(2n) a{padding-right: 30px;padding-left: 0;} .blog-related .related-cell a:before{content: '';display: block;width: 12px;height: 12px;background-repeat: no-repeat;background-position: center; background-size: contain;position: absolute;left: 0; top: .275em;} .blog-related .related-cell:nth-of-type(2n) a:before{left: auto; right: 0;} .blog-related .cell-tit{display: inline-block; width: 100%;vertical-align: middle;position: relative;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .main-layer .main-layer-hd{width: 100%; margin-bottom: 35px; justify-content: space-between; align-items: center;} .main-layer .main-layer-hd,.main-layer .main-layer-hd a{color:#39bff2;} .main-layer .main-layer-tit{font-size: 2.125em;background-image: linear-gradient(to right,#35d2f5 60%,#4b56ee);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .main-layer .main-layer-hd .hd-more{display: inline-block;font-size: 1.1428em; padding-right: 20px;color:#39bff2;position: relative;} .main-layer .main-layer-hd .hd-more:before{content: '';display: block;width: 12px;height: 12px;background-repeat: no-repeat;background-position: center; background-size: contain;position: absolute;right: 0; top: 50%;margin-top: -6px;} .main-layer .main-layer-hd .hd-more:before{position: absolute;right: 0;} .main-layer .main-layer-bd{} .may-like-layer{} @media only screen and (max-width: 1680px) { /* web-head */ .web-head .top-notice .layout{width: auto; max-width: 100%;margin: 0 50px;} .web-head .top-notice .top-btn-close{left: auto;right: 0;} .web-head .head-logo{/* padding-right: 6%; */ padding-right: 0;} .web-head .head-nav-menu>ul>li>a{padding: 0 .8em;} } @media only screen and (max-width: 1440px) { /* web-head */ .web-head .head-logo{/* padding-right: 3.5%; */} .web-head .head-nav-menu>ul>li{margin: 0;} .web-head .sys-btn{padding: .3em 1em;} .web-head .sys-btn:nth-of-type{margin-left: 0;} /* -----------------page: index ----------------- */ .index-brand .brand-item{width: 16.6666%;} .banner-badges .badge-item .badge-ico{width: 24px;height: 24px;} .banner-badges .badge-item-inner{font-size: 1.2em;min-width: 85px;} .banner-badges .badge-video{left: -64px;top: -30px;} .banner-badges .badge-review .badge-item-inner{font-size: 1.35em;min-width: 95px;} .banner-badges .badge-email{top: -25px;} .index-efficiency .layout{max-width: 1200px;} .index-efficiency .efficiency-items{margin-left: -30px;margin-right: -30px;} .index-efficiency .efficiency-item .item-inner{padding-left: 30px;padding-right: 50px;} } @media only screen and (max-width: 1366px) { /* index */ .index-human .human-item{padding-left: 10px;padding-right: 10px;} } @media only screen and (max-width: 1280px) { /* web-head */ .web-head .head-right{position: relative;/* padding-top: 36px; */} .web-head .head-login{} .web-head .change-language{} .web-head .change-language-title{line-height: 36px;} .web-head .head-nav-menu>ul>li>a{padding: 0 .3em;} .web-head .head-login .sys-btn:first-of-type{margin-left: 0;} .web-head .head-login .sys-btn{padding: .3em .8em;} .head-fixed .head-right{padding-top: 0;} .head-fixed .change-language{position: relative;right: auto;top: auto;} /* -----------------page: index ----------------- */ .index-slider-banner .banner-cell{font-size: 14px;align-items: stretch;} .index-slider-banner .banner-badges{display: none;} .index-slider-banner .banner-info-slider{padding-top: 0;} .index-slider-banner .swiper-buttons{bottom: 0;} .index-slider-banner .swiper-button-next,.index-slider-banner .swiper-button-prev{width: 32px;height: 32px;} .index-slider-banner .banner-cell-title{font-size: 2.1428em;} .index-slider-banner .banner-cell-right{width: 45%;} .banner-video-wrap{max-width: 100%;} .index-slider-banner .btn-learnmore,.index-slider-banner a.btn-learnmore{font-size: 1.125em;} .index-layer{font-size: 14px;} .index-layer .layout{width: 85%;} .index-layer-hd .layer-title{font-size: 2.1428em;} .index-brand .layout, .index-customize .layout, .index-human .layout{width: 92%;} .advantage-cell .cell-info{padding-top: 0;} .advantage-cell .cell-tit{font-size: 1.4285em;} .application-cell .cell-cont{padding-top: 30px;} .application-cell .cell-tit{font-size: 1.4285em;} .application-cell .cell-info{padding-left: 55px;} .application-cell .cell-ico{width: 42px;height: 42px;line-height: 42px;left: -55px;} .index-efficiency .efficiency-item .item-tit{font-size: 1.4285em;} /* -----------------page: blog ----------------- */ /* .sys-sub-head{padding: 60px 0 85px;} */ .sys-sub-head .sub-head-inner{font-size: 14px;} .hot-media-layer .media-cont-slider{margin-top: 0;} .hot-media-layer .media-layer-bd{font-size: 12px;} .hot-media-layer .media-cont-item .media-tit{line-height: 1.25em;max-height: 2.5em;} .blog-item .blog-item-cell{padding: 20px;font-size: 14px;} .blog-item .blog-item-img{width: 200px;min-width: 200px;} .blog-item .blog-item-cont{padding-left: 30px;} } @media only screen and (max-width: 1151px) { /* web-head */ .web-head .top-notice .layout{margin-left: 3%;margin-right: 3%;} .web-head .head-layer .layout{padding-left: 3%;padding-right: 3%;} .web-head .change-language-title .language-flag .language-txt{display: none;} .web-head .head-nav-menu>ul>li>a{padding: 0 .1em;} /* web-foot */ .web-foot .foot-item,.web-foot .foot-item+.foot-item{width: 50%;max-width: 50%;min-width: 50%;padding-left: 0;} .web-foot .foot-item:nth-of-type(2n){padding-left: 10%;} /* -----------------page: index ----------------- */ .index-brand .brand-item{width:20%;} .sys-video-btn, .sys-video-btn .video-ico{width: 55px;height: 55px;background-size: contain;} .index-customize .customize-item+.customize-item::before{width: 20px;height: 20px;background-size: contain;margin-left: -10px;} .index-human .human-intro{padding: 0;} .index-human .human-intro-cont{width: 50%;padding-right: 0;} .advantage-cell:nth-of-type(2n) .cell-info{padding-left: 0;} .index-efficiency .efficiency-item .item-img{height: 130px;} } @media only screen and (max-width: 1023px) { /* web-head */ .web-head .top-notice{display: none;} .web-head .head-layer{position: relative;} .web-head .head-layer .layout{padding:0 4%;min-height: 70px;align-items: center;} .web-head .head-logo{padding: 0;} .web-head .head-login{display: none;} .web-head .head-right{padding-top: 0;position: static;min-width: inherit;} .web-head .change-language-title .language-flag .language-txt{display: inline;} .web-head .mobile-nav-btn{display: inline-block;width: 32px;height: 32px;margin-left: 5px;vertical-align: middle;cursor: pointer;background-repeat: no-repeat;background-position: center;text-indent: -9999em;overflow: hidden; background-size: auto 22px; background-image: url(./../img/mobile_menu.png);-webkit-tap-highlight-color:transparent;} .web-head .mobile-nav-btn:before{content: '';} .web-head .change-language{position: static;margin-left: 10px;} .web-head .head-nav{width: 100%;height: 100%; height: var(--app-height); background-color: rgba(0,0,0,.7);position: fixed;left: 0;top: 0;z-index: 11;opacity: 0;visibility: hidden;transform: translateX(-100%);} .web-head .nav-wrap{width: 85%;height: 100%; max-width: 500px;background-color: #fff;position: absolute;left: 0;top: 0;padding: 50px 3px 20px 5%; opacity: 0;visibility: hidden;transform: translateX(-100%);transition: all .6s ease;transition-delay: .15s;display: flex;} .web-head .nav-wrap .head-login, .web-head .head-nav-menu{text-align: left;} .web-head .nav-inner{flex:1; overflow: hidden;overflow-y: auto;padding-right: 3.5%;} .web-head .nav-inner::-webkit-scrollbar { width:3px; height:3px;} .web-head .nav-inner::-webkit-scrollbar-thumb {background:#ccc;border-radius: 3px;} .web-head .nav-inner::-webkit-scrollbar-thumb:hover { background:#aaa;} .web-head .nav-wrap,.web-head .nav-wrap a{color: #333;} .web-head .nav-wrap .head-login{display: block;padding: 0 0 40px;} .web-head .nav-wrap .sys-btn{margin: 0 10px 0 0;min-width: 40%;padding: .5em 1em; color: #fff;border: 1px solid #fff; background-image: linear-gradient( 120deg,#35d2f5 0,#35d2f5 50%,#6866ee 100%); } .web-head .nav-wrap .sys-btn:hover{color: #fff!important;} .web-head .nav-wrap .sys-btn-outline{background-color: #fff;border-color: #2697e7;background-image: none;} .web-head .nav-wrap .sys-btn-outline, .web-head .nav-wrap .sys-btn-outline:hover{color: #2697e7!important;} .web-head .head-nav-menu>ul>li{display: block;margin-bottom: .5em;} .web-head .head-nav-menu>ul>li>a{display: block;line-height: 40px;padding: 0;} .web-head .head-nav-menu>ul>li .menu-txt{padding: 0;} .web-head .head-nav-menu>ul>li.current>a{color: #2697e7;} .web-head .head-nav-menu>ul>li.current>a>.menu-txt:before{display: none;} .web-head .nav-wrap .head-sub-nav{display: none;} .web-head .mobile-nav-close{display: block;width: 42px;height: 42px; background-size: auto 12px; cursor: pointer;-webkit-tap-highlight-color:transparent; background-position: center;background-repeat: no-repeat;position: absolute;right: 10px;top: 10px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARBAMAAADJQ1rJAAAAIVBMVEUAAAAIJ0AIJ0AIJ0AIJ0AIJ0AIJ0AIJ0AIJ0AIJ0AIJ0C91F9FAAAACnRSTlMA4igh1drKsFtOsQoI0AAAAFhJREFUCNdjKDNgAAGzAgYvIRCDScqBwXChApCluNAAyAtmYGCOAsmYAgUVlxqAlTgzQxQzmCxpWQIxgMlrlRMDBMxaNYEBIYasDqEXYR7CDoS9CLcg3AcA0IkXhV/BtDEAAAAASUVORK5CYII=);} .mobile-nav-active,.change-language-active{overflow: hidden;} .mobile-nav-active .web-head{z-index: 1000001;} .mobile-nav-active .web-head .head-nav, .mobile-nav-active .web-head .nav-wrap{opacity: 1;transform: none;visibility: visible;} .web-head .change-language:hover .change-language-title a:after{transform:none;} .web-head .change-language .change-language-cont, .web-head .change-language:hover .change-language-cont{transform:translateX(-100%);opacity:0;visibility:hidden;} .web-head .change-language .change-language-cont{width: 100%;height: 100%;max-height:inherit; height: var(--app-height); border: 0;border-radius: 0; height: var(--app-height); background-color: rgba(0,0,0,.7);position: fixed;left: 0;top: 0;z-index: 11;} .web-head .head-nav, .web-head .change-language .change-language-cont{display: block;transition: all .4s ease;} .web-head .change-language .change-language-wrap{width: 85%;height: 100%; max-width: 500px;background-color: #fff;position: absolute;left: 0;top: 0;padding: 60px 3px 20px 5%;transition: all .6s ease;transition-delay: .15s;display: flex;transform:translateX(-100%);opacity:0;visibility:hidden;} .web-head .change-language .change-language-cont .lang-more{display: none!important;} .web-head .change-language .change-language-cont .lang-item-hide{display: inline-block!important;} .web-head .change-language .change-language-cont li{width: 47%;} .change-language .change-language-cont .change-language-inner{overflow: hidden;overflow-y: auto;} .change-language .change-language-cont .change-language-inner::-webkit-scrollbar { width:3px; height:3px;} .change-language .change-language-cont .change-language-inner::-webkit-scrollbar-thumb {background:#ccc;border-radius: 3px;} .change-language .change-language-cont .change-language-inner::-webkit-scrollbar-thumb:hover { background:#aaa;} .change-language-active .web-head .change-language .change-language-cont, .change-language-active .web-head .change-language:hover .change-language-cont, .change-language-active .web-head .change-language .change-language-wrap{transform: none; opacity:1;visibility:visible;} .side-inquiry{display: none;} .head-fixed .head-layer{position: fixed;} /* -----------------page: index ----------------- */ .sys-video-btn::before,.sys-video-btn::after{display: none;} .index-slider-banner .banner-cell-title{font-size: 1.8em;} .index-slider-banner .banner-cell-desc{line-height: 1.5em; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} .index-slider-banner .banner-cell-more{padding-top: 1.8em;} /* -----------------page: blog-detail ----------------- */ .main-layer .img-txt-items{margin:-10px -5px;} .main-layer .img-txt-item{width: 50%;padding:10px 5px;} } @media only screen and (max-width: 950px) { /* web-head */ .web-head .top-notice .layout{margin: 0 10px;} .web-head .top-notice .sys-btn{margin-left: 10px;padding: .3em .8em;} } @media only screen and (max-width: 768px) { /* web-head */ .web-head .mobile-head-btns{display: inline-block;margin: 0 .5em 0 0;} .web-head .mobile-head-btns .sys-btn{vertical-align: middle;} .web-head .mobile-head-btns .sys-btn:hover {color: #fff!important; background: none;border-color: #fff;} /* web-foot */ .foot-fixed-bar {width: 100%;position: fixed;left: 0;bottom: 0;z-index: 4;padding: 0;display: block;} .foot-fixed-bar .foot-btn{display: block;padding: .58em 1em;text-align: center;font-size: 16px; letter-spacing: 2px; text-indent: 2px; background-image: linear-gradient(120deg,#35d2f5 0,#35d2f5 30%,#6866ee 50%,#35d2f5 100%);background-size: 200% 100%;color: #fff;} /* body .aiccc-control-simple .aiccc-btn{display: block;} */ .gotop{display: none;} /* -----------------page: index ----------------- */ .index-efficiency .efficiency-item{width: 50%;} .index-efficiency .efficiency-item:before{display: none;} .index-efficiency .efficiency-item:hover .item-inner{transform: none;} /* -----------------page: blog ----------------- */ .hot-media-layer{margin-bottom: 60px;} .hot-media-layer .media-cont-item .media-tit{font-size: 2em;} .hot-media-layer .media-cont-item .media-desc{margin-bottom: 1em;} .hot-media-layer .swiper-pagination{padding-top: 1em;} body .swiper-pagination-bullet-active{width: 30px;} .blog-item .blog-item-cell{padding-left: 0;padding-right: 0;} .blog-item .blog-item-cell:hover{box-shadow: none;background: none;} .blog-item .blog-item-img{width: 160px;min-width: 160px;} .blog-item .blog-item-cont{padding-right: 0;padding-left: 20px;} .blog-item .blog-item-tit{font-size: 1.25em;margin-bottom: .35em;} .blog-item .sys-meta-bar{margin-top: .75em;} /* aside */ .sys-aside{width: 20%;} .side-wiget .wiget-tit{font-size: 1.25em;} } @media only screen and (max-width: 640px) { .sys-msg-pop .msg-pop-wrap{width: 80%;} .sys-btn .btn-arrow{margin-left: .2em;} .sys-btn .btn-arrow:before{background-size: auto 60%;} /* web-head */ .web-head .head-layer .layout{min-height: 55px;} .web-head .head-logo img{max-width: inherit; max-height: 30px;} .web-head .change-language-title .language-flag .language-txt{font-size: 13px;} /* web-foot */ .web-foot .foot-logo img{max-height: 40px;} .web-foot::before{height: 90px;} .web-foot .foot-item, .web-foot .foot-item+.foot-item{width: 100%;max-width: 100%;min-width: 100%;} .web-foot .foot-item+.foot-item{margin-top: 30px;} .web-foot .foot-item:nth-of-type(2n){padding-left: 0;} .web-foot .foot-item-hd{padding-top: 0;margin-bottom: 15px;} .web-foot .foot-txt-list li{display: inline-block;} .web-foot .foot-bar{padding-bottom: 110px;font-size: 13px;} /* -----------------page: index ----------------- */ .index-layer-hd .layer-title{font-size: 2em;} .btn-radius-large{font-size: 14px;padding: .35em 1.2em;} .index-layer{font-size: 13px;} .index-layer .layout{width: 92%;} .index-layer .btn-box{padding-top: 20px;} .index-slider-banner{padding-bottom: 30px;} .index-slider-banner .layout{width: 100%;} .index-slider-banner .slider-branner-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .index-slider-banner .slider-branner-img img{width: 100%;height: 100%;object-fit: cover;} .index-slider-banner .slider-banner-cont{padding-top: 55px;position: relative;z-index: 2;} .index-slider-banner .banner-cell-left, .index-slider-banner .banner-cell-right{width: 100%;min-width: 100%;} .index-slider-banner .banner-cell-left{width: 92%;min-width: 92%;margin-left: 4%; order: 2;margin-bottom: 60px;} .index-slider-banner .banner-cell-right{order: 1;padding: 0 0 20px;} .index-slider-banner .banner-info-slider{padding-left: 0;margin-left: 0;} .index-slider-banner .swiper-slide-prev{opacity: 1;} .index-slider-banner .banner-cell-title{font-size: 1.5em;} .index-slider-banner .banner-cell-desc{-webkit-line-clamp: 3;line-height: 1.6;} .index-slider-banner .btn-learnmore, .index-slider-banner a.btn-learnmore{padding: .25em 1.35em;} .index-slider-banner .swiper-slide-active .banner-cell-title, .index-slider-banner .swiper-slide-active .banner-cell-desc, .index-slider-banner .swiper-slide-active .banner-cell-more{animation: none; } .sys-video-btn, .sys-video-btn .video-ico{width:50px;height:50px;} .index-slider-banner .slider-banner-item,.index-slider-banner .banner-video-inner{overflow: visible;} .index-slider-banner .banner-video-inner{border-width: 1px;border-radius: 0;} .index-slider-banner .banner-video-inner, .index-slider-banner .banner-video-poster{overflow: hidden;} .index-slider-banner .banner-video-wrap{width: 100px;width: 100%; } .index-slider-banner .banner-video-inner{position: relative;} .index-slider-banner .banner-video-box{z-index: 1;overflow: hidden;} .index-slider-banner .swiper-buttons{display: none;} .index-slider-banner .swiper-pagination{display: block;position: absolute;right:4%;bottom: -20px;} .index-slider-banner .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 5px;margin: 0 0 0 5px;background-color: rgba(255,255,255,.3);} .index-slider-banner .swiper-pagination .swiper-pagination-bullet-active{width: 20px;background-color: rgba(255,255,255,.8);background-image: linear-gradient(to right,#35d2f5 50%,#3e75e1);} .video-poster-hide .banner-video-btn{opacity: 0;} .index-brand {padding: 0;} .index-brand .brand-item{width: 33.3333%;} .index-brand .brand-item img{max-width: 80%;} .index-efficiency .efficiency-items{margin: 0 auto 0;} .index-efficiency .efficiency-item{width: 100%;margin: 0 auto; } .index-efficiency .efficiency-item+.efficiency-item{margin-top: 15px;} .index-efficiency .efficiency-item .item-inner{padding:20px 10px;display: flex;border: 1px solid rgba(207,230,244,.6);border-radius: 10px;box-shadow: 0 8px 20px -12px rgba(192,210,248,.4);} .index-efficiency .efficiency-item .item-img{width: 90px;height: auto;} .index-efficiency .efficiency-item .item-info{flex:1;padding-left: 15px;text-align: left;} .index-efficiency .efficiency-item .item-desc{font-size: 14px;margin-top: .5em;line-height: 1.8em;} .index-efficiency .index-layer-hd .layer-title{max-width: 88%;margin-left: auto;margin-right: auto;} .index-digital-video{margin-bottom: -2em;} /* 定制 */ .index-customize{padding-bottom: 50px;margin-bottom: -50px;} .index-customize .layout{width: 85%;} .index-customize .customize-items{width: 100%;margin: 0;} .index-customize .customize-item{width: 100%;padding: 0;} .index-customize .customize-item+.customize-item::before{display: block;position: static;margin: 10px auto;background-size: auto 80%;} .index-customize .customize-item .item-img{box-shadow: 0 15px 25px -15px rgba(197,230,222,.8);} /* 专业数字人 */ .index-human{margin-bottom: 0;padding-bottom: 0px;} .index-human .index-layer-hd{padding-bottom: 2em;} .index-human .human-intro-tit{font-size: 1.428em;} .index-human .index-layer-bd .layout{padding: 3em 1.5em;} .index-human .human-intro-media, .index-human .human-intro-cont{width: 100%;} .index-human .human-intro-cont{margin-bottom: 1.5em;} .index-human .human-intro-media{order: 2;} .index-human .human-slider{margin-top: 2.5em;} .index-human .video-btn-box,.index-human .human-item .item-inner{-webkit-tap-highlight-color:transparent;} .index-human .index-layer-bd .layout{border-radius: 20px;} .index-human .human-slider{margin-left: -15px;margin-right: -15px;} .index-human .swiper-container{margin: -30px 30px;} .index-human .btn-box{text-align: right;} .index-human .human-intro-cont{padding-bottom: 2.5em;} .index-human .human-item{padding-left: 5px;padding-right: 5px;width: 50%;} .index-layer .swiper-button-prev,.index-layer .swiper-button-next{width: 32px;height: 32px; margin-top: -16px; background-size: auto 18px;} .index-human .human-item.active .item-inner{box-shadow: 0 0 0 3px rgba(0,0,0,.04);} .index-human .human-item .ico-video-small{width: 22px;height: 22px;left: 10px;bottom: 10px;background-size: auto 50%;border-radius: 6px;} .index-human .sys-video-btn{background-color: rgba(0,0,0,.22);} .index-human .human-intro-media video{} /* 优势 */ .index-advantage{padding-bottom: 0;} .advantage-cell{padding: 0;} .advantage-cell+.advantage-cell{padding-top: 50px;} .advantage-cell .cell-cont,.advantage-cell .cell-img{width: 100%;} .advantage-cell .cell-tit{max-width: 90%;} .advantage-cell .cell-img{padding-left: 0;order: 1;text-align: center;} .advantage-cell .cell-img img{width: 80%;max-width: 500px;animation: none;pointer-events:none;} .advantage-cell:nth-of-type(2n) .cell-cont{padding-left: 0;} .advantage-cell .cell-cont{order: 2;padding-top: 2.5em;} .advantage-cell .cell-info{margin: 0 10px;} .index-txt-list li{padding-left: 16px;} .index-txt-list li::before{margin-left: -16px;margin-top: 8px;} /* 应用场景 */ .index-application .index-layer-hd{margin-bottom: 0;} .application-cell .cell-info{padding-left: 0;text-align: center;} .application-cell .cell-ico{position: static;margin-right: .3em;width: 36px;height: 36px;line-height: 36px;} .application-cell .cell-tit{display: inline;} .application-cell .cell-img, .application-cell .cell-cont{width: 100%;} .application-cell .cell-img, .application-cell:nth-of-type(2n) .cell-img{order: 1;padding-left: 0;text-align: center;} .application-cell:nth-of-type(2){padding-top: 5.625em;} .application-cell:first-of-type .cell-img{padding-left: 0;} .application-cell:first-of-type .cell-img img{width: 90%;} .application-cell .cell-img img{width: 80%;max-width: 500px;pointer-events:none;} .application-cell .cell-cont, .application-cell:nth-of-type(2n) .cell-cont{ order: 2; padding-left: 0;} /* AIGoa价格 */ .index-pricing .pricing-tabs{background-color: #4b56ee;padding: 15px;border-radius: 15px 15px 0 0;display: block;} .index-pricing .pricing-tab-item{display: inline-block;padding: .5em .55em;color: #fff;border-radius: 2em;margin-right: .1em;cursor: pointer;-webkit-tap-highlight-color:transparent;transition: all .15s ease;} .index-pricing .pricing-tab-item.active{background-color: #fff;color: #4b56ee;} .index-pricing .pricing-cell-hd{display: none;} .index-pricing .index-layer-hd .layout::before{width: 20px;height: 60px;} .index-pricing .pricing-table{border-radius: 0 0 15px 15px;} .index-pricing .pricing-cell{width:55%;max-width:55%;display: none;} .index-pricing .pricing-cell:nth-of-type(1){width: 45%;max-width: 45%;display: block;} .index-pricing .pricing-cell.cont-active{display: block;} .index-pricing .pricing-cell:nth-of-type(1) .price-cell-opt{padding-left: 15px;} .index-pricing .price-cell-opt{font-size: 1em;} .index-pricing .sys-btn{padding: .5em 1.5em;} /* 联系我们 */ .index-contact{padding-top: 80px; padding-bottom: 50px;} .index-contact .contact-wrap{padding: 40px 20px;border-radius: 20px;} .index-contact .contact-wrap::before{display: none;} .index-contact .contact-form-item{width: 100%;} .index-contact .sys-select-box .select-box-drop{padding: 15px;} .index-contact .contact-form-item.item-full .sys-select-box .select-box-options{padding: 0;} .index-contact .contact-form-item.item-full .sys-select-box .select-opt-item{display: block;padding: .35em 0;background: none;} .index-contact .contact-form-foot{display: flex;flex-wrap: wrap;justify-content: space-between;} .index-contact .contact-btn{min-width: 5em;margin: 0;width: 48%;font-size: 15px;} .index-contact .contact-link-btn{font-size: 14px;} /* -----------------page: blog ----------------- */ .sys-main,.sys-aside{width: 100%;float: none;} .sys-sub-head{padding: 60px 0 30px;margin-bottom: 60px;} .sys-sub-head .sub-head-inner{max-width: 90%;font-size: 12px;} .sys-sub-head .sub-head-title{font-size: 2em;} .hot-media-layer{margin-bottom: 15px;} .hot-media-layer .media-layer-bd .media-cont,.hot-media-layer .media-thumb{width: 100%;} .hot-media-layer .media-thumb{order: 1;margin-bottom: 15px; } .hot-media-layer .media-thumb-slider{box-shadow: 0 0 20px rgba(197,218,213,.3);margin: 0 -8px;} .hot-media-layer .media-layer-bd .media-cont{order: 2;} .hot-media-layer .media-cont-item .media-tit{font-size: 18px;} .hot-media-layer .media-cont-item .media-desc{-webkit-line-clamp:3;line-height: 1.8;height: auto;display: none;} .hot-media-layer .layout::before{width: 20px;height: 60px;right: 0;} .hot-media-layer .swiper-pagination .swiper-pagination-bullet{width: 6px;height: 5px;margin: 0 8px 0 0;} .hot-media-layer .swiper-pagination .swiper-pagination-bullet-active{width: 25px;} .hot-media-layer .sys-meta-bar .meta-item+.meta-item{padding-left: 18px;} .blog-item .blog-item-cell{font-size: 12px;padding-top: 15px;padding-bottom: 15px;} .blog-item .blog-item-cont{padding-left: 15px;} .blog-item .blog-item-tit{line-height: 1.3em;} .blog-item .blog-item-img{width: 120px;min-width: 120px;} .blog-item .sys-img-box{border-radius: 10px;} .blog-item .sys-meta-bar .meta-item .ico-time{margin-right: 0;} .blog-item .sys-meta-bar .meta-item+.meta-item{display: none;} .page-load-bar{padding: 20px 0 40px;} .page-load-bar .sys-btn{padding: .3em 1.5em;} .side-featured{display: none;} .side-tags{display: none;} .newsletter-widget{padding: 25px;margin-bottom: 0;} .newsletter-widget .widget-tit{font-size: 20px;margin-bottom: 5px;} .newsletter-widget .widget-desc{max-width:210px;margin: 0 auto 20px;} /* -----------------page: blog-detaiil ----------------- */ .blog-detail .detail-title{font-size: 22px;} .blog-detail .meta-tags{padding-left: 0;font-size: 14px;} .blog-detail .detail-head .sys-meta-bar{font-size: 14px;} .blog-related{width: 100%;} .blog-related .related-cell{width: 100%;max-width: 100%;} .blog-related .related-cell+.related-cell{margin-top: 10px;} .blog-related .cell-tit{-webkit-line-clamp: 1;} .blog-related .related-cell a{padding-left: 22px;} .blog-related .related-cell:nth-of-type(2n) a{padding-right: 22px;} .blog-related .related-cell a:before{background-size:auto 11px;} .may-like-layer{margin-bottom: 25px;} .main-layer .main-layer-hd{margin-bottom: 20px;} .main-layer .main-layer-tit{font-size: 20px;} .main-layer .main-layer-hd .hd-more{font-size: 14px;} .main-layer .img-txt-item .item-tit{-webkit-line-clamp:2;margin-bottom: 8px;} .main-layer .sys-img-box{border-radius: 10px;} .main-layer .img-txt-item .sys-meta-bar{font-size: 12px;} /* 聊天弹窗 */ body .aiccc-client{height: auto;} body .aiccc-win{height: auto;min-height: 0;} body .aiccc-client.aiccc-active, body .aiccc-active .aiccc-wrap, body .aiccc-active .aiccc-win{width: 100%;height: 100%;} } @media only screen and (max-width: 414px) { } /*2023-08-05*/ @media only screen and (max-width: 1023px) { .web-head .nav-wrap .head-nav-menu>ul>li{position: relative;margin-bottom: 0;padding: .2em 0;} .web-head .nav-wrap .head-nav-menu>ul>li+li{border-top: 1px solid #f2f2f2;} .web-head .nav-wrap .head-sub-nav{padding: 0;transform: none;transition:none;position: static;opacity: 1;visibility: visible;border-top: 0;} .web-head .nav-wrap .head-sub-nav .sub-nav-layout{margin-left: 4%;width: auto;} .web-head .nav-wrap .head-sub-menu{padding: 0;margin: 0;} .web-head .nav-wrap .head-sub-menu>li{width: 100%;float: none;padding: 10px 0;position: relative;} .web-head .nav-wrap .head-sub-menu>li::after{display: none;} .web-head .nav-wrap .head-sub-menu>li+li{border-top: 1px solid #f2f2f2;} .web-head .nav-wrap .head-sub-menu>li .sub-menu-tit{margin-bottom: 0;font-size: 14px;} .web-head .nav-wrap .head-sub-menu>li .sub-menu-desc{display: none;} .web-head .nav-wrap li:hover .head-sub-nav{box-shadow: none;} .web-head .nav-wrap .sub-menu-active .head-menu-btn{transform:rotate(-180deg);} .web-head .nav-wrap .sub-menu-active>.head-sub-nav{display: block;position: static;opacity: 1;visibility: visible;} .web-head .head-menu-btn{display: block;width: 40px;height: 40px;position: absolute;right: -10px;top: .2em;z-index: 2;background-size: auto 32%;background-repeat: no-repeat;background-position: center;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAGFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABWNxwqAAAAB3RSTlMAvyDfQICfKqdWbQAAAHBJREFUKM/VyrEJgDAYBeFHcAA7WwVHUGzt0rpFagn41rcIcvxukCuPT72Uzv9ZpVyv+AZvOrzHmV1lNwq0Vdwo0I+WjwJHpalR4C1BgRIUCAVCgdAAoUAoMFAgFCgoUFADoUAoMFAgFAgtQEqzeusFMm06jmYAMPQAAAAASUVORK5CYII=);opacity: .35;transition:all .3s ease;cursor: pointer; -webkit-tap-highlight-color:transparent;} .web-head .nav-wrap .head-app-menu{margin: 0;padding: 0;display: block;} .web-head .nav-wrap .head-app-menu>li{display: inline-block;min-width: inherit;padding: 0 12px 10px 0;} .web-head .nav-wrap .head-app-menu>li .app-menu-inner{display: inline;padding: 0;} .web-head .nav-wrap .head-app-menu>li .app-menu-ico{display: inline;} .web-head .nav-wrap .head-app-menu>li .app-menu-ico img{vertical-align: middle;width: auto;height: 21px;} .web-head .nav-wrap .head-app-menu>li .app-menu-txt{display: inline;} .web-head .nav-wrap .head-app-menu>li .app-menu-inner:hover{box-shadow:none;border:0;transform: none;} } /* ======================================================== page: 首页Banner ------------------------------------------------------*/ .index-digital-banner{padding: 220px 0 30px; padding-top: 300px; background-position: center;background-repeat: no-repeat;background-size: cover;overflow: hidden;} .index-digital-banner .layout {max-width: 1680px;padding-bottom: 80px; padding-bottom:20px; position: relative;} .index-digital-banner .item-lines{display: block;width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;background-position:center bottom; background-repeat: no-repeat;background-size: 100% auto;background-image:url(./../img/index/banner_lines.png);opacity: .4;} .index-digital-banner .digital-banner-items{display: flex;justify-content: space-between;position: relative;z-index: 1;padding: 0 .1%;} .index-digital-banner .digital-banner-item{width: 12.06%;transition:all .45s ease-in-out;} .index-digital-banner .digital-banner-item .banner-item-img{display: block;width: 100%;height: auto; text-align: center;transition:all .6s ease-in-out;} .index-digital-banner .digital-banner-item .banner-item-img img{max-width: 90%;} .index-digital-banner .digital-banner-item:hover{transform: translateY(-25px);} .index-digital-banner .digital-banner-item:nth-of-type(3), .index-digital-banner .digital-banner-item:nth-of-type(4){margin-top: 15px;} .index-digital-banner .digital-banner-item:nth-of-type(4){margin-left: 18%;} .index-digital-banner .digital-banner-item:nth-of-type(2), .index-digital-banner .digital-banner-item:nth-of-type(5){margin-top: 115px;} .index-digital-banner .digital-banner-titbox{width: 100%; position: absolute; left: 0; bottom: 100%; margin-bottom: 1em; text-align: center; font-size: 45px; } .index-digital-banner .digital-banner-title{ display: inline; font-size: 1em; letter-spacing: .06em; font-weight: normal;text-align: center;font-family:'NotoSansHans-Medium';font-weight: bold; background-image: linear-gradient(to right,#fff 35%,#7efcff 51%,#fff 55%); background-size: 200% auto;transition: all 1.8s ease;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background: none\0; background-position: 0 center;} .index-digital-banner .digital-banner-title:hover{background-position: right 0;background-image: linear-gradient(to right,#fff 45%,#7efcff 50%,#fff 60%);transition: all 2s ease;} .index-digital-banner .digital-banner-title i {font-family: '微软雅黑';} .index-digital-banner .digital-banner-title,.index-digital-banner .digital-banner-title a{color: #fff;} .index-digital-banner .digital-banner-hd{width:22%;position: absolute;left: 39%;bottom: 21%;z-index: 2;} .index-digital-banner .digital-banner-hdbox{max-width:92%; margin:0 auto;} .index-digital-banner .digital-banner-subtit{text-align: center;font-size: 42px;text-shadow: 0 0 6px rgba(255,255,255,.6);margin-bottom: .15em;} .index-digital-banner .digital-banner-subtit,.index-digital-banner .digital-banner-subtit a{color: #fff;} .index-digital-banner .digital-banner-logo{display: block;padding: 100% 0 0;background-repeat: no-repeat;background-position: center;background-size: contain;position: relative;} .index-digital-banner .digital-banner-logo::before, .index-digital-banner .digital-banner-logo::after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-repeat: no-repeat;background-size: contain;} .index-digital-banner .digital-banner-logo::before{background-image: url(./../img/index/banner_ai_circle.png);transition:all .6s ease-in-out;} .index-digital-banner .digital-banner-logo::after{background-image: url(./../img/index/banner_ai_logo.png);} .index-digital-banner .digital-banner-logo::after{background-image: url(./../img/banner_ai_logo.png);} .index-digital-banner .digital-banner-logo:hover::before{transform: rotate(30deg);transition: all 1.2s ease;} .index-digital-banner .digital-banner-items{animation: ImgBounce 6s ease-in-out 0s infinite alternate;} @keyframes jumpAnm{ 25%{transform: translateY(-1%);} 50%{transform: translateY(0);} 75%{transform: translateY(1.5%);} } @keyframes ImgBounce { 0% {-webkit-transform: translateY(0); transform: translateY(0); } 100% {-webkit-transform: translateY(-30px); transform: translateY(-30px); } } @keyframes lineIn{ 0%{height: 0%;} 100%{height: 100%;} } .lineIn{animation-name:lineIn;animation-fill-mode:both;} @media screen and (max-width: 1440px){ .index-digital-banner .digital-banner-titbox{font-size: 40px;} .index-digital-banner .digital-banner-subtit{font-size: 36px;} } @media screen and (max-width: 1280px){ .index-digital-banner .digital-banner-item .banner-item-img img{max-width: 95%;} .index-digital-banner .digital-banner-titbox{font-size: 36px;} .index-digital-banner .digital-banner-subtit{font-size: 32px;} } @media screen and (max-width: 1024px){ .index-digital-banner .digital-banner-titbox{font-size: 32px;} .index-digital-banner .digital-banner-subtit{font-size: 28px;} } @media screen and (max-width: 1023px){ .index-digital-banner{padding-top: 180px;} .index-digital-banner .digital-banner-item{width: 13.5%;} } @media screen and (max-width: 768px){ .index-digital-banner .digital-banner-titbox{font-size: 28px;} .index-digital-banner .digital-banner-subtit{font-size: 24px;} .index-digital-banner .digital-banner-hd{width: 19%;left: 40.5%;} } @media screen and (max-width: 640px){ .index-digital-banner{margin: 0 0 4em;padding: 170px 0 50px;} .index-digital-banner .layout{padding-bottom: 0;} .index-digital-banner .item-lines{display: none;} .index-digital-banner .digital-banner-items{flex-wrap: wrap;justify-content: center;margin: 0 -18px;animation: none;} .index-digital-banner .digital-banner-titbox{font-size: 20px;} .index-digital-banner .digital-banner-subtit{font-size: 20px;bottom: 105%;} .index-digital-banner .digital-banner-item{width: 20.5%;margin: 0 1%} .index-digital-banner .digital-banner-item:nth-of-type(2), .index-digital-banner .digital-banner-item:nth-of-type(3), .index-digital-banner .digital-banner-item:nth-of-type(5){margin-top: 0;} .index-digital-banner .digital-banner-item:nth-of-type(1), .index-digital-banner .digital-banner-item:nth-of-type(4), .index-digital-banner .digital-banner-item:nth-of-type(1):hover, .index-digital-banner .digital-banner-item:nth-of-type(4):hover{transform: translateY(20%);} /* .index-digital-banner .digital-banner-item:nth-of-type(3){margin-left: 10.5%;} */ .index-digital-banner .digital-banner-item:nth-of-type(4){margin-left: 1%;margin-top: 0;} .index-digital-banner .digital-banner-item:nth-of-type(6){margin-left: 8%;} .index-digital-banner .digital-banner-item:nth-of-type(5){margin-top: 35px;} .index-digital-banner .digital-banner-item:nth-of-type(6){margin-top: 45px;} .index-digital-banner .digital-banner-hd{ width: 32%;left: 34%; bottom:26%;transform: translateY(0%);} .index-digital-banner .digital-banner-item:hover{transform: none;} .index-digital-banner .digital-banner-logo:hover::before{transform: rotate(180deg);} .index-digital-banner .digital-banner-item:nth-of-type(5), .index-digital-banner .digital-banner-item:nth-of-type(6){width: 22%;} .index-digital-banner .digital-banner-item:nth-of-type(5){order: 10;margin-left: 35%;} .index-digital-banner .digital-banner-item:nth-of-type(6){margin-left: 0;} .index-digital-banner .digital-item-active .banner-item-img img{ animation:jumpAnm 2.25s linear infinite; animation-fill-mode: forwards;} } /* ======================================================== page: 首页增加模块 2023-11-30 ------------------------------------------------------*/ .index-data .layout,.index-apps .layout,.index-module .layout,.index-info .layout,.index-tools .layout{max-width: 1500px;} .index-data .index-layer-bd,.index-apps .index-layer-bd,.index-module .index-layer-bd,.index-info .index-layer-bd,.index-tools .index-layer-bd {font-family: 'NotoSansHans-Medium';} .index-data .index-layer-bd,.index-data .index-layer-bd a, .index-apps .index-layer-bd,.index-apps .index-layer-bd a, .index-module .index-layer-bd,.index-module .index-layer-bd a, .index-info .index-layer-bd,.index-info .index-layer-bd a, .index-tools .index-layer-bd,.index-tools .index-layer-bd a{ color: #818a9b; } .index-item-btn{display: inline-block; padding: .5em 1em;text-align: center; border: 1px solid #e6e8ed; border-radius: 10px;position: relative;transform:scale(1);overflow: hidden;} .index-item-btn::before{content:'';display: block;width: 100%;height: 100%;position: absolute;left:0;top: 0;z-index: -1;background-image: linear-gradient(120deg,#6866ee 0,#6866ee 55%,#35d2f5 100%);opacity: 0;transition: all .3s ease;} .index-item-btn:not(.item-btn-disabled):hover{color: #fff;} .index-item-btn:not(.item-btn-disabled):hover::before{opacity: 1;} .index-item-btn.item-btn-disabled{background-color: #fafafa;color: #aaa;cursor: default;pointer-events: none;} /* index-full-banner */ .index-full-banner{padding: 170px 0 110px; min-height: 100vh; font-size: 16px; background-position: center; background-repeat: no-repeat;background-size: cover;overflow: hidden;position: relative;margin-bottom: 40px;font-family:'Microsoft YaHei','微软雅黑'; display: flex;align-items: center;justify-content: center;} .index-full-banner .layout{width: 92%;max-width: 1400px;margin: 0 auto;display: flex;align-items: center;min-height:60vh;} .index-full-banner .index-banner-cont{width: 35%;} .index-full-banner .index-banner-cont,.index-full-banner .index-banner-cont a{color:#fff;} .index-full-banner .index-banner-cont .banner-cont-tit, .index-full-banner .index-banner-cont .banner-cont-desc{font-size: 2.5em;line-height: 1.6;} .index-full-banner .index-banner-cont .banner-cont-tit{font-weight: bold;} .index-full-banner .index-banner-cont .banner-cont-foot{padding-top: 1.2em;} .index-full-banner .index-banner-cont .banner-cont-btn{display: inline-block; vertical-align: top; font-weight: bold; font-size: 1.35em;background-color: #fff;border-radius: 2em;padding: .6em 1.6em;color: #4c60ea; letter-spacing: 2px;} .index-full-banner .index-banner-cont .banner-btn-txt{display: inline-block; vertical-align: top; background-image: linear-gradient(to right,#4c60ea 15%,#35cae8 50%,#4c60ea 80%);background-size: 200% auto;transition: all .9s ease;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background: none\0;} .index-full-banner .index-banner-cont .banner-cont-btn:hover{box-shadow: 13px 8px 13px rgba(0,0,0,.08);} .index-full-banner .index-banner-cont .banner-cont-btn:hover .banner-btn-txt{background-position: right 0;} .index-full-banner .index-banner-main{flex:1;min-width: 0;display: flex;justify-content: flex-end;} .index-full-banner .index-banner-slider{width: 780px; max-width: 93.5%; display: flex;align-items: center;flex-wrap: nowrap; justify-content: space-between;position: relative;} .index-full-banner .index-banner-slider .banner-ico{position: absolute;display: inline-flex;} .index-full-banner .index-banner-slider .banner-ico::before{content: '';display: block;background-repeat: no-repeat;background-repeat: no-repeat;background-size: contain;} .index-full-banner .index-banner-slider .banner-ico-01{left: 28%;top: 50%;} .index-full-banner .index-banner-slider .banner-ico-01::before{width: 96px;height: 87px;background-image: url(./../img/index/index_banner_ico_01.png);} .index-full-banner .index-banner-slider .banner-ico-02{right: 55px;top:-25px;z-index: 2;} .index-full-banner .index-banner-slider .banner-ico-02::before{width: 102px;height: 88px;opacity: .5; background-image: url(./../img/index/index_banner_ico_02.png);} .index-full-banner .index-banner-slider .banner-ico-03{right: -16px;bottom:-35px;z-index: 2;} .index-full-banner .index-banner-slider .banner-ico-03::before{width: 81px;height: 82px; background-image: url(./../img/index/index_banner_ico_03.png);} @keyframes icoUp{25%{transform: translateY(-10%);}50%{transform: translateY(0);}75%{transform: translateY(10%);}} .index-full-banner .index-banner-slider .banner-ico-01::before{animation: icoUp 6s linear infinite;} .index-full-banner .index-banner-slider .banner-ico-02::before{animation: icoUp 7s linear infinite;} .index-full-banner .index-banner-slider .banner-ico-03::before{animation: icoUp 8s linear infinite;} .index-full-banner .banner-slider-tabs{ width: 37.5%; font-family:'NotoSansHans-Medium';font-size: 17px;overflow: visible;} .index-full-banner .banner-slider-tabs .swiper-wrapper{display: block;} .index-full-banner .banner-slider-tabs .banner-tab-item{padding: .5em 0;position: relative;overflow: visible;} .index-full-banner .banner-slider-tabs .banner-tab-item::before{content: '';display: block;width: 9px;height: 0%;position: absolute;right: 100%;top: 50%;margin-right: 10px;border-radius: 0 20px 20px 0;transition: all .3s ease;} .index-full-banner .banner-slider-tabs .banner-tab-inner{display: inline-flex; min-width: 80%;max-width: 100%; padding: .55em .8em; align-items: center; color: #327097; background-color: #fff;border-radius: 15px;cursor: pointer;transition: all .3s ease;} .index-full-banner .banner-slider-tabs .banner-tab-ico{display: inline-block;width: 32px;height: 32px;background-repeat: no-repeat;background-size: contain;background-position: center;transition: all .3s ease;} .index-full-banner .banner-slider-tabs .banner-tab-txt{padding-left: 10px;} .index-full-banner .banner-slider-tabs .banner-tab-item:hover .banner-tab-ico{animation: swing 1.2s ease;} .index-full-banner .banner-slider-tabs .swiper-slide-active .banner-tab-ico{width: 38px;height: 38px;} .index-full-banner .banner-slider-tabs .swiper-slide-active .banner-tab-inner{padding: .7em 1.2em;min-width: 100%;box-shadow: 13px 0 13px rgba(47,168,226,.94);} .index-full-banner .banner-slider-tabs .swiper-slide-active{ font-size: 1.2em;} .index-full-banner .banner-slider-tabs .swiper-slide-active::before{height: 62%;top: 19%;background-color: rgba(255,255,255,.5);} .index-full-banner .banner-slider-cont{width: 53%;position: relative;} .index-full-banner .banner-slider-imgs{overflow: visible;} .index-full-banner .banner-slider-item{position: relative;opacity: 0;overflow: visible;} .index-full-banner .banner-slider-item::before{content: '';display: block;width: 80%;height: 75%;background-color: rgba(255,255,255,.6);border-radius: 15px;position: absolute;right: -10px;bottom: 40px;opacity: 0;transform: translateY(100px);transition: all 1.5s ease;} .index-full-banner .banner-slider-img{max-width: 100%;height: auto;position: relative;z-index: 2; opacity: 0;transform: translateY(50px);transition: all 1.2s ease;} .index-full-banner .swiper-slide-active{visibility: visible;} .index-full-banner .swiper-slide-active .banner-slider-img{opacity: 1;transform: none;} .index-full-banner .swiper-slide-active::before{opacity: 1;transform: none;} body .index-full-banner .swiper-pagination-bullet{width: auto;height: auto;background: none;} /* 数据市场 */ .index-data .data-market-items{margin:-.92%;display: flex;flex-wrap: wrap;} .index-data .data-market-item{width: 20%;padding: .92%;display: flex;text-align: center;} .index-data .data-market-item .data-item-inner, .index-data .data-market-item .data-item-btn, .index-data .data-market-item .data-item-btn::before{transition: all .3s ease;} .index-data .data-market-item .data-item-inner{display: block;width: 100%; background-color: #f4f6fa;border-bottom: 1px solid #fff;padding: 30px 15px 35px;border-radius: 12px;} .index-data .data-market-item .data-item-inner:hover{box-shadow:10px 19px 19px rgba(217,221,231,.77);transform: translateY(-15px);} .index-data .data-market-item .data-item-ico {margin-bottom:.5em;} .index-data .data-market-item .data-item-ico img{height: 58px;width: auto;} .index-data .data-market-item .data-item-tit, .index-data .data-market-item .data-item-desc{font-size: 1.125em;} .index-data .data-market-item .data-item-tit{font-weight: normal;} .index-data .data-market-item .data-item-desc{} .index-data .data-market-item .data-item-foot{padding-top: 1em;} .index-data .data-market-item .data-item-btn{display: inline-block; font-size: 1.0625em;letter-spacing: 1px; border:1px solid #e3e8f3; min-width: 72%; color: var(--color-primary); text-align: center; background-color: #fff;border-radius: 15px;padding: .58em 1em;transform: scale(1);position: relative;overflow: hidden;} .index-data .data-market-item .item-btn-txt{ background-image: linear-gradient(to right,#35d2f5 40%,#4b56ee);-webkit-background-clip: text;-webkit-text-fill-color: transparent; background-image: none\0;} .index-data .data-market-item .data-item-btn::before{content:'';display: block;width: 100%;height: 100%;position: absolute;left:0;top: 0;z-index: -1;background-image: linear-gradient(120deg,#6866ee 0,#6866ee 55%,#35d2f5 100%);opacity: 0;} .index-data .data-market-item .data-item-btn:hover{color:#fff;} .index-data .data-market-item .data-item-btn:hover .item-btn-txt{background: none;-webkit-background-clip: content-box;-webkit-text-fill-color: unset;} .index-data .data-market-item .data-item-btn:hover::before{opacity: 1;} /* 应用市场 */ .index-apps,.index-info{ position: relative; background-image:linear-gradient(to bottom,#f4f6fa 60%,#fff);margin-top: 40px;} .index-apps::before,.index-info::before{content: '';display: block;width: 100%;padding: 6% 0 0;background-repeat: no-repeat;background-position: center 0;background-size: 100% auto;background-image: url(./../img/index/index_layer_bg.png);position: absolute;left: 0;top: 0;} .index-apps{padding-top: 10.5em;} .index-apps .index-layer-bd{font-size: 14px;} .index-apps .index-apps-slider{width: auto;padding-top: 8px;} .index-apps .index-app-items{display: flex;flex-wrap: wrap;margin:-.65%;padding-bottom: 20px;} .index-apps .index-app-item{width: 25%; height: auto; display: flex;padding: .65%;overflow: visible;} .index-apps .index-app-item-inner{ display: flex; width: 100%; padding:2.2em 7%;background-color: #fff;border-radius: 12px;transition: all .3s ease;} .index-apps .index-app-item-inner:hover{box-shadow:10px 19px 19px rgba(217,221,231,.77);transform: translateY(-8px);} .index-apps .index-app-item-ico{display: inline-block;width: 55px;} .index-apps .index-app-item-cont{flex:1;min-width: 0;padding-left: .5em;} .index-apps .index-app-tit{font-weight: bold; font-size: 15px; margin-bottom:.6em;} .index-apps .index-app-tit,.index-apps .index-app-tit a{color: #676e7a;} .index-apps .index-app-desc{margin-bottom: 1em;} .index-apps .index-app-developer{} .index-apps .index-item-btn{display: block; font-size: 15px; margin-top: 1em;} .index-apps .swiper-pagination{width: auto;display: none;position: static;padding-top: 1em;} /* 自动化模块 */ .index-apps + .index-module{margin-top: -40px;} .index-module{} .index-module .module-items{margin:-.92%;display: flex;flex-wrap: wrap;} .index-module .module-item{width: 20%;padding: .92%; display: flex;text-align: center;} .index-module .module-item,.index-module .module-item a{color:#818a9b;} .index-module .module-item-inner{display: block;width: 100%; background-color: #f4f6fa;border-bottom: 1px solid #fff;padding: 30px 15px 35px;border-radius: 12px;padding: 2.5em 1em;transition: all .3s ease;} .index-module .module-item-tit{font-size: 1.125em;font-weight: normal;} .index-module .module-item-ico{margin-top: 1.25em;} .index-module .module-item-ico img{width: auto;height: 60px;} .index-module .module-item-ico img:hover{animation:swing .9s ease;} .index-module .module-item-inner:hover{box-shadow:10px 19px 19px rgba(217,221,231,.77);transform: translateY(-15px);} /* 数据集成市场 */ .index-info{padding-top: 10.5em;} .index-info .info-items{margin:-.92%;display: flex;flex-wrap: wrap;} .index-info .info-item{width: 25%;padding: .92%; display: flex;} .index-info .info-item-inner{display: flex; align-items: flex-end; width: 100%; background-color: #fff;border: 1px solid #eceff7;padding:1.2em 1em;border-radius: 12px;transition: all .3s ease;} .index-info .info-item-img{ width: 130px; max-width: 39%;} .index-info .info-item-img img{width: 100%;height: auto;} .index-info .info-item-cont{flex:1;min-width:0;padding-left: 1.5em;} .index-info .info-item-tit{font-size: 1.125em;} .index-info .info-item-desc{font-size: .875em;opacity: .5;} .index-info .index-item-btn{min-width: 85%;margin-top: .5em;vertical-align: bottom;} .index-info .info-item-inner:hover{box-shadow:10px 19px 19px rgba(217,221,231,.77);transform: translateY(-15px);} /* 机器人工具 */ .index-tools{margin-bottom: 1em;} .index-tools .index-layer-bd .layout{padding: 0 30px;} .index-tools .tools-items{display: flex;margin:-.65%;flex-wrap: wrap;} .index-tools .tools-item{width: 16.66666666%; padding: .65%;} .index-tools .tools-item-inner, .index-tools .tools-item-ico{transition: all .3s ease;} .index-tools .tools-item-inner{display: flex; align-items: center; width: 100%; font-size: 1.125em; padding: .75em 3% .75em 10%; border-radius: 12px;background-color: #f4f6fa;position: relative;transform: scale(1);overflow: hidden;} .index-tools .tools-item-inner::before{content:'';display: block;width: 100%;height: 100%;position: absolute;left:0;top: 0;background-image: linear-gradient(120deg,#6866ee 0,#6866ee 55%,#35d2f5 100%);opacity: 0;transition: all .3s ease;} .index-tools .tools-item-inner:hover{color: #fff;box-shadow:10px 19px 19px rgba(217,221,231,.77);transform: translateY(-12px);} .index-tools .tools-item-inner:hover::before{opacity: 1;} .index-tools .tools-item-inner *{position: relative;z-index: 2;} .index-tools .tools-item-ico{width: 35px;height: 35px;background-repeat: no-repeat;background-position: center;text-align:center;} .index-tools .tools-item-inner:hover .tools-item-ico{filter: grayscale(100%) brightness(200%);} .index-tools .tools-item-cont{flex:1;min-width: 0;padding-left: .72em;} .index-tools .item-txt-small{font-size: .875em;line-height: 1.1;} @media screen and (max-width: 1440px){ } @media screen and (max-width: 1280px){ .index-full-banner{font-size: 14px;} .index-full-banner .banner-slider-tabs .banner-tab-active{font-size: 1.125em;} .index-info .info-item{width: 33.3333333%;} .index-tools .tools-item{width: 25%;} } @media screen and (max-width: 1152px){ .index-data .data-market-item{width: 25%;} .index-apps .index-app-item{width:33.3333333%;} .index-module .module-item{width: 25%;} } @media screen and (max-width: 1024px){ .index-full-banner{font-size: 12px;} } @media screen and (max-width: 1023px){ .index-full-banner{min-height: 100vh;padding: 100px 0 50px;} .index-full-banner .layout{flex-wrap: wrap;} .index-full-banner .index-banner-cont{width: 100%;text-align: center;padding-bottom: 6vh;} .index-full-banner .index-banner-main{min-width: 100%;justify-content: center;} .index-full-banner .index-banner-slider{width: 700px;max-width: 92%;} } @media screen and (max-width: 950px){ .index-apps .index-app-items{margin: 0;} .index-apps .index-app-item{padding: 0;} .index-apps .swiper-pagination{display: block;} } @media screen and (max-width: 768px){ .index-data .data-market-item{width: 33.33333333%;} .index-apps .index-app-item{width: 50%;} .index-module .module-item{width: 33.33333333%;} .index-info .info-item{width: 50%;} .index-tools .index-layer-bd .layout{padding: 0;} .index-tools .tools-item{width: 33.33333333%;} .index-data .data-market-item .data-item-inner:hover, .index-apps .index-app-item-inner:hover, .index-module .module-item-inner:hover, .index-info .info-item-inner:hover, .index-tools .tools-item-inner:hover{box-shadow: none;transform: none;} } @media screen and (max-width: 640px){ .index-full-banner{margin-bottom: 0;} .index-full-banner .index-banner-cont{font-size: 12px;} .index-full-banner .index-banner-slider{flex-wrap: wrap;width: 500px;max-width: 100%;justify-content: center;} .index-full-banner .index-banner-cont .banner-cont-btn{padding: .5em 1.5em;} .index-full-banner .banner-slider-tabs, .index-full-banner .banner-slider-cont{width: 100%;} .index-full-banner .banner-slider-tabs {width: auto;font-size: 14px;margin:0 2.5% 20px;} .index-full-banner .banner-slider-tabs .swiper-wrapper{display: flex;flex-wrap: wrap;justify-content: center;} .index-full-banner .banner-slider-tabs .banner-tab-item{width: auto;margin:0 1px;padding: .15em 0;} .index-full-banner .banner-slider-tabs .banner-tab-item:nth-of-type(1){width: 100%;text-align: center;} .index-full-banner .banner-slider-tabs .banner-tab-item::before{display: none;} .index-full-banner .banner-slider-tabs .banner-tab-item .banner-tab-inner, .index-full-banner .banner-slider-tabs .swiper-slide-active .banner-tab-inner{padding: .3em .8em;} .index-full-banner .banner-slider-tabs .banner-tab-inner{padding: .4em 1em;display: inline-flex; min-width: inherit;} .index-full-banner .banner-slider-tabs .banner-tab-txt{padding-left: 10px;} .index-full-banner .banner-slider-tabs .banner-tab-item .banner-tab-inner { opacity: .9; background-color: rgba(255,255,255,.9); transform: scale(.9); transition: all .3s ease;} .index-full-banner .banner-slider-tabs .swiper-slide-active .banner-tab-inner { opacity: 1; background-color: rgba(255,255,255,1); transform: scale(1); } .index-full-banner .banner-slider-tabs .swiper-slide-active{visibility: visible; font-size: 1em; } .index-full-banner .banner-slider-tabs .swiper-slide-active .banner-tab-inner{min-width: inherit;} .index-full-banner .banner-slider-tabs .swiper-slide-active .banner-tab-ico{width: 24px;height: 24px;} .index-full-banner .index-banner-slider .banner-ico-01, .index-full-banner .index-banner-slider .banner-ico-02, .index-full-banner .index-banner-slider .banner-ico-03{display: none;} .index-full-banner .banner-slider-tabs .banner-tab-ico{width: 24px;height: 24px;} .index-full-banner .banner-slider-cont{max-width: 88%;} .index-full-banner .banner-slider-imgs{margin-right: -20px;} .index-full-banner .banner-slider-item::before{right: 0;} .index-data .data-market-item{width: 50%;} .index-data .data-market-item .data-item-inner{padding: 15px 10px;} .index-data .data-market-item .data-item-ico img{height: 48px;} .index-apps .index-app-item-inner{flex-direction: column;text-align: center;align-items: center;} .index-apps .index-app-item-cont{padding-left: 0;padding-top: 10px;} .index-apps .index-app-item-inner{padding-top: 15px;padding-bottom: 15px;} .index-apps .index-app-item-ico{width: 42px;} .index-module .module-item{width: 50%;} .index-module .module-item-ico img{height: 42px;} .index-apps, .index-info{padding-top: 7em;margin-top: 1em;} .index-info .info-item{width: 100%;} .index-tools .tools-item{width:50%;} .index-tools .tools-item-ico{width: 28px;height: 28px;} } /* ======================================================== page: 数字人 ------------------------------------------------------*/ .human-layer{font-size: 16px;padding: 5.625em 0;} .human-layer .layout{max-width: 1200px;} /* flex */ .human-figure .figure-items,.human-scene .scene-items,.human-cases .human-case-items {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;} /* 形象定制 */ .human-figure {position: relative;padding-bottom: 20.5em;margin-bottom: -14.875em;overflow: hidden;} .human-figure .figure-items{margin: -6px;padding-top: 65px;position: relative;z-index: 2;} .human-figure .figure-item{display: inline-block;width: 16.6667%;padding: 6px;} .human-figure .figure-item,.human-figure .figure-item a{color: #fff;} .human-figure .figure-item-inner{display: block;border-radius: 8px;position: relative;overflow: hidden;} .human-figure .figure-item-img, .human-figure .figure-item-img img{display: block;} .human-figure .figure-item-img img{width: 100%;transition: all .9s ease;} .human-figure .sys-img-box{padding: 284.357% 0 0;border-radius: 0;} .human-figure .figure-item-inner::before, .human-figure .figure-item-inner::after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all .6s ease;z-index: 1;} .human-figure .figure-item-inner::before{background-color: rgba(23,35,70,.8);} .human-figure .figure-item-info{display: block;width: 100%;position: absolute;left: 0;bottom: 50%;transform: translateY(13%); z-index: 2;text-align: center;transition: all .4s ease;} .human-figure .figure-item-info .figure-info-num{display: block;height: .65em;font-size: 5em;line-height: 1em;overflow: hidden;margin-bottom: .05em;} .human-figure .figure-item-info .figure-info-tit{font-size: 1.625em;} .human-figure .figure-item-inner:after{background-image: linear-gradient(-60deg,#34d2f4 20%,#5c4aed);opacity: 0;} .human-figure .figure-item-inner:hover .figure-item-info{transform: translateY(0%);bottom: 25px;transition: all .6s ease;} .human-figure .figure-item-inner:hover:before{background-color: rgba(23,35,70,0);} .human-figure .figure-item-inner:hover:after{opacity: .8;} .human-figure .figure-item-inner:hover .figure-item-img img{transform: scale(1.08);} .human-figure .figure-item:nth-of-type(1) .figure-item-inner,.human-figure .figure-item:nth-of-type(6) .figure-item-inner{transform: translateY(-60px);} .human-figure .figure-item:nth-of-type(2) .figure-item-inner,.human-figure .figure-item:nth-of-type(5) .figure-item-inner{transform: translateY(-30px);} .human-figure::after{content: '';display: block;width: 25vw;height: 25vw;background-image: linear-gradient(to bottom,#8bd9f8,#e5e9fc);border-radius: 50%;position: absolute;right: -12.5vw;bottom: 50px; animation: circleBg 9s linear infinite; } @keyframes circleBg{0%{transform: skew(0deg);}25%{transform: skew(8deg) translate(2%,-5%);}50%{transform: skew(0deg)opacity: 0.6; }75%{transform: skew(-3deg) translateY(2%);}100%{transform: skew(0deg);}} @keyframes circleBgLeft{ 0%{transform: translateY(0%);} 50%{transform: translate(5%,-20%) skew(5deg);} 100%{transform: translateY(0%);} } /* 内容生产 */ .human-generated {position: relative;margin-bottom: 4.375em;overflow: hidden;} .human-generated::after{content: '';display: block;width: 10vw;height: 10vw;background-image: linear-gradient(to bottom,#e6e7fc,#e1f7fd);border-radius: 50%;position: absolute;left: -5vw;bottom: 30%; animation: circleBgLeft 5s linear infinite; } .human-generated .sys-layer-hd{margin-bottom: 1.8em;} .human-generated .sys-layer-bd{position: relative;z-index: 1;} .human-generated .generated-tabs{ display: flex; justify-content: center; padding: 5px 0;font-size: 1.125em; line-height: 42px;text-align: center; border-radius: 5px;background-image: linear-gradient(to right,#d9f4fd,#82d3f7,#5073ef 40%,#5073ef 60%,#82d3f7,#d9f4fd);margin-bottom: 70px;} .human-generated .generated-tabs, .human-generated .generated-tabs a{color: #fff;} .human-generated .generated-tabs .tab-item{display: inline-block;padding: 0 40px;position: relative;} .human-generated .generated-tabs .tab-item+.tab-item::before{content: '';display: block;width: 1px;height: 20px;background-color: rgba(255,255,255,.35);position: absolute; left: 0;top: 50%;margin-top: -10px;} .human-generated .generated-tabs .tab-ico{display: inline-block;width: 29px;height: 29px;background-repeat: no-repeat;background-position: center;background-size: contain;vertical-align: middle;margin-right: 10px;} .human-generated .generated-tabs .tab-ico-pic{background-image: url(./../img/human_tab_picture.png);} .human-generated .generated-tabs .tab-ico-video{background-image: url(./../img/human_tab_video.png);} .human-generated .generated-tabs .tab-ico-video-2{background-image: url(./../img/human_tab_video_2.png);} .human-generated .generated-tabs .tab-ico-live{background-image: url(./../img/human_tab_live.png);} .human-generated .generated-tabs .tab-txt{vertical-align: middle;} .human-generated .generated-slider{position: relative;} .human-generated .swiper-button-prev, .human-generated .swiper-button-next{display: block;width: 80px;height: 80px;background-position: center;background-repeat: no-repeat;position: absolute;top: 50%;transform: translateY(-50%);opacity: 1;background-color: transparent;margin-top: 0;} .human-generated .swiper-button-prev:before, .human-generated .swiper-button-next:before{content: '';} .human-generated .swiper-button-prev{background-image: url(./../img/slider_arrow_prev.png);right:100%;left: auto;margin-right: 45px;} .human-generated .swiper-button-next{background-image: url(./../img/slider_arrow_next.png);left: 100%;margin-left: 45px;} .human-generated .swiper-pagination{display: none;} .human-generated .generated-main{position: relative;} .human-generated .generated-cell{width: 25%; height: auto; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;justify-content: space-between;padding: 8px;} .human-generated .generated-item {display: block;border-radius: 8px;position: relative;overflow: hidden;} .human-generated .sys-img-box{padding: 88.5017% 0 0;border-radius: 0;} .human-generated .sys-img-box img{width: 100%;height: 100%;object-fit: cover;} .human-generated .generated-cell-2 .sys-img-box{padding: 182.57839% 0 0;} .generated-item .item-img{position: relative;} .generated-item .item-img:before, .generated-item .item-img:after{z-index: 2;} .generated-item .item-img .img-inner img{transition: all .6s ease;} .generated-item .item-img .img-inner:before, .generated-item .item-img .img-inner:after, .generated-item .item-img:before, .generated-item .item-img:after{content:'';display:block;width:25%;height:0%;position:absolute;left:0;bottom:0;z-index:2;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease; background-image: linear-gradient(to bottom,#35d2f5 60%,#4b56ee);opacity: 0;} .generated-item .item-img:hover .img-inner:before, .generated-item .item-img:hover .img-inner:after, .generated-item .item-img:hover:before, .generated-item .item-img:hover:after{background-color:rgba(0,0,0,.4);height:100%;opacity: .4; border-radius: 0;} .generated-item .item-img .img-inner:after{left:25%;-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s;} .generated-item .item-img:before{left:50%;-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s;} .generated-item .item-img:after{left:75%;-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s;} .generated-item .item-img:hover img{transform:scale(1.12);transition: all .9s ease;} /* 应用场景 */ .human-scene{background-position: center 0;background-size: 100% 100%;background-repeat: no-repeat;background-image: url(./../img/human_scene_bg.png);padding: 120px 0;} .human-scene,.human-scene a{color: #fff;} .human-scene .sys-layer-hd .layer-title{ -webkit-background-clip: text;-webkit-text-fill-color: #fff;background-color: #fff;} .human-scene .scene-items{justify-content: center;padding-top: 55px;} .human-scene .scene-item{display: inline-block;width: 25%;text-align: center;position: relative;} .human-scene .scene-item::after{content: '';display: block;width: 1px;border-left: 1px dashed rgba(255,255,255,.6);position: absolute;left: 0;top: 0;bottom: 50px;} .human-scene .scene-item:last-of-type{border-right: 1px dotted rgba(255,255,255,.8);} .human-scene .scene-item::before{content: '';display: block;width:calc(100% - 3px);height: 100%;position: absolute;left: 2px;top: 0;background-image:linear-gradient(to bottom,rgba(100,139,241,0) 30%,#648bf1);border-radius: 50px;opacity: 0; transform: translateY(25px); transition: all .4s ease;} .human-scene .scene-item-inner{display: block;padding: 35px 25px 110px;position: relative;z-index: 1; transition: all .6s ease;} .human-scene .scene-item-hd{margin-bottom: 35px;} .human-scene .scene-item-num{display: block;height: .65em;font-size: 5em;line-height: 1em;overflow: hidden;margin-bottom: .05em;} .human-scene .scene-item-tit{font-size: 1.875em;line-height: 1.2em;} .human-scene .scene-item-cont{} .human-scene .scene-item-desc{font-size: 1.125em;line-height: 1.8em;letter-spacing: .06em;} .human-scene .scene-item:hover .scene-item-inner{ transform: translateY(-20px); } .human-scene .scene-item:hover::before{opacity: 1;transform: translateY(0);} /* 应用案例 */ .human-cases{padding-top: 40px;} .human-cases .human-case-items{margin: -16px;} .human-cases .human-case-item{display: inline-block; width: 33.3333%;padding: 16px;} .human-cases .human-case-item .case-item-inner{display: block;cursor: pointer;} .human-cases .human-case-item .case-item-img{display: block;} .human-cases .human-case-item .case-item-img{border-radius: 18px;} .human-cases .human-case-item .case-item-info{padding: 10px 0 10px 15px;} .human-cases .human-case-item .case-item-tit{font-size: 1em;font-weight: normal;} .human-cases .human-case-item .case-item-tit, .human-cases .human-case-item .case-item-tit a{color: #414141;} .human-cases .human-case-items-ver .human-case-item{width: 20%;} .human-cases .sys-img-box{padding: 55.9366% 0 0;} .human-cases .human-case-items-ver .sys-img-box{padding: 178.9719% 0 0;} @media only screen and (max-width: 1680px) { } @media only screen and (max-width: 1440px){ .human-generated .swiper-button-prev{margin-right: 0;} .human-generated .swiper-button-next{margin-left: 0;} } @media only screen and (max-width: 1366px) { .sys-head-banner .head-banner-cell{font-size: 14px;} .human-layer .layout{width: 85%;} } @media only screen and (max-width: 1280px) { .sys-head-banner .banner-cell-title{font-size: 5em;} .sys-head-banner .banner-cell-more{padding-top: 1.5em;} .sys-layer-hd .layer-title{font-size: 2.1428em;} .human-layer{font-size: 14px;} .human-layer .layout{width: 85%;} .human-figure .figure-item{font-size: .92em;} } @media only screen and (max-width: 1151px) { .sys-head-banner .head-banner-cont{padding-top: 3.5%; } } @media only screen and (max-width: 1023px) { .sys-head-banner .banner-cell-title{font-size:3.2em;} .sys-head-banner .banner-cell-more{padding-top: 1.5em;} .human-figure .figure-items{margin: -3px;} .human-figure .figure-item{padding: 3px;} .human-generated .generated-tabs .tab-item{padding: 0 20px;} .human-scene{background-size: 160% 100%;} .human-cases .human-case-items{margin: -8px;} .human-cases .human-case-item{padding: 8px;} } @media only screen and (max-width: 950px) { .sys-head-banner .head-banner-img img{} } @media only screen and (max-width: 768px) { .sys-head-banner .head-banner-img img{height: 350px;object-fit: cover;} .sys-head-banner .banner-cell-title .title-break{display: inline;} .human-figure .figure-items{padding-top: 25px;margin: 0 auto;} .human-figure .sys-img-box{padding: 200% 0 0;} .human-figure .figure-item:nth-of-type(n){width: 33.3333%;} .human-figure .figure-item:nth-of-type(n) .figure-item-inner{transform: translateY(-20px);} .human-figure .figure-item:nth-of-type(3n+2) .figure-item-inner{transform: translateY(0px);} .human-generated .swiper-button-prev, .human-generated .swiper-button-next{display: none;} .human-generated .swiper-pagination{display: block; width: 100%; text-align: center;padding-top: 25px;} .human-scene{background-size: 300% 100%;} .human-scene .scene-item{width: 50%;} .human-scene .scene-item:last-of-type{border-right: 0;} .human-scene .scene-item::after{display: none;} .human-scene .scene-item:nth-of-type(2n)::after{display: block;} .human-scene .scene-item-inner{padding-bottom: 50px;} .human-generated .generated-tabs .tab-ico{width: 22px;height: 22px;} .human-cases .human-case-items-ver .human-case-item{width: 25%;} } @media only screen and (max-width: 640px) { .sys-head-banner .head-banner-cont{padding-top: 10%;} .sys-head-banner .head-banner-img img{height: 280px;} .sys-head-banner .head-banner-cell{font-size: 12px;} .sys-head-banner .banner-cell-title{font-size: 2.25em;} .sys-head-banner .banner-cell-desc{font-size: 1em;line-height: 1.5em;max-height: 6em;overflow: hidden;} .sys-head-banner .btn-learnmore, .sys-head-banner a.btn-learnmore{padding: .2em 1em;} .human-layer .layout{width: 92%;} .human-layer{font-size: 13px;padding: 4.5em 0;} .human-figure{padding-bottom: 12em; margin-bottom: -9em;} .human-figure::after{animation: none;} .human-figure .figure-item-info .figure-info-num{font-size: 4em;} .human-figure .figure-item-info .figure-info-tit{font-size: 1.32em;} .human-figure::after{bottom: 8vw;} .human-generated .generated-tabs{margin-bottom: 35px;} .human-generated .generated-tabs .tab-item{padding: 0 8px;} .human-generated .generated-tabs .tab-item+.tab-item::before{height: 16px;margin-top: -7px;left: -1px;} .human-generated .generated-tabs .tab-ico{width: 18px;height: 18px;margin-right: 6px;} .human-generated .generated-slider{margin: -5px;} .human-generated .generated-cell{padding: 5px;} .human-generated::after{width: 16vw;height: 16vw;left: -8vw;} .human-scene .scene-items{padding-top: 30px;} .human-scene .scene-item-inner{padding: 15px 15px 60px;} .human-scene .scene-item-hd{font-size: .92em;margin-bottom: 25px;} .human-scene .scene-item::before{border-radius: 30px;} .human-cases {margin-top: -30px;} .human-cases .human-case-items{margin: -5px;} .human-cases .human-case-items .human-case-item{width: 100%;} .human-cases .human-case-items-ver .human-case-item{width: 50%;} .human-cases .human-case-item{padding: 5px;} .human-cases .human-case-item .case-item-img{border-radius: 10px;} .human-cases .human-case-items-ver .human-case-item:last-of-type{display: none;} .human-cases .human-case-item .case-item-tit{font-size: 1.25em;} } @media only screen and (max-width: 414px) { } /* ======================================================== page: 私域 ------------------------------------------------------*/ .only-mobile-show{display: none;} @media only screen and (max-width: 640px) { .only-pc-show{display: none;} .only-mobile-show{display: block;} } /* 顶部Banner */ .sys-head-bn{text-align: center;font-size: 20px;position: relative;} .sys-head-bn .head-bn-img img{width: 100%;height: auto;} .sys-head-bn .head-bn-cont{width: 100%;height: 100%;position: absolute;left: 0;top: 0;line-height: 1.3;padding-top: 25px;} .sys-head-bn .head-bn-cont,.sys-head-bn .head-bn-cont a{color: #fff;} .sys-head-bn .head-bn-title{font-size: 3.2em;line-height: 1.1;margin-bottom: .52em;} .sys-head-bn .head-bn-desc{font-size: 1.2em;line-height: 1.8; margin-bottom: 1em;} .sys-head-bn .head-bn-ft{padding-top: 2.5em;} .sys-head-bn .head-bn-btn{font-family: 'NotoSansHans-Medium';} .sys-head-bn .head-bn-btn,.sys-head-bn a.head-bn-btn{display: inline-block;min-width: 9em;text-align: center; font-size: 1em; color:#6d5df1;transition: all .4s ease-out 0s;background-color: #fff;border-radius: .4em; border: 2px solid #fff;padding: .45em 1.6em;overflow: hidden;outline: 0;transition:all .3s ease;} .sys-head-bn .head-bn-btn .btn-txt{ background-image: linear-gradient(to right,#604eee 30%,#35d2f5 50%,#604eee 70%);background-size: 200% auto;transition: all .4s ease;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background: none\0;} .sys-head-bn .head-bn-btn:hover{transform: translateY(-4px);box-shadow: 0 25px 45px -25px rgba(192,210,248,.7);} .sys-head-bn .head-bn-btn:hover .btn-txt{background-position: right 0;} /* 标题 */ .sys-section-hd{text-align: center;padding-bottom: 3.125em;font-size: 16px;letter-spacing: .035em;} .sys-section-hd .section-title{display: inline-block; max-width: 85%; font-size: 2.35em; line-height: 1.2;margin-bottom: .25em; background-image: linear-gradient(to right,#35d2f5 60%,#4b56ee);-webkit-background-clip: text;-webkit-text-fill-color: transparent; background: none\0;} .sys-section-hd .section-desc{font-size: 1.125em; width: 85%; max-width: 680px;margin: 0 auto;} .sys-section-hd .section-desc,.sys-section-hd .section-desc a{color: #929292;} /* 图文介绍 */ .page-private .layout{max-width: 1200px;} .private-intro{padding-bottom: 90px;} .private-cell{padding: 4.0625em 0;font-size: 16px;align-items: center;} .private-cell:first-of-type{padding-top: 0;} .private-cell .cell-cont,.private-cell .cell-img{width: 50%;} .private-cell .cell-cont{order:1;} .private-cell .cell-info{padding-top: 1.5em;} .private-cell .cell-tit,.private-cell .cell-desc{max-width: 430px;} .private-cell .cell-tit{display: inline-block; max-width: 420px; font-size: 2.125em; line-height: 1.35;margin-bottom: .25em; background-image: linear-gradient(to right,#35d2f5 60%,#4b56ee);-webkit-background-clip: text;-webkit-text-fill-color: transparent; background: none\0;font-family: 'NotoSansHans-Medium';} .private-cell .cell-tit,.private-cell .cell-tit a{color: #39bff2;} .private-cell .cell-desc{margin-top: .8em;color: #929292;line-height: 1.8em;letter-spacing: .03em;} .private-cell .cell-img{order: 2;padding-left: 5%; } .private-cell .cell-img img{ animation:icoMove 4s ease infinite;animation-play-state: running; } .private-cell:nth-of-type(2n) .cell-cont{order: 2;padding-left: 7%;} .private-cell:nth-of-type(2n) .cell-info{} .private-cell:nth-of-type(2n) .cell-img{order: 1;padding-left: 0; } .private-cell:nth-of-type(2n) .cell-img img{animation-delay: .3s;} .private-cell:hover .cell-img img{ animation-play-state: running;} @keyframes icoMove { 0% { transform: rotate(1deg) translate(2px, 2px); } 50% { transform: rotate(-1deg) translate(-2px, -2px); } 100% { transform: rotate(1deg) translate(2px, 2px); } } /* 应用场景 */ .private-scene {margin-bottom: 30px;} .private-scene .scene-items{position: relative;overflow: hidden;font-size: 14px;} .private-scene .scene-item+.scene-item::after{content: '';display: block;width: 2px;height: 100%;background-color: #fff;position: absolute;left: -1px;top:0;} .private-scene .scene-item{width: 12.9%;position: relative;background-image:linear-gradient(to bottom,#cee5fe,rgba(255,255,255,0));transition:all .4s ease;overflow: hidden;} .private-scene .scene-item,.private-scene .scene-item a{color: #43a0f1;} .private-scene .scene-item .item-inner{display: block;height: 600px;padding-top: 280px;transition: all .4s ease;text-align: center;position: relative;z-index: 2;} .private-scene .scene-item .item-bg{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-position: center 0;background-repeat: no-repeat;transition: all .4s ease;opacity: .5;} .private-scene .scene-item .item-title{font-size: 22px;margin-bottom: 35px;} .private-scene .scene-item .item-inner:after{content: '';display: block;width: 28px;height: 2px;background-color: currentColor;position: absolute;left: 50%;margin-left: -14px;bottom: 150px;transition:all .3s ease;} .private-scene .scene-item .item-list{opacity: 0;transition:all .3s ease;} .private-scene .scene-item .item-list li{line-height: 1.3em;margin-bottom: 1.2em;} .private-scene .scene-item-active{width: 22.6%;background-image:linear-gradient(to bottom,#cee5fe,rgba(255,255,255,0) 90%);} .private-scene .scene-item-active .item-inner{padding-top: 220px;} .private-scene .scene-item-active .item-bg{opacity: 1;} .private-scene .scene-item-active .item-list{opacity: 1;} .private-scene .scene-item-active .item-inner:after{opacity: 0;width: 0;margin-left: 0;} .private-scene .scene-item:first-child {border-radius: 20px 0 0 0;} .private-scene .scene-item:last-of-type {border-radius: 0 20px 0 0;} .private-scene .scene-item:nth-of-type(6) .item-bg{background-position: right 0;} .private-scene .scene-item:last-of-type .itemm-inner,.private-scene .scene-item:last-of-type .item-inner{padding-top:220px;} .private-scene .scene-item:last-of-type .item-list {opacity: 1;} .private-scene .scene-item:last-of-type .item-txt{display: inline-block; height: 1.5em;line-height: 1.5em; max-width: 0;overflow: hidden; opacity: 0; transition:all .3s ease;vertical-align: middle;} .private-scene .scene-item-active:last-of-type .item-txt{max-width: 200px;opacity: 1;} .private-scene .scene-item:last-of-type .item-inner:after{display: none;} @media screen and (max-width: 1280px){ .page-private .layout{width: 85%;} .sys-head-bn{font-size: 16px;} .sys-head-bn .head-bn-title{font-size: 2.5em;} .sys-head-bn .head-bn-ft{padding-top: 2em;} .private-cell{font-size: 14px;padding: 3em 0;} .private-cell .cell-tit{font-size: 2em;} .private-scene .scene-item .item-title{font-size: 18px;} .private-scene .scene-item .item-inner:after{width: 20px;margin-left: -10px;} } @media screen and (max-width: 1024px){ .sys-head-bn .head-bn-title{font-size: 2em;margin-bottom: .35em;} .sys-head-bn .head-bn-desc{font-size: 1em;} .sys-head-bn .head-bn-ft{padding-top: 1em;} } @media screen and (max-width: 768px){ .private-scene .scene-item .item-inner{height: 480px;padding-top: 150px;} .private-scene .scene-item .item-inner:after{bottom: 100px;} .private-scene .scene-item .item-list li{margin-bottom: .6em;} .private-scene .scene-item .item-title{margin-bottom: 20px;} } @media screen and (max-width: 640px){ .sys-head-bn{font-size: 13px;} .sys-head-bn .head-bn-cont{padding-left: 5%;padding-right: 5%;} .sys-head-bn .head-bn-img img{min-height: 320px;object-fit: cover;} .sys-head-bn .head-bn-title{font-size: 1.65em;margin-bottom: .5em;} .sys-head-bn .head-bn-desc{line-height: 1.35;} .sys-section-hd{font-size: 12px;padding-bottom: 2.5em;} .sys-section-hd .section-title,.sys-section-hd .section-desc{max-width: 90%;margin: 0 auto;} .sys-section-hd .section-title{font-size: 2em;max-width: inherit;margin-bottom: .35em;} .sys-section-hd .section-desc{width: auto;} .page-private .layout{width: 92%;} .private-cell .cell-cont, .private-cell .cell-img{width: 100%;padding: 0;text-align: center;} .private-cell .cell-tit, .private-cell .cell-desc{max-width: inherit;padding-left: 5%;padding-right: 5%;} .private-cell .cell-tit{font-size: 1.5714em;} .private-cell:nth-of-type(2n) .cell-img{order: 3;} .private-cell:nth-of-type(2n) .cell-cont{padding-left: 0;} .private-cell .cell-img img{width: 76%;max-width: 400px;} .private-cell .cell-img {padding-top: 30px;} .private-scene .scene-items{font-size: 12px;border-radius: 8px;} .private-scene .scene-item{flex:1;min-width: 19vw; transition: all .3s ease;} .private-scene .scene-item-active{min-width: 30vw;flex: auto} .private-scene .scene-item .item-inner, .private-scene .scene-item:last-of-type .itemm-inner, .private-scene .scene-item:last-of-type .item-inner{padding-top: 100px;height: 300px;} .private-scene .scene-item .item-bg{background-size: 100% auto;} .private-scene .scene-item .item-title{font-size: 16px;} .private-scene .scene-item:nth-of-type(5) {border-radius: 8px 0 0 0;} .private-scene .scene-item:last-of-type {border-radius: 0 8px 0 0;} } /* ======================================================== page: 客服 ------------------------------------------------------*/ .page-customer{} .page-customer .layout{max-width: 1200px;} .customer-head-bn .head-bn-ft{padding-top: 2em;} .customer-head-bn .head-bn-desc{font-size: 1em;} .customer-head-bn .head-bn-desc .desc-txt-impt{font-size: 1.2em;} .customer-section{margin-bottom: 160px;} .customer-section .sys-section-bd{padding-top: 20px;} .customer-section .section-bd-img{text-align: center;} .customer-section-train{} .customer-train-items{margin: 0 -30px;} .customer-train-item{width: 33.33333333%;text-align: center;padding:10px 30px;position: relative;} .customer-train-item,.customer-train-item a{color: #43a0f1;} .customer-train-item .train-item-ico{display: block;margin-bottom: 15px;transition: all .6s ease;} .customer-train-item:hover .train-item-ico{transform: translateY(-12px);} .customer-train-item .train-item-ico img{max-width: 90%;} .customer-train-item .train-item-tit{font-size: 18px;} .customer-train-item+.customer-train-item::before{content: '';display: block;width: 42px;height: 16px;position: absolute;left: 0;margin-left: -21px;top: 50%;margin-top: -8px;background-image: url(./../img/customer-service/customer_ico_arrow.png);background-repeat: no-repeat;background-position: center;} .customer-section-dialogue{} .customer-section-persona{} .customer-section-persona .section-bd-img{position: relative;} .customer-section-persona .persona-img-ico{width: 7.75%; padding:7.75% 0 0; position: absolute;/*left: 49.1%;top: 49.2%;*/ left: 45.2%;top: 32.2%;background-image: url(./../img/customer-service/customer_persona_ai.png); background-position: center; background-repeat: no-repeat;background-size: contain;animation: icoRotate 15s linear infinite;animation-play-state: running;} .customer-section-persona .section-bd-img:hover .persona-img-ico{ } @keyframes icoRotate{0%{transform:rotate(0deg);}100%{transform:rotate(720deg);}} .customer-section-data{position: relative;} .customer-section-data .sys-section-hd, .customer-section-data .sys-section-bd{position: relative;z-index: 1;} .customer-section-data .section-bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-position: center 20px;background-repeat: no-repeat;background-image: url(./../img/customer-service/customer_data_bg.jpg);} .customer-section-data .section-desc{max-width: 520px;} .customer-section-data .section-bd-img{text-align: center;animation:icoJumpAnm 5s linear infinite;} .customer-section-apply{} .customer-section-apply .customer-app-list{text-align: center;font-size: 16px;margin: 0 -20px;} .customer-section-apply .customer-app-list,.customer-section-apply .customer-app-list a{color: #81a8df;} .customer-section-apply .customer-app-list li{display: inline-block;margin:12px 21px;} .customer-section-apply .customer-app-list .item-ico{display: inline;vertical-align: middle;} .customer-section-apply .customer-app-list .item-ico img{max-width: 30px;height: auto;} @media screen and (max-width: 640px){ .customer-section{margin-bottom: 80px;} .customer-section .sys-section-bd{padding-top: 0;} .customer-section-train .layout{width: 85%;} .customer-train-items{margin: 0 auto;} .customer-train-item{width: 100%;border: 1px solid rgba(129,168,223,.1);border-top: 0;border-left: 0; border-bottom-color: rgba(129,168,223,.2);border-radius: 10px;box-shadow: 5px 5px 15px -10px rgba(129,168,223,.5);} .customer-train-item .train-item-ico img{max-width: 180px;} .customer-train-item .train-item-tit{font-size: 16px;margin-bottom: 8px;} .customer-train-item+.customer-train-item{margin-top: 50px;} .customer-train-item+.customer-train-item::before{left: 50%;top: -20px;transform: rotate(90deg);background-size: auto 85%;} .customer-section-data .section-bd-img img{max-width: 80%;height: auto;} .customer-section-apply .customer-app-list{font-size: 13px;margin: 0;} .customer-section-apply .customer-app-list li{margin: .5em .8em;} .customer-section-apply .customer-app-list .item-ico img{max-width: 20px;} } /* ======================================================== page: AI手机 ------------------------------------------------------*/ .aiphone-features .layout{max-width: 1200px;} .txt-theme-linear-blue{background-image: linear-gradient(to right,#35d2f5 40%,#4b56ee);-webkit-background-clip: text;-webkit-text-fill-color: transparent; background: none\0;} .aiphone-head-bn {font-size: 20px; padding-top: 170px;font-family: 'NotoSansHans-Medium';margin-bottom: 110px;position: relative;overflow: hidden;} .aiphone-head-bn .head-bn-bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-repeat: no-repeat;background-size: cover;background-position: center 0;transform: scale(1.05);object-fit: cover;} .aiphone-head-bn .banner-phone-box{width: 662px; max-width: 80%; min-height: 600px; padding: 7.5em; margin: 0 auto; text-align: center; background-position: center 0; background-size: contain; background-repeat: no-repeat;background-image: url(./../img/aiphone/aiphone_bg.png);position: relative;z-index: 2;} .aiphone-head-bn .banner-phone-box .phone-box-tit{font-size: 3.2em;line-height: 1.1;margin-bottom: 0.5em;font-family: 'NotoSansHans-bold';} .aiphone-head-bn .banner-phone-box .phone-box-desc{font-size: 1.25em;font-weight: normal;} .aiphone-head-bn .banner-phone-box .phone-box-ft{margin-top: 2.75em;} .aiphone-head-bn .banner-phone-box .sys-btn{width: 180px;padding: .45em 1.5em;} .aiphone-features {padding-bottom: 210px; margin-bottom: 0;overflow: hidden;} .aiphone-features .customer-train-item .train-item-tit{color:#81a8df;} .aiphone-advantages{padding-bottom: 210px;overflow: hidden;} .aiphone-advantages .sys-section-bd{padding-top: 80px;} .aiphone-advantages .aiphone-adv-cells{display: flex; flex-wrap: wrap; justify-content: center;align-items: center;text-align: center; font-size: 30px;font-family: 'NotoSansHans-Medium';margin: 0 -30px;} .aiphone-advantages .aiphone-adv-cell{padding:0 30px;} .aiphone-advantages .aiphone-adv-cell-num{font-size: 1.33333333em; } .aiphone-advantages .aiphone-adv-ai-ico{animation:advImgJump 6s ease infinite;} .aiphone-advantages .aiphone-adv-cell-ai img{max-width: 200px;height: auto;} .aiphone-advantages .aiphone-adv-cell-symbol{font-size: 2em;color: #6fc5ff;} .aiphone-advantages .aiphone-adv-cell-others{ text-align: left;} .aiphone-advantages .adv-other-item{ min-width: 410px; color: #fff; background-image: linear-gradient(to right,#34d2f4 20%,#516fef 50%,#34d2f4 90%);background-size: 200% 100%; border-radius: .6em; position: relative;transition: all .6s ease;} .aiphone-advantages .adv-other-item:hover{background-position: right 0;} .aiphone-advantages .adv-other-item+.adv-other-item{margin-top:1.33333333em; } .aiphone-advantages .adv-other-item .other-item-txt{padding: .58em 4.2em .52em 1.8em;transition: all .5s ease;} .aiphone-advantages .adv-other-item .adv-item-ico{display: block;width: 3.6em;height: 3.6em;background-repeat: no-repeat;background-size: contain; position: absolute;right: .5em;bottom: -.1em;} .aiphone-advantages .adv-other-item .adv-item-ico-1{background-image: url(./../img/aiphone/aiphone_advantage_ico_01.png);} .aiphone-advantages .adv-other-item .adv-item-ico-2{background-image: url(./../img/aiphone/aiphone_advantage_ico_02.png);} .aiphone-advantages .adv-other-item .adv-item-ico-3{background-image: url(./../img/aiphone/aiphone_advantage_ico_03.png);} .aiphone-advantages .adv-other-item:hover .other-item-txt{padding-left: 1.2em;} .aiphone-services{margin-bottom: 50px;} .aiphone-services .sys-section-bd .layout{max-width: 1348px;} .aiphone-service-items{display: flex; flex-wrap: wrap; margin: -1.65%; justify-content: center;} .aiphone-service-item{ width: 25%; padding: 1.65%;font-size: 22px;} .aiphone-service-item .service-item-inner{display: block;padding: 156% 0 0;position: relative;border-radius: 0.82em;overflow: hidden;background-color: #f0f4f3;} .aiphone-service-item .service-item-img{ display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .aiphone-service-item .service-item-img img{width:100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;transition: all .6s ease;} .aiphone-service-item .service-item-inner:hover .service-item-img img{transform: scale(1.08);transition: all .9s ease;} .aiphone-service-item .service-item-tit{width: 100%; position: absolute;left: 0;bottom: 0;z-index: 1; font-size: 1em; line-height: 1.3em; padding: .7em 1em; text-align: center;background-image: linear-gradient(to right,#34d2f4,#4e79ef);transform: translateY(100%);opacity: 0;transition: all .3s ease;} .aiphone-service-item .service-item-tit,.aiphone-service-item .service-item-tit a{color: #fff;} .aiphone-service-item.service-item-active .service-item-tit{transform: none;opacity: 1;} .aiphone-service-item:hover .service-item-tit{transform: none;opacity: 1;} @media screen and (max-width: 1280px){ .aiphone-advantages .aiphone-adv-cells{margin: 0 -20px;font-size: 24px;} .aiphone-advantages .aiphone-adv-cell{padding: 0 20px;} .aiphone-advantages .aiphone-adv-cell-ai img{max-width: 160px;height: auto;} .aiphone-advantages .adv-other-item{min-width: inherit;} .aiphone-advantages .adv-other-item .other-item-txt{padding-right: 5em;} .aiphone-service-item {font-size: 18px;} } @media screen and (max-width: 1024px){ .aiphone-head-bn .banner-phone-box{font-size: 16px;min-height: inherit;} .aiphone-advantages .aiphone-adv-cell-ai img{max-width: 142px;} .aiphone-services .sys-section-bd .layout{max-width: 760px;} .aiphone-service-item{width: 33.33333333%;} } @media screen and (max-width: 768px){ .aiphone-advantages .aiphone-adv-cell-symbol{width: 100%;padding-top: .5em;padding-bottom: .5em;} .aiphone-service-item{font-size: 16px;} .aiphone-head-bn .banner-phone-box{padding:7.5em 3.5em 5em;padding: 7.5em 3.5em 6em;} } @media screen and (max-width: 640px){ .aiphone-head-bn{padding-top: 120px;margin-bottom: 50px;} .aiphone-head-bn .banner-phone-box{ max-width: inherit;width: auto;margin: 0 -8%; padding: 5.5em 3.5em 5em;} .aiphone-head-bn .banner-phone-box .phone-box-tit{font-size: 2.5em;} .aiphone-features{padding-bottom: 120px;} .aiphone-service-item{ width: 50%; font-size: 14px;} .aiphone-advantages{padding-bottom: 100px;margin-bottom: 0;} .aiphone-advantages .sys-section-bd{padding-top: 30px;} .aiphone-advantages .aiphone-adv-cell-others{ min-width: 80%;text-align: left;} .aiphone-advantages .aiphone-adv-cells{font-size: 18px;} .aiphone-advantages .aiphone-adv-cell-ai{padding: 0;} .aiphone-advantages .aiphone-adv-cell-ai img{max-width: 120px;} .aiphone-advantages .adv-other-item{border-radius: .5em;} .aiphone-advantages .adv-other-item .other-item-txt{ padding: .55em 5em .55em 1.5em;} .aiphone-advantages .adv-other-item .adv-item-ico{width: 3em;height: 3em;bottom: 0.1em;} .aiphone-advantages .adv-other-item+.adv-other-item{margin-top: .8em;} } @font-face { font-family:'NotoSansHans-bold'; src: url(/assets/fonts/NotoSansHans/NotoSansHans-Bold.woff) format("woff"), url(/assets/fonts/NotoSansHans/NotoSansHans-Bold.ttf) format("truetype"); font-display: swap; } @keyframes icoMove { 0% { transform: rotate(1deg) translate(2px, 2px); } 50% { transform: rotate(-1deg) translate(-2px, -2px); } 100% { transform: rotate(1deg) translate(2px, 2px); } } /*------------------------------- loader ----------------------------------*/ .loading-mask{width:100%;height:100%;line-height:1.5;position:absolute;left:0;top:0;z-index:2;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;transition:all .4s ease;opacity:0;visibility:hidden; background-color: rgba(255,255,255,1);} .loading-active{opacity:1;visibility:visible;} .loading-mask .loader-txt{display:block;color:rgba(255,255,255,.8);padding-top:.2em;text-align:center;} .loader-box{display:inline-block;padding:.5em;border-radius:.15em;margin:0 auto;text-align:center;} .loader-ico{font-size: 90px!important;} .loader-ico,.loader-ico>i{display: block; position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;} .loader-ico{display:block;font-size:0;color:#333;} .loader-ico.la-dark{color:#333} .loader-ico>i{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor} .loader-ico{width:.35em;height:.35em} .loader-ico>i{position:absolute;top:50%;left:50%;width:.08em;height:.08em;margin-top:-.04em;margin-left:-.04em;border-radius:100%;-webkit-animation:loaderIco 1.5s infinite linear;-moz-animation:loaderIco 1.5s infinite linear;-o-animation:loaderIco 1.5s infinite linear;animation:loaderIco 1.5s infinite linear} .loader-ico>i:nth-child(1){top:5%;left:50%;-webkit-animation-delay:-.875s;-moz-animation-delay:-.875s;-o-animation-delay:-.875s;animation-delay:-.875s} .loader-ico>i:nth-child(2){top:18.1801948466%;left:81.8198051534%;-webkit-animation-delay:-.75s;-moz-animation-delay:-.75s;-o-animation-delay:-.75s;animation-delay:-.75s} .loader-ico>i:nth-child(3){top:50%;left:95%;-webkit-animation-delay:-.625s;-moz-animation-delay:-.625s;-o-animation-delay:-.625s;animation-delay:-.625s} .loader-ico>i:nth-child(4){top:81.8198051534%;left:81.8198051534%;-webkit-animation-delay:-.5s;-moz-animation-delay:-.5s;-o-animation-delay:-.5s;animation-delay:-.5s} .loader-ico>i:nth-child(5){top:94.9999999966%;left:50.0000000005%;-webkit-animation-delay:-.375s;-moz-animation-delay:-.375s;-o-animation-delay:-.375s;animation-delay:-.375s} .loader-ico>i:nth-child(6){top:81.8198046966%;left:18.1801949248%;-webkit-animation-delay:-.25s;-moz-animation-delay:-.25s;-o-animation-delay:-.25s;animation-delay:-.25s} .loader-ico>i:nth-child(7){top:49.9999750815%;left:5.0000051215%;-webkit-animation-delay:-.125s;-moz-animation-delay:-.125s;-o-animation-delay:-.125s;animation-delay:-.125s} .loader-ico>i:nth-child(8){top:18.179464974%;left:18.1803700518%;-webkit-animation-delay:0s;-moz-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s} @-webkit-keyframes loaderIco{50%{opacity:.25;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes loaderIco{50%{opacity:.25;-moz-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-moz-transform:scale(1);transform:scale(1)}}@-o-keyframes loaderIco{50%{opacity:.25;-o-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-o-transform:scale(1);transform:scale(1)}}@keyframes loaderIco{50%{opacity:.25;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}} /*------------------------------- wow ----------------------------------*/ .wow{visibility: hidden;} @media screen and (max-width: 640px){ .wow{visibility: visible;} } /*------------------------------- animation start ----------------------------------*/ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both} .animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite} .animated.hinge{-webkit-animation-duration:2s;animation-duration:2s} @-webkit-keyframes fadeInLeftA{0%{opacity:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}} @keyframes fadeInLeftA{0%{opacity:0;-webkit-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}} .fadeInLeftA{-webkit-animation-name:fadeInLeftA;animation-name:fadeInLeftA;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;} @-webkit-keyframes fadeInUpA{0%{opacity:0;-webkit-transform:translate3d(0,80px,0);transform:translate3d(0,80px,0)}100%{opacity:1;-webkit-transform:none;transform:none}} @keyframes fadeInUpA{0%{opacity:0;-webkit-transform:translate3d(0,80px,0);-ms-transform:translate3d(0,80px,0);transform:translate3d(0,80px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}} .fadeInUpA{-webkit-animation-name:fadeInUpA;animation-name:fadeInUpA;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;} @-webkit-keyframes fadeInUpSlow{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:1;-webkit-transform:none;transform:none}} @keyframes fadeInUpSlow{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}} .fadeInUpSlow{-webkit-animation-name:fadeInUpSlow;animation-name:fadeInUpSlow;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;} @-webkit-keyframes fadeInRightA{0%{opacity:0;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}} @keyframes fadeInRightA{0%{opacity:0;-webkit-transform:translate3d(50%,0,0);-ms-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}} .fadeInRightA{-webkit-animation-name:fadeInRightA;animation-name:fadeInRightA;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;} @-webkit-keyframes twinkling{0%{opacity:0;}100%{opacity:1;}} @-webkit-keyframes OrangePulse{from{background-color:rgba(210,174,109,.2);-webkit-box-shadow:0 0 10px rgba(210,174,109,1);}50%{background-color:rgba(210,174,109,1);-webkit-box-shadow:0 0 10px rgba(210,174,109,1);}to{background-color:rgba(210,174,109,.2);-webkit-box-shadow:0 0 10px rgba(210,174,109,1);}} @-webkit-keyframes swing{20%{-webkit-transform:rotate(35deg);transform:rotate(35deg)}40%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}60%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}80%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(35deg);-ms-transform:rotate(35deg);transform:rotate(35deg)}40%{-webkit-transform:rotate(-18deg);-ms-transform:rotate(-18deg);transform:rotate(-18deg)}60%{-webkit-transform:rotate(8deg);-ms-transform:rotate(8deg);transform:rotate(8deg)}80%{-webkit-transform:rotate(-8deg);-ms-transform:rotate(-8deg);transform:rotate(-8deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing} @-webkit-keyframes jump{0%{-webkit-transform:translateY(0);}25%{-webkit-transform:translateY(-20%);}50%{-webkit-transform:translateY(0);}75%{-webkit-transform:translateY(-10%);}100%{-webkit-transform:translateY(0);}} @keyframes jump{0%{transform:translateY(0);}25%{transform:translateY(-20%);}50%{transform:translateY(0);}75%{transform:translateY(-10%);}100%{transform:translateY(0);}} @-webkit-keyframes bounceInA{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}} @keyframes bounceInA{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}} .bounceInA{-webkit-animation-name:bounceInA;animation-name:bounceInA;-webkit-animation-duration:.75s;animation-duration:.75s} @-webkit-keyframes fadeInDownA{0%{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}100%{opacity:1;-webkit-transform:none;transform:none}} @keyframes fadeInDownA{0%{opacity:0;-webkit-transform:translate3d(0,-20%,0);-ms-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}} .fadeInDownA{-webkit-animation-name:fadeInDownA;animation-name:fadeInDownA;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;} @keyframes fadeInA{0%{opacity:0;}100%{opacity:1;}} .fadeInA{-webkit-animation-name:fadeInA;animation-name:fadeInA;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;} @-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY} /* animate.css */ @-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp} @-webkit-keyframes zoomInA{ 0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);} 33%{opacity:1;-webkit-transform:scale(1.5);transform:scale(1.5);} 66%{opacity:0;-webkit-transform:scale(2.2);transform:scale(2.2);} } @keyframes zoomInA{ 0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);} 33%{opacity:1;-webkit-transform:scale(1.5);transform:scale(1.5);} 66%{opacity:0;-webkit-transform:scale(2.2);transform:scale(2.2);} } .zoomInA{-webkit-animation-name:zoomInA;animation-name:zoomInA} /* @keyframes fadeInRight{ 0%{transform: translateX(10%);opacity: 0;} 100%{transform: translateX(0%);opacity: 1;} } .fadeInRight{animation-name:fadeInRight} */ @-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(30%);transform:translateX(30%)}50%{opacity:1;-webkit-transform:translateX(-5%);transform:translateX(-5%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(30%);-ms-transform:translateX(30%);transform:translateX(30%)}50%{opacity:1;-webkit-transform:translateX(-5%);-ms-transform:translateX(-5%);transform:translateX(-10%)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight} @-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}} @-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}} @-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}} @keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}} .spin{-webkit-animation-name:spin;animation-name:spin} /*------------------------------- animation end ----------------------------------*/ .banner-video-pop{background-color: #fff;background-color: rgba(255,255,255,.85);position: absolute;left: 50%;z-index: 4;opacity: 0;filter: alpha(opacity=0);visibility: hidden;width: 1000px;margin-left: -500px;top: 119px;} .banner-video-pop video{width: 100%;} .banner-video-pop .banner-video-box{padding: 15px;position:relative;z-index: 1;} .banner-video-pop .video-box-close{display: block;width: 45px;height: 36px;background-image:url(/assets/global/img/banner-video-close.png);background-position: center;background-repeat:no-repeat;background-color: #fff;position: absolute;right: -45px;top: 0;border-radius: 0 5px 5px 0;cursor: pointer;opacity: .85;filter: alpha(opacity=85);-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;} .show-video-pop .banner-video-pop{opacity: 1;filter: alpha(opacity=100);visibility: visible;-webkit-animation:.4s videoIn ease;-o-animation:.4s videoIn ease;animation:.4s videoIn ease;} .video-box-mask{display:none;width:100%;height:831px;background-color:rgba(0,0,0,.5);/*background-color:#000\9;*/position:absolute;left:0;top:0;z-index:3;} @media screen and (max-width:1024px){ .banner-video-pop{width: 100%;left: 0;margin-left: 0;top: 52px;} .banner-video-pop .banner-video-box{padding: 5px;} .banner-video-pop .video-box-close{left: auto;right: 0;z-index: 9;border-radius: 0 0 5px 5px;width: 35px;height: 26px;-webkit-background-size: 12px 12px; background-size: 12px 12px;top: auto;bottom: -26px;} } .slide-banner-wrapper{position: static;} .slide-banner-layer .owl-carousel .owl-stage{position: static;} .slide-banner-layer .slide-banner-wrapper .owl-item{position: static;} .slide-banner-wrapper .slide-item-img{position: relative;z-index: 0;} /* 右下角视频按钮 */ .gotop{visibility: hidden;} .ft-video-btn{display: inline-block;position: absolute;position: fixed;right: 10px;bottom: 150px;text-align: center;z-index: 3;cursor: pointer;} .ft-video-btn .vd-btn-ico{display: block;width: 59px;height:50px;line-height: 50px;margin: 0 auto;background-color: #257dff;color:#fff;border:2px solid rgba(255,255,255,0.85);box-shadow: 1px 1px 1px rgba(0,0,0,.1);border-radius: 3px;-webkit-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;overflow: hidden;position: relative;} .ft-video-btn .vd-btn-ico:before{font-family: 'iconfont';content: '\e669';font-size: 26px;} .ft-video-btn .vd-btn-ico:after{content: '';display: block;width: 100%;height: 70%;border-radius: 0 0 80% 0;background-color: rgba(255,255,255,.1);position: absolute;left: 0;top: -2px;} .ft-video-btn:hover .vd-btn-ico{background-color: #f4a800;-webkit-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;} .ft-video-btn .vd-btn-txt{display: block;padding-top: 6px;font-size: 12px;color: #0091ff;text-shadow:1px 1px 0px rgba(255,255,255,.2);line-height: 1.3;font-family: "微软雅黑","Microsoft YaHei";letter-spacing: 2px;} .common-video-active .video-box-mask{position: fixed;height: 100%;z-index: 100001;} .common-video-active .banner-video-pop{position: fixed;z-index: 100002;margin-top: -288px;top: 50%;} .ft-video-btn {-webkit-animation:jump 3.5s ease-in infinite;;animation:jump 3.5s ease-in infinite;} .ft-video-btn:hover {-webkit-animation-play-state: paused;animation-play-state: paused;} .common-video-active .video-box-mask{position: fixed;height: 100%;z-index: 100001;} .common-video-active .banner-video-pop{position: fixed;z-index: 100002;margin-top: -288px;top: 50%;} body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} .fancybox-slide--video .fancybox-content { max-width: 1000px !important; max-height: 563px !important;}