/* 清除内外边距 */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ fieldset, lengend, button, input, textarea, /* form elements 表单元素 */select,option, th, td { /* table elements 表格元素 */ margin: 0; padding: 0; font-family:Arial,Microsoft Yahei; text-align: justify; font-weight: normal; font-family: PingFang SC,Microsoft Yahei,Arial,Hiragino Sans } /* 设置默认字体 */ body, button, input, select, textarea { /* for ie */ /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/ /* font: 12px/1 "微软雅黑"; *//*Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;*/ /* 用 ascii 字符表示，使得在任何编码下都无问题 */ } h1 { font-size: 18px; /* 18px / 12px = 1.5 */ } h2 { font-size: 16px; } h3 { font-size: 14px; } h4, h5, h6 { font-size: 100%; } address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */ code, kbd, pre, samp, tt { } /* 统一等宽字体 */ small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */ /* 重置列表元素 */ ul, ol { list-style: none; } /* 重置文本格式元素 */ a { text-decoration: none; } a:hover { text-decoration: none; } abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */ border-bottom: 1px dotted; cursor: help; } q:before, q:after { content: ''; } /* 重置表单元素 */ legend { color: #000; } /* for ie6 */ fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */ /* 注：optgroup 无法扶正 */ button, input, select, textarea { font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */ } /* 重置表格元素 */ table { border-collapse: collapse; border-spacing: 0; } /* 重置 hr */ hr { border: none; height: 1px; } /* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */ html { overflow-y: scroll; } audio, canvas, progress, video {display: inline-block;vertical-align: baseline;} video::-internal-media-controls-download-button {display:none;} video::-webkit-media-controls-enclosure {overflow:hidden;} video::-webkit-media-controls-panel {width: calc(100% + 30px); } html,body{ height:100%; } .web-ie2018{ font-family: Arial,'宋体'; position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;} .web-ie2018 dl{ position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;} .web-ie2018 dl #img{ display: block;margin: 50px auto;} .web-ie2018 dl h3{ display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;} .web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;} .web-ie2018 dl dd{ margin: 0 auto 50px; display: block;text-align: center; margin-bottom:50px;} .web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;} .web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;} .web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;} input, button, select, textarea {outline: none;} .clearfix:after{display:block;content:'';clear:both;visibility:hidden} body{} *:focus{outline:none;} @font-face { font-family: 'iconfont'; /* project id 311800 */ src: url('../fonts/font_onfgnjjn6jb2csor.eot'); src: url('../fonts/font_onfgnjjn6jb2csor.eot?') format('embedded-opentype'), url('../fonts/font_onfgnjjn6jb2csor.woff') format('woff'), url('../fonts/font_onfgnjjn6jb2csor.ttf') format('truetype'), url('../fonts/font_onfgnjjn6jb2csor.svg') format('svg'); } #goodcover{display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 133%;background-color: #333;z-index: 1001;-moz-opacity: 0.8;opacity: 0.50;filter: alpha(opacity=80);} #code{ width: 400px;height: auto;background-color: #fff;padding: 10px;position: fixed;top:50%;display: none;left:50%;z-index: 1002;padding: 30px;border-radius: 4px; transform: translate(-50%, -50%); } #code #closebt{ color: #009f88;font-size: 12px;float: right;width:30px;height: 30px;border: 1px solid #009f88;text-align: center;line-height: 30px;border-radius: 50%; position: absolute;top: 20px;right: 20px;z-index: 9; } #code .wpcf7{ display: block;overflow: hidden;position: relative;margin-top: 10px;} #code .wpcf7 form{} #code .wpcf7 form br,.screen-reader-response{display: none;} #code .wpcf7 form input{ display: block; font-size: 14px; width: 100%; border: 0; background: #eee; height: 40px; text-indent: 20px;} #code .wpcf7 form span{ display: block;margin-bottom: 20px;overflow: hidden;position: relative;} #code .wpcf7 form span span{ position: absolute; top: 0; right: 10px; line-height: 40px; font-size: 14px; color: #f00;} #code .wpcf7 form .submit{cursor: pointer; width: 160px; color: #fff; padding: 0px; text-indent: 0px; margin: 0 auto; height: 40px; line-height: 40px; border-radius: 4px; text-align: center; background: #009f88;} #code .wpcf7 form select,#code .wpcf7 form select option{ display: block; font-size: 14px; width: 100%; color: #333; border: 0; background: #eee; height: 40px; text-indent: 20px;} #code .wpcf7 p{margin-bottom:10px;} #code .wpcf7 dd{} #code .wpcf7 dd strong{ display: block; text-align: center; color: #666; font-size: 30px; line-height: 1em; margin-bottom: 20px; font-weight: normal;} #code .wpcf7 dd span{ text-align: center; color: #666; font-size: 16px; line-height: 26px;} #wpcf7-f5170-o1 .wpcf7-response-output,#wpcf7-f5170-o1 .wpcf7-validation-errors{ text-align:center;display: none; color: #f00;font-size: 14px;margin-top: 10px;} .tip-yellowsimple{color: #f00;z-index: 9999;font-size: 14px;margin-left: -150px;} #code .wpcf7 p{position: relative;} #code .wpcf7 p font{ position: absolute; top: 0; right: 10px; font-size: 14px; line-height: 40px; color: #f00 !important;} .amore{ display: block; width: 160px;height: 44px;border: 1px solid #009f88; border-radius: 2em;text-align: center;line-height: 44px;color: #fff;font-size:16px;position: relative;-webkit-transition: border-color 0.3s, background-color 0.3s; transition: border-color 0.3s, background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); background: #009f88;} .amore i{font-style: initial; } .amore:hover i{ opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0);} .amore:hover{background: #006a5b;border: 1px solid #006a5b;} .amore:after { color: #fff; content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);} .amore:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .amore1{ background: #eee;color: #009f88;border: 1px solid #eee;} /* swiper css */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x} .swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-30px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} .pc-1200px{display: none;} @media only screen and (max-width:1200px) { .pc-1200px{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #333;z-index: 99999999999999999;display: block;} } .icenter{display: block;width: 1400px;margin: 0 auto;overflow: hidden; } .pch{ position: fixed;width: 100%;height: 100px;background:none;top: 0;left: 0;z-index: 9999; box-shadow: 1px 3px 20px 1px rgba(0,0,0,.0); } #pcht{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;transition: all .5s;} .pch:hover {background-color: #fff;} .pch:hover .pcht .pcnav dd h3 a { color: #333; } .pch:hover .pcht { background: #fff; box-shadow: 1px 3px 20px 1px rgba(0,0,0,.08); } .pch:hover .pcht .pcnav dd h3 a { color: #333; } .pch:hover .pcht .rit .aa .fa, .pch:hover .pcht .rit .aa span { color: #009f88; } .pch:hover .pcht .logo img { filter: inherit; image-rendering: inherit; } .pch .logo{ transform: inherit!important; margin: 0 0 0 100px; display: block;overflow: hidden; } .pch .logo img{ display: block; height:40px; width:auto; filter: grayscale(1) brightness(5); -webkit-filter: grayscale(1) brightness(5); } .pch .hamburger{width: 36px;height: 20px;margin: 0; right: 57px;top: 50px;cursor: pointer; position: absolute; z-index: 99999999; background: none; border: 0; } .hamburger.is-closed .hamb-top,.hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-bottom,.hamburger.is-open .hamb-top,.hamburger.is-open .hamb-bottom{ background-color: #eee;} .pch .pcnav{ transform: inherit!important; display: block; position: relative; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center; } .pch .pcnav dd{ display: block; width:auto;height: 100px;margin: 0 20px;position: relative;} .pch .pcnav dd::after{ transition: 0.3s; position: absolute; content: ""; width: 0%; height: 2px; background-color: #009f88; left: 0px; bottom: 0px;} .pch .pcnav dd:hover::after{width: 100%;} .pch .pcnav dd:hover h3 a,.pch .pchb .pcnav dd:hover h3 a{color: #009f88;} .pch .pcnav dd .min { box-shadow: 0px 1px 6px #c7c7c7;transition: all .05s; position: fixed; width: 1400px; height: auto; top: 100px; left: 50%; padding: 0; opacity: 0; visibility: hidden; z-index: 3;background-color: #fff;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .pch .pcnav dd:hover .min{visibility: visible; opacity: 1; } .pch .pcnav dd .min .icenter { padding: 35px 143px 29px 198px; box-sizing: border-box;width: 1250px;} .pch .pcnav dd .min li h6{font-size: 18px;font-weight: bold;color: #009f88;position: relative;padding-left: 15px;margin-bottom: 25px;} .pch .pcnav dd .min li .h6{font-size: 18px;font-weight: bold;color: #009f88;position: relative;padding-left: 15px;margin-bottom: 25px;display: block;} .pch .pcnav dd .min li .h6::after{content: "";position: absolute;left: 0px;top: 5px;width: 3px;height: 16px;background-color: #009f88;} .pch .pcnav dd .min li h6::after{content: "";position: absolute;left: 0px;top: 5px;width: 3px;height: 16px;background-color: #009f88;} .pch .pcnav dd .min li .min_nav {display: flex;flex-flow: wrap;} .pch .pcnav dd .min li .min_nav a { width: 21%; margin-right: 5%; margin-bottom: 3.5%; display: flex;} .pch .pcnav dd .min li:nth-of-type(2) .min_nav a,.pch .pcnav dd .min li:nth-of-type(3) .min_nav a {width: 21%; margin-right: 5%; margin-bottom: 4%;} .pch .pcnav dd .min li .min_nav a:nth-of-type(4n){margin-right: 0px;} .pch .pcnav dd .min li .min_nav a img {width: 20px;margin-right: 10px;height: 20px;} .pch .pcnav dd .min li .min_nav a .dot span { font-size: 16px; color: #333333; margin-bottom: 5px; line-height: 17px; display: block;} .pch .pcnav dd .min li .min_nav a h5 {font-size: 13px;color: #666666;display: none;} .pch .pcnav dd .min li .min_nav a:hover .dot span {color: #009f88;} .pch .pcnav dd h3{display: block;overflow: hidden;position: relative;height: 100px;text-align: center;} .pch .pcnav dd h3 a{ display: inline-block;line-height: 100px;color: #fff;font-size: 18px; } .pch .rit{transform: inherit!important;} .pch .rit .aa{ margin-right: 20px; background:none; display: block;float: left;height: 36px;line-height: 36px;border: 1px solid #fff;padding: 0 20px;border-radius: 2em;} .pch:hover .rit .aa{border-color: #009f88;} .pch .rit .aa .fa{ display: block;float: left;line-height: 36px;font-size: 20px;margin: 0 10px 0 0; color: #fff;} .pch .rit .aa span{display: block;float: left;color: #fff;font-size: 16px;} .pch .rit .bb{ background: #009f88;display: block;float: left;height: 36px;line-height: 36px;border: 1px solid #009f88;padding: 0 20px;border-radius: 2em;margin-right: 20px;font-size: 14px;color: #fff;} .pch .rit .cc{background: #fff;display: block;float: left;height: 36px;line-height: 36px;border: 1px solid #009f88;padding: 0 20px;border-radius: 2em;margin-right: 100px;font-size: 14px;color: #009f88;} .pchb{ background: #fff; box-shadow: 1px 3px 20px 1px rgba(0,0,0,.08); } .pch .pchb .pcnav dd h3 a{color:#333;} .pch .pchb .logo img{ filter: inherit; image-rendering: inherit; } .pch .pchb .rit .aa{border: 1px solid #009f88;} .pch .pchb .rit .aa .fa,.pch .pchb .rit .aa span{ color:#009f88; } .pchb1{ background: #fff; box-shadow: 1px 3px 20px 1px rgba(0,0,0,.08); } .pch .pchb1 .pcnav dd h3 a{color:#333;} .pch .pchb1 .logo img{ filter: inherit; image-rendering: inherit; } .pch .pchb1 .rit .aa{border: 1px solid #009f88;} .pch .pchb1 .rit .aa .fa,.pch .pchb1 .rit .aa span{ color:#009f88; } .pch .pcnav dd .nav02{position: absolute;box-sizing: border-box;padding: 0;z-index: 5;min-width: 190px;width: auto;left: -30px;margin-left: 0px;text-align: center;top: 51.5px;display: none;justify-content: center;flex-flow: row;white-space: nowrap;transition: all .3s;top: 100px;} .pch .pcnav dd .nav02 a{display: inline-block;width: auto;font-size: 16px;color: #666;line-height: 40px;margin: 0;float: none;margin-right: 0;position: relative;text-align: left;padding-left: 30px;padding-right: 10px;} .pch .pcnav dd .nav02 a:last-child{margin-right: 0;} .pch .pcnav dd .nav02 a:hover{color: #009f88;background-color: #fff;} .pch .pcnav dd .nav02 a:before{content: '';display: inline-block;width: 3px;height: 14px;background-color: #009f88;position: absolute;top: 14px;left: 5px;opacity: 0;} .pch .pcnav dd .nav02 a:hover:before{opacity: 1} .pch .pcnav dd .nav02 a i{opacity: 0;transition: all .6s;} .pch .pcnav dd .nav02 a:hover i{opacity: 1;} .pch .pcnav dd .nav02{background-color: rgba(255,255,255,0.9);padding: 0;box-shadow: 0px 2px 2px rgba(34,34,34,0.3)} .pch .pcnav dd .nav02 a{display: block;display: flex;justify-content: space-between;align-items: center;} .pch .pcnav dd:hover .nav02{display: block;} /* h5_a */ .h5_a {display: none;} .banner{position: relative;width: 100%;overflow: hidden;height:calc(100% - 200px);margin-top: 0; /* background-image: url(../images/bannerbg41.jpg);background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;*/} .banner a{width: 100%;} .banner .bannerimg{ display: block;width: 100%;} .banner .txt{position: absolute;width: 1400px; left: 50%;top:50%; margin-left: -700px; z-index: 10; transform: translate(0%, -50%);padding-top: 40px;} .banner .txt h3{ font-weight: bold;text-align: left;display: block;color: #fff; font-size:50px; line-height: 1em; margin-bottom: 30px;} .banner .txt h3 br{display: none;} .banner .txt h4{ text-align: left; display: block;color: #fff;font-size: 30px;line-height: 1em; margin: 20px 0;} .banner .txt h5{ text-align: left; display: block;color: #fff;font-size: 18px;line-height: 1em; margin: 20px 0 0;} .banner .txt img{display: block;margin: 20px 0;} .banner .txt .amore{ margin:40px 0 0; } .banner:after{content:"";content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #000;z-index: 9;opacity: 0.05;} .banner .txt img{display: none;} .p-top-mv__scroll{position: absolute;right: 5%;bottom: 100px;z-index: 1;text-align: center;} .banner .p-top-mv__scroll{z-index: 99;} .p-top-mv__scroll p{writing-mode: tb;font-size: 16px;color: #eee;} .bannerscroll{display: block;width:1px;height:60px;background:#ddd;position: relative;margin: 0 auto 20px;} .bannerscroll::before{content: '';display: block;width:7px;height:7px;background:#eee;position:absolute;top:0;left:-3px;-webkit-animation:scroll 2.3s cubic-bezier(0,0,0.38,0.97) infinite;animation:scroll 2.3s cubic-bezier(0,0,0.38,0.97) infinite} @-webkit-keyframes scroll{0%{transform:translateY(0);opacity:1} 45%{transform:translateY(53px);opacity:1} 70%{transform:translateY(53px);opacity:0} 100%{transform:translateY(53px);opacity:0} }@keyframes scroll{0%{transform:translateY(0);opacity:1} 45%{transform:translateY(53px);opacity:1} 70%{transform:translateY(53px);opacity:0} 100%{transform:translateY(53px);opacity:0} } #scrollnow{ display: block;position: absolute;width: 100%;height: 70px;bottom: 0;left: 0;z-index: -1;} .banner_move{ position: absolute;left: 10%;width:80%;top: 150px;height: calc(100% - 100px);z-index: 2; } .banner .move {animation-delay: -2.2s;animation-duration: 2.5s;transition-delay: .6s;animation-direction: alternate;animation-iteration-count: infinite;animation-name: floating;animation-play-state: running;animation-timing-function: ease-in-out;} .banner .move img{ display: block; width: 100%;} .banner .icon1{ left: 55%;top: 15%;width: 20%; } .banner .icon2{ width: 8%;left: 75%;top: 5%;} .banner .icon3{ width: 15%;left: 80%;top: 30%;} .banner .icon4{ width: 5%;left: 65%;top: 0;} .banner .icon5{ width: 4%;left: 90%;top: 70%;} .banner .icon6{ width: 4%;left: 80%;top: 60%;} .banner .line2{ border: 0; width: 100%; position: absolute; top: 35%; left: 60%;} @keyframes fadeInUp { 0% { opacity: 0; -ms-transform: translateY(20px); transform: translateY(20px) }100% { opacity: 1; -ms-transform: translateY(0); transform: translateY(0) }} @keyframes floating { from { transform: translateY(16px) rotate3d(0, 0, 1, 3deg) }to { transform: translateY(-16px) rotate3d(0, 0, 1, 0deg) }} @keyframes animation-faguang { 0% { transform: scale(1); opacity: .5 }100% { transform: scale(1.5); opacity: .1 }} /* h5_banner */ .h5_swiper {display: block; height: 100%;} .banner .txt {display: none;} .banner .h5_txt {display: block;} .banner .bannerimg{display: none;} .banner .h5_bannerimg{display: none;object-fit: cover;} .banner_move {display: none;} .banner .line2 {display: none;} .banner:after{display: none;} .banner .pc_bannerimg{display: block;} .banner .bbicon{ position: absolute;width: 200px;bottom:40px;z-index: 2; display: block; text-align: center; height: 52px; display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center; left: 50%;transform: translateX(-50%);} .banner .swiper-button-next,.banner .swiper-button-prev{background-image: none;font-size: 20px;color: #fff;position: relative;top: 0;left: 0;right: 0;bottom: 0;margin: 0;height: auto;width: auto;} .banner .swiper-pagination {position: relative;margin: 0;bottom: 0;left: 0;top: 0;right: 0;margin: 0 40px;display: flex;display: -webkit-flex;} .banner .swiper-pagination-bullet {width: 8px;height: 8px;border-radius: 50%;border: 1px solid #DDDDDD;background-color: transparent;opacity: 1;margin-right: 10px;} .banner .swiper-pagination-bullet-active{ background:#fff; } .banner .swiper-pagination-bullet:nth-last-of-type(1){margin-right: 0;} .inbannerbottom{ z-index: 1; overflow: inherit; position: relative; margin: 50px auto 0; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;} .inbannerbottom dd{top: 0; transition: all .5s;display: block; overflow: hidden; position: relative; width: 24%; box-shadow: 0 20px 40px 0 rgba(153,169,191,.3); border-radius: 10px; background: #fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(7, 64, 121, 0.14); box-shadow: 0px 0px 20px 0px rgba(7, 64, 121, 0.14);} .inbannerbottom dd a{ display: block; overflow: hidden;} .inbannerbottom dd a p{ position: relative; display: block; overflow: hidden; padding:24px;} .inbannerbottom dd a p strong{ font-weight: normal;line-height: 24px; color: #333; display: block;font-size: 20px; /* background: -webkit-linear-gradient(400deg,rgba(109, 72, 255, 1),rgb(121 68 255),rgb(0 108 255),rgb(4 183 245)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; */ color: #009f88;} .inbannerbottom dd a p strong img{ display: block; float: left; height: 24px; margin: 0 10px 0 0;} .inbannerbottom dd:hover a p strong{ color: #009f88; } .inbannerbottom dd a p span{ display: block; font-size: 14px; color: #666; margin:10px 0 0 0;} .inbannerbottom dd a .icon{} .inbannerbottom dd a .icon:after{ content:""; } .inbannerbottom dd a .icon:before{ content:""; } .inbannerbottom dd:hover{ position: relative; top: -20px; } .mc_b_s3{ height: 300vh;overflow: hidden;} .mc_bs3_videobox{ width: 100vw;height: 100vh;position: relative;z-index: 1; overflow: hidden; } .mc_bs3_videowrap{ position: absolute;left: 50%;top: 50%;z-index: -1;transform: translate(-50%, -50%);max-width: none;overflow: hidden;display: none; width: 100vw;height: 100vh;overflow: hidden;} .mc_bs3_svg{ position: absolute;left: 50%;top: 50%;z-index: 5;transform: translate(-50%, -50%);text-align: center;width: 100%;max-width: none; transition: all 0.3s; } .mc_bs3_videowrap video{ display: block; width: 100%;} .mc_bs3_videowrap .lines{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;} .mc_bs3_videobox.end .mc_bs3_svg{ opacity: 0; z-index: 1;} .he_syp4 .mc_bs3_videobox .mc_bs3_svg{ opacity: 0;} .he_syp4 .mc_bs3_videobox.end .mc_bs3_svg {opacity: 1;} .mc_bs3_videobox dt{transition: all .3s;position: absolute;width: 100%;top: 110px;left: 0;z-index: 1;text-align: center;} .mc_bs3_videobox dt h3{ display: block;text-align: center;font-size: 50px;color: #fff; line-height: 1em;} .mc_bs3_videobox dt h4{ display: block;text-align: center;font-size: 20px;color: #ccc; line-height: 1em; margin-top: 20px;} .mc_bs3_videobox dt .amore{ display: block; margin: 20px auto 0;} .act dt{opacity: 0;} .end dt{opacity: 0;} .waves { position: absolute;width: 100%;height: 100px;min-height: 80px;max-height: 120px;bottom: 0;left: 0; z-index:3;} .parallax > use {animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;} .parallax > use:nth-child(1) {animation-delay: -2s;animation-duration: 7s;} .parallax > use:nth-child(2) {animation-delay: -3s;animation-duration: 10s;} .parallax > use:nth-child(3) {animation-delay: -4s;animation-duration: 13s;} .parallax > use:nth-child(4) {animation-delay: -5s;animation-duration: 20s;} @keyframes move-forever {0% {transform: translate3d(-90px,0,0);}100% { transform: translate3d(85px,0,0);}} .he_syp2 .txt{transition: all .8s;position: absolute;top: 80%;left: 0; opacity: 0; width: 100%;transform: translate(0%, -50%);z-index: 6;} .he_syp2 .txt h3{display: block;text-align: center;color: #fff;font-size:60px; margin-bottom: 30px;} .he_syp2 .txt h4{ display: block;text-align: center;color: #fff;font-size: 40px;} .he_syp2 .txt h5{ display: block;width:1200px;text-align: justify;color: #fff;font-size: 20px;margin: 30px auto;line-height: 36px;} .he_syp2 .txt .amore{ display: block; margin: 30px auto 0;} .he_syp2 .act .txt{opacity: 0;} .he_syp2 .end .txt{opacity: 1;top: 50%;} .he_syp4 .mc_bs3_videobox dt{opacity: 0;top: auto;bottom: 10%;} .he_syp4 .act dt{ opacity: 0.5;} .he_syp4 .end dt{ opacity: 1;} .he_syp2 .p-top-mv__scroll{z-index: 9;width: 100px;right: 50%;margin-right: -50px;bottom: 150px;top: auto;} .he_syp2 .p-top-mv__scroll .bannerscroll{ background: #009f88;margin: 0 auto 10px;} .he_syp2 .p-top-mv__scroll p{color: #009f88;writing-mode: inherit;display: block; text-align: center;} .he_syp2 .bannerscroll::before{ background: #009f88;} .end .p-top-mv__scroll{opacity: 0;} .he_syp2 .txt .more{display: block;margin: 0 auto;background: #fff;border: 1px solid #fff;} @-webkit-keyframes up-and-down-o{0%{transform:translateY(0)}50%{transform:translateY(80px) rotate(-32deg)}to{transform:translateY(0)}} @keyframes up-and-down-o{0%{transform:translateY(0)}50%{transform:translateY(80px) rotate(-32deg)}to{transform:translateY(0)}} .ccc{ position: absolute; width: 130px; top:100px; left:-30px; transform-origin: center;-webkit-animation-name: up-and-down-o; opacity: 0.5;animation-name: up-and-down-o; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 7s; animation-duration: 7s;} .inpro{ position: relative;display: block;overflow: hidden; background-size: cover;padding: 100px 0 100px; border-bottom: 0 solid #eee; } .inpro dt{ margin: 0 0 50px 0; position: relative;z-index:2;} .inpro dt h3{ display: block;text-align: center;font-size: 50px;color: #333; line-height: 1em;} .inpro dt h3 span{} .inpro dt h4{ display: block;text-align: center;color: #666;font-size: 20px;margin: 16px 0 0;} .inpro .icenter{overflow: initial; display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .inpro .icenter a{ transition: all .5s; border-radius: 10px; overflow: hidden; -webkit-box-shadow: 0px 0px 20px 0px rgba(7, 64, 121, 0.14); box-shadow: 0px 0px 20px 0px rgba(7, 64, 121, 0.14); background: #fff; margin: 0 1% 1% 0; padding:30px 0 10px; display: block;float: left; width:calc(15.83% - 0px); position: relative; } .inpro .icenter a:nth-child(6n){margin-right:0; } .inpro .icenter a p{ display: block;width:80%;height:auto; overflow: hidden; position: relative; z-index: 3;left: 0; margin: 0 auto 0; } .inpro .icenter a p img{width:auto; height: 90px; -webkit-transition: .5s;transition: .5s; display: block; position: relative;left: 25%;} .inpro .icenter a:hover p img{ left:60%; filter: none;filter: grayscale(1) brightness(30);} .inpro .icenter a dd{display: block;width: 100%;margin: 0 auto;overflow: hidden;position: relative;z-index: 1;top: 0;} .inpro .icenter a strong{line-height: 1;display: block;color:#555;font-size: 22px;text-align: center;bottom: 0; position: relative;font-weight: normal;} .inpro .icenter a strong i{color: #777; position: absolute; line-height: 20px; font-style: inherit; font-size: 14px; text-align: center; width: 180px; top: 40px; left: 50%; margin-left: -90px;} .inpro .icenter a span{ opacity: 0;transition: all .5s; position: relative; line-height: 22px; display: block;color: #666;font-size: 12px;margin:30px auto 0; width:80%; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;} .inpro .icenter a:after{ transition: all .3s; content: "";position: absolute;width: 100%; height: 100%;bottom: -100%;left: 0; background:-webkit-linear-gradient(230deg, rgba(255, 182, 72, 1),rgba(0, 159, 136, 1),rgba(42, 147, 132, 1),rgba(253, 209, 0, 1));} .inpro .icenter a:hover strong{ color:#fff;opacity: 0; } .inpro .icenter a:hover span{ opacity: 1;color: #fff; top: -50px;} .inpro .icenter a:hover:after{bottom:0;} .inpro .icenter a dd svg{position: absolute; transition: all .3s; height: 16px; opacity: 0; left: 0; bottom:10px; margin-left: -8px; } .inpro .icenter a:hover dd svg{ left:80%; opacity: 1;} .inpro:before{ content: "";position: absolute;width: 100%;height: 100%;top:0; left:0; background: url(../images/abg1.jpg);background-size: 100%; } .inpro .icenter a:hover{ -webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2);z-index: 3;} .inpro .icenter a p font{ position: absolute; color: #fff; opacity:0;top: 50%; left: 50%; transition: all .5s; font-size: 22px; width: 50%; font-weight: bold; line-height: 1em;font-weight: normal;margin-top: -11px;} .inpro .icenter a:hover p font{opacity: 1; left:0; } .inpro .twomore{ display: block;text-align: center; margin-top:30px; } .inpro .twomore .amore{display: inline-block; margin: 0 10px;} .inpro .twomore .amore1{ background: #009f88; color: #fff; } .drawer-nav { display: none; } .drawer-hamburger{display: none;} .homeinfo{padding:100px 0 100px; display: block;overflow: hidden;position: relative;height: auto; background: url(../images/abg2.jpg); background-size: cover; } .homeinfo h3{ margin:0; display: block;text-align: center;font-size: 50px;color: #333; line-height: 1em; } .homeinfo h4{display: block;text-align: center;font-size:20px;color: #666;margin:16px 0 50px;} .homeinfo .icenter{ position: relative; overflow: initial; margin:50px auto 0; } .homeinfo .icenter .icenterccc{ position: absolute; top: 50%; opacity: 0.4;/* transform: translate(-50%, -50%); */left: 50%; width: 800px;height: 800px;margin: -400px; -webkit-animation: rotation 20s linear infinite; animation: rotation 20s linear infinite;} @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(360deg); }} .navigation-circle { display: block; position: relative; height:460px; width:460px; margin:150px auto;} .navigation-circle__inner { display: block; position: relative; height: 100%; width: 100%;} .navigation-circle__list { display: block; position: absolute; height: 460px; width: 460px; transform: rotate(-90deg); animation: 2.2s cubic-bezier(0.25, -0.25, 0.35, 1) 0 1 animate-in-list forwards;} .navigation-circle-svg { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: rotateZ(-90deg);} .navigation-circle-svg--opaque { opacity: 0.5;} .navigation-circle-svg--mask circle { transition: all 0.3s ease; transition-delay: 0.3s; animation: 2.2s ease 0 1 animate-in-svg-circle-mask backwards;} .navigation-circle-list-item { display: block; position: absolute; height: 0; width: calc(50% + 16px); top: 50%; left: 50%; list-style: none; transform-origin: 0 0;} .navigation-circle-list-item__point { display: block; position: absolute; height: 32px; width: 32px; top: -16px; right: 2px; cursor: pointer; transform: scale(0);} .navigation-circle-list-item__meta { display: block; position: relative; overflow: hidden; transform-origin: center; width: 200px; top: 0; left: 50px; } .navigation-circle-list-item:nth-of-type(1){ transform: rotateZ(calc((360deg / 6) * 1));} .navigation-circle-list-item:nth-of-type(1) .navigation-circle-list-item__meta {transform: rotateZ(30deg);} .navigation-circle-list-item:nth-of-type(1) .navigation-circle-list-item__point{ animation: 1s cubic-bezier(0.55, -0.3, 0.6, 1.5) 0s 1 animate-in-list-item-point forwards;} .navigation-circle-list-item:nth-of-type(2){ transform: rotateZ(calc((360deg / 6) * 2));} .navigation-circle-list-item:nth-of-type(2) .navigation-circle-list-item__meta { transform: rotateZ(-30deg); position: absolute; top: -90px; left: 60px;} .navigation-circle-list-item:nth-of-type(2) .navigation-circle-list-item__point { animation: 1s cubic-bezier(0.55, -0.3, 0.6, 1.5) 0.2s 1 animate-in-list-item-point forwards;} .navigation-circle-list-item:nth-of-type(3){transform: rotateZ(calc((360deg / 6) * 3));} .navigation-circle-list-item:nth-of-type(3) .navigation-circle-list-item__meta { transform: rotateZ(-90deg); position: absolute; top: -30px; left: 0;} .navigation-circle-list-item:nth-of-type(3) .navigation-circle-list-item__point { animation: 1s cubic-bezier(0.55, -0.3, 0.6, 1.5) 0.4s 1 animate-in-list-item-point forwards;} .navigation-circle-list-item:nth-of-type(4){transform: rotateZ(calc((360deg / 6) * 4));} .navigation-circle-list-item:nth-of-type(4) .navigation-circle-list-item__meta {transform: rotateZ(-150deg); left:60px; top: 60px; position: absolute;} .navigation-circle-list-item:nth-of-type(4) .navigation-circle-list-item__point { animation: 1s cubic-bezier(0.55, -0.3, 0.6, 1.5) 0.6s 1 animate-in-list-item-point forwards;} .navigation-circle-list-item:nth-of-type(5){transform: rotateZ(calc((360deg / 6) * 5));} .navigation-circle-list-item:nth-of-type(5) .navigation-circle-list-item__meta { transform: rotateZ(-210deg); position: absolute; left: 60px; top: -90px;} .navigation-circle-list-item:nth-of-type(5) .navigation-circle-list-item__point { animation: 1s cubic-bezier(0.55, -0.3, 0.6, 1.5) 0.8s 1 animate-in-list-item-point forwards;} .navigation-circle-list-item:nth-of-type(6){ transform: rotateZ(calc((360deg / 6) * 6));} .navigation-circle-list-item:nth-of-type(6) .navigation-circle-list-item__meta { transform: rotateZ(90deg); position: absolute; top: 0px; left: 0px;} .navigation-circle-list-item:nth-of-type(6) .navigation-circle-list-item__point { animation: 1s cubic-bezier(0.55, -0.3, 0.6, 1.5) 1s 1 animate-in-list-item-point forwards;} .navigation-circle-list-item:hover .navigation-circle-list-item__point:after { width: 60px; left:75px;} .navigation-circle-list-item:hover .navigation-circle-list-item__meta { opacity: 1;} .navigation-circle-list-item:active .navigation-circle-list-item__meta,.navigation-circle-list-item.active .navigation-circle-list-item__meta { opacity: 1;} .navigation-circle-list-item__point .nhiimgicons{ transition: all .3s; transform: rotateZ(30deg);width: 70px;height: 70px;background: linear-gradient(to top, #009f88, #AA95FF);border-radius: 50%; display: block; position: relative; margin: -25px 0 0 -25px;} .navigation-circle-list-item__point .nhiimgicons img{ display: block; width: 100%; position: relative; z-index:3; } .navigation-circle-list-item__point .nhiimgicons:before,.navigation-circle-list-item__point .nhiimgicons:after{ content: ""; position: absolute; width: 90px; height: 90px; background: #009f88; top: -10px; left: -10px; border-radius: 50%; opacity: 0.1;} .navigation-circle-list-item__point .nhiimgicons:after{width: 110px; height: 110px; top: -20px; left: -20px;} .homeinfo .navigation-circle-list-item__title{ display: block; color: #009f88; border-radius: 2em; font-size: 18px; font-weight: bold; margin-bottom: 0; border: 1px solid #009f88; text-align: center; padding:8px 0; transition: all .3s; } .homeinfo .navigation-circle-list-item:nth-of-type(1) .navigation-circle-list-item__meta{ top:70px; left:70px; position: absolute;} .homeinfo .navigation-circle-list-item:nth-of-type(2) .navigation-circle-list-item__point .nhiimgicons{transform: rotateZ(-30deg);} .homeinfo .navigation-circle-list-item:nth-of-type(3) .navigation-circle-list-item__point .nhiimgicons{transform: rotateZ(-90deg);} .homeinfo .navigation-circle-list-item:nth-of-type(4) .navigation-circle-list-item__point .nhiimgicons{transform: rotateZ(-160deg);} .homeinfo .navigation-circle-list-item:nth-of-type(5) .navigation-circle-list-item__point .nhiimgicons{transform: rotateZ(-210deg);} .homeinfo .navigation-circle-list-item:nth-of-type(6) .navigation-circle-list-item__point .nhiimgicons{transform: rotateZ(-270deg);} .homeinfo .navigation-circle__list .active .navigation-circle-list-item__title{background: #009f88; color: #fff;} .homeinfo .active .navigation-circle-list-item__point .nhiimgicons{ width: 90px; height: 90px; margin: -30px 0 0 -30px; background: -webkit-linear-gradient(230deg, rgba(255, 182, 72, 1),rgba(208, 73, 255, 1),rgba(109, 72, 255, 1),rgba(32, 54, 255, 1));} .homeinfo .active .navigation-circle-list-item__point .nhiimgicons:before{ width: 110px;height: 110px;} .homeinfo .active .navigation-circle-list-item__point .nhiimgicons:after{width: 130px;height: 130px;} .homeinfo .navigation-circle-list-item:nth-of-type(2) font{ transform: translate(-50%, -50%); transform: rotateZ(-30deg);} .homeinfo .navigation-circle-list-item:nth-of-type(3) font{ transform: translate(-50%, -50%); transform: rotateZ(-90deg);} .homeinfo .navigation-circle-list-item:nth-of-type(4) font{ transform: translate(-50%, -50%); transform: rotateZ(-150deg);} .homeinfo .navigation-circle-list-item:nth-of-type(5) font{ transform: translate(-50%, -50%); transform: rotateZ(-210deg); } .homeinfo .navigation-circle-list-item:nth-of-type(6) font{ transform: translate(-50%, -50%); transform: rotateZ(-270deg);} .homeinfo .active font{ opacity: 1;} .homeinfo .navigation-circle-list-item:hover .navigation-circle-list-item__title{background: #009f88; color: #fff;} @keyframes animate-in-list { 0% { transform: rotate(-540deg); } 100% { transform: rotate(-90deg); }} @keyframes animate-in-svg-circle-mask { 0% { stroke-dashoffset: 1005; } 100% { stroke-dashoffset: 0; }} @keyframes animate-in-list-item-point { 0% { transform: scale(0); } 100% { transform: scale(1); }} .homeinfotxt{ position: absolute; top: 50%;left: 50%; width:320px; transform: translate(-50%, -50%);} .homeinfotxt .hift{display: none; } .homeinfotxt .hift:nth-of-type(1){display: block; } .homeinfotxt .hift font{ display: block; font-size: 18px; font-weight: normal;text-align: justify; text-align-last: center; color: #666; line-height:26px; background: -webkit-linear-gradient(230deg, #2a167d,#2a167d,#009f88,#009f88); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .homeinfotxt .hift font strong{display: block; font-weight: bold; font-size:50px; margin: 0 0 16px 0; line-height: 1em; background:-webkit-linear-gradient(230deg, rgba(255, 182, 72, 1),rgba(0, 159, 136, 1),rgba(42, 147, 132, 1),rgba(253, 209, 0, 1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* h5_mc */ .h5_mc {display: none;} .inlogos{background:none; padding:100px 0;display: block;overflow: hidden;position: relative;z-index: 3; background: url(../images/746aba0800014bb3a60555c45ff8c217_tplv-jbbdkfciu3-image_0_0.jpg); background-size: cover;} .inlogos .txt{display: block;overflow: hidden;margin: 0 0 30px;} .inlogos .txt h3{display: block;color: #333;font-size: 50px;line-height: 1em;text-align: center;} .inlogos .txt h4{display: block;color: #666;font-size: 20px;line-height: 1em;text-align: center;margin:20px 0;} .inlogos .icenter .mySwiper2{} .inlogos .icenter .mySwiper2 .swiper-slide{ border-top: 1px solid #eee;border-left: 1px solid#eee;} .inlogos .icenter .mySwiper2 .swiper-slide a{float: left; width:calc(16.66666% - 1px); display: block;overflow: hidden; padding: 30px 0; border: 1px solid #eee; background: #fff; border-left: 0; border-top: 0;box-sizing: border-box;} .inlogos .icenter .mySwiper2 .swiper-slide a img{display: block;width:70%; margin:0 auto;} .inlogos .mySwiper{ margin: 0 0 30px 0;} .inlogos .mySwiper .swiper-slide{ color: #666;font-size: 20px;border-bottom: 2px solid #ddd;padding: 12px 0;text-align: center; cursor: pointer; } .inlogos .mySwiper .swiper-wrapper{ display: flex; text-align: center;} .inlogos .mySwiper .swiper-slide:after {content: "";display: block;width: 0;height: 0;border: 6px solid transparent;border-bottom-color: #009f88;position: absolute;bottom: -14px;left: 50%;margin-left: -6px;opacity: 0;transform: rotate(180deg);} .inlogos .mySwiper .swiper-slide-thumb-active{border-bottom: 2px solid #009f88;} .inlogos .mySwiper .swiper-slide-thumb-active:after{ opacity: 1; } .inlogos .amore{ display: block;margin: 30px auto 0; width: 200px; } .inlogos .dd{ display: block; text-align: center; margin:0 0 0 -750px; width: 1500px; position: absolute;top: 54%;left:50%; } .inlogos .tod{ display: block;width:40px;height: 40px;cursor: pointer;text-align: center; line-height: 40px;border-radius: 50%; opacity: 0.5; border: 1px solid #009f88; color:#009f88; font-size: 20px; position: absolute;top: 0;left: -30px;} .inlogos .dd .tod:hover{ opacity: 1; } .inlogos .dd .swiper-button-nextlogo{ left: auto; right:-30px;} .insales{display: block;overflow: hidden;padding:100px 0; background: url(../images/abg1.jpg); background-size: cover;} .insales h3{ line-height: 1em; display: block;text-align: center;font-size: 50px;color: #333; margin-bottom: 0px;} .insales h4{ display: block;color: #666;text-align: center;font-size: 20px;margin: 20px auto 0;line-height: 1em;} .insales .list{display: block;position: relative; background: none; padding:40px 20px; overflow: initial;} .insales .swiper-slide{display: block;overflow: hidden; box-shadow:0 0 1rem 5px #ddd; border-radius: 10px; top: 0;transition: 0.4s;} .insales .swiper-slide a{ display: block;overflow: hidden; position: relative;padding:30px 20px 30px;background:#fff;} .insales .swiper-slide a p{display: block;overflow: hidden;border-radius:10px; margin-bottom: 30px; } .insales .swiper-slide a p img{transition: all .3s;display: block;width: 100%;} .insales .swiper-slide a h3{display: block;overflow: hidden; margin-bottom: 30px;} .insales .swiper-slide a h3 .fa{ color: #ccc; display: block;text-align: left;font-size:12px;} .insales .swiper-slide a h3 .fa-quote-right{text-align: right;} .insales .swiper-slide a h3 span{ display: block;font-size:16px;text-align: justify;line-height: 26px; color:#666; width: calc(100% - 40px);margin: 0 auto; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .insales .swiper-slide a h4{margin:0 0 0 0;display: block;overflow: hidden; } .insales .swiper-slide a h4 img{display: block; width: auto;height: 90px; } .insales .swiper-slide a:hover p img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); } .insales .swiper-slide a:hover h3 span{color:#000} .insales .swiper-slide:hover{ top: -1rem;box-shadow: 0 0 1rem 5px #ddd;} .insales .list dd{ display: block; text-align: center; margin:-30px 0 0 0; width: 100%; position: absolute;top: 50%;left:15px; } .insales .list dd .tod{ display: block;width:40px;height: 40px;cursor: pointer;text-align: center; line-height: 40px;border-radius: 50%; opacity: 0.5; border: 1px solid #009f88; color:#009f88; font-size: 20px; position: absolute;top: 0;left: -60px;} .insales .list dd .tod:hover{ opacity: 1; } .insales .list dd .swiper-button-next01{ left: auto; right: -60px;} .insales .swiper-container01{ overflow: hidden; width: calc(100% + 0px); padding: 30px 15px;} .innews{display: block; padding: 100px 0; border-top: 0 solid #ddd;background-color: #f6f7fa;} .innews h3{display: block;text-align: center;font-size: 50px;color: #333;margin-bottom: 30px; line-height: 1;} .innews .icenter{overflow: initial;} .innews .inewstt{position: relative; display: block; margin: 0 0 50px 0; text-align: center; border-bottom:0 solid #eee; } .innews .inewstt a{ color:#666;font-size:20px;border-bottom:2px solid #eee;padding: 12px 0; position: relative;z-index: 0; width:200px;display: inline-block;text-align: center;background: none;margin: 0 0 0 0; cursor: pointer;} .innews .inewstt .active{color: #009f88;border-bottom: 2px solid #009f88;font-weight: bold;} .innews .inewstt a:after{content:""; display: block; width: 0; height: 0; border: 6px solid transparent; border-bottom-color: #009f88; position: absolute; bottom: -14px; left: 50%; margin-left: -6px;opacity: 0; transform: rotate(180deg);} .innews .inewstt .active:after{ opacity:1; } .innews .inewslist{} .innews .inewslist .into{display: block; } .innews .inewslist .into .right{ display: block; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: top;;-webkit-align-items: top; } .innews .inewslist .into .right a{ border-radius: 10px; cursor: pointer;display: block;overflow: hidden;margin: 0 0 0 0; width: 31%; background: #fff; border: 1px solid #eee; } .innews .inewslist .into .right a p{ display: block;overflow: hidden; border-radius: 0 0; margin: 0 0 0 0; } .innews .inewslist .into .right a p img{transition: all .3s;display: block;width:100%;} .innews .inewslist .into .right a h4{ padding: 30px 30px 40px;display: block; overflow: hidden;} .innews .inewslist .into .right a h4 strong{text-align: left;display: block;font-size: 20px;color: #333;font-weight: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 30px;} .innews .inewslist .into .right a h4 span{text-align: left; display: none; overflow: hidden;font-size: 14px;color: #999;line-height: 20px;margin: 24px 0;} .innews .inewslist .into .right a h4 font{color: #666;font-weight: bold; display: block; text-align: left; font-size: 16px; margin: 0 0 20px 0; } .innews .inewslist .into .right a h4 font img{ display: block;float: left;height: 20px;margin: 0 5px 0 0;} .innews .inewslist .into .right a h4 .aa{ display: block; font-size: 14px; color: #666;} .innews .inewslist .into .right a h4 .aa i{ display: block; font-style: inherit; float: left; margin: 0 5px 0 0;} .innews .inewslist .into .right a h4 .aa img{ display: block;height: 20px;float: left;-webkit-filter: grayscale(100%);} .innews .inewslist .into .right a:hover h4 strong{color:#009f88;} .innews .inewslist .into .right a:hover p img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);} .innews .inewslist .into .right a:hover{box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1);} .innews .amore{ margin: 30px auto 0; } .pageform{display: block;overflow: hidden;padding:80px 0; position: relative; background: url(../images000/pageformbg1.jpg); background-size: cover;} .pageform h3{ position: relative; z-index: 3; display: block;text-align: center;color: #fff;font-size:36px; margin-bottom:20px; line-height: 1em;} .pageform h4{ position: relative; z-index: 3;display: block;text-align: center;color: #fff;font-size:24px; margin-bottom:30px;} .pageform:after{ content:""; background: #009f88; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.5; } .pageform .icenter{ position: relative; z-index: 3;text-align: center;} .pageform .wpcf7-form{ display: block; width: 500px; margin: 0 auto; overflow: hidden; position: relative;} .pageform .wpcf7-form input{ display: block;border:0px solid #ddd;background: #fff;box-shadow: 0 0 20px 0 rgba(0,0,0,.1);height:44px; width: 100%; border-radius:2em; text-indent: 1.5em;font-size: 16px;color: #333; background: #fff;} .pageform .wpcf7-form button{ position: absolute; top: 0;right:0px; cursor:pointer; border-color: #fff;} .indexbot{ position: relative; display: block;overflow: hidden; padding:20px 0; background-image: -webkit-linear-gradient(400deg,rgba(109, 72, 255, 1),rgb(121 68 255),rgb(0 108 255),rgb(4 183 245))} .indexbot:after{content:""; position: absolute;width: 1600px;height: 1600px; background: #fff;top:-100px;right:-700px;opacity: 0.1; transform: rotate(-45deg); } .indexbot .icenter{position: relative;z-index: 2;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;;-webkit-align-items:center;;} .indexbot dd{ display: block; overflow: hidden;text-align: right;} .indexbot dd span{display: block;color: #fff;font-size:30px;line-height: 1em;margin: 0 0 12px 0; letter-spacing: 2px;} .indexbot dd font{display: block;color: #fff;font-size:16px;line-height: 1em;margin: 0 0 0px 0;} .indexbot dt{width: 70%;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;;-webkit-align-items: center;} .indexbot dt p{ margin: 0;overflow: hidden;display: block; } .indexbot dt p strong{display: block;width: auto;height:30px;overflow: hidden; background-repeat: no-repeat;background-position: 50%;background-size: contain; margin: 15px auto;} .indexbot dt p:nth-child(1) strong{background-image: url(../images/indexbot01_1.svg);} .indexbot dt p:nth-child(2) strong{background-image: url(../images/indexbot02.svg);} .indexbot dt p:nth-child(3) strong{background-image: url(../images/indexbot03.svg);} .indexbot dt p:nth-child(4) strong{background-image: url(../images/indexbot04.svg);} .indexbot dt p:nth-child(5) strong{background-image: url(../images/indexbot05.svg);} .indexbot dt p:nth-child(6) strong{background-image: url(../images/MaxSys-041.svg);} .indexbot dt p:nth-child(7) strong{background-image: url(../images/MaxSys-041.svg);} .indexbot dt p:nth-child(8) strong{background-image: url(../images/indexbot6.svg);} .indexbot dt p span{ display: block;color: #fff;font-size: 16px;text-align: center; opacity: 1; margin-top: 6px;} .indexbot dt p font{ display: block;width: 60px;height: 60px;background: rgb(255 255 255 / 0.2);border-radius: 50%;overflow: hidden; margin: 0 auto;} .footer{ position: relative; display: block;overflow: hidden;background: #222;padding: 50px 0 30px;} .footer .toptt{position: relative; z-index:2; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: top;-webkit-align-items: top; } .footer .toptt dd{} .footer .toptt dd h3{ display: block;overflow: hidden;margin: 0 0 15px 0;} .footer .toptt dd h3 a{ color: #fff;font-size: 18px;} .footer .toptt dd h4{ display: block;overflow: hidden; } .footer .toptt dd h4 strong{ font-weight: normal;float: left;margin: 0 30px 0 0;} .footer .toptt dd h4 strong:last-child{ margin-right:0; } .footer .toptt dd h4 span{ display: block;overflow: hidden;margin: 0 0 6px 0;} .footer .toptt dd h4 span a{color: #fff;opacity: 0.5;font-size: 13px;} .footer .toptt dd h4 span a:hover,.flinks dd a:hover{ opacity:1; } .footer .toptt dl{ display: block;overflow: hidden;} .footer .toptt dl dt{ display: block;overflow: hidden;margin: 0 0 15px 0;} .footer .toptt dl dt span{display: block;color: #fff;opacity: 0.5;font-weight: normal;font-size: 14px;margin: 0 0 0 0;} .footer .toptt dl dt a{display: block;color: #fff;font-size: 13px;} .footer .toptt dl dt:first-of-type a,.footer .toptt dl dt:nth-child(2) a{font-size: 20px; } .footer .toptt dl dt:nth-child(3) a{ font-size: 14px;} .footer .toptt dl dt p{display: block;overflow: hidden;float: left;margin: 0 20px 0 0;} .footer .toptt dl dt p:nth-child(2){margin-right:0;} .footer .toptt dl dt p img{display: block;height: 80px;} .footer .toptt dl dt p font{display: block;color: #fff;opacity: 0.5;font-weight: normal;font-size:13px;margin: 6px 0 0 0;text-align: center;} .footer .toptt dl dt h5{ display: block;overflow: hidden;} .footer .toptt dl dt h5 .fa{ opacity: 0.5; display: block;width: 30px;height: 30px;text-align: center;line-height: 30px;font-size: 14px;border: 1px solid #999;float: left;border-radius: 50%;margin: 0 10px 0 0;} .footer .toptt dl dt .flogo{display: block;overflow: hidden;margin: 0 0 10px 0;} .footer .toptt dl dt .flogo svg{ display: block;width: auto;height: 36px;} .footer .fbot{position: relative; z-index:2; margin: 0 auto 0;} .footer .fbot dd,.footer .fbot dt{display: block;overflow: hidden;float: left;} .footer .fbot dd span{ display: block;float: left;font-size: 13px;color: #fff;opacity: 0.5;} .footer .fbot dd a{color: #fff;font-size: 13px;opacity: 0.5;display: block;float: left;margin: 0 0 0 20px;} .footer .fbot dt{float: right;} .footer .fbot dt a{ color: #fff;font-size: 12px;opacity: 0.5;display: block;float: left;margin: 0 0 0 20px;} .flinks{ border-bottom: 1px solid #333;border-top: 1px solid #333;padding:6px 0;margin:30px auto;} .flinks span{ color: #fff;opacity: 0.4;font-size: 12px;float: left;display: block;} .flinks dd{} .flinks dd a{ color: #fff;opacity: 0.4;font-size: 12px;display: block;float: left;margin: 0 10px;} /*产品*/ .prolisttech{ padding: 100px 0; display: block;overflow: hidden;position: relative; background: url(../images/abg1.jpg); background-size: 100%;} .prolisttech h3{ z-index: 3; position: relative; margin: 0; display: block; text-align: center; font-size: 50px; color: #333; line-height: 1em;} .prolisttech h4{ display: block; position: relative; z-index: 3; text-align: center; font-size: 20px; color: #666; margin: 30px 0 50px;} .prolisttech .icenter{ overflow: visible;} /* .prolisttech .icenter dd{ display: block;overflow: hidden;position: relative; width: 33%; } .prolisttech .icenter dd svg{display: block;width: 100%;margin: 0 auto;padding: 0;height: auto;} .prolisttech .icenter dd svg .icon1{ -webkit-animation-name: up-and-down-o; animation-name: up-and-down-o; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 7s; animation-duration: 7s; } .prolisttech .icenter dd svg .icon1b{-webkit-animation: brainbob 3s ease-in-out alternate infinite; -moz-animation: brainbob 3s ease-in-out alternate infinite;-ms-animation: brainbob 3s ease-in-out alternate infinite;animation: brainbob 3s ease-in-out alternate infinite;} .prolisttech .icenter dd svg .icon1a{-webkit-animation: brainbob 5s ease-in-out alternate infinite; -moz-animation: brainbob 5s ease-in-out alternate infinite;-ms-animation: brainbob 5s ease-in-out alternate infinite;animation: brainbob 5s ease-in-out alternate infinite;} @-webkit-keyframes brainbob { from { transform: translateY(10px) rotate(-2deg); } to { transform: translateY(-30px) rotate(0deg); }} @keyframes brainbob { from { transform: translateY(10px) rotate(-2deg); } to { transform: translateY(-30px) rotate(0deg); }} */ .prolisttech .icenter dl{ display: block;overflow: hidden;position: relative; width: 100%; overflow: visible;} .prolisttech .icenter dl .list{display: block;overflow: hidden;position: relative;margin-top:0px;overflow: visible;} .prolisttech .icenter dl .list .prolisttechaaa{ position: relative; display: block; margin: 0 0 0 0; text-align: center; } .prolisttech .icenter dl .list .prolisttechaaa .swiper-wrapper{margin-bottom: 30px;} .prolisttech .icenter dl .list .prolisttechaaa a{color: #666; font-size:20px;border-bottom: 2px solid #eee;padding: 12px 0;position: relative;z-index: 0;width: 100%;display: inline-block;text-align: center;background: none; margin:0;float: left;cursor: pointer;} .prolisttech .icenter dl .list .prolisttechaaa .swiper-slide-thumb-active a{color: #009f88;border-bottom: 2px solid #009f88;font-weight: bold;} .prolisttech .icenter dl .list .prolisttechaaa a:after { content: ""; display: block; width:0; height:0; border:6px solid transparent; border-bottom-color: #009f88; position:absolute;bottom:-14px;left:50%; margin-left:-6px; opacity:0; transform: rotate(180deg);} .prolisttech .icenter dl .list .prolisttechaaa .swiper-slide-thumb-active a:after{ opacity:1; } .prolisttech .icenter dl .list dd{ display: block; text-align: center; margin:0px 0 0 0; width: 100%; position: absolute;top: 0%;left:0px; } .prolisttech .icenter dl .list dd .tod{ display: block;width:40px;height: 40px;cursor: pointer;text-align: center; line-height: 40px;border-radius: 50%; opacity: 0.5; border: 1px solid #009f88; color:#009f88; font-size: 20px; position: absolute;top: 0;left: -100px;background-image: none;} .prolisttech .icenter dl .list dd .tod:hover{ opacity: 1; } .prolisttech .icenter dl .list dd .tod.swiper-button-next-1{ left: auto; right: -100px;} .prolisttech .icenter dl .list .prolisttechlist{ padding: 0 0 0 0;display: block;overflow: hidden;width: 100%;margin-top: 30px;} .prolisttech .icenter dl .list .prolisttechlist .tb{ display: block; overflow: hidden;display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center;} .prolisttech .icenter dl .list .prolisttechlist .tb strong{ display: block;line-height: 1em;font-size: 40px;color: #333;} .prolisttech .icenter dl .list .prolisttechlist .tb p{ display: block;overflow: hidden;margin: 40px 0; } .prolisttech .icenter dl .list .prolisttechlist .tb p font{ display: block; font-size: 18px; position: relative; color: #666; margin:10px 0; padding: 0 0 0 20px;} .prolisttech .icenter dl .list .prolisttechlist .tb p font:after{ content: ""; position: absolute; width: 8px; height: 8px; background: #009f88; top: 8px; left: 0; border-radius: 50%; margin-top: 0px; } .prolisttech .icenter dl .list .prolisttechlist .tb dt{ display: block;overflow: hidden;} .prolisttech .icenter dl .list .prolisttechlist .tb dt a{ float: left; margin-right: 20px; height: 36px; line-height: 36px; font-size: 14px;} .prolisttech .icenter dl .list .prolisttechlist .tb dt a:nth-of-type(2){} .prolisttech .icenter dl .list .prolisttechlist .tb .left{display: block;overflow: hidden;width: 49%;} .prolisttech .icenter dl .list .prolisttechlist .tb .right{display: block;overflow: hidden;width: 49%;} .prolisttech .icenter dl .list .prolisttechlist .tb .right svg,.prolisttech .icenter dl .list .prolisttechlist .tb .right img{ display: block; width: 100%; height: auto;} .prolisttech .icenter dl .list .prolisttechlist .tb .center{display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center; width:100%; } .pagebanner .line-box { opacity: 0.3; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2;} .pagebanner .line-box .line { position: absolute; left: 0; -webkit-animation: p-ani-1 linear infinite; -moz-animation: p-ani-1 linear infinite; -ms-animation: p-ani-1 linear infinite; animation: p-ani-1 linear infinite;} .pagebanner .line-box .line img{ vertical-align: middle;border: none;} .pagebanner .line-box .line:nth-of-type(1) {width: 10.1vw;top: 40%;-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);animation-duration: 5s;} .pagebanner .line-box .line:nth-of-type(2) {width: 10.1vw;bottom: 10%;-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);animation-duration: 4s;animation-delay: .5s;} .pagebanner .line-box .line:nth-of-type(3) {width: 16.458vw;top: 50%;-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);animation-duration: 3s;animation-delay: 1s;} .pagebanner .line-box .line:nth-of-type(4) {width: 9.791vw;top: 60%;-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);animation-duration: 4s;animation-delay: 1.5s;opacity: .6;} @keyframes p-ani-1{ 0%{ left: 0; @include transform(translateX(-100%)); } 100%{ left: 100%; @include transform(translateX(0)); }} .pagepronews{ display: block; padding: 100px 0; border-top: 0 solid #ddd; background-color: #fff;} .pagepronews h3{ display: block; color: #333; font-size: 50px; line-height: 1em; margin-bottom: 0px; text-align: center;} .pagepronews h4{display: block;color: #666;font-size: 20px;line-height: 1em;text-align: center;margin: 20px 0 50px;} .pagepronews .amore{ display: block; margin: 50px auto 0;} .pagepronews .icenter{display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center;overflow: initial;} .pagepronews .icenter dd{ display: block; width: calc(31% - 80px); overflow: hidden; border-radius: 10px; background: #fff; padding:40px; box-shadow: 0 0 1rem 5px #ddd;} .pagepronews .icenter dd a{display: block; overflow: hidden; margin-bottom:10px;} .pagepronews .icenter dd a .fa{ margin-right: 10px; display: block; float: left; color: #009f88; font-size: 14px; line-height: 30px;} .pagepronews .icenter dd a span{ display: block;color: #666;font-size: 16px; line-height: 30px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; text-align: left;} .pagepronews .icenter dd a:hover span{color: #009f88;} .pagepronews .icenter dd a font{ margin-left: 18px; display: none; color: #999; font-size: 14px; margin-top: 0;} .pagepronews .icenter dd a:last-child{margin-bottom:0;} .pagepronews .icenter dd .topaa{border-bottom: 1px solid #ddd;padding-bottom: 30px;margin-bottom: 30px;} .pagepronews .icenter dd .topaa p{ display: block; overflow: hidden; margin: 20px 0; border-radius: 10px; } .pagepronews .icenter dd .topaa p img{ transition: all .3s;display: block;width: 100%;} .pagepronews .icenter dd .topaa:hover p img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); } .pagepronews .icenter dd .topaa .aa{ margin-top: 20px; display: block; font-size: 14px; color:#009f88;} .pagepronews .icenter dd .topaa .aa i{ display: block;font-style: inherit;float: left;margin: 0 5px 0 0; } .pagepronews .icenter dd .topaa .aa img{ display: block; height: 20px;float: left; } .pagepronews .icenter dd .topaa span{font-size: 20px; color: #333; margin-bottom: 8px; } .pagepronews .icenter dd .topaa font{ display: block; } .p-top-mv__scroll{position: absolute;right: 5%;bottom: 100px;z-index:99;text-align: center;} .banner .p-top-mv__scroll{z-index: 99;} .p-top-mv__scroll p{writing-mode: tb;font-size: 16px;color: #eee;} .bannerscroll{display: block;width:1px;height:60px;background:#ddd;position: relative;margin: 0 auto 20px;} .bannerscroll::before{content: '';display: block;width:7px;height:7px;background:#eee;position:absolute;top:0;left:-3px;-webkit-animation:scroll 2.3s cubic-bezier(0,0,0.38,0.97) infinite;animation:scroll 2.3s cubic-bezier(0,0,0.38,0.97) infinite} @-webkit-keyframes scroll{0%{transform:translateY(0);opacity:1}45%{transform:translateY(53px);opacity:1}70%{transform:translateY(53px);opacity:0}100%{transform:translateY(53px);opacity:0}} @keyframes scroll{0%{transform:translateY(0);opacity:1}45%{transform:translateY(53px);opacity:1}70%{transform:translateY(53px);opacity:0}100%{transform:translateY(53px);opacity:0}} #scrollnow{ display: block;position: absolute;width: 100%;height: 70px;bottom: 0;left: 0;z-index: -1;} .pagebanner{ display: block; height: calc(100% - 100px); overflow: hidden; position: relative; } .pagebanner img,.pagebanner video{ display: block; width: 100%; } .pagebanner .txt{position: absolute;width: 1400px; left: 50%;top:50%; margin-left: -700px; z-index: 10; transform: translate(0%, -50%);} .pagebanner .txt h3{ font-weight: bold;text-align: left;display: block;color: #fff; font-size:48px; line-height: 1em; } .pagebanner .txt h4{ text-align: left; display: block;color: #fff;font-size: 28px;line-height: 1em; margin: 20px 0 0px;} .pagebanner .txt img{display: block;margin: 20px 0; width: auto;} .pagebanner .txt>img{display: none;} .pagebanner .txt .amore{ margin:40px 20px 0 0; display: inline-block;vertical-align: top;} .pagebanner .txt .amore1{background: #009f88;border-color: #009f88;color: #fff;padding-left: 20px;width: 140px;} .pagebanner .txt .amore1::after{width: 140px;padding-left: 20px;} .pagebanner .txt .amore1>img{ width: 20px;height: auto;position: absolute;top: -7px;left: 28px;} .pagebanner .txt .amore1>i{margin-left: 0px;} .pagebanner .txt .amore1:hover{background: #5321d2;border-color: #5321d2;} .client-wall{display: block;overflow: hidden;margin: 100px 0;} .client-wall .tier { position: relative; margin: 0 0 30px; overflow: visible; } .client-wall .holder{ display: block;width: auto;height: auto;} .home-page .client-wall .holder { width: 12.5%; max-width: 170px;} .size-cv { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden;} .client-wall .logos { right: auto; overflow: visible; white-space: nowrap;} .client-wall .logos { -webkit-animation: kf-client-wall-1 50s linear 0s infinite forwards; -moz-animation: kf-client-wall-1 50s linear 0s infinite forwards; -ms-animation: kf-client-wall-1 50s linear 0s infinite forwards; -o-animation: kf-client-wall-1 50s linear 0s infinite forwards; animation: kf-client-wall-1 50s linear 0s infinite forwards;} .client-wall .tier .pic { position: relative; margin: 0 6px; overflow: hidden; display: inline-block; width: 130px; padding: 0 20px; border: 1px solid #ddd; border-radius: 6px;} .client-wall .logos { -webkit-animation: kf-client-wall-1 50s linear 0s infinite forwards; -moz-animation: kf-client-wall-1 50s linear 0s infinite forwards; -ms-animation: kf-client-wall-1 50s linear 0s infinite forwards; -o-animation: kf-client-wall-1 50s linear 0s infinite forwards; animation: kf-client-wall-1 50s linear 0s infinite forwards;} .client-wall .tier2 .logos { -webkit-animation: kf-client-wall-2 50s linear 0s infinite forwards; -moz-animation: kf-client-wall-2 50s linear 0s infinite forwards; -ms-animation: kf-client-wall-2 50s linear 0s infinite forwards; -o-animation: kf-client-wall-2 50s linear 0s infinite forwards; animation: kf-client-wall-2 50s linear 0s infinite forwards;} @-webkit-keyframes kf-client-wall-1 { 0% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(-33.333%, 0); -moz-transform: translate(-33.333%, 0); -ms-transform: translate(-33.333%, 0); -o-transform: translate(-33.333%, 0); transform: translate(-33.333%, 0); }} @-moz-keyframes kf-client-wall-1 { 0% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(-33.333%, 0); -moz-transform: translate(-33.333%, 0); -ms-transform: translate(-33.333%, 0); -o-transform: translate(-33.333%, 0); transform: translate(-33.333%, 0); }} @-ms-keyframes kf-client-wall-1 { 0% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(-33.333%, 0); -moz-transform: translate(-33.333%, 0); -ms-transform: translate(-33.333%, 0); -o-transform: translate(-33.333%, 0); transform: translate(-33.333%, 0); }} @-o-keyframes kf-client-wall-1 { 0% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(-33.333%, 0); -moz-transform: translate(-33.333%, 0); -ms-transform: translate(-33.333%, 0); -o-transform: translate(-33.333%, 0); transform: translate(-33.333%, 0); }} @keyframes kf-client-wall-1 { 0% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(-33.333%, 0); -moz-transform: translate(-33.333%, 0); -ms-transform: translate(-33.333%, 0); -o-transform: translate(-33.333%, 0); transform: translate(-33.333%, 0); }} @-webkit-keyframes kf-client-wall-2 { 0% { -webkit-transform: translate(-33.333%, 0); -moz-transform: translate(-33.333%, 0); -ms-transform: translate(-33.333%, 0); -o-transform: translate(-33.333%, 0); transform: translate(-33.333%, 0); } 100% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }} @-moz-keyframes kf-client-wall-2 { 0% { -webkit-transform: translate(-33.333%, 0); -moz-transform: translate(-33.333%, 0); -ms-transform: translate(-33.333%, 0); -o-transform: translate(-33.333%, 0); transform: translate(-33.333%, 0); } 100% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }} @-ms-keyframes kf-client-wall-2 { 0% { -webkit-transform: translate(-33.333%, 0); -moz-transform: translate(-33.333%, 0); -ms-transform: translate(-33.333%, 0); -o-transform: translate(-33.333%, 0); transform: translate(-33.333%, 0); } 100% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }} @-o-keyframes kf-client-wall-2 { 0% { -webkit-transform: translate(-33.333%, 0); -moz-transform: translate(-33.333%, 0); -ms-transform: translate(-33.333%, 0); -o-transform: translate(-33.333%, 0); transform: translate(-33.333%, 0); } 100% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }} @keyframes kf-client-wall-2 { 0% { -webkit-transform: translate(-33.333%, 0); -moz-transform: translate(-33.333%, 0); -ms-transform: translate(-33.333%, 0); -o-transform: translate(-33.333%, 0); transform: translate(-33.333%, 0); } 100% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }} .client-wall .tier .pic a{display: block;overflow: hidden;} .client-wall .tier .pic a img{display: block; width: 100%;} .client-wall .tt{} .client-wall .tt h3{ display: block; color: #333; font-size: 50px; line-height: 1em; text-align: center;} .client-wall .tt h3 span{ background: -webkit-linear-gradient(230deg, rgba(255, 182, 72, 1),rgba(208, 73, 255, 1),rgba(109, 72, 255, 1),rgba(32, 54, 255, 1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .client-wall .tt h4{ display: block; color: #666; font-size: 20px; line-height: 1em; text-align: center; margin: 20px 0;} .client-wall .tt .amore{ margin: 30px auto 50px;} .client-wall .logos:hover{animation-play-state: paused;} .propic{ display: block;overflow: hidden;padding: 100px 0 100px;position: relative; } .propic p{display: block;width:100%;overflow: hidden;} .propic p img{ display: block; width: auto;margin: 0 auto;max-width: 100%; } .propic h3{ z-index: 3; position: relative; margin: 0; display: block; text-align: center; font-size: 50px; color: #333; line-height: 1em; } .propic h4{display: block;position: relative;z-index: 3;text-align: center;font-size: 20px;color: #666;margin: 30px 0 50px;} .homeinfo .icenter{ display: flex; display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .homeinfo .icenter dd{ display: block; position: relative; overflow: hidden; float: left; width: 32%; margin: 0 2% 2% 0; border-radius: 10px; padding:44px 50px 36px 50px; background: transparent; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;border: 1px solid #ccc;box-sizing: border-box;} .homeinfo .icenter dd:nth-child(3n){margin-right:0;} .homeinfo .icenter dd:hover{ box-shadow: 0 0 1rem 5px #ddd; } .homeinfo .icenter dd p{position: relative;width: 54px;height: 54px;background-color: #009f88;border-radius: 50%;margin: 0 auto 30px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;} .homeinfo .icenter dd p::after{ content: '';display: block;width: 78px;height: 78px;background-color: transparent;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);border-radius: 50%;z-index: 0;background-color: rgb(121 68 255 / 15%);} .homeinfo .icenter dd p img{ display: block;width: 100%;margin:0 auto;} .homeinfo .icenter dd span{ display: block;font-size: 24px;text-align: center;color: #333;} .homeinfo .icenter dd:hover span{ background: -webkit-linear-gradient(230deg, rgba(0, 159, 136, 1),rgba(0, 159, 136, 1),rgba(2, 219, 188, 1),rgba(32, 54, 255, 1));-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .homeinfo .icenter dd font{display: block; color: #444; line-height: 26px; margin: 20px 0 0;font-size: 17px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;min-height: 78px;text-align: justify;letter-spacing: 1.3px;} /* 产品详情-绩效 */ .probanner{height: calc(100% - 200px); margin-top: 100px;} .probanner .txt{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;} .probanner .txt .left{width: 48%;margin-right: 4%;} .probanner .txt .left h3{display: block;text-align: left;font-size: 50px;line-height: 56px;background: -webkit-linear-gradient(230deg, rgba(0, 159, 136, 1),rgba(0, 159, 136, 1),rgba(2, 205, 176, 1),rgba(32, 54, 255, 1));-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .probanner .txt .left h4{text-align: left;display: block;color: #666;font-size: 18px;line-height: 1em;margin: 40px 0 0;line-height: 30px;} .probanner .txt .left p{ text-align: left;display: block;color: #333;font-size: 34px;line-height: 1em;margin: 20px 0 0;} .probanner .txt .right{width: 48%;} .probanner .txt .right img{width: 100%;} .prolisttech2{background: url(../images/jx_bg01.jpg);background-size: cover;} .prolisttech2 h3{margin-bottom: 50px;} .prolisttech .icenter dl .list .prolisttechlist2{} .prolisttech .icenter dl .list .prolisttechaaa2{ position: relative;display: block;margin: 0 0 0 0;text-align: center; width: 800px;height: 52px; left: 50%;transform: translateX(-50%);top: auto;} .prolisttech .icenter dl .list .prolisttechaaa2 a{color: #666; font-size:20px;border-bottom: 2px solid #eee;padding: 12px 0;position: relative;z-index: 0;width: 200px;display: inline-block;text-align: center;background: none; margin:0;float: left;cursor: pointer;} .prolisttech .icenter dl .list .prolisttechaaa2 .active{color: #009f88;border-bottom: 2px solid #009f88;font-weight: bold;} .prolisttech .icenter dl .list .prolisttechaaa2 a:after { content: ""; display: block; width:0; height:0; border:6px solid transparent; border-bottom-color: #009f88; position:absolute;bottom:-14px;left:50%; margin-left:-6px; opacity:0; transform: rotate(180deg);} .prolisttech .icenter dl .list .prolisttechaaa2 .active:after{ opacity:1; } .prolisttech .icenter dl .list .prolisttechaaa2.kaoqintab{width:1000px;} .prolisttech .icenter dl .list .prolisttechlist2.kaoqinlist{margin-top:50px;} .prolisttech .icenter dl .list .prolisttechlist2 .tb p font:after{display: none;} .prolisttech .icenter dl .list .prolisttechlist2 .tb p font{padding-left: 0;} .prolisttech .icenter dl .list .prolisttechlist2 .tb .left strong{} .prolisttechlist2 .left .item .title{display: flex;display: -webkit-flex;-webkit-align-items: flex-start;align-items: flex-start;margin-bottom: 10px;} .prolisttechlist2 .left .item .title img{width: 18px;filter: brightness(0.1);transition: all .5s;margin-top: 4px;} .prolisttechlist2 .left .item{margin: 30px 0;} .prolisttechlist2 .left .item font{ font-size: 18px;font-weight: bold;color: #333;margin-left: 10px;transition: all .5s;} .prolisttechlist2 .left .item span{font-size: 17px;line-height: 28px;color: #666;display: block;padding-left: 27px;position: relative;} .prolisttechlist2 .left .item span:after{ content: "";position: absolute;width: 16px;height: 16px;background: #a596cc;top: 6px;left: 1px;margin-top: 0px;display: block;background: url(../images/gou.png);} .prolisttechlist2 .left .item:hover .title img{filter: brightness(1);transform: rotate(300deg);} .prolisttechlist2 .left .item:hover font{color: #009f88;} .prolisttechlist2 .left .item .title2 font{font-weight: normal;font-size: 17px;line-height: 28px;color: #666;display: block;} .prolisttech .icenter dl .list .prolisttechaaa600{width: 600px;} .prolisttech .icenter dl .list .prolisttechaaa1200{width: 1200px;} .jxys{width: 100%;overflow: hidden;background: url(../images/abg2.jpg);background-size: cover;padding: 100px 0 100px;} .jxys .list{position: relative;height: 700px;} .jxys .platform-sign {width: 803px;height: 700px;position: absolute;background: url(../images/Clip3.png) no-repeat;background-size: contain;opacity:0.8;} .jxys .platform-sign h3{font-size: 50px;text-align: left;color: #fff;margin: 100px 0 0 100px;line-height: 1em;} .jxys .platform-sign h4{display: block;position: relative;z-index: 3;text-align: left;font-size: 20px;color: #fff;margin: 30px 50px 0 100px;} .jxys .platform-logo {position: absolute;width: auto;right: 0px;top: 118px; } .jxys .platform-logo img{display: block; width: 150px;} .jxys .list .swiper-container01{width: 1200px; position: absolute;box-sizing: border-box;overflow: hidden;top: 260px;left: 100px;} .jxys .list .swiper-container01 a{display: block;box-sizing: border-box;padding: 50px 50px;background-color: #fff;border-radius: 10px;box-shadow: 1px 3px 20px 1px rgba(0,0,0,.08);} .jxys .list .swiper-container01 a h4{margin-bottom: 50px; display: inline-block;} .jxys .list .swiper-container01 a h4 img{width: auto;} .jxys .list .swiper-container01 a h3{font-size: 22px; color: #222;padding-bottom: 20px;} .jxys .list .swiper-container01 a p{font-size: 16px;color: #666;line-height: 26px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;min-height: 82px;} .jxys .list dd{ display: block; text-align: center; margin:0px 0 0 0; width: 100%; position: absolute;top: 60%;left:0px; } .jxys .list dd .tod{ display: block;width:40px;height: 40px;cursor: pointer;text-align: center; line-height: 40px;border-radius: 50%; opacity: 0.5; border: 1px solid #fff; color:#fff; font-size: 20px; position: absolute;bottom:auto ;left: 30px;background-image: none;} .jxys .list dd .tod:hover{ opacity: 1; } .jxys .list dd .tod.swiper-button-next01{ left: auto; right: 30px;border: 1px solid #009f88; color:#009f88; } .prolisttech .icenter dl .list .prolisttechaaa2.tab-zuzhi{width:600px;} /*组织管理*/ .zuzhi02wrap{width: 100%;overflow: hidden; background-color: #f8f4ff;padding-top: 100px;} .zuzhi02wrap h3{margin-bottom: 50px;position: relative;margin: 0;display: block;text-align: center;font-size: 50px;color: #333;line-height: 1em;} .zuzhi02wrap .gnbox{width: 100%;background-color: #f8f4ff;padding: 50px 0;} .zuzhi02wrap .gnbox .center{width: 1400px;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;margin: auto;} .zuzhi02wrap .gnbox:nth-of-type(2n){background-color: #fff;} .zuzhi02wrap .gnbox:nth-of-type(2n) .center{-webkit-flex-flow: row-reverse;flex-flow: row-reverse;} .zuzhi02wrap .gnbox:nth-of-type(1){padding-top: 50px;} .zuzhi02wrap .gnbox .center .left{width: 48%;} .zuzhi02wrap .gnbox .center .left strong {display: block;line-height: 1em;font-size: 40px;color: #333;} .zuzhi02wrap .gnbox .center .left .item{margin: 30px 0;} .zuzhi02wrap .gnbox .center .left .item span{ font-size: 18px;line-height: 30px;color: #666; display: block;position: relative; left: 0px; margin-bottom: 6px; font-size: 16px; padding-left: 28px;} .zuzhi02wrap .gnbox .center .left .item span:after{ content: ""; position: absolute; width: 16px; height: 16px; background: #a596cc; top: 6px; left: 1px; margin-top: 0px; display: block; background: url(../images/gou.png); } .zuzhi02wrap .gnbox .center .left .item .title{display: flex;display: -webkit-flex;-webkit-align-items: flex-start;align-items: flex-start;margin-bottom: 10px;} .zuzhi02wrap .gnbox .center .left .item .title img{width: 22px;filter: brightness(0.1);transition: all .5s;margin-top: 4px;} .zuzhi02wrap .gnbox .center .left .item .title:hover img{transform: rotate(300deg);filter: brightness(1);} .zuzhi02wrap .gnbox .center .left .item .title:hover font{color:#009f88;} .zuzhi02wrap .gnbox .center .left .item .title font{font-size: 17px;font-weight: bold;color: #333;margin-left: 10px;transition: all .5s;line-height: 30px;} .zuzhi02wrap .gnbox .center .left .item .title2 font{font-weight: normal;} .zuzhi02wrap .gnbox .center .left dt{display: block;overflow: hidden;} .zuzhi02wrap .gnbox .center .left dt a{float: left;margin-right: 20px;height: 36px;line-height: 36px;font-size: 14px;} .zuzhi02wrap .gnbox .center .right{width: 45%;} .zuzhi02wrap .gnbox .center .right img{display: block;width: 100%;height: auto;} .prolisttech .icenter dl .list .kaoqinlist .tb p font{font-size:18px;line-height:30px;padding-left: 20px;} .prolisttech .icenter dl .list .kaoqinlist .tb p font:after{content: "";display:block;position: absolute;width: 8px;height: 8px;background: #009f88;top: 11px;left: 0;border-radius: 50%;margin-top: 0px;} .dj03wrap .icenter dd font{text-align: center;letter-spacing: 0;} .ganbu03{background: url(../images/proinfo_bg01.jpg);background-size: cover;} .ganbu04wrap{width: 100%;overflow: hidden;position: relative;} .ganbu04wrap .icenter{width:1400px;margin: auto;overflow: hidden;padding: 50px 10px 30px;} .ganbu04wrap .swiper-container-gn{width: 100%;} .ganbu04wrap .swiper-container-gn .swiper-slide{} .ganbu04wrap .swiper-container-gn .swiper-slide a{width: 100%;display: block;background-color: #fff;box-shadow: 0 0 9px 0px #ddd;box-sizing: border-box;padding: 0 60px 14px 60px;border-radius: 10px;transition: all .5s;} .ganbu04wrap .swiper-container-gn .item{position: relative; top: -46px;} .ganbu04wrap .swiper-container-gn .item .imgbox{width: 92px;height: 92px;border-radius: 50%;box-shadow: 1px 3px 20px 1px rgba(0,0,0,.08); display: flex;display: -webkit-flex;margin-bottom: 30px;background-color: #fff;} .ganbu04wrap .swiper-container-gn .item .imgbox img{width: auto;margin: auto;} .ganbu04wrap .swiper-container-gn .item span{font-size: 24px;color: #009f88;margin-bottom: 30px;display: block;} .ganbu04wrap .swiper-container-gn .item font{ font-size: 16px; color: #666; line-height: 30px; display: block; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3;} .ganbu04wrap .swiper-container-gn .swiper-slide a:hover .imgbox{} .ganbu04wrap .swiper-container-gn .swiper-slide a:hover span{color: #fff;} .ganbu04wrap .swiper-container-gn .swiper-slide a:hover font{color: #fff;} .ganbu04wrap dd{ display: block; text-align: center; margin:0px 0 0 0; width: 1620px; position: absolute;top: 57.5%;left: 50%;transform: translateX(-50%); } .ganbu04wrap dd .tod{ display: block;width:40px;height: 40px;cursor: pointer;text-align: center; line-height: 40px;border-radius: 50%; opacity: 0.5; border: 1px solid #009f88; color:#009f88; font-size: 20px; position: absolute;bottom:auto ;left: 30px;background-image: none;} .ganbu04wrap dd .tod:hover{ opacity: 1; } .ganbu04wrap dd .tod.swiper-button-next01{ left: auto; right: 30px;border: 1px solid #009f88; color:#009f88; } /* 薪酬 */ .xinchou03wrap{ padding: 100px 0 100px; display: block; overflow: hidden; position: relative; height: auto; background: url(../images/abg2.jpg); background-size: cover;} .xinchou03wrap>h3{margin: 0;display: block;text-align: center;font-size: 50px;color: #333;line-height: 1em;} .xinchou03wrap>h4{display: block;text-align: center;font-size: 20px;color: #666;margin: 20px 0 50px;} .xinchou03wrap .icenter{position: relative;overflow: initial;margin: 50px auto 0;} .xinchou03wrap .list{} .xinchou03wrap .list .w{} .xinchou03wrap .list ul{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;list-style: none;margin: 0;padding: 0;border-radius: 10px;overflow: hidden;} .xinchou03wrap .list ul li{padding: 0;width: 33.33%;} .xinchou03wrap .list ul li .item{height: 100%;overflow: hidden;padding: 60px 60px 110px;position: relative;text-align: center;-webkit-transition: all .5s;transition: all .5s;width: 100%;box-sizing: border-box;} .xinchou03wrap .list ul li .item .icon{margin: 0 auto;-webkit-transition: all .5s;transition: all .5s;position: relative;z-index: 2;} .xinchou03wrap .list ul li .item:hover .icon{opacity: 1; -webkit-transform: translateY(-0px); -ms-transform: translateY(-0px); transform: translateY(-0px);} .xinchou03wrap .list ul li .item .icon img{} .xinchou03wrap .list ul li .item:hover .icon img{} .xinchou03wrap .list ul li .item h3{display: block;font-size: 24px;text-align: center;color: #333;position: relative;z-index: 2;transition: all .5s;} .xinchou03wrap .list ul li .item p{color: #666;line-height: 30px;margin: 30px 0 0;font-size: 17px;position: relative;z-index: 2;transition: all .5s;} .xinchou03wrap .list ul li .item .icon_a{bottom: 0; left: 50%; opacity: 0; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .5s; transition: all .5s; z-index: 2;} .xinchou03wrap .list ul li .item:hover .icon_a{bottom: 2rem;opacity: 0;-webkit-transition-delay: .2s;transition-delay: .2s;} .xinchou03wrap .list ul li .item .icon_a img{filter: none;filter: grayscale(1) brightness(30);} .xinchou03wrap .list ul li .item::after{ background: -webkit-linear-gradient(90deg,#ebe6f3,#f9f8fe); background: linear-gradient(90deg,#ebe6f3,#f9f8fe); content: ""; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; -webkit-transition: all .5s; transition: all .5s; width: 100%; z-index: 0; } .xinchou03wrap .list ul li .item:hover::after{opacity: 1;} /* .xinchou03wrap .list ul li .item:hover h3{color: #fff;-webkit-transform: translateY(-0px);-ms-transform: translateY(-0px);transform: translateY(-0px);} .xinchou03wrap .list ul li .item:hover p{color: #fff;-webkit-transform: translateY(-0px);-ms-transform: translateY(-0px);transform: translateY(-0px);opacity: 0.8;} */ .xinchou03wrap.xinchou4 .list ul li{width: 25%;} .xinchou03wrap.xinchou4 .list ul li .item{padding: 30px 50px 50px;} .xinchou03wrap.xinchou4 .list ul li .item .icon img{width: 80px;} .xinchou03wrap.xinchou4_1 .list ul li{width: 33.3%;} .prolisttech .icenter dl .list .prolisttechlist-5{width: 1000px;} .xinchou02wrap .prolisttechlist2 .left .item span{position: relative;left: 0px;margin-bottom: 6px;font-size: 16px;padding-left: 28px;} .xinchou02wrap .prolisttechlist2 .left .item span::after {content: "";position: absolute;width: 16px;height: 16px;background: #a596cc; top: 6px;left: 1px;margin-top: 0px;display: block;background: url(../images/gou.png);} #more03{background: transparent;color: #009f88;} #more03:hover{background: #5321d2;} /* 招聘 */ .zhaopin03wrap .list ul li{width: 25%;} .zhaopin03wrap .list ul li .item{padding: 60px 50px 110px;} .zhaopin03wrap {background: url(../images/abg2.jpg);background-size: 100%;padding: 100px 0;width: 100%;} /* forms */ .prolisttech .icenter dl .list .prolisttechaaa3 {display: flex;justify-content: center;} .prolisttech .icenter dl .list .dul .tb ul{display: flex;justify-content: space-between;padding: 50px 0;} .prolisttech .icenter dl .list .dul .tb ul li { transition: 0.5s; top: 0px; overflow: hidden; position: relative; box-sizing: border-box; border-radius: 10px; padding: 38px 10px 58px; width: 23.5%;background: linear-gradient(0deg,#f2f0f8,#fcfcfe);-moz-background: linear-gradient(0deg,#f2f0f8,#fcfcfe);-webkit-background: linear-gradient(0deg,#f2f0f8,#fcfcfe);border: 1px solid #dddddd;display: flex;flex-direction: column;justify-content: center;align-items: center;} .prolisttech .icenter dl .list .dul .tb ul li .icon { z-index: 1; margin-bottom: 37px; position: relative; border-radius: 50%; width: 60px;height: 60px;background: linear-gradient(to right top,#8251ff,#b79cff); -webkit-background: linear-gradient(to right top,#8251ff,#b79cff);-moz-background: linear-gradient(to right top,#8251ff,#b79cff);display: flex;align-items: center;justify-content: center;} .prolisttech .icenter dl .list .dul .tb ul li .icon img {width: 21px;} .prolisttech .icenter dl .list .dul .tb ul li .icon::after{content: ""; position: absolute; left: -20%; top: -20%; width: 100%; height: 100%; border-radius: 50%; border: 12px solid rgba(183, 156, 255,.5); opacity: 0.5;} .prolisttech .icenter dl .list .dul .tb ul li h3 {z-index: 1; font-size: 24px;color: #333333;margin-bottom: 26px;} .prolisttech .icenter dl .list .dul .tb ul li h6 { z-index: 1; font-size: 17px;color: #666666;line-height: 28px; text-align: center;} .prolisttech .icenter dl .list .dul .tb ul li:hover {background: url("../images/forms_bg.png");background-size: cover;top: -10px;} .prolisttech .icenter dl .list .dul .tb ul li:hover .icon::after{ border-color: rgb(20 163 185);} .prolisttech .icenter dl .list .dul .tb ul li:hover h3 {color: #fff;} .prolisttech .icenter dl .list .dul .tb ul li:hover h6 {color: #fff;} .prolisttech .icenter dl .list .dul .tb ul li .bot {margin: auto;} .prolisttech .icenter dl .list .dul .tb ul li::after {display: none; position: absolute;content: "";background-color: rgba(0,0,0,0.5);width: 100%;height: 100%;z-index: 0;left: 0px;top: 0px;} .prolisttech .icenter dl .list .dul .tb ul li:hover::after {display: block;} .prolisttech .icenter dl .list .dul .tb .bot {display: flex;justify-content: center;} .prolisttech .icenter dl .list .dul .tb .bot a {margin-right: 10px;height: 36px;line-height: 36px;font-size: 14px;} .prolisttech .icenter dl .list .dul .tb .bot a:nth-of-type(2){margin-right: 0px;} .forms_c { overflow: unset;} .forms_c ul {display: flex;flex-flow: wrap;justify-content: space-between;} .forms_c ul li { transition: 0.5s; width: 48.65%;margin-bottom: 2.5%;display: flex;align-items: center;padding: 55px;box-sizing: border-box;background: linear-gradient(180deg,#f2f0f8,#fcfcfe);-moz-background: linear-gradient(180deg,#f2f0f8,#fcfcfe);-webkit-background: linear-gradient(180deg,#f2f0f8,#fcfcfe);border-radius: 10px;justify-content: space-between;border: 1px solid #ddd;} .forms_c ul li:nth-of-type(3),.forms_c ul li:nth-of-type(4){margin-bottom: 0px;} .forms_c ul li .left h5{font-size: 24px;color: #333333;line-height: 36px;margin-bottom: 26px;} .forms_c ul li .left h6{font-size: 16px;color: #666666;line-height: 30px;} .forms_c ul li .right img{width: 225px;} .forms_c ul li:hover .left h5 {color: #009f88; } .forms_c ul li:hover { box-shadow: 0 0 0.5rem 2px #ddd;} .forms_c ul li .left {width: 48%;} .forms_c ul li .right {width: 41.6%;} .forms_n {background-color: #f7f5ff;} /* .forms_n ul {display: flex;justify-content: center;justify-content: space-between;} .forms_n ul li {transition: 0.5s; width: 31.9%;border-radius: 10px;} .forms_n ul li a {padding: 60px 55px 70px;box-sizing: border-box; display: flex;justify-content: center;align-items: center;flex-direction: column;} .forms_n ul li h5 { transition: 0.5s; font-size: 24px;color: #333333;margin-bottom: 32px;} .forms_n ul li .icon { z-index: 1; margin-bottom: 37px; position: relative; border-radius: 50%; width: 60px; height: 60px; background: linear-gradient(to right top,#8251ff,#b79cff); -webkit-background: linear-gradient(to right top,#8251ff,#b79cff); -moz-background: linear-gradient(to right top,#8251ff,#b79cff); display: flex; align-items: center; justify-content: center;} .forms_n ul li .icon img { width: 21px;} .forms_n ul li .icon::after { content: ""; position: absolute; left: -20%; top: -20%; width: 100%; height: 100%; border-radius: 50%; border: 12px solid rgba(183, 156, 255,.5); opacity: 0.5; } */ .forms_n ul{} .forms_n ul li{width: 100%;} .forms_n ul li .icenter{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;margin: auto;} .forms_n ul li .imgbox{width: 46%;} .forms_n ul li .textbox{width: 46%;} .forms_n ul li .textbox h5{ font-size: 40px;color: #333333;margin-bottom: 32px;font-weight: bold;} .forms_n ul li:nth-of-type(2n) .icenter{ -webkit-flex-flow: row-reverse;flex-flow: row-reverse;padding: 50px 0;} .forms_n ul li:nth-of-type(2n){background-color: #fff;} .forms_n ul li:nth-of-type(1){padding-bottom: 50px;} .forms_n ul li:nth-of-type(3){padding-top: 50px;} .forms_nc{overflow: unset;} .forms_n ul li .textbox p {font-size: 17px;color: #666666;line-height: 30px;margin-bottom: 32px;text-align: justify;} .forms_n ul li .textbox .amore {transition: 0.5s; width: 160px;height: 36px;background-color: #fff;color: #009f88;line-height: 36px;font-size:14px;} .forms_n ul li:hover .amore {background-color: #009f88;color: #fff;} .forms_n ul li .textbox dt{display: block;overflow: hidden;} .forms_n ul li .textbox dt a {float: left;margin-right: 20px;height: 36px;line-height: 36px;font-size: 14px;} .forms_n ul li .textbox .amore:nth-child(1){background: #009f88;color: #fff;} /* .forms_n ul li:hover {background: linear-gradient(180deg,#f2f0f8,#fcfcfe);-moz-background: linear-gradient(0deg,#f2f0f8,#fcfcfe);-webkit-background: linear-gradient(0deg,#f2f0f8,#fcfcfe);box-shadow: 0 0 0.5rem 2px #ddd;} .forms_n ul li:hover h5 {color: #009f88;} */ #forms01>h3{margin-bottom: 0;} #forms01 .icenter dd { width: 24.2%; padding: 0px; border: none; background-color: #fff; transition: 0.5s;position: relative;} #forms01 .icenter dd:nth-child(3n) { margin-right: 1.06%; } #forms01 .icenter dd:nth-child(4n) { margin-right: 0%; } #forms01 .icenter dd {margin: 0 1.06% 1.06% 0;} #forms01 .icenter dd .box {padding: 20px 50px;box-sizing: border-box; border-top-right-radius: 10px;} #forms01 .icenter dd .box img { width:auto; height: 150px;} #forms01 .icenter dd:nth-of-type(1) .box {background: url("../images/okr_bg1.png");background-size: cover;} #forms01 .icenter dd:nth-of-type(2) .box {background: url("../images/okr_bg2.png");background-size: cover;} #forms01 .icenter dd:nth-of-type(3) .box {background: url("../images/okr_bg3.png");background-size: cover;} #forms01 .icenter dd:nth-of-type(4) .box {background: url("../images/okr_bg4.png");background-size: cover;} #forms01 .icenter dd .bot { padding: 40px 36px 40px; display: block;} #forms01 .icenter dd span {font-size: 20px; display: block;text-align: center;color: #333;margin-bottom: 30px; line-height: 28px;min-height:56px;} #forms01 .icenter dd font { line-height: 28px; margin: 31px 0 37px; font-size: 16px;color:#666;display:block;} #forms01 .icenter dd .amore { height: 36px; line-height: 36px; font-size: 14px; margin: auto;} #forms01 .icenter dd:hover .amore { } #forms01 .icenter dd:nth-of-type(1):hover .amore{} /* #forms01 .icenter dd:nth-of-type(2):hover .amore{background: #765cbf!important;border-color:#765cbf;} #forms01 .icenter dd:nth-of-type(3):hover .amore{background: #ff7453!important;border-color:#ff7453;} #forms01 .icenter dd:nth-of-type(4):hover .amore{background:#405e7c!important;border-color:#405e7c;} */ .forms01 .icenter dd:hover i { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); } .forms01 .icenter dd:hover .amore::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #forms01 .icenter dl .list .dul .tb ul{padding-bottom: 0;} .form04wrap h4{margin-bottom: 0;} .form04wrap .swiper-container{padding-top: 60px;} .form04wrap .icenter .list{margin-top: 50px;} .form04wrap .icenter .item{padding: 30px 50px 0;box-sizing: border-box;border: 1px solid #ddd; border-radius: 10px;position: relative;transition: all .5s;top: 0;width: 100%;background-size: cover;} .form04wrap .icenter .item .bgbox{position: relative;top: -66px;} .form04wrap .icenter .item:hover{top: -20px;} .form04wrap .icenter .item .imgbox{margin: 0 auto 30px;} .form04wrap .icenter .item .imgbox img{width: auto;margin: auto;display: block;} .form04wrap .icenter .item h3{font-size: 24px;color: #333;margin-bottom: 30px;text-align: center;} .form04wrap .icenter .item p{font-size: 16px;line-height: 28px;color: #666;margin-bottom: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;min-height: 56px;text-align: center;} .form04wrap .icenter .item a{height: 36px; line-height: 36px; font-size: 14px;margin:0 auto;background: transparent; color: #009f88;} .form04wrap .icenter .item a:hover{background: #5321d2;color: #fff;} .form04wrap .icenter .swiper-slide:nth-of-type(1) .item{background: url(../images/guihua09.png);background-size: cover;} .form04wrap .icenter .swiper-slide:nth-of-type(2) .item{background: url(../images/guihua10.png);background-size: cover;} .form04wrap .dd{display: block; text-align: center; margin: 0px 0 0 0; width: 100%; position: absolute; top: 50%; left: 0px;} .form04wrap .dd .tod{ display: block;width:40px;height: 40px;cursor: pointer;text-align: center; line-height: 40px;border-radius: 50%; opacity: 0.5; border: 1px solid #009f88; color:#009f88; font-size: 20px; position: absolute;top: 0;left: -80px;background-image: none;} .form04wrap .dd .tod:hover{ opacity: 1; } .form04wrap .dd .tod.swiper-button-next01{ left: auto; right: -80px;} .form04wrap .icenter{overflow: visible;padding-top: 20px;} .form04wrap .icenter .swiper-slide:nth-of-type(3n-2) .item{background: url(../images/guihua09.png);background-size: cover;} .form04wrap .icenter .swiper-slide:nth-of-type(3n-1) .item{background: url(../images/guihua10.png);background-size: cover;} .form04wrap .icenter .swiper-slide:nth-of-type(3n) .item{background: url(../images/guihua11.png);background-size: cover;} .ganbu04wrap .swiper-container-gn .swiper-slide a .amore{ height: 36px; line-height: 36px; font-size: 14px;background-color: transparent;color: #009f88;margin: 50px 0 0;} .ganbu04wrap .swiper-container-gn .swiper-slide a:hover{background: linear-gradient(200deg,#009f88,#009f88b8);} .ganbu04wrap .swiper-container-gn .swiper-slide a:hover .amore {color: #fff;border-color: #fff;background: linear-gradient(200deg,#009f88,#009f8888);} .ganbu04wrap .swiper-container-gn .swiper-slide:nth-of-type(3n-2) a:hover{background: linear-gradient(200deg,#976ae3,#976ae388);} .ganbu04wrap .swiper-container-gn .swiper-slide:nth-of-type(3n-1) a:hover{background: linear-gradient(200deg,#527ece,#527ece88);} .ganbu04wrap .swiper-container-gn .swiper-slide a:hover .amore{background:transparent;} /* okr */ .okr_1 {background-color: #f9f8ff;background-image: none;} .okr_1 .icenter dd { width: 24.2%; padding: 0px; border: none; background-color: #fff; transition: 0.5s;} .okr_1 .icenter dd:nth-child(3n) { margin-right: 1.06%; } .okr_1 .icenter dd:nth-child(4n) { margin-right: 0%; } .okr_1 .icenter dd {margin: 0 1.06% 1.06% 0;} .okr_1 .icenter dd .box {padding: 36px 76px;box-sizing: border-box;} .okr_1 .icenter dd .box img { width: 189px; height: 143px;} .okr_1 .icenter dd:nth-of-type(1) .box {background: url("../images/okr_bg1.png");background-size: cover;} .okr_1 .icenter dd:nth-of-type(2) .box {background: url("../images/okr_bg2.png");background-size: cover;} .okr_1 .icenter dd:nth-of-type(3) .box {background: url("../images/okr_bg3.png");background-size: cover;} .okr_1 .icenter dd:nth-of-type(4) .box {background: url("../images/okr_bg4.png");background-size: cover;} .okr_1 .icenter dd .bot { padding: 45px 36px 58px;} .okr_1 .icenter dd span {font-size: 22px;} .okr_1 .icenter dd font { line-height: 28px; margin: 31px 0 37px; font-size: 16px;color:#666;} .okr_1 .icenter dd .amore { height: 36px; line-height: 36px; font-size: 14px; margin: auto;} /* .okr_1 .icenter dd:hover .amore { color: #fff!important;} */ /* .okr_1 .icenter dd:nth-of-type(1):hover .amore{background: #5321d2!important;border-color:#5321d2;} .okr_1 .icenter dd:nth-of-type(2):hover .amore{background: #765cbf!important;border-color:#765cbf;} .okr_1 .icenter dd:nth-of-type(3):hover .amore{background: #ff7453!important;border-color:#ff7453;} .okr_1 .icenter dd:nth-of-type(4):hover .amore{background:#405e7c!important;border-color:#405e7c;} */ .okr_1 .icenter dd:hover i { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); } .okr_1 .icenter dd:hover .amore::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .okr_2 .bot a{height: 36px; line-height: 36px; font-size: 14px; } .okr_2 {background: none;} .okr_2 .icenter{display: block;} .okr_2 ul {display: flex;justify-content: space-between;margin-bottom: 50px;flex-flow: wrap;} .okr_2 ul li { padding: 34px 0 45px;box-sizing: border-box; transition: 0.5s; width: 15.5%;border-radius: 10px;margin-right: 0.98%;background-color: #f7f6f9;border: 1px solid #dddddd;margin-bottom: 0.98%;display: flex;flex-direction: column;align-items: center;justify-content: center;background: linear-gradient(to bottom,#f1ecfb,#ffffff);} .okr_2 ul li:nth-of-type(6n){margin-right: 0px;} .okr_2 ul li .imgbox {width: 60px;height: 60px;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin-bottom: 15px;background-color: #fff; box-shadow: 0 0 6px #b9b5b5;} .okr_2 ul li .imgbox img {width: 25px;} .okr_2 ul li span {font-size: 18px;color: #333333;} .okr_2 .bot {display: flex;justify-content: center;} .okr_2 .bot a {margin-right: 10px;} .okr_2 .bot a:nth-of-type(2){margin-right: 0px;} .okr_2 ul li:hover {background: linear-gradient(to right bottom,#7a46ff,#b091ff); box-shadow: 0 0 20px #b9b5b5;} .okr_2 ul li:hover span {color: #fff;} .okr03 .bot{margin-top: 50px;} .okr03 .bot a{height: 36px; line-height: 36px; font-size: 14px; } .okr03 .bot {display: flex;justify-content: center;} .okr03 .bot a {margin-right: 10px;} .okr03 .bot a:nth-of-type(2){margin-right: 0px;} .okr03 .list ul li .item:hover .icon { opacity: 1; -webkit-transform: translateY(-0px); -ms-transform: translateY(-0px); transform: translateY(-0px); } .okr03 .list ul li .item:hover h3{color: #333;} .okr03 .list ul li .item:hover p{color: #666;} .okr03 .list ul li .item::after { background: -webkit-linear-gradient(90deg,#ebe6f3,#f9f8fe); background: linear-gradient(90deg,#ebe6f3,#f9f8fe); content: ""; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; -webkit-transition: all .5s; transition: all .5s; width: 100%; z-index: 0; border: 1px solid #ddd; border-radius: 10px; box-sizing: border-box; } .okr03 .list ul li .item:hover .icon img { filter:none; } /* enter */ .enter_1 {overflow: unset;} .enter_1 ul {display: flex;justify-content: space-between;margin-bottom: 60px;} .enter_1 ul li { transition: 0.5s; background: linear-gradient(to right bottom,#ffffff,#f4effa); border: 1px solid #dddddd; width: 23.5%;border-radius: 10px;margin-right: 2%;padding: 36px 10px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;align-items: center;} .enter_1 ul li:nth-of-type(4){margin-right: 0px;} .enter_1 ul li .icon { margin-bottom: 15px; background-color: #fff; width: 86px;height: 86px;border-radius: 50%;display: flex;justify-content: center;align-items: center;border: 8px solid #e1d5fd ;} .enter_1 ul li .icon img {width: 44px;} .enter_1 ul li span {font-size: 20px;color: #333333;font-weight: bold;} .enter_1 ul li:hover {box-shadow: 0 0 20px #b9b5b5;} .enter_1 .bot {display: flex;justify-content: center;} .enter_1 .bot a {height: 36px; line-height: 36px; font-size: 14px;margin-right: 10px;} .enter_1 .bot a:nth-of-type(2){margin-right: 0px;} .enter_2 {background: url(../images/abg2.jpg);background-size: cover;} .jixiaoys .icenter dd{width: 23.875%;margin-right: 1.5%;} .jixiaoys .icenter dd:nth-child(3n){margin-right: 1.5%;} .jixiaoys .icenter dd:nth-child(4n){margin-right: 0%;} .jixiaoys .icenter dd span{font-size: 20px;line-height: 22px;min-height: 44px;} .jixiaoys .icenter dd font{font-size: 16px;letter-spacing: 0;} /* 成本中心 */ .chengben02{} .chengben02 h4{display: block;position: relative;z-index: 3;text-align: center;font-size: 20px;color: #666;margin: 30px 0 0px;line-height:30px;} /* paas */ .pass_01{background: url(../images/pa01_bg.jpg);background-size: cover;} .pass_01 ul {display: flex;justify-content: space-between;margin:55px 0;} .pass_01 ul li {width: 33.3%;display: flex;justify-content: center;align-items: center;flex-direction: column;} .pass_01 ul li img { width: 200px; height: 185px; object-fit: cover;} .pass_01 ul li h5 { margin-top: 20px; font-size: 18px; line-height: 32px; width: auto; text-align: center;} .pass_01 .bot {display: flex;justify-content: center;} .pass_01 .bot a {margin-right: 20px;} .pass_01 .bot a:last-child {margin-right: 0px;} .pass_03{background: url(../images/pa01_bg.jpg);background-size: cover;overflow: hidden;position: relative;} .pass_03 .icenter {overflow: unset;} .pass_03 ul {display: flex;justify-content: space-between;margin:55px 0;} .pass_03 ul li {transition: 0.5s; top: 0px;position: relative; width: 31.3%; padding: 32px 44px 66px; background-color: #fff; box-shadow: 0 0 1rem 5px #e2dfec; box-sizing: border-box; border-radius: 18px;} .pass_03 ul li:hover{top: -15px;} .pass_03 ul li img .bao img {width: 200px;} .pass_03 ul li h5 {font-size: 20px;color: #333333;font-weight: bold;margin: 20px 0 30px;} .pass_03 ul li .li_b p{display: flex;margin-bottom: 10px;align-items: flex-start;} .pass_03 ul li .li_b p:last-child{margin-bottom: 0px;} .pass_03 ul li .li_b p img {margin-right: 10px; width: 20px; position: relative; top: 6px;} .pass_03 ul li .li_b p span {font-size: 16px;color: #666666;line-height: 26px;} .pass_03 .bot {display: flex;justify-content: center;} .pass_03 .bot a {margin-right: 20px;} .pass_03 .bot a:last-child {margin-right: 0px;} /* saas */ .saas_banner h6{ margin: 30px 0 0px;font-size: 24px;color: #333333;} .saas_banner .txt .left h4 { margin: 20px 0 0;} .saas_01{background-color: #f9f8ff;position: relative;overflow: hidden;} .saas_01 .icenter {overflow: unset;} .saas_01 ul{margin-top: 55px;display: flex;justify-content: space-between;} .saas_01 ul li { transition: 0.5s; background: linear-gradient(to bottom,#f5f2fb,#ffffff); top: 0px; overflow: hidden; width: 31.35%;border: 1px solid #dddddd;position: relative;border-radius: 20px;} .saas_01 ul li::before{content: "";position: absolute;width: 100%;height: 5px;background-color: #cbb9fc;top: 0px;left: 0px;} .saas_01 ul li:hover {box-shadow: 0 0 1rem 5px #e2dfec;top: -20px;} .saas_01 ul li:hover::before{background-color: #009f88;} .saas_01 ul li:hover h5 {color: #009f88;} .saas_01 ul li a {padding: 40px; display: flex;justify-content: center;align-items: center;flex-direction: column;} .saas_01 ul li a img {width: 192px;} .saas_01 ul li a .bao {margin: auto;} .saas_01 ul li a h5 {text-align: center; font-size: 30px;font-weight: bold;color: #333333;margin: 10px 0 40px;} .saas_01 ul li a h6 {text-align: center; font-size: 22px;margin-bottom: 12px;color: #333333;} .saas_01 ul li a span {text-align: center; font-size: 18px;color: #666666;margin-bottom: 45px;} .saas_01 ul li:hover .amore::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .saas_01 ul li:hover .amore i { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); } .saas_01 ul li:hover #more03 { background: #5321d2; } .saas_01 ul li:hover .amore { background: #5321d2; border: 1px solid #5321d2; } .saas_02 h3{margin-bottom: 50px;} .saas_03 { padding: 100px 0; background: url(../images/pa01_bg.jpg); background-size: cover; overflow: hidden; position: relative;} .saas_03 .wen{position: absolute;right: 0px;bottom: -373px;} .saas_03 .wen img {width: 1023px;} .saas_03 h3 {font-size: 50px;color: #333333;line-height: 60px;} .saas_03 .line {background: linear-gradient(to right,#7945ff,#e8dfff);margin: 40px 0;width: 228px;height: 5px;} .saas_03 h4 { width: 528px;font-size: 20px;line-height: 30px;color: #333333;margin-bottom: 32px;} .saas_03 p {font-size: 17px;color: #666666;line-height: 30px;} .saas_04{padding-bottom: 20px;} .saas_04 .icenter {overflow: unset;} .saas_04 .box:hover {border-color: #7944c3;} .saas_04 .box{border: 1px solid #dddddd; background-color: #f7f5fc; box-sizing: border-box; display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 60px 37px 82px;border-radius: 10px;} .saas_04 .box h5 {font-size: 24px;color: #009f88;font-weight: bold;margin-bottom: 33px;text-align: center;} .saas_04 .box img {width: 200px;margin: auto;} .saas_04 .box h6 {height: 114px; margin-top: 40px;font-size: 16px;color: #666666;line-height: 32px;text-align: center;} .saas_04 .saas04Swiper-button-prev,.saas_04 .saas04Swiper-button-next { transition: 0.3s; top: 56%; transform: translateY(-50%); width: 41px; height: 41px; background-color: #fff; border-radius: 50%; color: #7944c3; font-size: 20px; border: 1px solid #7944c3; background-image: none; display: flex; justify-content: center; align-items: center; font-size: 25px;} .saas_04 .saas04Swiper-button-prev:hover,.saas_04 .saas04Swiper-button-next:hover {background-color: #7944c3;color: #fff;} .saas_04 .saas04Swiper {overflow: hidden;} .saas_04 .swiper-button-prev { left: -82px; right: auto; } .saas_04 .swiper-button-next { right: -82px; left: auto; } .guihua01{width: 100%;overflow: hidden;background: url(../images/guihuabg_01.jpg);background-size: cover;position: relative;padding: 100px 0;} .guihua01 .icenter>h3{margin: 0;display: block;text-align: center;font-size: 50px;color: #333;line-height: 1em;} .guihua01 .icenter>h4{display: block;text-align: center;font-size: 20px;color: #666;margin: 30px 0 50px;} .guihua01 .icenter ul{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;margin: 50px auto;} .guihua01 .icenter ul li{transition: 0.5s;top: 0px;position: relative;width: 31.3%;padding: 0 0 66px;background-color: #fff;box-shadow: 0 0 1rem 5px #e2dfec;box-sizing: border-box;border-radius: 10px;overflow: hidden;} .guihua01 .icenter ul li:hover{top: -20px;} .guihua01 .icenter ul li .titlebox{background-color: #009f88;} .guihua01 .icenter ul li:nth-of-type(2) .titlebox{background-color: #4c1ec1;} .guihua01 .icenter ul li:nth-of-type(3) .titlebox{background-color: #f58a32;} .guihua01 .icenter ul li .titlebox h3{font-size: 24px;color: #fff;display: block;height: 60px;line-height: 60px;text-align: center;} .guihua01 .icenter ul li .imgbox{margin: 30px auto;max-width: 75%;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;} .guihua01 .icenter ul li .imgbox img{width: 100%;margin: auto;} .guihua01 .icenter ul li p{font-size: 16px;line-height: 28px;color: #666;text-align: justify;width: 75%;display: block;margin: auto;min-height: 112px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;} .guihua02{width: 100%;overflow: hidden;padding: 100px 0;} .guihua02 .icenter>h3{margin: 0;display: block;text-align: center;font-size: 50px;color: #333;line-height: 1em;} .guihua02 .icenter>h4{display: block;text-align: center;font-size: 20px;color: #666;margin: 30px 0 50px;} .guihua02 .icenter ul{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;margin: 50px auto;} .guihua02 .icenter ul li{transition: 0.5s;top: 0px;position: relative;width: 48%;padding: 30px 50px;background-color: #fff;box-shadow: 0 0 1rem 5px #e2dfec;box-sizing: border-box;border: 1px solid #ddd;border-radius: 10px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;} .guihua02 .icenter ul li .imgbox{width: 30%;} .guihua02 .icenter ul li .imgbox img{width: 100%;} .guihua02 .icenter ul li .textbox{width: 65%;margin-left: 5%;} .guihua02 .icenter ul li .textbox h3{font-size: 24px;color: #333;margin-bottom: 30px;} .guihua02 .icenter ul li .textbox h4{font-size: 16px;line-height: 28px;color: #666;} .guihua01 .bot,.guihua02 .bot{display: flex;justify-content: center;} .guihua01 .bot a {margin-right: 20px;height: 36px;line-height: 36px;font-size: 14px;} .guihua02 .bot a {margin-right: 20px;height: 36px;line-height: 36px;font-size: 14px;} .guihua01 .bot a:last-child {margin-right: 0px;} .guihua02 .bot a:last-child {margin-right: 0px;} .guihua03wrap{width: 100%;overflow: hidden;padding: 100px 0;background: url(../images/jx_bg01.jpg);background-size: 100%;} .guihua03wrap .icenter>h3{margin: 0;display: block;text-align: center;font-size: 50px;color: #333;line-height: 1em;} .guihua03wrap .icenter ul{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center; -webkit-justify-content: space-between;margin-top: 50px;justify-content: space-between;} .guihua03wrap .icenter ul li{padding: 40px 50px;box-sizing: border-box;border: 1px solid #ddd; border-radius: 10px;position: relative;transition: all .5s;top: 0;overflow: hidden;width: 31.3%;background-size: cover;} .guihua03wrap .icenter ul li:hover{top: -20px;} .guihua03wrap .icenter ul li .imgbox{margin: 0 auto 30px;} .guihua03wrap .icenter ul li .imgbox img{width: auto;margin: auto;display: block;} .guihua03wrap .icenter ul li h3{font-size: 20px;color: #333;margin-bottom: 30px;text-align: center;} .guihua03wrap .icenter ul li p{font-size: 16px;line-height: 28px;color: #666;margin-bottom: 30px;} .guihua03wrap .icenter ul li a{height: 36px;line-height: 36px;font-size: 14px;margin:0 auto;background: transparent;color: #009f88;} .guihua03wrap .icenter ul li a:hover{background: #5321d2;color: #fff;} .guihua03wrap .icenter ul li:nth-of-type(1){background: url(../images/guihua09.png);background-size: cover;} .guihua03wrap .icenter ul li:nth-of-type(2){background: url(../images/guihua10.png);background-size: cover;} .guihua03wrap .icenter ul li:nth-of-type(3){background: url(../images/guihua11.png);background-size: cover;} /* 电子签 */ .dzq01wrap{width: 100%;overflow: hidden;background: #f1edfc;background-size: cover;position: relative;padding: 100px 0;} .dzq01wrap>h3{margin: 0;display: block;text-align: center;font-size: 50px;color: #333;line-height: 1em;} .dzq01wrap>h4{display: block;text-align: center;font-size: 20px;color: #666;margin: 30px 0 50px;} .dzq01{margin: 0 auto 50px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;} .dzq01 .leftimg{width: 48%;} .dzq01 .leftimg img{width: 100%;display: block;} .dzq01 .righttext{width: 48%; display: flex; display: -webkit-flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .dzq01 .righttext li{width: 48%;padding: 30px 20px;box-sizing: border-box;border-radius: 10px;border: 1px solid #fff;display:block;background: linear-gradient(to bottom,#f1ecfb,#f8f6fd);margin-bottom: 10px;transition: all .5s;} .dzq01 .righttext li img{display: block;width: auto;margin: 0px auto 20px;} .dzq01 .righttext li p{font-size: 18px;color: #666;line-height: 100%;text-align: center;} .dzq01 .righttext li:hover{border-color: #cdb9ff;} .dzq02wrap{padding: 100px 0;width: 100%;overflow: hidden; background: url(../images/abg2.jpg);background-size: cover;} .dzq02wrap>h3{margin: 0;display: block;text-align: center;font-size: 50px;color: #333;line-height: 1em;} .dzq02wrap>h4{display: block;text-align: center;font-size: 20px;color: #666;margin: 30px 0 50px;} .dzq02{margin: 0 auto 50px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;} .dzq02 .item{width: 23.5%;box-sizing: border-box;padding: 40px 30px;border: 1px solid #ddd;transition: all .5s;border-radius: 10px; background: #fff;} .dzq02 .item img{display: block;width: auto;margin: 0 auto 30px;} .dzq02 .item p{font-size: 20px;text-align: center;color: #333;margin-bottom: 30px;} .dzq02 .item span{font-size: 16px;color: #666;line-height: 30px;text-align: justify;min-height: 90px;display: block;} .dzq02 .item:hover{border-color: #cdb9ff;box-shadow: 0 0 1rem 5px #e2dfec;} .dzq01wrap .bot, .dzq02wrap .bot {display: flex;justify-content: center;} .dzq01wrap .bot a {margin-right: 20px;height: 36px;line-height: 36px;font-size: 14px;} .dzq02wrap .bot a {margin-right: 20px;height: 36px;line-height: 36px;font-size: 14px;} .dzq01wrap .bot a:last-child {margin-right: 0px;} .dzq02wrap .bot a:last-child {margin-right: 0px;} /* local */ .local01 {background: url(../images/local01_bg.jpg); background-size: auto; background-size: cover;} .local01 h3 {margin-bottom: 58px;} .local01 ul {display: flex;justify-content: space-between;flex-flow: wrap;} .local01 ul li { margin-bottom: 96px; width: 33.3%;display: flex;justify-content: center;align-items: center;flex-direction: column;} .local01 ul li .box img {height: 61px; margin-bottom: 36px; margin-top: 60px;} .local01 ul li .box { transition: 0.5s; background: linear-gradient(to bottom,#fcfbfe, transparent 65%,transparent); width: 255px;height: 255px;border-radius: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;} .local01 ul li .box h4 {transition: 0.5s; margin: 0px; font-size: 24px;color: #333333;font-weight: bold;text-align: center;} .local01 ul li h5 {font-size: 16px; color: #666666; line-height: 28px; text-align: center; margin-top: 4px;} .local01 ul li:nth-of-type(4),.local01 ul li:nth-of-type(5),.local01 ul li:nth-of-type(6){margin-bottom: 0px;} .local01 ul li:hover h4 {color: #009f88;} .local01 ul li:hover .box{background: linear-gradient(to bottom,#dfd7f3, transparent 65%,transparent);} /* local02 */ .local02 { padding: 100px 0 30px;} .local02 { background: none; background-color: #fff;} .local02>h3{margin-bottom: 30px;} .local02 .tb .left,.local02 .tb .right{width: 50%!important;} .local02 .tb .right { background-color: #fff;padding: 40px 60px 40px 78px;box-sizing: border-box;} .local02 .tb .right .icon {width: 55px;height: 55px;border-radius: 50%; margin-bottom: 20px; background-color: #fff;border: 1px solid #dfdfdf;display: flex;justify-content: center;align-items: center;} .local02 .tb .right .icon img {width: 30px!important;} .local02 .tb .right h4 {margin: 0px!important; font-size: 24px;color: #333333;margin-bottom: 20px!important;text-align: start;} .local02 .tb .right p {margin: 0px!important; font-size: 17px;color: #666666;line-height: 30px;margin-bottom: 33px!important;} .local02 .tb .left .bao {height: 100%;} .local02 .tb .left .bao:hover img {transform: scale(1.05);} .local02 .tb .left .bao img {height: 100%;transition: 0.5s;} .local02 .icenter dl .list .prolisttechlist .tb .center {align-items: unset;} .local02 .icenter dl .list .prolisttechlist2{margin-top: 50px;} .local02 .icenter .list{} /* solu01 */ .solu01 { background: url(../images/pa01_bg.jpg); background-size: auto; background-size: cover; } .solu01 ul {justify-content: space-between;margin: 55px 0;} .solu01 ul li {width: 21%;display: flex;justify-content: center;align-items: center;flex-direction: column;} .solu01 ul li img {height: 140px;margin-bottom: 46px;} .solu01 ul li h5 {text-align: center; font-size: 22px;color: #222222;margin-bottom: 23px;} .solu01 ul li h6 {text-align: justify;font-size: 16px;color: #666666;line-height: 26px;} .solu01 ul li:hover h5 {color: #009f88;} .solu01 .bot {display: flex;justify-content: center;clear: both;} .solu01 .bot a {margin-right: 15px;} .solu01 .bot a:last-child{margin-right: 0px;} .solu01_jr ul li{width: 30%; width: 30%; float: left; margin-left: 1%; margin-right: 1%;} .solu01_jr ul li h6{min-height: 84px;} /* solu02 */ .solu02 .box {padding: 45px;box-sizing: border-box; transition: 0.5s; background-color: #f8fbfd;border: 1px solid #dddddd;display: flex;justify-content: center;align-items: center;flex-direction: column;border-radius: 10px;background: linear-gradient(180deg,#f2f0f8,#fcfcfe); -moz-background: linear-gradient(180deg,#f2f0f8,#fcfcfe); -webkit-background: linear-gradient(180deg,#f2f0f8,#fcfcfe);} .solu02 .box:hover {background-color: #f8fbfd;border: 1px solid #d0beff;box-shadow: 0 0 1rem 5px #e2dfec;} .solu02 .icenter {overflow: unset;} .solu02 .bot {overflow: hidden; width: 1440px; margin: auto; padding: 20px 0;} .solu02 .solu02Swiper-button-prev,.solu02 .solu02Swiper-button-next {border: 1px solid #009f88; background: none; color: #009f88; font-size: 20px;display: flex;justify-content: center;align-items: center; width: 39px;height: 39px;border-radius: 50%;top: 53%;} .solu02 .solu02Swiper-button-prev:hover,.solu02 .solu02Swiper-button-next:hover {color: #fff;background-color: #009f88;} .solu02 .box .icon img {width: 96px;} .solu02 .box .icon {margin-bottom: 20px;} .solu02 .box h5 {font-size: 18px;color: #333333;font-weight: bold;} .solu02 .botF {position: relative;width: 1525px;margin: auto;} .solu02 .swiper-button-prev{ left: 0px; right: auto; } .solu02 .swiper-button-next{ right: 0px; left: auto; } .solu02 h4{width: 80%;margin: 30px auto 50px;font-size: 18px;line-height: 32px;} .solu02_jr .box h5{font-size: 16px;line-height: 26px;font-weight: normal;min-height: 130px;} .solu02_yl .box h5{font-size: 16px;line-height: 26px;font-weight: normal;min-height: 110px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;} .solu02 .box p{font-size: 18px;text-align: center;font-weight: bold;color: #333;margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;} /* solu03 */ .solu03 {background: url(../images/pa01_bg.jpg); background-size: auto; background-size: cover; padding: 100px 0 100px;} .solu03 h3{margin-bottom: 43px;} .solu03 h4 {font-size: 18px;line-height: 32px;max-width: 80%;margin: 0 auto -22px;} .solu03 .bot img {width: 800px;margin: auto;display: block;} .solu03 .item{-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;margin-top: 50px;} .solu03 .item li{width: 31%;box-sizing: border-box;transition: 0.5s;float: left; padding: 30px; margin: 1%; display: block; padding: 50px 40px; box-sizing: border-box; background: linear-gradient(180deg,#f2f0f8,#fcfcfe); -moz-background: linear-gradient(180deg,#f2f0f8,#fcfcfe); -webkit-background: linear-gradient(180deg,#f2f0f8,#fcfcfe); border-radius: 10px; justify-content: space-between; border: 1px solid #ddd;} .solu03 .item li:hover{background-color: #f8fbfd; border: 1px solid #d0beff; box-shadow: 0 0 1rem 5px #e2dfec;} .solu03 .item li .iconbox{margin: 0 auto 20px;width: auto;} .solu03 .item li .iconbox img{display: block;margin: auto;} .solu03 .item li h5{font-size: 24px; color: #333;margin-bottom: 20px;text-align: center; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;min-height: 64px;line-height: 32px;} .solu03 .item li p{font-size: 16px;color: #666;line-height: 28px;min-height: 84px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;} /* solu04 */ .solu04 {padding: 100px 0;overflow: hidden;} .solu04 h3 {position: relative; margin-bottom: 40px; display: block; text-align: center; font-size: 50px; color: #333; line-height: 1em; } .solu04 .icenter {overflow: unset;} .solu04 .box {display: flex;} .solu04 .box .left {width: 50%;} .solu04 .box .left .bao {overflow: hidden;border-radius: 15px;} .solu04 .box .left .bao img {transition: 0.5s;} .solu04 .box .left .bao:hover img{transform: scale(1.05);} .solu04 .box .right {width: 50%;padding: 40px 0px 40px 40px;box-sizing: border-box;} .solu04 .box .right h4 {font-size: 30px;color: #333333;margin-bottom: 34px;} .solu04 .box .right p {font-size: 17px;color: #666666;line-height: 32px;margin-bottom: 36px;} .solu04 .solu04Swiper-button-prev,.solu04 .solu04Swiper-button-next {border: 1px solid #009f88; background: none; color: #009f88; font-size: 20px;display: flex;justify-content: center;align-items: center; width: 39px;height: 39px;border-radius: 50%;top: 53%;} .solu04 .solu04Swiper-button-prev:hover,.solu04 .solu04Swiper-button-next:hover {color: #fff;background-color: #009f88;} .solu04 .swiper-button-prev{ left: -66px; right: auto; } .solu04 .swiper-button-next{ right: -66px; left: auto; } .solu04 .solu04Swiper{overflow: hidden;} .solu04 .bot {position: relative;} /* solu05 */ .solu05 {padding: 100px 0;background: url(../images/local01_bg.jpg); background-size: cover;} .solu05 .icenter {overflow: unset;} .solu05 h3 {position: relative; margin-bottom: 40px; display: block; text-align: center; font-size: 50px; color: #333; line-height: 1em;} .solu05 ul {flex-flow: wrap; display: flex;justify-content: space-between;} .solu05 ul li {transition: 0.5s; margin-bottom: 27px; width: 48.6%;border-radius:10px;border: 1px solid #ffffff;background-color: #f4f2fa;} .solu05 ul li a {padding: 39px;box-sizing: border-box; align-items: center; justify-content: space-between; display: flex; } .solu05 ul li:hover {border-color: #c4adff;background-color: #f9fafd;box-shadow: 0 0 1rem 5px #e2dfec;} .solu05 ul li:hover .right {opacity: 1;} .solu05 ul li .right {opacity: 0; transition: 0.5s;border: 1px solid #009f88; color: #009f88; font-size: 20px;display: flex;justify-content: center;align-items: center; width: 39px;height: 39px;border-radius: 50%;} .solu05 ul li .left {align-items: center; width: 82%; display: flex;justify-content: space-between;} .solu05 ul li .left .icon img{width: 80px;} .solu05 ul li .left .wen h4 {color: #222222;font-size: 24px;margin-bottom: 17px;} .solu05 ul li .left .wen p {color: #666666;font-size: 16px;width: 356px;line-height: 24px;} /* cus */ .cus_banner .icenter .cus_img{width: 48%;} .cus_banner {position: relative;z-index: 2;height: calc(100% - 200px);} .cus_banner img {width: 100%;object-fit: cover;height: 100%; display: block;} .cus_banner .icenter {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: flex;justify-content: space-between;align-items: center;} .cus_banner .icenter .text {width: 44.35%;} .cus_banner .icenter .text img {width: auto;margin: 20px 0; display: none;} .cus_banner .icenter .text h3 {font-size: 48px;color: #ffffff;} .cus_banner .icenter .text .line {width: 107px;height: 1px;background-color: #aaaaaa;margin: 14px 0 20px;} .cus_banner .icenter .text a { background-color: #fff;color: #009f88;border-color: #009f88;} .cus_banner .icenter .text a:hover { color: #fff; background: #14d9bd; background-color: rgb(20, 217, 189); border: 1px solid #14d9bd; } .cus_banner .icenter .text p {font-size: 30px;color: #fff;line-height: 42px;margin-bottom: 30px;margin-top: 30px;} .cus_nav { box-shadow: 0 0 20px #ddd; padding: 22px 0; top: 100px; width: 100%; z-index: 4; background-color: #fff;} .cus_nav .icenter{display: flex;} .cus_nav a {margin-right: 12px;width: 150px;border-color: #009f88;color: #009f88;background: #fff;height: 40px;line-height: 40px;font-size: 14px;} .cus_nav a:hover{background: #009f88;border: 1px solid #009f88;color: #fff;} .cus_nav .icenter .acitve{background: #ece5ff;border: 1px solid #ece5ff;color: #009f88;} .cus_nav a::after{color: #fff;} .cus_nav a.active {background-color: #009f88;color: #fff;} .cus01{padding: 80px 0 0 0;} .cus01 ul {display: flex; flex-flow: wrap;} .cus01 ul li { width: 21.5%; margin-right: 4.6%;margin-bottom: 80px;} .cus01 ul li a:hover .box img{transform: scale(1.1);} .cus01 ul li a .box img {transition: 0.5s;width: 100%;object-fit: cover;display: block;height: 100%;} .cus01 ul li a:hover .bot h3{color:#009f88;} .cus01 ul li a .box {overflow: hidden;border-radius: 10px;} .cus01 ul li a .icon {padding: 0px 0;} .cus01 ul li a .icon img {height:70px; position: relative; margin-left: -20px;} .cus01 ul li a .bot {padding-top: 16px;border-top: 1px solid #dddddd;} .cus01 ul li a .bot h3 {font-size: 20px;color: #333333;font-weight: bold;margin-bottom: 14px;} .cus01 ul li a .bot h4 { margin-bottom: 20px; font-size: 16px;color: #666666;line-height: 26px; height: 49px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .cus01 ul li a .bot span {border-radius: 5px; text-align: center; background-color: #eeeeee; font-size: 13px;color: #666666; display: block;width: 70px;padding: 8px 2px;box-sizing: border-box;} .cus01 ul li:nth-of-type(4n){margin-right: 0px;} .page {margin: auto;display: flex;margin-bottom: 60px; justify-content: center; align-items: center;} .page .num {width: 33px;} .page .num.active {background-color: #009f88;} .page a { line-height: 33px;border: 1px solid #b8b8b8; border-radius: 5px; height: 33px; margin-right: 16px;color: #c1c1c1;font-size: 13px;display: flex;justify-content: center;align-items: center;} .page a:last-child{margin-right: 0px;} .page a:hover {background-color: #009f88;color: #fff;border-color: #009f88;} .page .prev,.page .next {width: 90px;} .screen-reader-text{display: none;} .nav-links{margin: auto;display: flex;margin-bottom: 60px; justify-content: center; align-items: center;} .nav-links span,.nav-links a{width: 33px;line-height: 33px;border: 1px solid #b8b8b8; border-radius: 5px; height: 33px; margin-right: 16px;color: #c1c1c1;font-size: 13px;display: flex;justify-content: center;align-items: center;} .nav-links span,.nav-links a:hover{background-color: #009f88;color: #fff;border-color: #009f88;} /* caseshow */ .case_ch_nav {margin-bottom: 20px;padding: 30px 0;} .case_ch_nav .icenter{display: flex;font-size: 16px;align-items: center;color: #989898;} .case_ch_nav .icenter a {display: flex;align-items: center;} .case_ch_nav .icenter a i {font-size: 20px;color: #989898;display: block;margin-right: 4px;} .case_ch_nav .icenter a {font-size: 16px;color: #989898;margin: 0 8px;} .case_ch_nav .icenter a:hover {color: #009f88;} .caseshow .icenter .left {width: 69.5%;} .caseshow {overflow: hidden;margin-bottom: 60px;} .caseshow .icenter {display: flex;justify-content: space-between;} .caseshow .icenter .left .text .top{display: flex;flex-direction: column;align-items: center;justify-content: center;border-bottom: 1px solid #ddd;padding-bottom: 30px;margin-bottom: 30px;} .caseshow .icenter .left .text .top h3 {text-align: center;font-size: 40px;color: #333333;margin-bottom: 15px;} .caseshow .icenter .left .text .top h4 {text-align: center;font-size: 26px;color: #666666;margin-bottom: 25px;} .caseshow .icenter .left .text .top span {text-align: center;font-size: 14px;color: #666666;} .caseshow .icenter .left .text .lead {margin-bottom: 56px; margin-top: 68px; padding: 0 30px; box-sizing: border-box;} .caseshow .icenter .left .text .lead h5 {font-size: 24px;color: #333333;font-weight: bold;margin-bottom: 20px;} .caseshow .icenter .left .text .lead p {font-size: 18px;line-height: 32px;color: #333333;position: relative;} .caseshow .icenter .left .text .lead p::before{position: absolute; content: "“"; font-size: 48px; font-family: arial; font-weight: bold; color: #aaaaaa; left: -30px; top: 11px; } .caseshow .icenter .left .text .bot p img{width: auto;max-width: 100%;height: auto;} /* .caseshow .icenter .left .text .bot img .aligncenter{display: block;margin: auto;} */ .caseshow .icenter .left .text .bot p strong {} .caseshow .icenter .left .text .bot h1{font-size: 42px;margin-bottom: 10px;} .caseshow .icenter .left .text .bot h2{font-size: 31px;margin-bottom: 10px;} .caseshow .icenter .left .text .bot h3{font-size: 26px;margin-bottom: 10px;} .caseshow .icenter .left .text .bot h4{font-size: 22px;margin-bottom: 10px;} .caseshow .icenter .left .text .bot h5{font-size: 19px;margin-bottom: 10px;} .caseshow .icenter .left .text .bot h6{font-size: 17px;margin-bottom: 10px;} .caseshow .icenter .left .text .bot img.aligncenter{display: block;margin: auto;} .caseshow .icenter .left .text .bot p {font-size: 16px;color: #666666;line-height: 32px; margin-bottom: 16px;} .caseshow .icenter .left .text .bot {border-bottom: 1px solid #cccccc;padding-bottom: 50px;} .caseshow .icenter .left .fan {padding-top: 26px;margin-bottom: 40px;} .caseshow .icenter .left .fan a {margin-bottom: 17px;font-size: 14px;color: #666666;display: block;} .caseshow .icenter .left .fan a i {margin-right: 10px;font-size: 16px;} .caseshow .icenter .left .fan a:hover {color: #009f88;} .caseshow .icenter .left .fan a:last-child{display: flex;align-items: center;} .caseshow .icenter .left .anli h3{margin-bottom: 26px; position: relative; font-size: 20px;font-weight: bold;color: #009f88;padding-left: 18px;} .caseshow .icenter .left .anli h3::before{position: absolute; content: ""; left: 0px; top: 5px; width: 4px; height: 19px; background-color: #009f88;} .caseshow .icenter .left .anli ul {display: flex;justify-content: space-between;} .caseshow .icenter .left .anli ul li {overflow: hidden; width: 24.3%;border: 1px solid #cccccc;border-radius: 12px;} .caseshow .icenter .left .anli ul li:hover .bot p{color: #009f88;} .caseshow .icenter .left .anli ul li:hover img{transform: scale(1.1);} .caseshow .icenter .left .anli ul li img {transition: 0.5s;width: 100%;height: 100%;display: block;} .caseshow .icenter .left .anli ul li .box {overflow: hidden;position: relative;} .caseshow .icenter .left .anli ul li .bot {padding: 20px;box-sizing: border-box;} .caseshow .icenter .left .anli ul li .bot p {font-size: 15px;color: #333333;line-height: 20px;height: 42px;margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;} .caseshow .icenter .left .anli ul li .bot span {font-size: 13px;color: #aaaaaa;} .caseshow .icenter .left .anli {margin-bottom: 45px;} .caseshow .case_more {border-radius: 5px; padding: 46px 0; background: url(../images/caseshow_6.png);background-size: cover;display: flex;flex-direction: column;align-items: center;justify-content: center;} .caseshow .case_more h3 {text-align: center; font-size: 20px;line-height: 30px;margin-bottom: 20px;color: #fff;} .caseshow .case_more a {width: 128px;border-color:#fff;} .caseshow .case_more #more03 {color: #fff;} /* news */ .news {padding: 80px 0;overflow: hidden;} .news .icenter {display: flex;justify-content: space-between;} .news .icenter .left {width: 69.5%;} .news .icenter .left a:nth-of-type(1){padding-top: 0px;} .news .icenter .left a {justify-content: space-between;align-items: center; padding: 40px 30px 40px 0; box-sizing: border-box; border-bottom: 1px solid #cccccc;display: flex;} .news .icenter .left a .le {width: 30.86%;overflow: hidden;position: relative;border-radius: 5px;} .news .icenter .left a .ri {width: 61.86%;} .news .icenter .left a:hover .le img{transform: scale(1.1);} .news .icenter .left a .le img {transition: 0.5s;width: 100%;height: 100%;} .news .icenter .left a:hover .ri h3 {color: #009f88;} .news .icenter .left a .ri h3 {color: #333333;font-weight: bold;font-size: 20px;margin-bottom: 12px;} .news .icenter .left a .ri p{ font-size: 16px;color: #666666;line-height: 30px;margin-bottom: 6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .news .icenter .left a .ri .bot{display: flex;align-items: center;} .news .icenter .left a .ri .bot h5{border-radius: 5px; margin-right: 20px; padding: 8px;font-size: 13px;color: #666666;background-color: #f1ecfd;border: 1px solid #dddddd;} .news .icenter .left a .ri .bot h6{font-size: 15px;color: #aaaaaa;} .news .page {margin: 40px auto 0;} .news .page .icenter {display: flex;justify-content: unset;} .dul_right {width: 24.14%;} .dul_right .dul_yuyue {margin-bottom: 25px; width: 100%;padding: 50px 0 30px; display: flex;justify-content: center;align-items: center;flex-direction: column; border-radius: 5px;background: url("../images/dul_right.png");background-size: cover;} .dul_right .dul_yuyue h3{text-align: center ; font-size: 20px;line-height: 30px;color: #fff;margin-bottom: 30px;} .dul_right .dul_yuyue a {width: 215px;border-color: #fff;} /* .dul_right .dul_yuyue a:hover { border-color: #5321d2; } */ .dul_right .dul_yuyue #more03 {color: #fff;} .dul_right .dul_search {margin-bottom: 25px; border: 1px solid #cccccc; width: 100%;border-radius: 5px;overflow: hidden;position: relative;box-sizing: border-box;display: none;} .dul_right .dul_search input {outline: none; text-indent: 6px; font-size: 16px; color: #666666; padding: 18px; width: 100%; box-sizing: border-box; border: none; background-color: #f1edf9;} .dul_right .dul_search .search {position: absolute;right: 18px;top: 18px;font-size: 20px;color: #888888;} .dul_right .dul_tab {margin-bottom: 40px; border-radius: 5px;border: 1px solid #cccccc;} .dul_right .dul_tab h3 {background-color: #f5f5f6; border-bottom: 1px solid #cccccc; padding: 15px 30px;box-sizing: border-box;font-weight: bold;font-size: 20px;color: #333333;} .dul_right .dul_tab ul {flex-flow: wrap; padding: 17px;display: flex;box-sizing: border-box;} .dul_right .dul_tab ul li{margin-bottom: 8px; border: 1px solid #cccccc; width: 47%; margin-right: 2%; border-radius: 5px;} .dul_right .dul_tab ul li a {text-align: center; padding: 8px; font-size: 13px; color: #666666; box-sizing: border-box; width: 100%; display: block;} .dul_right .dul_tab ul li a:hover {background-color: #009f88;color: #fff;} .dul_right .dul_tab ul li:nth-of-type(2n){margin-right: 0px;} .dul_right .dul_tuijian dd:hover a {color: #009f88;border-color: #009f88;} .dul_right .dul_tuijian dd:hover a::before{background-color: #009f88;} .dul_right .dul_tuijian dl {padding: 17px 30px; box-sizing: border-box;;} .dul_right .dul_tuijian dd a { position: relative; color: #333333;border-bottom: 1px solid transparent;line-height: 28px;font-size: 16px;} .dul_right .dul_tuijian dd a::before{content: ""; left: -14px; top: 9px; position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: #666;} .dul_right .dul_tuijian dd {margin-bottom: 26px;} /* newsshow */ .newshow{} .newshow .icenter .left .top .time{margin-bottom: 0px;} .newshow .icenter .left .top span{padding: 0 6px;} .newshow .icenter .left .top span:nth-child(1){border-right: 1px solid #aaa;} /* 加入我们 */ .joinbanner{position: relative;z-index: 2;width:100%;height: calc(100% - 200px); margin-top: 100px;} .joinbanner>img{width: 100%;object-fit: cover;height: 100%;display: block;} .joinbanner .txt{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: flex;justify-content: space-between;align-items: center;} .joinbanner .txt .left{width: 40%;} .joinbanner .txt .left h3{font-size: 48px;color: #009f88;font-weight: bold;margin-bottom: 12px;} .joinbanner .txt .left img{ display: block;margin: 20px 0;width: auto;} .joinbanner .txt .left h4{font-size: 30px;color: #666;line-height: 42px;margin-bottom: 36px;} .join01wrap{width: 100%;overflow: hidden;} .joinitem{padding: 60px 0;} .joinitem:nth-of-type(2n){background-color: #f4f2fa;} .joinitem .icenter{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;} .joinitem .icenter .left{width: 46%;} .joinitem .icenter .left img{width: 100%;} .joinitem .icenter .right{width: 46%;} .joinitem .icenter .right span{font-size: 14px;color: #666;letter-spacing: 5px;display: block;position: relative;margin-bottom: 10px;z-index: 1;display: none;} .joinitem .icenter .right span::after{position: absolute;left: 0px;top: -2px;background:#e9e4f8;display: block;width: 25px;height: 25px;content: '';border-radius: 50%;z-index: -1;} .joinitem .icenter .right h3{font-size: 32px;font-weight: bold;color: #333;margin-bottom: 30px;} .joinitem .icenter .right p{font-size: 18px;line-height: 32px;color: #666;text-align: justify;} .join01wrap .joinitem:nth-of-type(2n) .icenter{-webkit-flex-flow: row-reverse;flex-flow: row-reverse;} /* join02 */ .join02{width: 100%;background-color: #fff;box-sizing: border-box;padding: 80px 0 80px;background-color:#f1f2f3;} .join02 .cont{width: 1400px;margin: auto;box-sizing: border-box;} .join02 .cont .toh3{font-size: 32px;color: #222;margin-bottom: 20px;text-align: left;font-weight:bold;} .join02 .cont .top>h3{font-size: 17px ;color: #666;margin-bottom: 50px;line-height: 30px;} .join02 .cont .min{width: 100%;box-sizing: border-box;position: relative;} .join02 .cont .min .item{width: 100%;border-bottom: 1px solid #DDDDDD;} .join02 .cont .min .item:first-child{border-top: 1px solid #DDDDDD;} .join02 .cont .min li a{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;height: 64px;} .join02 .cont .min li a p{font-size: 18px;color: #222222;font-weight: bold;} .join02 .cont .min li a i{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 20px;height: 20px;border: 1px solid #009f88;border-radius: 50%;font-size: 12px;color: #fff;background-color: #009f88;} .join02 .cont .min .item .info{width: 100%;box-sizing: border-box;position: relative;margin: 0 0 40px;border-top: 1px solid #DDDDDD;padding-top: 30px;display: none;} .join02 .cont .min .item .info::before{content: '';display: block;width: 1px;height: calc(100% - 30px);position: absolute;left: 15%;top: 25px;background-color: #DDDDDD;z-index: 0;} .join02 .cont .min .item .info li{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;padding-bottom: 40px;position: relative;z-index: 1;} .join02 .cont .min .item .info li p{width: 100%;font-size: 16px;color: #333;margin-top: 5px;font-weight:bold;} .join02 .cont .min .item .info li h4{width: 85%;font-size: 15px;color: #666666;line-height: 30px;box-sizing: border-box;padding-left: 50px; border-left: 2px solid #009f88;} .join02 .cont .min .item:first-child .info{display: block;} .join02 .cont .min .item.active a .fa{transform: rotate(180deg);-webkit-transform: rotate(180deg);} /* paper */ .paper01wrap{width: 100%;overflow: hidden;padding: 80px 0 0 0 ;} .paper01wrap .paper01{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .paper01wrap .paper01 .item{width: 23%;margin-bottom: 60px;} .paper01wrap .paper01 .item .box{ overflow: hidden;border-radius: 10px;} .paper01wrap .paper01 .item .box img{width: 100%;transition: 0.5s;object-fit: cover;display: block;} .paper01wrap .paper01 .item .text{} .paper01wrap .paper01 .item .text h3{font-size: 18px;color: #333;margin: 20px 0;transition: all .5s;} .paper01wrap .paper01 .item .text .button{background-color: #fff;box-sizing: border-box;padding: 4px 10px;border-radius: 4px;height: 30px;transition: all .5s;border: 1px solid #aa88ff;} .paper01wrap .paper01 .item .text .button i{font-size: 12px;color: #aa88ff;margin-right: 6px;line-height: 30px;} .paper01wrap .paper01 .item .text .button font{font-size: 13px;color: #aa88ff;line-height: 30px;transition: all .5s;} .paper01wrap .paper01 .item:hover .box img{transform: scale(1.1);} .paper01wrap .paper01 .item:hover .text h3{color: #009f88;} .paper01wrap .paper01 .item:hover .text .button{background-color: #009f88;} .paper01wrap .paper01 .item:hover .text .button font{color: #fff;} .paper01wrap .paper01 .item:hover .text .button i{color: #fff;} /* about */ .about_banner{height: calc(100% - 100px);;} .about_banner .icenter .text h3 {color: #fff;font-weight: bold; display: block; line-height: 1em;} .about_banner .icenter .text p {color: #ccc;margin-bottom: 16px; display: block; font-size: 34px; line-height: 1em; margin: 20px 0;} .about_banner .icenter .text h4 {color: #666666;font-size: 18px; display: block; line-height: 1em; margin: 20px 0 0;margin-bottom: 40px;} .about_banner .icenter .text a:hover { background: #5321d2; border: 1px solid #5321d2; } .about_banner .icenter .text a { background-color: #009f88; color: #fff; } .about01 {padding: 100px 0; background: url(../images/about01_bg.jpg);background-size: cover;} .about01 .top {margin-bottom: 54px;display: flex;justify-content: center;align-items: center;flex-direction: column;} .about01 .top h3 {font-size:50px;;margin-bottom: 25px;background: -webkit-linear-gradient(230deg, rgba(0, 159, 136, 1),rgba(0, 159, 136, 1),rgba(2, 205, 176, 1),rgba(32, 54, 255, 1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .about01 .top h4 {font-size: 20px;color: #666666;} .about01 .text {padding: 0 210px; box-sizing: border-box;} .about01 .text p{ font-size: 16px;color: #666666;line-height: 30px;} .about01 .text p:nth-of-type(1){margin-bottom: 30px;} .about01 .text p:nth-of-type(2){margin-bottom: 20px;} .about01 .text {margin-bottom: 65px;} .about01 .mid {margin-bottom: 75px; position: relative; padding: 0 210px;box-sizing: border-box;width: 100%;} .about01 .mid video{height: auto;object-fit: cover;width: 100%;border-radius: 10px; overflow: hidden;} .about01 .mid .bo {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .about01 .mid .bo .round {cursor: pointer; width: 80px;-moz-animation:ball 3s infinite linear; -webkit-animation:ball 3s infinite linear; -o-animation:ball 3s infinite linear; -ms-animation:ball 3s linear; animation:ball 3s infinite linear;} @-moz-keyframes ball{ from{transform: rotate(0);} to {transform: rotate(360deg);} } @-webkit-keyframes ball{ from{transform: rotate(0);} to {transform: rotate(360deg);} } @-o-keyframes ball{ from{transform: rotate(0);} to {transform: rotate(360deg);} } @-ms-keyframes ball{ from{transform: rotate(0);} to {transform: rotate(360deg);} } @keyframes testanimations{ from{transform: rotate(0);} to {transform: rotate(360deg);} } .about01 .mid .bo .bo { position: absolute; left: 54%; top: 50%; width: 23px; transform: translate(-50%,-50%);} .about01 .bot h5{font-size: 40px;color: #333333;margin-bottom: 30px;} .about01 .bot p{font-size: 16px;color: #666666;line-height: 30px;} .about01 .bot p:nth-of-type(1){margin-bottom: 16px;} .about01 .bot ul {display: flex;margin-top: 70px;} .about01 .bot ul li h3{margin-bottom: 3px; font-size: 30px;color: #009f88;font-weight: bold;} .about01 .bot ul li h3 strong{font-size: 54px;color: #009f88;font-weight: bold;margin-right: 13px;} .about01 .bot ul li h4 {font-size: 16px;color: #009f88;} .about01 .bot{padding: 0 210px; box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;align-items: center;} .about01 .bot ul li:nth-of-type(1){margin-right: 124px;position: relative;} .about01 .bot ul li:nth-of-type(1)::after{content: '';height: 78px;width: 2px;background-color: #dabdf9;position: absolute;right: -65px;top: 17px;} .about02 { position: relative;overflow: hidden;background: url(../images/about02_bg.jpg);background-size: cover; background-position: center;} .about02 .icenter {position: relative; padding: 59px 0; } .about02 .icenter h3{font-size: 50px;color: #fff;margin-bottom: 35px;text-align: center;} .about02 .icenter ul {width: 100%;height: 1px;margin-bottom: 534px;} .about02 .icenter ul li {position: absolute;} .about02 .icenter ul li img {width: 224px;} .about02 .icenter ul li .text {position: absolute; left: 19%; top: 50%; transform: translate(-50%,-50%); width: 100%;} .about02 .icenter ul li .text h4{font-size: 28px; color:#fff; margin-bottom: 18px;} .about02 .icenter ul li .text p {font-size: 16px;color: rgba(255,255,255,0.5);line-height: 28px;} .about02 .icenter ul li:nth-of-type(1) .text p{text-align: end;} .about02 .icenter ul li:nth-of-type(1) .text h4 {text-align: end;} .about02 .icenter ul li:nth-of-type(1) {left: 21%; top: 35%;} .about02 .icenter ul li:nth-of-type(2) {left: 61%;} .about02 .icenter ul li:nth-of-type(2) .text {left: 89%;} .about02 .icenter ul li:nth-of-type(2) .text h4{text-align: start;} .about02 .icenter ul li:nth-of-type(3) {left: 52%; top: 63%;} .about02 .icenter ul li:nth-of-type(3) .text {left: 81%; top: 53%;} .about03 {padding: 100px 0;position: relative;overflow: hidden;background: url(../images/about03_bg.jpg);background-size:cover;} .about03 .top{display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: 85px;} .about03 .top h3 {font-size: 50px;color: #333333;margin-bottom: 28px;} .about03 .top p {font-size: 20px;color: #666666;margin-bottom: 25px;} .about03 .top .line {width: 72px;height: 2px;background-color: #cccccc;} .about03 .ab_swiper01 {margin-bottom: 35px;} .about03 .ab_swiper01 .text {display: flex;justify-content:center;align-items: center;flex-direction: column;} .about03 .ab_swiper01 .text h5 {font-size: 32px;color: #009f88;margin-bottom: 25px;font-weight:bold;text-align: center;} .about03 .ab_swiper01 .text h6 {font-size: 18px;color: #666666;line-height: 30px;} .about03 .ab_swiper02 .num {cursor: pointer; height: 90px; position: relative;display: flex;justify-content: center;align-items: center;} .about03 .ab_swiper02 .num .dot{ position: relative; width: 10px;height: 10px;border-radius: 50%;background-color: #888888;border: 5px solid #fff;box-shadow: 0 0 5px #666;} .about03 .ab_swiper02 .num .wen {position: absolute; top: 21px; left: -25px; font-weight: bold; color: #888888; font-size: 22px; font-style: italic;} .about03 .ab_swiper02-button-prev,.about03 .ab_swiper02-button-next { background-color: #fff;z-index: 1; top: 57%;border-radius: 50%; background-image: none;font-size: 20px;color: #009f88;border: 1px solid #009f88;width: 44px;height: 44px;display: flex;justify-content: center;align-items: center;} .about03 .ab_swiper02-button-prev:hover,.about03 .ab_swiper02-button-next:hover {color: #fff;background-color: #009f88;} .about03 .ab_s02{margin: auto;position: relative;} .about03 .ab_s02::after {position: absolute;content: "";background-color: rgba(170,170,170,0.6);width: 100%;height: 1px;left: 0px;top: 45px;} .about03 .ab_s022 {position: relative;overflow: hidden;width: 1500px;margin: auto;} .about03 .ab_swiper02 .swiper-slide-active .dot {background-color: #009f88;} .about03 .ab_swiper02 .swiper-slide-active .wen {color: #009f88;} .about04 .icenter dl .list .prolisttechaaa .swiper-wrapper { margin-bottom: 30px; } .about04 {background: url(../images/about04_bg.jpg);background-size: cover;} .about04 .icenter dl .list .prolisttechlist .tb .le { display: block; overflow: hidden; width: 45%; border-radius: 10px;} .about04 .icenter dl .list .prolisttechlist .tb .le img {transition: 0.5s;width: 100%;height: 100%;display: block;} .about04 .icenter dl .list .prolisttechlist .tb .le:hover img{transform: scale(1.1);} .about04 .icenter dl .list .prolisttechlist .tb .ri{ display: block; overflow: hidden; width: 48%; } .about04 .icenter dl .list .prolisttechlist .tb .ri li {padding-left: 30px; margin-bottom: 16px; position: relative;font-size: 18px;color: #333333;} .about04 .icenter dl .list .prolisttechlist .tb .ri li::after{content: ""; position: absolute;left: 0px;top: 10px;width: 8px;height: 8px;border-radius: 50%;background-color: #009f88;} .about04 .icenter dl .list .prolisttechlist .tb .ri li:last-child{margin-bottom: 0px;} .about04 h3 {margin-bottom: 42px;} .about04 .icenter dl .list dd .tod {top: 36px;} .about05 {position: relative;overflow: hidden;padding: 100px 0;} .about05 h3 {font-size: 50px;color: #333333;margin-bottom: 46px;text-align: center;} .about05 .box {display: flex;flex-direction: column;} .about05 .box .img_box:hover img{transform: scale(1.1);} .about05 .box .img_box{overflow: hidden;position: relative;border-radius: 10px;} .about05 .box .img_box .wen {position: absolute; left: -2px; bottom: -16px; font-size: 51px; font-weight: bold; color: #fff;} .about05 .box .img_box img {width: 100%;height: 100%;transition: 0.5s;display: block;} .about05 .box .bot {padding-top: 30px;} .about05 .box .bot h4 {font-size: 26px;color: #333333;margin-bottom: 20px;} .about05 .box .bot dl dd .icon {margin-right: 18px; display: flex;justify-content: center;align-items: center; width: 35px;height: 35px;border-radius: 50%;border: 1px solid #e2e2e2;background-color: #f8f6fd;} .about05 .box .bot dl dd .icon img {} .about05 .box .bot dl dd {display: flex;align-items: center;margin-bottom: 12px;} .about05 .box .bot dl dd:last-child{margin-bottom: 0px;} .about05 .box .bot dl dd p {font-size: 18px;color: #333333;} .about05 .dd { display: block; text-align: center; margin: 0px 0 0 0; width: 100%; position: absolute; top: 50%; left: 0px; } .about05 .dd .fa { display: block; width: 40px; height: 40px; cursor: pointer; text-align: center; line-height: 40px; border-radius: 50%; opacity: 0.5; border: 1px solid #009f88; color: #009f88; font-size: 20px; position: absolute; top: 0; left: -100px; background-image: none; } .about05 .dd .fa:hover { opacity: 1; } .about05 .dd .ab05Swiper-button-next { left: auto; right: -100px; } .about05 .big_img {width: fit-content; margin: auto; position: relative;} .ab_swiper01 .swiper-slide {opacity: 0!important;} .ab_swiper01 .swiper-slide-active{opacity: 1!important;} #code .wpcf7 .wpcf7-form .bot_text { padding-bottom: 0px; display: flex; justify-content: space-between; align-items: center; } #code .wpcf7 .wpcf7-form .bot_text span { margin: 0px; } #code .wpcf7 .wpcf7-form .bot_text input { width: 200px; } /* apply */ .apply {position: relative;height: 100%;} .apply .close{cursor: pointer; position: absolute; right: 7%; top: 7%; width: 30px; height: 30px; background-color: rgb(160,160,160); display: flex; align-items: center; justify-content: center; color: #666; font-size: 16px; border-radius: 50%;z-index: 1;} .apply .close img {transition: 0.3s;width: 14px;height: auto;} .apply img {width: 100%;height: 100%;display: block;} .apply .box {border-radius: 10px; background-color: #fff; padding: 80px 90px;box-sizing: border-box; display: flex;justify-content: space-between;align-items: center; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: auto;} .apply .box .left {width: 46%;display: none;} .apply .box .left img {width: 100%;height: 100%;} .apply .box .right {width:100%;} .apply .box .right h3 {font-size: 36px;font-weight: bold;color: #009f88;margin-bottom: 36px;} .apply .box .right input { display: block; box-sizing: border-box;width: 100%;padding: 12px 14px;font-size: 14px;color: #666;text-indent: 8px;outline: none;border: 1px solid #cccccc;border-radius: 5px;margin-bottom: 16px;} .apply .box .right .bot_text {padding-bottom: 24px; display: flex;justify-content: space-between;align-items: center;} .apply .box .right .bot_text input {width: 97%;margin-bottom: 0px;} .apply .box .right .bot_text button { transition: 0.3s; background-color:#f9f9f9; cursor: pointer; width: 26%;border-radius: 5px;color: #009f88;border: 1px solid #009f88;font-size: 14px;height: 45px;line-height: 45px;text-align: center;} .apply .box .right .submit {cursor: pointer; width: 160px; color: #fff; padding: 0px; text-indent: 0px; margin-bottom: 0px; height: 52px; line-height: 50px;border-radius: 10px;} .apply .box .right .bot_text button:hover {background-color: #009f88;color: #fff;} /* video */ .video {padding: 80px 0;} .video .icenter {display: flex;justify-content: space-between;} .video .icenter .left { width: 69.5%; } .video .icenter .left ul {display: flex;flex-flow: wrap;} .video .icenter .left ul li {cursor: pointer; width: 31%;margin-right: 3.5%;margin-bottom: 50px;} .video .icenter .left ul li:nth-of-type(3n){margin-right: 0px;} .video .icenter .left ul li .video_box {position: relative;border-radius: 10px;overflow: hidden;} .video .icenter .left ul li .video_box .fengmian {display: block; width: 100%;height: 100%;transition: 0.5s;} .video .icenter .left ul li:hover .video_box .fengmian {transform: scale(1.1);} .video .icenter .left ul li .video_box .icon {z-index: 1; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 50px;} .video .icenter .left ul li .video_box video {position: absolute;opacity: 0;z-index: -10;} .video .icenter .left ul li .text {padding-top:14px;} .video .icenter .left ul li .text h4 {font-size: 18px;color: #333333;font-weight: bold;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} .video .icenter .left ul li:hover .text h4 {color: #009f88;} .video .page .icenter { display: flex; justify-content: unset; } .video .page {margin-top: 50px;} .vi_box { display: flex; width: 100%; height: 100%; background-color:#fff; justify-content: center; align-items: center; } .vi_box .content {position: relative;width: 60%; height: 62%;} .vi_box .content .close { cursor: pointer; position: absolute; right: -5%; top: -10%;width: 46px; height: 46px; background-color: rgb(128, 122, 122); display: flex; align-items: center; justify-content: center; color: #666; font-size: 16px; border-radius: 50%;} .vi_box .content .close img { transition: 0.3s; width: 23px; } .vi_box .content .close:hover img { transform: rotate(180deg); } .vi_box .content video {width: 100%; height: auto; object-fit: cover;} /* renli */ .renli02 {padding: 130px 0;} .renli02 ul li .li_b p img{top: 3px;width: 16px;} .renli02 ul li .li_b p {width: fit-content;} .renli03{background: url(../images/pa01_bg.jpg); background-size: cover; overflow: hidden; position: relative;} .renli03 .bot {width: 48%;} .renli03 h4{margin-bottom: 120px;} .renli03 ul li {display: flex;margin-bottom: 36px;} .renli03 ul li:last-child {margin-bottom: 46px;} .renli03 ul li .imgbox {margin-right: 18px;} .renli03 ul li .imgbox img {width: 20px;} .renli03 ul li .text h5 {font-size: 24px; color: #333333; margin-bottom: 14px; line-height: 16px;} .renli03 ul li .text span {line-height: 30px; font-size: 16px;color: #666666;} .renli03 ul li:hover .text h5{color: #009f88;} .renli03 .bottom {display: flex;} .renli03 .bottom a {margin-right: 10px;} .renli03 .big_img {position: absolute;right: 0px;bottom: 0px;max-width: 50%;} .renli03 .big_img img {width: auto;max-width: 100%;} .forms_n ul li .imgbox img{max-width: 100%;} /* zx */ .zx{ position: fixed;top: 50%;right: 0;width: 60px; height: auto;display: none;z-index: 9999;transform: translateY(-50%); box-shadow:-3px 3px 8px 3px rgb(133 117 150 / 16%);background: #fff;} .zx a{margin-bottom: 1px; display: flex;justify-content: center;align-items: center;flex-direction: column; opacity: 0.99;width: 100%;background: #fff;overflow: hidden; height: 70px;border-bottom: 1px solid #ddd;padding: 10px 0;box-sizing: border-box;} .zx .zixun {height: 94px;border-radius: 5px;margin-bottom: 13px;} .zx a svg {width: 24px;} .zx a span {display: block;margin-top: 2px;font-size: 12px;color: #333;} .zx .tel {border-top-left-radius: 5px;border-top-right-radius: 5px;} .zx .to_top {border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;} .zx a:hover span{color: #009f88;} .wxerwmmin {z-index: 9999;width: 166px;height: 166px;position: fixed;top: 42%;right: 60px;box-sizing: border-box;padding: 15px;background: #fff;text-align: center;display: none;border: 1px solid #ddd;} .telmin{z-index: 9999;position: fixed;top: 52.8%;right: 60px;height: 70px;width: 166px;padding: 0px 20px;background: #fff;text-align: center;display: none;box-sizing: border-box;border: 1px solid #ddd;} .telmin h4{font-size: 15px;display: block;font-weight: bold;line-height: 70px;} .telmin .fa{margin-right: 6px;} .wxerwmmin img{width: 100%;} .foo_tel {display: none;} .screen-reader-response,.pageform .wpcf7-form br{display: none;} .pageform .wpcf7-form span{position: relative; display: block; overflow: hidden;} .pageform .wpcf7-form span span{ position: absolute; top: 0; left: 200px; line-height: 40px; color: #f00; letter-spacing: 0; font-size: 12px;} .wpcf7-response-output,.wpcf7-validation-errors{ display: block; text-align: left; color: #fff; letter-spacing: 0; font-size: 16px;} /* pro_vi_box */ .pro_vi_box {display: none; position: fixed; z-index: 999;background-color: rgba(0,0,0,.5);} .layui-layer-dialog .layui-layer-padding{} @media only screen and (max-width:1600px ) { .pch{height: 88px;} .pch .logo{margin: 0 0 0 50px;} .pch .logo img{ height: 36px;} .pch .pcnav dd{margin: 0 10px;} .pch .rit .cc{margin-right: 50px;} .pch .pcnav dd h3 a{font-size: 16px;line-height: 88px;} .pch .rit .aa span{font-size: 14px;} .banner .txt{width: 1160px;margin-left: -580px;} .banner .txt h3{font-size: 44px;} .banner .txt h4{font-size: 24px;} .banner .txt h5{font-size: 16px;} .amore{height: 40px;line-height: 40px;font-size: 15px;} .icenter{width: 1160px;} .banner{height: calc(100% - 150px);} .inbannerbottom{margin-top: 25px;} .inpro .icenter a strong{font-size: 18px;} .inpro .icenter a p font{font-size: 18px;} .inpro .icenter a{ padding: 0;} .inpro .icenter a p img{height: 74px;} .inpro dt h3{font-size: 42px;} .homeinfo{ padding: 70px 0 70px;} .homeinfo h3{font-size: 42px;} .mc_bs3_videobox dt h3{font-size: 42px;} .he_syp2 .txt h3{font-size: 42px;} .insales h3{font-size: 42px;} .inlogos .txt h3{font-size: 42px;} .mc_bs3_videobox dt{top: 70px;} .he_syp2 .txt h5{width: 1000px;text-align: justify;color: #fff;font-size: 16px;margin: 30px auto;line-height: 30px;} .insales{padding-bottom: 50px;} .insales .list{padding-top: 20px;} .insales .list dd .tod{left: -44px;} .insales .list dd .swiper-button-next01 {left: auto;right: -44px;} .insales .swiper-slide a h3 span{font-size: 15px;line-height: 24px;} .insales .swiper-slide a h4 img{height: 90px;} .insales .swiper-slide a{padding: 10px 20px;} .inlogos .mySwiper .swiper-slide{font-size: 18px;} .homeinfotxt .hift font strong{font-size: 36px;} .homeinfotxt .hift font{font-size: 16px;} .homeinfo .navigation-circle-list-item__title{font-size: 16px;} .he_syp2 .txt h4{font-size: 24px;} .navigation-circle{margin: 100px auto;} .navigation-circle{width: 400px;height: 400px;} .navigation-circle-list-item__point .nhiimgicons{width: 60px;height: 60px;} .navigation-circle-list-item__point .nhiimgicons:before, .navigation-circle-list-item__point .nhiimgicons:after{width: 80px;height: 80px;} .navigation-circle-list-item__point .nhiimgicons:after {width: 100px;height: 100px;top: -20px;left: -20px;} .homeinfo .active .navigation-circle-list-item__point .nhiimgicons{ width: 80px; height: 80px;} .homeinfo .active .navigation-circle-list-item__point .nhiimgicons:before {width: 100px;height: 100px;} .homeinfo .active .navigation-circle-list-item__point .nhiimgicons:after {width: 120px;height: 120px;} .navigation-circle-list-item{} .navigation-circle-list-item:nth-of-type(3) .navigation-circle-list-item__meta{top: -7px;} .navigation-circle-list-item__point .nhiimgicons{margin: -15px 0 0 -15px;} .navigation-circle__list{width: 400px;height: 400px;} .navigation-circle-list-item:nth-of-type(4) .navigation-circle-list-item__meta{top: 80px;} .innews .inewslist .into .right a h4 strong{font-size: 18px;} .waves{height: 50px;} .pageform .wpcf7-form input{height: 40px;} .pch .pcnav dd{height: 88px;} .pch .pcnav dd h3{height: 88px;} .pch .pcnav dd .min{top: 88px;} .pch .pcnav dd .nav02{top: 88px;} .pageform h3{font-size: 32px;} .pageform h4{font-size: 20px;} .pagebanner .txt{width: 1160px;margin-left: -580px;} .pagebanner .txt h3{font-size: 44px;} .pagebanner .txt h4{font-size: 24px;} .pagebanner .txt h5{font-size: 16px;} .prolisttech h3{font-size: 42px;margin-bottom: 40px;} .prolisttech h4,.homeinfo h4,.pagepronews h4{margin: 20px 0 30px;font-size: 18px;} .prolisttech .icenter dl .list .prolisttechlist{} .prolisttech .icenter dl .list .prolisttechlist .tb .right{width: 45%;} .prolisttech .icenter dl .list dd .tod{left: -52px;} .prolisttech .icenter dl .list dd .tod.swiper-button-next-1 {left: auto;right: -52px;} .prolisttech .icenter dl .list .prolisttechlist .tb strong{font-size: 32px;} .prolisttech .icenter dl .list .prolisttechlist .tb p{margin: 30px 0;} .propic h3{font-size: 42px;} .homeinfo .icenter dd font{font-size: 15px;line-height: 24px;letter-spacing: 0;min-height: 72px;} .pagepronews{padding: 70px 0;} .client-wall .tt h3,.pagepronews h3{font-size: 42px;} .pagepronews .icenter dd{padding: 30px;width: calc(33% - 80px);} .pagepronews .icenter dd .topaa p{margin-top: 0;} .pagepronews .icenter dd .topaa{ padding-bottom: 20px;margin-bottom: 20px;} .pagepronews .icenter dd a{margin-bottom: 6px;} .pagepronews .icenter dd .topaa .aa{margin-top: 10px;} .prolisttech .icenter dl .list .prolisttechaaa .swiper-wrapper{margin-bottom: 0;} .client-wall{margin-bottom: 70px;margin-top: 70px;} /* 产品详情 */ .probanner .txt .left h4{font-size: 16px;} .zuzhi02wrap .gnbox .center{width: 1160px;} .zuzhi02wrap h3,.xinchou03wrap>h3{font-size: 42px;} .zuzhi02wrap .gnbox .center .left strong{font-size: 32px;} .xinchou03wrap>h4{margin: 20px 0 30px;line-height: 1em;} .xinchou03wrap .list ul li .item .icon img {width: 80px;} .xinchou03wrap .list ul li .item{padding: 30px 60px 50px;} .xinchou03wrap .list ul li .item p{font-size: 16px;} .xinchou03wrap .list ul li .item h3{font-size: 22px;} .xinchou03wrap{padding: 70px 0 70px;} .okr_1 .icenter dd .box img{width: 160px;height: 130px;} .okr_1 .icenter dd .box{padding: 32px 61px;} .okr_1 .icenter dd .bot{padding: 30px;} .homeinfo .icenter dd font{margin: 20px 0;} .enter_1 ul li span{font-size: 18px;} .prolisttech .icenter dl .list .prolisttechaaa2 a{font-size: 18px;} .prolisttech .icenter dl .list .prolisttechaaa1200{width: 1160px;} .prolisttech .icenter dl .list .prolisttechaaa1200 a{width: 193px;} .homeinfo .icenter dd span{font-size: 20px;letter-spacing: 0;} .homeinfo .icenter dd{padding: 36px;} #forms01 .icenter dd span{font-size: 17px;} #forms01 .icenter dd .bot{padding: 30px;} .forms_c ul li{padding: 40px;} .forms_c ul li .left h5{font-size: 22px;line-height: 32px;margin-bottom: 20px;} .forms_c ul li .left h6{line-height: 26px;} .forms_n ul li .textbox h5{font-size: 32px;} .form04wrap .dd{display: none;} .form04wrap .icenter .item .imgbox{margin-bottom: 20px;} .form04wrap .icenter .item h3{margin-bottom: 20px;} .form04wrap .icenter .item p{margin-bottom: 20px;} .guihua01 .icenter>h3{font-size: 42px;} .guihua01 .icenter ul li .titlebox h3{font-size: 20px;} .guihua01 .icenter ul li .imgbox{width: 50%;} .guihua02 .icenter>h3{font-size: 42px;} .guihua02 .icenter ul li .textbox h3{font-size: 20px;} .guihua02 .icenter ul li .textbox h4{font-size: 15px;line-height: 24px;} .guihua03wrap .icenter>h3{font-size: 42px;} .guihua03wrap .icenter ul li{padding: 30px;} .guihua03wrap .icenter ul li .imgbox img{width: 66px;} .guihua03wrap .icenter ul li p{font-size: 15px;line-height: 24px;} .guihua03wrap{ background: url(../images/jx_bg01.jpg);background-size: cover;} .chengben02 h4{font-size: 18px;} .dzq02 .item{padding: 30px;} .dzq02 .item img{width: 130px;margin-bottom: 20px;} .dzq02 .item p{margin-bottom: 20px;} .dzq01wrap>h3,.dzq02wrap>h3{font-size: 42px;} .dzq01 .righttext li img{width: 60px;} .dzq01 .righttext li p{font-size: 16px;} .dzq02 .item img{width: 130px;} .pass_03 ul li .li_b p span{font-size: 15px;line-height: 24px;} .pass_03 ul li{padding: 30px;} .renli03 ul li .text h5{font-size: 18px;margin-bottom: 8px;} .renli03 ul li .text span{font-size: 15px;} .renli03 ul li{margin-bottom: 22px;} .saas_01 ul li a img{width: 120px;} .saas_01 ul li a h5{font-size: 24px;margin-bottom: 20px;} .saas_01 ul li a h6{font-size: 18px;} .saas_01 ul li a span{font-size: 15px;margin-bottom: 20px;} .saas_03 h3{font-size: 42px;line-height: 46px;} .saas_03 .line{margin: 22px 0;} .saas_03 h4{margin-bottom: 22px;} .saas_03 .wen{bottom: -80px;} .saas_03 .wen img {width: 600px;} .saas_04 .box img{width: 144px;} .saas_04 .box h6{ height: 110px;margin-top: 40px;font-size: 15px;color: #666666;line-height: 24px;text-align: justify;} .about01 .top h3{font-size: 42px;} .about01 .mid video{height: auto;} .about01 .bot h5{font-size: 32px;} .about03 .top h3{font-size: 42px;} .about05 h3{font-size: 42px;} .about05 .box .bot dl dd p{font-size: 16px;} .about03 .ab_swiper02 .num .wen{font-size: 20px;} .about03 .ab_s022{width: 1240px;} .about04 .icenter dl .list .prolisttechlist .tb .ri li{font-size: 16px;} /* 解决方案 */ .probanner .txt .left h3{font-size: 46px;} .propic h3{font-size: 42px;} .propic h4{margin: 20px 0 30px;} .solu01 ul li img{margin-bottom: 30px;} .solu02 .botF{width: 1280px;} .solu02 .bot{width: 1160px;} .solu03 .item li h5{font-size: 22px;} .solu01 ul li h6{font-size: 15px;letter-spacing: 0;} .solu01 ul li h5{font-size: 20px;} /* 案例 */ .cus_nav{ top: 88px;} .cus_banner{height: calc(100% - 100px);} .cus01 ul li a .bot h3{font-size: 18px;} .cus_banner .icenter .text h3{font-size: 46px;} .cus_banner .icenter .text p{font-size: 22px;line-height: 32px;} .case_ch_nav .icenter a{font-size: 14px;} .caseshow .icenter .left .text .top h3{font-size: 32px;} .caseshow .icenter .left .text .top h4{font-size: 22px;} .caseshow .icenter .left .anli ul li .bot p{height: auto;} .dul_right .dul_tab ul li{width: 47%;margin-right: 2%;} .dul_right .dul_tab ul li:nth-of-type(2n){margin-right: 0;} .dul_right .dul_tab ul li:nth-of-type(3n) {margin-right: 2%;} .joinbanner{margin-top: 88px;} .joinbanner .txt .left h3{font-size: 46px;} .joinbanner .txt .left h4{font-size: 22px;} .joinbanner .txt .right{width: 50%;} .joinbanner .txt .right img{width: 100%;} .join02 .cont{width: 1160px;} .joinitem .icenter .right p{font-size: 16px;line-height: 30px;} .joinitem .icenter .left {width: 40%;margin-left: 4%;} .apply .box .right h3{font-size: 24px;margin-bottom: 14px;} .apply .box{width: 600px;padding: 50px 70px 40px;margin-top: 30px;} .apply .box .right .submit{height: 44px;line-height: 42px;} .apply .box .right input{padding: 9px 14px;margin-bottom: 12px;} .apply .box .right .bot_text{padding-bottom: 10px;} .apply .box .right .bot_text button{height: 36px;line-height: 36px;} .solu05 h3{font-size: 42px;} .solu04 h3{font-size: 42px;} .okr_1 .icenter dd{padding: 0;} .insales .list {padding-top: 20px;width: 1100px;} .inlogos .icenter{width: 1100px;} .inlogos .dd{ margin: 0 0 0 -550px;width: 1100px;} .solu02 h4{margin: 20px auto 30px;} .propic{padding: 70px 0;} .solu03{padding: 70px 0;} .solu02_yl .box h5{font-size: 15px;} .solu05 ul li .left .icon{margin-right: 12px;} .solu05 ul li .left .wen h4{font-size: 20px;} .prolisttech .icenter{width: 1100px;} .prolisttech .icenter dl .list dd .tod.swiper-button-next-1{right: -70px;} .prolisttech .icenter dl .list dd .tod {left: -70px;} .inpro .icenter a dd{margin: 0px auto 6px;} .inpro .icenter a strong i{top: 36px;} .footer .toptt dd h3 a{font-size: 16px;} .footer .toptt dd h4 span a{font-size: 12px;} .footer .toptt dl dt:first-of-type a, .footer .toptt dl dt:nth-child(2) a{font-size: 18px;} .inlogos .tod{left: -50px;} .inlogos .dd .swiper-button-nextlogo{ right: -50px;} .guihua01{padding: 70px 0;} .guihua02{padding: 70px 0;} .guihua03{padding: 0px 0;} .guihua03>h4{margin-bottom: 0;} .dzq02wrap{padding: 70px 0;} .prolisttech{padding: 70px 0;} .xinchou03wrap .list ul li .item{padding-bottom: 20px;} .zx{width: 54px;} .zx a svg{width: 22px;height: auto;} .client-wall .tt h4{font-size: 18px;} .propic h4{font-size: 18px;} .innews h3{font-size: 42px;} .prolisttech h3{margin-bottom: 20px;} .inpro dt h4,.mc_bs3_videobox dt h4,.insales h4,.inlogos .txt h4{font-size: 18px;} .xinchou03wrap>h4{font-size: 18px;} .dul_right .dul_tab ul li a{font-size: 12px;} }