/* 清除内外边距 */ 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%; } .inpro dd .swiper-button-prev02, .inpro dd .swiper-button-next02{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .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;} /* 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} @font-face { font-family: 'iconfont'; /* project id 311800 */ src: url('../font/font_onfgnjjn6jb2csor.eot'); src: url('../font/font_onfgnjjn6jb2csor.eot?#iefix') format('embedded-opentype'), url('../font/font_onfgnjjn6jb2csor.woff') format('woff'), url('../font/font_onfgnjjn6jb2csor.ttf') format('truetype'), url('../font/font_onfgnjjn6jb2csor.svg#iconfont') format('svg'); } @font-face { font-family: "Montserrat-Bold"; src: url("../font/Montserrat-Bold.woff2") format("woff2"), url("../font/Montserrat-Bold.woff") format("woff"), url("../font/Montserrat-Bold.ttf") format("truetype"), url("../font/Montserrat-Bold.eot") format("embedded-opentype"), url("../font/Montserrat-Bold.svg") format("svg"); } .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;} .pc-1200px p{ position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;top: 50%;left: 0; color: #fff;text-align: center;} } .icenter{display: block;width: 1460px;margin: 0 auto;overflow: hidden;} .more1{ transition: all .3s;display: block; overflow: hidden; border: 1px solid #fff; height: 40px; text-align: center; color: #fff; border-radius: 2em; line-height: 40px; text-transform: uppercase; width: 180px;} .more1:hover{ color: #ab1129; background: #fff; } .more2{display: inline-block;overflow: hidden;} .more2 .tt{ display: block; float: left; font-size: 14px; color: #666; margin-right: 5px;} .more2 .fa{display: block; transition: all .3s; float: left; font-size: 14px; color: #666; margin: 5px 0 0 0;} .more2:hover .tt{ color:#ab1129; } .more2:hover .fa{ margin-left: 10px; color:#ab1129; } .more3{ transition: all .3s;display: block; overflow: hidden; border: 1px solid #ab1129; height: 40px; text-align: center; color: #ab1129; border-radius: 2em; line-height: 40px; text-transform: uppercase; width: 180px;} .more3:hover{ color: #fff; background: #ab1129; } /* h5_mc */ .h5_mc {display: none;} .h5_inlogs {display: none;} .h5_mc2 {display: none;} .h5_dates02{display: none;} /* h5_pagejmtwo*/ .h5_pagejmtwo{display: none!important;} .newefy{ text-align: center;} .newefy a{ display: inline-block; padding: 12px 16px; border: 1px solid #ddd; color: #333; font-family: Montserrat-Bold; font-size: 14px; vertical-align: top; line-height: 1em; margin: 0 6px; } .newefy .active,.newefy a:hover{background: #e60019; color: #fff; border: 1px solid #e60019;} .drawer-nav { display: none; } .drawer-hamburger{display: none;} .pch{ position: fixed;width: 100%;height:100px;background: #f0f0f0;top: 0;left: 0;z-index: 9999; } #pcht{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;} .pch .logo{ margin: 0 0 0 0; display: block;overflow: hidden; } .pch .logo img{ display: block; height:66px; width:auto; } .icenternav{width: calc(100% - 200px); height: 100px; margin: 0 auto; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center; } .icenternav .navpc{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center;} .icenternav .navpc dd{display: block;overflow: hidden;padding: 0 30px;} .icenternav .navpc dd h3{display: block;overflow: hidden;} .icenternav .navpc dd h3 a{font-weight: bold; display: block;color: #333;font-size: 20px; display: block;line-height: 100px;} .icenternav .rightnav{} .icenternav .rightnav a{display: block;float: left;color: #666;font-size: 16px; line-height: 20px;} .icenternav .rightnav a .engicon{margin-right: 5px;float: left; display: block; height: 20px; border: 1px solid #ddd; border-radius: 50%;} .icenternav .rightnav span{ display: block; width: 1px; background: #ccc; float: left; height: 20px; margin: 1px 20px;} .pchb{ box-shadow: 1px 3px 20px 1px rgba(0,0,0,.08); background: #fff;} .banner{ display: block;width:100%; position: relative; height: calc(100% - 100px); overflow: hidden; background: #ddd; margin:100px 0 0 0; z-index: 1;} .banner .bg{ position: absolute; width: 100px; height: 100%; top: 0; z-index: 999999; background: #f0f0f0; right: 0;} .banner .bg:after{content:"";position: absolute; width: 100px; height: 50%; bottom: 0; z-index: 9; background: #fff; right: 0;} .banner .bg dd{ position: absolute; top: 25%; left: 50%; transform: translate(-50%, -50%);} .banner .bg dd a{ transition: all .3s; display: block; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; border:1px solid #8f000f; margin:30px auto;} .banner .bg dd a img{ display: block;height: 23px;margin: 6px auto;padding-top: 3px;} .banner .bg dd a:hover{background: #e60019; border:1px solid #e60019; } .banner .bg dd a:hover img{filter: none;filter: grayscale(1) brightness(30);} .p-top-mv__scroll{position: absolute;right: 25px;bottom: 100px;z-index:99;text-align: center;} .banner .p-top-mv__scroll{z-index: 99999999999;} .p-top-mv__scroll p{writing-mode: tb;font-size: 16px;color:#e60019;} .bannerscroll{display: block;width:1px;height:60px;background:#ccc;position: relative;margin: 0 auto 20px;} .bannerscroll::before{content: '';display: block;width:7px;height:7px;background:#e60019;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 video{display: block;width:100%;} .banner .bannerbg{position: absolute; width: 100%; height: 100%; background: #000; z-index: 1; top: 0; left: 0; opacity: 0.5;} .banner .txt{ z-index: 4; left: 100px;position: absolute; bottom:150px; width: calc(100% - 300px); margin: 0 auto; } .banner .txt .sy_bannerwz{display: block; width: auto; height: 120px; margin-bottom: 30px;} .banner .txt dl{overflow: hidden;border-top: 1px solid #fff;padding: 30px 0 0 0;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;} .banner .txt dl dd{} .banner .txt dl dd h3{display: block; color: #fff; font-size: 50px; letter-spacing: 2px; font-weight: bold;line-height: 1em;margin: 0 0 10px 0;} .banner .txt dl dd h4{ display: block; color: #fff; font-size: 40px; letter-spacing: 2px;} .banner .txt dl dt{} .banner .txt dl dt a{ transition: all .3s; display: block; width: 60px; height: 60px; background: #fff; border-radius: 50%; text-align: center; line-height: 60px; color: #e20007; font-size: 20px;} .banner .txt dl dt a:hover{ background: #e60019; color: #fff; } #bonfire-pageloader {position:fixed;z-index:99999999999999;width:100%;height:100%;left:0;right:0;top:0;bottom:0;margin-top:0; transition: all 0.3s;background: #e60019; } .bonfire-pageloader-fade {opacity:0 !important; transition: all 0.3s;} .bonfire-pageloader-hide {display:none; transition: all 0.3s;} .loder-center{ position: fixed;width: 100%;top: 0;left: 0;height: 100%;z-index: 6;transition: all 0.3s; } .loder-center img{display: block; position: fixed; height: 80px; transform: translateY(-50%); -webkit-transform: translateY(-50%); top: 50%; left: 0; left: 50%; filter: none;filter: grayscale(1) brightness(30); margin-left:-165px; } .homepro{ padding: 100px 0; display: block;overflow: hidden; background: url(../images/sy_cpbj1.jpg); } .homepro .wrapper { width: 100%; position: relative; display: flex;} .homepro .content { margin: auto; width:80%; display: flex; align-items: center; position: relative;} .homepro.product-slider{width: 75%; height: 85%; border-radius: 30px; box-shadow: 0 28px 79px 0 rgba(10, 22, 31, 0.35); position: absolute; top: 50%; right: 0; transform: translateY(-50%);} .homepro.product-slider__wrp {height: 100%;} .homepro .product-slider__item { position: relative; height: 100%; width: 100%;} .homepro .product-slider__item.swiper-slide-active .product-slider__content >* { opacity: 1; transform: none;} .homepro .product-slider__item.swiper-slide-active .product-slider__content >*:nth-child(1) { transition-delay: 0s;} .homepro .product-slider__item.swiper-slide-active .product-slider__content >*:nth-child(2) { transition-delay: 0.2s;} .homepro .product-slider__item.swiper-slide-active .product-slider__content >*:nth-child(3) { transition-delay: 0.4s;} .homepro .product-slider__item.swiper-slide-active .product-slider__content >*:nth-child(4) { transition-delay: 0.6s;} .homepro .product-slider__item.swiper-slide-active .product-slider__content >*:nth-child(5) { transition-delay: 0.8s;} .homepro .product-slider__item.swiper-slide-active .product-slider__content >*:nth-child(6) { transition-delay: 1s;} .homepro .product-slider__item.swiper-slide-active .product-slider__content >*:nth-child(7) { transition-delay: 1.2s;} .homepro .product-slider__item.swiper-slide-active .product-slider__content >*:nth-child(8) { transition-delay: 1.4s;} .homepro .product-slider__item.swiper-slide-active .product-slider__content >*:nth-child(9) { transition-delay: 1.6s;} .homepro .product-slider__item.swiper-slide-active .product-slider__content >*:nth-child(10) { transition-delay: 1.8s;} .homepro .product-slider__item.swiper-slide-active .product-slider__content >*:nth-child(11) { transition-delay: 2s;} .homepro .product-slider__item.swiper-slide-active .product-slider__content >*:nth-child(12) { transition-delay: 2.2s;} .homepro .product-slider__item.swiper-slide-active .product-slider__content >*:nth-child(13) { transition-delay: 2.4s;} .homepro .product-slider__item.swiper-slide-active .product-slider__content >*:nth-child(14) { transition-delay: 2.6s;} .homepro .product-slider__item.swiper-slide-active .product-slider__content >*:nth-child(15) { transition-delay: 2.8s;} .homepro .product-slider__item.swiper-slide-active circle { animation: progress 1s ease-out forwards; animation-delay: .5s; opacity: 0.75;} .homepro .product-slider__card { height: 100%; width: 100%; transition: all .5s; overflow: hidden; position: relative; border-radius: 30px;} @keyframes progress { 0% { stroke-dasharray: 0 100; }} .homepro .product-img { position: absolute; z-index: 2; width: 600px; left: 0; transform: translateX(0%); height: 600px; pointer-events: none;} .homepro .product-img__item.active { opacity: 1; transform: translateY(0) translateX(0); transition-delay: .3s;} .homepro .product-img__item { position: absolute; transform: translateY(0) translateX(-130px); opacity: 0; transition: all .3s;} .homepro .product-img__item p{display: block; width: 600px; height: 600px; border-radius: 50%; overflow: hidden;} .homepro .product-img__item p img{ display: block; width: 100%;} .homepro .product-img__item dd{display: block; overflow: hidden; position: relative; width: 150px; height: 150px; position: absolute;bottom: 45%;left: 35%;} .homepro .product-img__item dd .dd1{ position: absolute; z-index: 9; height: 100px; top: 50%; left: 50%; transform: translate(-50%, -50%);} .homepro .product-img__item dd .dd2{ display: block; overflow: hidden; position: relative; width: 150px; height: 150px; -webkit-animation: rotation 8s linear infinite; animation: rotation 8s linear infinite;} .homepro .swiper-wrapper{ z-index: 9;} .homepro .product-slider__content { color: #fff; position: relative; z-index: 2; width: calc(100% - 800px); padding:0 0 30px 0; float: right; } .homepro .product-slider__title { margin: 0; margin-bottom:30px; font-weight: bold; font-size: 50px; line-height: 1em; letter-spacing: 2px; opacity: 0; transform: translateY(55px); transition: all .5s; color: #333;} .homepro .product-slider__price { display: block; font-size: 18px; opacity: 0; transform: translateY(55px); transition: all .5s; color: #666; line-height: 30px;} .product-slider__price b{ margin-right:30px;} .homepro .product-ctr { display: flex; align-items: center; margin-top: 30px; opacity: 0; transform: translateY(55px); transition: all .5s;} .homepro .next,.prev { z-index: 22; border: none; border-radius: 50%; outline: none; background: #ab1129; color: #fff; cursor: pointer; display: block; float: left; text-align: center; width: 50px; height: 50px; font-size: 14px; line-height: 14px;} .homepro .next.disabled,.prev.disabled { cursor:pointer;} .homepro .next:focus,.prev:focus { outline: none;} .homepro .prev{ margin-right: 20px;} .homepro .lr{margin-bottom: 70px; position: relative; z-index: 999; display: block; overflow: hidden; width: calc(100% - 800px); float: right; } .homepro .content .prott{ width: calc(100% - 800px);float: right;overflow: hidden; margin: 20px 0; } .homepro .content .prott h3{ display: block; font-size: 30px; line-height: 1em; margin-left: 100px; color: #333; margin-bottom: 20px;} .homepro .content .prott h4{text-transform: uppercase;font-size: 50px;color: #ab1129; line-height: 1em; } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(360deg); }} .homepro #s1,#s2{ position: absolute;top:0; width: 100%; height: 100%; background: #ab1129; z-index: 9999;} .hometech{ padding:0 0 100px; background: url(../images/sy_xlbj1.jpg) fixed;display: block;overflow: hidden;background-size: cover; display: block;overflow: hidden;} .hometech .icenter{width: 90%;} .hometech .icenter .left{ display: block;overflow: hidden;float: left;width: 55%; padding: 120px 0 0 0; } .hometech .icenter .left h3{ text-transform: uppercase; color: #fff; display: block; line-height: 1em; margin-bottom: 10px; letter-spacing: 2px; opacity: 0.8; font-size: 40px;} .hometech .icenter .left h4{ text-transform: uppercase; color: #fff; display: block;line-height: 1em;margin-bottom:70px; font-size: 50px;} .hometech .icenter .left .imggg{ display: block;position: relative;} .hometech .icenter .left .imggg .pic1{ position: absolute; top: 50%; left: 0; height: 110px; margin-top: -55px;} .hometech .icenter .left .imggg .pic2{ display: block;width: 100%;transition: all .3s; } .hometech .icenter .left .imggg a{ display: block;overflow: hidden;width: calc(100% - 250px); position: relative; margin: 0 0 0 250px;background: #000; z-index: 2;cursor:pointer; } .hometech .icenter .left .imggg a dd{ transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; z-index: 3;} .hometech .icenter .left .imggg a dd .videoiconr{ transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; width: 60px; z-index: 3; display: block !important; } .hometech .icenter .left .imggg a dd .dd2{ transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%;width: 100px; margin: -50px; -webkit-animation: rotation 8s linear infinite; animation: rotation 8s linear infinite;} .hometech .icenter .left .imggg a:hover .pic2{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); opacity: 0.7;} .hometech .icenter .right{background: url(../images/sy_xlbj2.jpg); background-size: cover; display: block; overflow: hidden; width: 40%; float: right; padding: 60px 0;} .hometech .icenter .right strong{text-transform: uppercase; color: #fff; text-align: center; display: block; margin-bottom:50px; font-size: 50px;} .hometech .icenter .right strong:after{ content: ""; display: block; width: 80px; height: 2px; background: #fff; margin:10px auto 0;} .hometech .icenter .right dl{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center; width: 90%; margin: 0 auto;} .hometech .icenter .right dl dd{ display: block;overflow: hidden;width: 33%;} .hometech .icenter .right dl dd p{display: block; width: 70px; height: 70px; border: 2px solid #fff; border-radius: 50%; margin: 0 auto;} .hometech .icenter .right dl dd img{ filter: grayscale(1) brightness(30); display: block; width: auto; height: 40px; margin:15px auto;} .hometech .icenter .right dl dd span{ display: block; text-align: center; color: #fff; line-height: 26px; font-size: 16px; margin: 10px 0;} .hometech .icenter .right dl dd font{font-family: Montserrat-Bold; color: #fff; font-weight: 200; opacity: 0.8; display: block; text-align: center; font-size:30px;} .hometech .icenter .right dl dd:hover p{ -webkit-animation: rotation 1s linear infinite; animation: rotation 1s linear infinite; } .hometech .icenter .left .imggg .videos{ display: none; position: fixed; width: 100%;height: 100%;top: 0;left:0;z-index: 9999; background:rgb(0 0 0 / 0.7); } .hometech .icenter .left .imggg .videos video{position: fixed;z-index: 2;display: block;width: 60%;top: 20%;left: 20%;} .hometech .icenter .left .imggg .videos .vclose{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;} .hometech .icenter .left .imggg .videos .vclose img{position: absolute;width: 40px;height: 40px;top: calc(20% - 50px);right: calc(20% - 50px);left: auto;cursor: pointer; } .hometech .icenter .left .imggg .videos .vclose:after{ content:""; } .incase{ background: url(../images/sy_albj.jpg); background-size: cover; display: block; overflow: hidden; padding: 100px 0; position: relative; } .incase h3{ display: block; text-align: center; color: #333; font-size: 50px; font-weight: bold; } #certify { overflow: hidden;position: relative; width: 90%; margin: 0 auto} #certify .swiper-container { padding-bottom: 30px;} #certify .swiper-slide { width:600px; height: auto; background: #fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(7, 64, 121, 0.14); box-shadow: 10px 10px 50px 25px rgba(7, 64, 121, 0.14);} #certify .swiper-slide a{display: block;overflow: hidden;} #certify .swiper-slide img{transition: all .3s;display:block; width: 100%; position: relative;height: 100%;object-fit: cover;} #certify .swiper-slide:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); } #certify .swiper-slide p { opacity: 0; padding-top: 0; text-align: center; border: 1px solid #ddd; margin: 0; font-size: 30px; color: #333; padding: 0; background: #fff; position: absolute; width: 100%; bottom: -40px; padding: 20px 0;} #certify .swiper-slide p:after{ content: ""; background: #ab1129; width: 80px; height: 2px; display: block; margin: 10px auto 0;} /* #certify .swiper-slide-active{ width:800px; margin-left: -100px; } */ #certify .swiper-slide-active p{ opacity:1; } #certify .anlr{display: block;overflow: hidden;text-align: center;} #certify .swiper-button-preval,#certify .swiper-button-nextal{ z-index: 22; border: none; border-radius: 50%; outline: none; background: #ab1129; color: #fff; cursor: pointer; display: inline-block; text-align: center; width: 50px; height: 50px; font-size: 14px; line-height: 50px; margin:0 10px; } #certify .swiper-button-nextal{ } #certify .swiper-wrapper{ padding:50px 0; } #certify .swiper-slide:hover p{color:#ab1129; } .swiper-button-preval:before,.prev:before{ position: relative; margin-right: -10px;-webkit-animation: jtl 1s linear infinite; animation: jtl 1s linear infinite; } @keyframes jtl {0% {right:0;}50% {right:10px;}100% {right:20px;}} @-webkit-keyframes jtl {0% {right:0;}50% {right:10px;}100% {right:20px;}} .swiper-button-nextal:before,.next:before{ position: relative; margin-left: -10px;-webkit-animation: jt 1s linear infinite; animation: jt 1s linear infinite; } @keyframes jt {0% {left:0;}50% {left:10px;}100% {left:20px;}} @-webkit-keyframes jt {0% {left:0;}50% {left:10px;}100% {left:20px;}} .swiper-button-preval:before,.swiper-button-nextal:before,.homepro .lr .next:before,.homepro .lr .prev:before{ margin:0; -webkit-animation: 0s linear infinite;animation: 0s linear infinite;} .swiper-button-preval:hover:before,.homepro .lr .prev:hover:before{margin-right: -10px;-webkit-animation: jtl 1s linear infinite; animation: jtl 1s linear infinite;} .swiper-button-nextal:hover:before,.homepro .lr .next:hover:before{margin-left: -10px;-webkit-animation: jt 1s linear infinite; animation: jt 1s linear infinite; } .swiper-button-preval:hover,.swiper-button-nextal:hover,.homepro .lr .next:hover,.homepro .lr .prev:hover{ background:#e60019 !important;} .inlogos h3{position: absolute; top: 80px; color: #fff; z-index: 9; text-align: center; text-transform: uppercase; width: 100%; font-size: 60px; font-weight: bold; background: -webkit-linear-gradient(230deg, #ffffff,#ffffff,#e30007,#ff686d); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .inlogos{ display: block;overflow: hidden;} .inlogos .hzhb {width: 100%;position: relative; display: block;overflow: hidden;} .inlogos .hzhb .big_img img.img2{display: none;} .inlogos .hzhb .ul1 {width: 100%;height: 100%;position: absolute;top: 0;left: 0;} .inlogos .hzhb .ul1 li * {-webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1);-moz-transition: all .3s cubic-bezier(.4, 0, .2, 1);transition: all .3s cubic-bezier(.4, 0, .2, 1);} .inlogos .hzhb .ul1 li {width: 14.58333%;} .inlogos .hzhb .ul1 li .img1 {width: 100%;height: 100%;position: relative;background: #373737;border-radius: 50%; overflow: hidden;} .inlogos .hzhb .ul1 li .img1 img {position: relative;top: 0;left: 0;width: 100%;height: 100%; display: block;} .inlogos .hzhb .ul1 li .img1 img:nth-child(2) {position: absolute;top: 0;left: 0;} .inlogos .hzhb .ul1 li .img1 .s2{ opacity: 1; filter: none; filter: grayscale(1) brightness(30);} .inlogos .hzhb .ul1 li:nth-child(1) .img1,.inlogos .hzhb .ul1 li:nth-child(2) .img1,.inlogos .hzhb .ul1 li:nth-child(3) .img1,.inlogos .hzhb .ul1 li:nth-child(5) .img1,.inlogos .hzhb .ul1 li:nth-child(9) .img1 {background-color: #fff;} .inlogos .hzhb .ul1 li:hover .img1 {background-color:#fff;} .inlogos .hzhb .ul1 li .img1 img.s1 {opacity: 0;} .inlogos .hzhb .ul1 li:hover .img1 img.s1 {opacity: 1;} .inlogos .hzhb .ul1 li:hover .img1 img.s2 {opacity: 1; filter: inherit; } @keyframes xb1 {0% {}25% {transform: translate(7%,-7%);}50% {transform: translate(14%,0%);}75% {transform: translate(7%,7%);}100% {transform: translate(0%,0%);}} @-webkit-keyframes xb1 {0% {transform: translate(0%,0%);}25% {transform: translate(7%,-7%);}50% {transform: translate(14%,0%);}75% {transform: translate(7%,7%);}100% {transform: translate(0%,0%);}} .inlogos .hzhb .ul1 li:nth-child(1) {position: absolute;top: 39%;left: 44.8%;animation: xb1 6s linear infinite;-webkit-animation: xb1 6s linear infinite;} .inlogos .hzhb .ul1 li:nth-child(2) {width: 9.3746%;position: absolute;top: 25%;left: 25.9%;animation: xb1 6.2s linear infinite;-webkit-animation: xb1 6.2s linear infinite;} .inlogos .hzhb .ul1 li:nth-child(3) {width: 9.3746%;position: absolute;top: 10%;left: 70.6%;animation: xb1 7.2s linear infinite;-webkit-animation: xb1 7.2s linear infinite;} .inlogos .hzhb .ul1 li:nth-child(4) {width: 6.2524%;position: absolute;top: 45%;left: 3%;animation: xb1 5.8s linear infinite;-webkit-animation: xb1 5.8s linear infinite;} .inlogos .hzhb .ul1 li:nth-child(5) {width: 4.1665%;position: absolute;top: 82%;left: 6.2%;animation: xb1 6.6s linear infinite;-webkit-animation: xb1 6.6s linear infinite;} .inlogos .hzhb .ul1 li:nth-child(6) {width: 8.333%;position: absolute;top: 15%;left: 9.3333%;animation: xb1 6s linear infinite;-webkit-animation: xb1 6s linear infinite;} .inlogos .hzhb .ul1 li:nth-child(7) {width: 9.37%;position: absolute;top: 55.2%;left: 17.1%;animation: xb1 5.3s linear infinite;-webkit-animation: xb1 5.3s linear infinite;} .inlogos .hzhb .ul1 li:nth-child(8) {width: 7.2915%;position: absolute;top: 71%;left: 32.875%;animation: xb1 6.2s linear infinite;-webkit-animation: xb1 6.2s linear infinite;} .inlogos .hzhb .ul1 li:nth-child(9) {width: 8.333%;position: absolute;top: 74.5%;left: 60.625%;animation: xb1 5.9s linear infinite;-webkit-animation: xb1 5.9s linear infinite;} .inlogos .hzhb .ul1 li:nth-child(10) {width: 7.2915%;position: absolute;top: 39%;left: 64.489%;animation: xb1 5s linear infinite;-webkit-animation: xb1 5s linear infinite;} .inlogos .hzhb .ul1 li:nth-child(11) {width: 6.2524%;position: absolute;top: 68%;left: 73.812%;animation: xb1 6.5s linear infinite;-webkit-animation: xb1 6.5s linear infinite;} .inlogos .hzhb .ul1 li:nth-child(12) {width: 7.2915%;position: absolute;top: 55%;left: 86%;animation: xb1 5.4s linear infinite;-webkit-animation: xb1 5.4s linear infinite;} .inlogos .hzhb .ul1 li:nth-child(13) {width: 6.2524%;position: absolute;top: 33%;left: 82.5%;animation: xb1 5.5s linear infinite;-webkit-animation: xb1 5.5s linear infinite;} .inlogos{display: block;overflow: hidden; position: relative;} .inlogos .big_img{display: block;position: relative; width: 100%; height: auto; padding: 0;} .inlogos .big_img img{ display: block; width: 100%; } .innews{ display: block;overflow: hidden;padding: 100px 0 60px;} .innews .icenter{overflow: initial;} .innews h3{ display: block;color: #333;font-size: 50px;font-weight: bold; margin-bottom: 30px; } .innews dl{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center; } .innews dl dd{ display: block;overflow: hidden; padding: 50px 0 0; width: 50%; -webkit-box-shadow: 0px 0px 20px 0px rgba(7, 64, 121, 0.14); box-shadow: 6px 6px 50px 15px rgba(7, 64, 121, 0.14);} .innews dl dd h4{ display: block; overflow: hidden;margin: 0 0 10px 0; border-bottom: 2px solid #eee; padding:0 50px 10px 50px;} .innews dl dd h4 span{ color: #ab1129; line-height: 1em; text-transform: uppercase; font-size: 40px; margin-right:10px; display: block; float: left; font-weight: bold;} .innews dl dd h4 font{color: #333; line-height: 1em; text-transform: uppercase; font-size: 40px; display: block; float: left; font-weight: bold;} .innews dl dd .list{ display: block;overflow: hidden;padding: 20px 50px;} .innews dl dd .list a{ display: block; overflow: hidden; border-bottom: 1px solid #ddd; padding: 0 0 30px 0; margin: 0 0 30px 0;} .innews dl dd .list a .left{display: block;overflow: hidden;float: left;width: 65%;} .innews dl dd .list a .left .time{ display: block; overflow: hidden;} .innews dl dd .list a .left .time .fa{ display: block; float: left; color: #b3253d; margin-right: 5px; line-height: 1em; font-size: 16px;} .innews dl dd .list a .left .time span{ display: block; float: left; color: #999; margin-left: 5px; line-height: 18px; font-size: 14px; font-family: Montserrat-Bold;} .innews dl dd .list a .left strong{ display: block; color: #333; font-weight: bold; line-height: 1em; font-size: 24px; margin: 16px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} .innews dl dd .list a .left font{ margin-bottom: 10px; display: block;color: #999;font-size: 14px;line-height: 1em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} .innews dl dd .list a .right{ border-radius: 10px; display: block;overflow: hidden;float: right;width: 30%;} .innews dl dd .list a .right img{display: block; width:100%;transition: all .3s;} .innews dl dd .list a:last-child{border:0; margin-bottom: 0;} .innews dl dt{display: block;overflow: hidden; border-top: 1px solid #ddd; padding-top: 20px; width: 45%;} .innews dl dt a{ display: block; overflow: hidden; border-bottom: 1px solid #ddd; padding: 0 0 30px 0; margin: 0 0 30px 0; } .innews dl dt a .left{ display: block;overflow: hidden;float: left;width: calc(100% - 100px);} .innews dl dt a .left span{ display: block; color: #333; font-weight: bold; line-height: 1em; font-size: 24px; margin: 16px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} .innews dl dt a .right{display: block;overflow: hidden;float: right;} .innews dl dt a .right span{font-family: Montserrat-Bold; color: #666; font-weight: bold; font-size: 40px; text-align: right; display: block; line-height: 1;} .innews dl dt a .right font{ font-family: Montserrat-Bold; color: #999; font-size: 16px; text-align: right; display: block; line-height: 1;} .innews dl dd .list a:hover .left strong,.innews dl dt a:hover .left span{ color: #b3253d; } .innews dl dd .list a:hover .right img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); } .homepicbottom{background: url(../images/sy_jrbj.jpg) fixed; display: block; padding: 150px 0;position: relative;} .homepicbottom .txt{ display: block;width: 80%;margin: 0 auto;} .homepicbottom .txt h3{ display: block; font-size: 80px; color: #fff; font-weight: bold; line-height: 1em;} .homepicbottom .txt h4{ text-transform: uppercase; color: #fff; font-size: 30px; margin: 20px 0;} .homepicbottom .txt .more1{} .homepicbottom .icenter{ overflow: inherit;} .homepicbottom .icenter img{ position: absolute; width: auto; height: 100%; top: 0; right: 5%; animation: xb1 6s linear infinite; -webkit-animation: xb1 6s linear infinite;} .homepicbottom .icenter dd{ font-weight: bold; z-index: 9; position: absolute;top:-15px;text-transform: uppercase; transform: rotate(90deg); left: 0; margin-left: 120px;} .homepicbottom .icenter dd span{ font-size: 30px;color: #ab1129; display: block;line-height: 1em;float: left;} .homepicbottom .icenter dd font{ font-size: 30px;color: #fff; display: block;line-height: 1em;float: left;} .footer{overflow: initial; padding: 50px 0;} .footer .top{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: top; -webkit-align-items: top; } .footer .top dd{} .footer .top dd h3{ background: -webkit-linear-gradient(230deg, #361715,#361715,#c20309,#c20309); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; display: inline-block; font-size: 40px;} .footer .top dd h4{ display: block; position: relative; font-size:20px; color: #666;} .footer .top dd h4 .fa{cursor:pointer;display: inline-block; position: relative; font-size: 20px; color: #333; margin-left: 10px;} .footer .top dd h4 .fa img{ position: absolute; bottom: 30px; left: 50%; z-index: 9; display:none; width: 100px; margin: 0 0 0 -50px;} .footer .top dd h4 .fa:hover img{ display: block;} .footer .top dt{} .footer .top dt form{ width: 500px; display: block;overflow: hidden;position: relative;} .footer .top dt form input{ display: block; width: 100%; height: 50px; text-indent: 1em; font-size: 14px; border: 1px solid #ddd; color: #999;} .footer .top dt form button{ cursor:pointer; position: absolute; width: 100px; height: 50px; background: #ab1129; color: #fff; top: 0; right: 0; border: 0; text-align: center; font-weight: bold; font-size: 18px;} .footer .bottom{ border-top: 1px solid #ddd; padding: 30px 0 0 0; margin: 30px 0 0 0; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: top; -webkit-align-items: top;} .footer .bottom .left{} .footer .bottom .left span{ display: block; float: left; margin-right: 40px; } .footer .bottom .left span a{ color: #333; font-size: 20px; font-weight: bold;} .footer .bottom .right{} .footer .bottom .right .fx{ display: block;text-align: right;} .footer .bottom .right .fx a{ display: inline-block; color: #333; font-size: 26px; margin-left: 20px; } .footer .bottom .right .txtfb{ display: block; overflow: hidden; } .footer .bottom .right .txtfb h3{ display: block; text-align: right; font-size: 16px; line-height: 1em; margin: 10px 0;} .footer .bottom .right .txtfb h4{ display: flex;overflow: hidden;text-align: right; align-items: center;} .footer .bottom .right .txtfb h4 a{ display: inline-block;color: #666;font-size: 14px;margin: 0 0 0 30px;} .footer .bottom .right .txtfb h4 .se{opacity: 0.5;} .footer a:hover{ color:#ab1129 !important; } .footerct{display: block; overflow: hidden; position: relative; z-index:999; background: #fff; padding-top: 80px;} .pageaboutjzg{ background:#fff; display: block; overflow: hidden; padding: 100px 0; z-index: 9; position: relative;} .pageaboutjzg h3{ font-weight: bold; font-size: 50px; display: block; text-align: center; color: #333;} .pageaboutjzg .atclist{ display: block; margin: 0 auto;} .pageaboutjzg .atclist .attoptt{ display: block; overflow: hidden; margin: 50px 0 30px; text-align: center;} .pageaboutjzg .atclist .attoptt a{ display: inline-block; width: 150px; border: 1px solid #ddd; height: 40px; color:#333;cursor: pointer; line-height: 40px; text-align: center; border-radius: 2em; margin: 0 10px; font-size: 18px;} .pageaboutjzg .atclist .attoptt a:hover,.pageaboutjzg .atclist .attoptt .active{ border: 1px solid #e60019; color:#e60019; } .pageaboutjzg .atclist .attipbottom{width: calc(100% - 320px); display: block; position: relative; border-radius: 2em; margin: 0 auto;} .pageaboutjzg .atclist .attipbottom .kong{ opacity: 0; display: block; width: 100%; border-radius: 2em;} .pageaboutjzg .atclist .attipbottom .atdn{display: block; opacity: 0; width:100%; overflow: hidden; position: absolute; top: 0; margin: 0 auto; border-radius: 2em;} .pageaboutjzg .atclist .attipbottom .atdn p{ display: block;overflow: hidden;position: relative; } .pageaboutjzg .atclist .attipbottom .atdn p .tp{ display: block;width: 100%; opacity: 0; transform: scale(1.1);transition: all 0.8s ease;} .pageaboutjzg .atclist .attipbottom .atdn p .bg{ position: absolute; top: 0; width: 100%; height: 100%;} .pageaboutjzg .atclist .attipbottom .atdn .txt{ position: absolute; top:50%; transition: all 0.8s ease; left: 10%; opacity: 0; width: 80%; transform: translateY(-50%); -webkit-transform: translateY(-50%);} .pageaboutjzg .atclist .attipbottom .atdn .txt h4{display: block; color: #fff; font-size: 40px; line-height: 1em;} .pageaboutjzg .atclist .attipbottom .atdn .txt strong{display: block; overflow: hidden; margin: 30px 0;} .pageaboutjzg .atclist .attipbottom .atdn .txt strong font{display: block; float: left; width: 35px; height: 3px; background: #ddd;} .pageaboutjzg .atclist .attipbottom .atdn .txt strong font:nth-child(1){background: #8c0004;} .pageaboutjzg .atclist .attipbottom .atdn .txt strong font:nth-child(2){background: #b60005;} .pageaboutjzg .atclist .attipbottom .atdn .txt strong font:nth-child(3){background: #df0006;} .pageaboutjzg .atclist .attipbottom .atdn .txt h5{display: block; color: #fff; font-size: 18px; line-height: 30px;} .pageaboutjzg .atclist .attipbottom .now{ opacity: 1; } .pageaboutjzg .atclist .attipbottom .now p .tp{ opacity: 1; transform: scale(1);} .pageaboutjzg .atclist .attipbottom .now .txt{ opacity: 1; } .pageaboutjzg .atclist .attipbottom .fzicon{} .pageaboutjzg .atclist .attipbottom .fzicon img{ position: absolute; top: -70px; left: -60px; animation: xb1 6s linear infinite; -webkit-animation: xb1 6s linear infinite;} .pageaboutjzg .atclist .attipbottom .fzicon span{ position: absolute; width: 180px; height: 180px; background: #e60019; right: -80px; bottom: -80px; border-radius: 50%; opacity: 0.1; animation: xb1 6s linear infinite; -webkit-animation: xb1 6s linear infinite;} .pageaboutech{ background: url(../images/ny_gy_xlbj.jpg); background-size: cover; display: block; overflow: hidden; padding: 100px 0; z-index: 9; position: relative;} .pageaboutech h3{ font-weight: bold; font-size: 50px; display: block; text-align: center; color: #333;} .pageaboutech h4{ line-height: 30px; font-size: 18px; display: block; text-align: center; color: #666; margin: 30px 0;} .pageaboutech dl{ width: 1100px;margin: 0 auto; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center;} .pageaboutech dl dd{display: block; overflow: hidden; width: 300px; position: relative;} .pageaboutech dl dd p{display: block; overflow: hidden; position: relative; width: 300px;height: 300px;border-radius: 50%;} .pageaboutech dl dd p img{display: block; width: 100%; } .pageaboutech dl dd p:after{ z-index: 1; content: ""; position: absolute; width: 100%; height:100%; bottom: 0; left: 0; opacity: 0.4; background: #000;} .pageaboutech dl dd h5{position: absolute; top: 50%; z-index: 2; width: 100%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);} .pageaboutech dl dd h5 span{ display: block; color: #fff; font-size: 20px; width: 60%; margin: 0 auto; text-align: center; font-weight: bold;} .pageaboutech dl dd h5 .fa{display: block; color: #fff; text-align: center; font-size: 20px; font-weight: normal; margin: 10px 0 0 0;} .pageaboutvideo{ z-index: 9; display: block; overflow: hidden; position: relative; background: #fff;} .pageaboutvideo dl{ width: calc(100% - 200px); display: block; overflow: hidden; margin: 0 auto;z-index: 3; position: relative;} .pageaboutvideo dl p{ display: block; overflow: hidden;} .pageaboutvideo dl p img{transition: all .3s; display: block; width: 100%;} .pageaboutvideo dl:hover p img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); } .pageaboutvideo dl dd{ position: absolute; top: 50%; left: 0; z-index: 9; transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;} .pageaboutvideo dl dd span{ display: block; color: #fff; font-family: Montserrat-Bold; text-align: center; text-transform: uppercase; font-size: 40px;} .pageaboutvideo dl dd a{cursor: pointer;display: block; overflow: hidden; margin: 30px auto 0; width: 100px; height: 100px; position: relative;} .pageaboutvideo dl dd a .videoiconr{ position: absolute; display: block !important; z-index: 2; height: 50px; top: 25px; left: 25px;} .pageaboutvideo dl dd a .dd2{ display: block; width: 100px; margin: 0 auto; -webkit-animation: rotation 8s linear infinite; animation: rotation 8s linear infinite;} .pageaboutvideo:after { z-index: 1; content: ""; position: absolute; width: 100%; height: 50%; bottom: 0; left: 0; background: #e9eaec;} .videos{ display: none; position: fixed; width: 100%;height: 100%;top: 0;left:0;z-index: 9999; background:rgb(0 0 0 / 0.7); } .videos video{position: fixed;z-index: 2;display: block;width: 60%;top: 20%;left: 20%;} .videos .vclose{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;} .videos .vclose img{position: absolute;width: 40px;height: 40px;top: calc(20% - 50px);right: calc(20% - 50px);left: auto;cursor: pointer; } .videos .vclose:after{ content:""; } .pageabout3brand{display: block; padding: 100px 0 100px; overflow: hidden; background: #fff; position: relative; z-index: 9;} .pageabout3brand .icenter{} .pageabout3brand .icenter h3{ display: block; color: #e60019; font-size: 40px; text-align: center;} .pageabout3brand .icenter h4{ display: block; text-align: center; color: #666; margin: 30px auto; font-size: 16px;} .pageabout3brand .icenter dl{ 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;} .pageabout3brand .icenter dl dd{display: block; overflow: hidden; width: 32%;} .pageabout3brand .icenter dl dd p{display: block; overflow: hidden;} .pageabout3brand .icenter dl dd p img{display: block; width: 100%;} .pageabout3brand .icenter dl dd .txt{ display: block; overflow: hidden; background: #e60019; padding: 50px;} .pageabout3brand .icenter dl dd .txt span{ display: block; color: #fff; font-size: 26px; border-bottom: 1px solid rgb(255 255 255 / 0.3); padding-bottom: 10px; } .pageabout3brand .icenter dl dd .txt font{ display: block; font-size: 16px; color: #fff; opacity: 0.8; line-height: 26px; margin: 30px 0; height: 78px;} .pageabout3brand .icenter dl dd .txt img{display: block;height: 40px;width: auto; opacity: 0.5;} .pageabout3brand .icenter dl dd:nth-child(2) .txt{background: #000; } .pageabout3brand .icenter dl dd:nth-child(3) .txt{background: #727171; } /* .pageabout3brand .icenter dl dd:nth-child(3) .txt img {left: 0px;position: relative;transition: 0.3s;} */ .pageabout3brand .icenter dl dd:nth-child(3):hover .txt img{ left: 20px; } .pageaboutlogo{ height: 300vh;overflow: hidden;position: relative; z-index: 2;} .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_videowrap:after{content:""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.5;} .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_videobox.end .mc_bs3_svg{ opacity: 0; z-index: 1;} .mc_bs3_videobox dt{transition: all .3s;position: absolute;width: 100%;top: 130px;left: 0;z-index: 1;text-align: center;} .mc_bs3_videobox dt h3{ display: block;text-align: center;font-size: 50px;color: #fff; font-weight: bold; line-height: 1em;} .mc_bs3_videobox dt h4{ display: block;text-align: center;font-size:30px;color: #e60019;margin:30px 0; line-height: 1em;} .mc_bs3_videobox dt h5{ display: block; font-size: 18px; line-height: 30px; text-align: center; color: #fff;} .act dt{opacity: 0;} .end dt{opacity: 0;} .he_syp2 .txt{transition: all .8s;position: absolute;top: 60%;left: 0; width: 100%;transform: translate(0%, -50%);z-index: 6;} .he_syp2 .txt h3{display: block;text-align: center;color: #fff;font-size:50px; margin-bottom: 30px; font-weight: bold;} .he_syp2 .txt h4{ display: block;text-align: center;color: #fff;font-size: 30px;} .he_syp2 .txt h5{ display: block;width:1200px;text-align: center;color: #fff;font-size: 20px;margin: 30px auto;line-height: 36px;} .he_syp2 .txt img{ filter: none; filter: grayscale(1) brightness(30); display: block; width: auto; height: 120px; margin: 0 auto;} .he_syp2 video { display: block; width: 100%; height: 100%; object-fit: cover; } .he_syp2 .act .txt{opacity: 0;} .he_syp2 .end .txt{opacity: 1;top: calc(50% + 50px);} ul.l-gleft li:first-child { display: list-item; right: 0px;} .pagebanner{ position: relative; width: 100%; height: calc(50vw - 100px); top:100px; z-index:9; left: 0; background: #fff; overflow: hidden;} .pagebanner .bgimg{ z-index: 2; background: url(../images/ny_banner_gy.jpg) fixed; display: block; position: absolute; width: calc(100% - 200px); height: calc(100% - 150px); left: 100px; background-size: cover;} .pagebanner:after{ z-index: 1; content: ""; position: absolute; width: 100%; height: 50%; top: 0; left: 0; background:#f0f0f0;} .pagebanner .txt{ position: fixed; width: 100%; height: auto; bottom:100px; z-index: 2;} .pagebanner .txt h3{ font-family: Montserrat-Bold; text-transform: uppercase; color: #fff; text-align: center; font-size: 40px; line-height: 1em;} .pagebanner .txt h4{ color: #fff; text-align: center; font-size: 40px; line-height: 1em; margin:10px 0 0 0;} .pagebanner .txt h5{ display: block; width: 1px; height: 100px; background: #e60019; margin: 50px auto 0;} .mapspageabout .cls-1 {fill: #c1c7cd;} .mapspageabout{ display: block; overflow: hidden; position: relative; z-index: 9; background: #fff; } .mapspageabout svg{display: block; width: 100%; height: auto;} .mapspageabout #world-map g .cls-1:nth-child(3n){fill: #c1c7cd;} .mapspageabout dl{width: 1160px; position: relative; margin: 0 auto; } .mapspageabout dl .line{ opacity: 0.8; position: absolute; width: 126px; height: 126px; border: 2px dashed #e60019; border-radius: 50%; -webkit-animation: rotation 18s linear infinite; animation: rotation 18s linear infinite;} .mapspageabout dl .line:after{ content: ""; position: absolute; width: 10px; height: 10px; background:#e60019; top: 50%; left: 50%; border-radius: 50%; margin: -5px; } .mapspageabout dl .lz1{ top: 16.6%; left: -0.6%;} .mapspageabout dl .lz2{ top: 20.6%; left: 14.6%;} .mapspageabout dl .lz3{ top: 30.3%; left: 25.4%;} .mapspageabout dl .lz4{ top: 28.2%; left: 40.6%;} .mapspageabout dl .lz5{ top: 36.1%; left: 48.3%;} .mapspageabout dl .lz6{ top: 20.5%; left: 84.8%;} .mapspageabout dl .lz7{ top: 32.2%; left: 75.8%; } .mapspageabout dl .lz8{ top: 40%; left: 74.2%; } .mapspageabout h3{ font-weight: bold; font-size: 50px; display: block; text-align: center; color: #333;} .mapspageabout h4{ display: block; text-align: center; color: #666; font-size: 16px; line-height: 30px; margin: 20px 0;} .mapspageabout h5{ text-transform: uppercase; text-align: center; font-size: 40px; color: #ab1129; font-family: Montserrat-Bold;} .mapspageabout h6{ display: block; text-align: center; color: #666; font-size: 24px;} .pageaboutlogopic{ display: block; position: relative; background: #fff; z-index: 9;} .pageaboutlogopic dl{ width: calc(100% - 200px); display: block; overflow: hidden; margin: 0 auto; z-index: 3; position: relative; background: url(../images/ny_gy_hzbj01.jpg) fixed; background-size: cover; padding: 100px 0 150px; } .pageaboutlogopic dl span{ display: block; text-align: center; color: #fff; font-weight: bold; font-size: 40px; line-height: 1; margin: 0 0 20px 0;} .pageaboutlogopic dl font{ display: block; text-align: center; color: #fff; font-size: 20px;} .pageaboutlogopic:after{z-index: 1; content: ""; position: absolute; width: 100%; height: 50%; bottom: 0; left: 0; background:#f0f0f0;} .listlogo{ display: block; background: #f0f0f0; padding: 0 0 0; position: relative; z-index: 9;} .listlogo .icenter{ display: flex; display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; position: relative; top: -75px; } .listlogo .icenter a{ display: block; overflow: hidden; float: left; width: 18.8%; margin: 0 1% 1% 0;} .listlogo .icenter a:nth-child(5n){margin-right:0;} .listlogo .icenter a img{display: block;width: 100%;} .pagecaselist{ position: relative; z-index: 3; padding: 100px 0; overflow: hidden; background: #fff; } .slideMenu_a{ height: 40px; display: block; white-space: nowrap; position: absolute; padding-left: 55px; top: 0; right: 0; color: #bfbfbf; font-family: 'fcmeGotham'; padding-right: 50px; font: 14px/40px gm_l; } .slideMenu_a:hover,.slideMenu_a.on{ font-size: 18px; font-weight: bold; color: #00a0e9; padding-right: 70px; } .slideMenu_a:before{ content: ""; background: #E6E6E6; height: 1px; width: 24px; position: absolute; top: 50%; right: 0px; transition:all 0.5s ease-in-out;} .slideMenu_a:hover:before,.slideMenu_a.on:before{ background: #00a0e9; width: 48px; } .m2lcWpr{ margin:0; position:relative;} .m2lcYears{ text-align: center; position: fixed; left: 50%; top: 50%; transform: translateY(-50%); line-height: 200px; height: 200px; font-size: 200px; display:none; width: 1460px; margin-left: -730px; } .m2lcYr{ position: fixed; left: 0; transition: all 0.5s ease-in-out; opacity: 0; font-family: Montserrat-Bold; font-size: 200px; color: #ab1129; text-align: left; overflow: hidden; letter-spacing: 0;} .m2lcYr.on{ opacity:1;} .m2lcYr span{opacity: 0;display: block; position: fixed; font-size:26px; color: #666; bottom: 200px; line-height: 1em; transition: all 2s ease-in-out;} .m2lcYr.on span{opacity:1; } .m2lcItems{ position:relative; z-index:1;} .m2lcItems li{ opacity: 0.3; padding-left:600px; margin-bottom: 100px;position: relative;transition: all 0.5s ease-in-out;} .m2lcItems .on{ opacity: 1; } .m2lc_yt{ line-height: 1em; display: block; color: #999; font-family: Montserrat-Bold; font-size: 20px; position: relative; } .m2lc_simg{ position:relative; padding-right:20px; padding-bottom:20px; display:inline-block;} .m2lc_simg:before{content:""; position:absolute; left:20px; top:20px; right:0px; bottom:0px; border:2px solid #00a0e9; border-radius:6em 0 6em 0; transition:all 0.5s ease-in-out;} .m2lc_simg:hover:before{ background:#00a0e9;} .maoLink{display:block; height:0; overflow:hidden; position:relative; top:-50vh;} .m2lcItems li .m2lc_item{ border-bottom: 1px solid #ddd; overflow: hidden; padding-bottom: 100px;} .m2lcItems li .m2lc_item .m2lc_yt{ position: relative; margin-bottom: 30px; color: #666; font-size:30px; transition: all 0.5s ease-in-out;} .m2lcItems .on .m2lc_item .m2lc_yt{ color: #ab1129; } .m2lcItems li .m2lc_item .m2lc_des{} .m2lcItems li .m2lc_item .m2lc_des p{display: block; overflow: hidden; color: #333; font-size: 18px; line-height: 30px; margin:20px 0; position: relative; padding-left: 15px;} .m2lcItems li .m2lc_item .m2lc_des p:after{ content:""; content: ""; position: absolute; width: 6px; height: 6px; background: #ccc; top: 6px; left: 0; border-radius: 50%;} .m2lcItems li .m2lc_item .m2lc_des p span{ display: block;color: #333;font-weight: bold; line-height: 1em;} .m2lcItems li .m2lc_item .m2lc_des p font{color: #666;} .m2lcItems li .m2lc_item .m2lc_des dd{ display: block; overflow: hidden; margin: 50px 0;} .m2lcItems li .m2lc_item .m2lc_des dd img{ display: block; width: 100%;} .pageyearsbottom{ padding: 100px 0; display: block; overflow: hidden; background: #fff; z-index: 9; position: relative;} .pageyearsbottom h3{ display: block; color: #333; font-size: 40px; font-weight: bold; margin-bottom: 30px; } .pageyearsbottom dl{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center;} .pageyearsbottom dl a{ display: block; overflow: hidden; width: 32%; position: relative;} .pageyearsbottom dl a p{ display: block; overflow: hidden;} .pageyearsbottom dl a p img{display: block; transition: all .3s; width: 100%;} .pageyearsbottom dl a:hover p img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); } .pageyearsbottom dl a span{ position: absolute; bottom: 30px; left: 30px; z-index: 2;} .pageyearsbottom dl a span strong{ display: block; color: #fff; font-size: 30px; line-height: 1em; margin-bottom: 10px;} .pageyearsbottom dl a span font{ text-transform: uppercase; color: #fff; font-weight: bold; font-size: 20px;} .pageyearsbottom dl a:after{ content:""; position: absolute; width: 100%; height: 100%; background: #000; bottom: 0; left: 0; opacity: 0.3;} .pagezsprobottom{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center; margin: 0 auto 100px;} .pagezsprobottom a{ display: block; overflow: hidden; width: calc(32% - 60px); background: #e60019; border: 1px solid #e60019; padding: 30px;} .pagezsprobottom a:nth-child(2){ background: #231815; border: 1px solid #231815; } .pagezsprobottom a:nth-child(3){background: #7a7979; border: 1px solid #7a7979; } .pagezsprobottom a p{display: block; overflow: hidden; float: left; margin: 0 30px 0 0; } .pagezsprobottom a p img{ display: block; width: auto; filter: none; filter: grayscale(1) brightness(30);} .pagezsprobottom a:hover p { -webkit-animation: rotation 1s linear infinite;animation: rotation 1s linear infinite;} .pagezsprobottom a h3{display: block; overflow: hidden; float: left; } .pagezsprobottom a h3 strong{ font-family: Montserrat-Bold; color: #fff; font-weight: 200; opacity: 0.8; display: block; line-height: 1em; font-size:24px; margin: 0;} .pagezsprobottom a h3 font{ transition: all .8s; opacity: 0.8; display: block; width: 50px; height: 1px; background: #fff; margin: 10px 0;} .pagezsprobottom a:hover h3 font{ width:100%; } .pagezsprobottom a h3 span{display: block; color: #fff; font-size: 24px;} .pagezspic{display: block; overflow: hidden; width: calc(100% - 200px); margin: 0 auto 100px; position: relative;} .pagezspic .left{z-index: 3; position: absolute; width: 50%; top: 0; height: 100%; left: 0; background: #ab1129;} .pagezspic .left span{ display: block; color: #fff; font-size: 40px; font-weight: bold; line-height: 1em; margin: 0 0 30px 0;} .pagezspic .left font{display: block; color: #fff; font-size: 18px; line-height: 30px;} .pagezspic .left p{ transform: translateY(-50%); -webkit-transform: translateY(-50%); position: absolute; top: 50%; width: 80%; left: 10%;} .pagezspic .right{display: block; width: 50%; margin: 0 0 0 50%; overflow: hidden;} .pagezspic .right img{display: block;width: 100%;} .pagezspic:after{ content: ""; background: #ab1129; position: absolute; width: 200px; height: 100%; top: 0; left: calc(50% - 100px); transform: skewX(-10deg);} .honormin{ padding: 100px 0; margin: 20px auto; display: flex; display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; overflow: initial; } .honormin a{ display: block; cursor: pointer; float: left; width: 32%; margin: 0 2% 50px 0; transition: all .3s ease; position: relative;} .honormin a:nth-child(3n){margin-right:0;} .honormin a p{display: block; overflow: hidden; position: relative; transition: all .3s ease;} .honormin a:hover p{ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);} .honormin a:hover{transform: translateY(-10px);} .honormin a p .bg{display: block;position: relative;width: 100%;} .honormin a p .it{ position: absolute; top: 50%; left: 50%; max-height:80%; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); transform: translate(-50%, -50%);} .honormin a span{display: block; text-align: center; color: #333; font-size: 24px; margin: 20px 0 0 0;} .honormin a:hover span{ color: #e60019;} .imgshowmask{width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;z-index: 9999999;display: none;} .imgshow{width: 60%;height: 80%;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: absolute;top: 10%;left: 20%;background-color: #ffffff;} .imgshow p img{ display: block; width: auto; max-width: 100%; min-width: 300px; margin: 0 auto;} .gd{position: absolute; z-index: -1; width: 100%; height: 100px;} .mapspageabout dl .line{ width: 200px; height: 200px; transition: all 0.8s linear 0s;-webkit-transition: all 0.8s linear 0s; } .mapspageabout dl .sax .line{ width: 126px; height: 126px; } .pagecasepicbg{ height: 100%; position: relative; width: calc(100% - 200px); margin: 0 auto; top: -50%; z-index: 9;} .pagecasepicbg .listed-wrap{ } .pagecasepicbg .listed-wrap .img-box{ position: absolute; left: 50%; top: 50%; width: 100%; height: 500px; transform: translate(-50%,-50%); z-index: 3;} .pagecasepicbg .listed-wrap .img-box .img{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-repeat: no-repeat; background-position: center; } .pagecasepicbg .listed-wrap .text-box{ position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); opacity: 1; z-index: 4;} .pagecasepicbg .listed-wrap .text-box h3{ display: block; text-align: center; color: #fff; font-size: 50px; font-weight: bold;} .pagecasepicbg .listed-wrap .text-box h4{ display: block; text-align: center; color: #fff; font-size: 24px;margin-top:20px; } .pagecasepicbg .fix { position: fixed; left: 0; top: 0; width: 100%; height: 100%;} .pagecase{position: relative; background: #fff; z-index: 9; padding:100px 0 100px; margin-top: 300px; } .pagecase .list{ display: flex; display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .pagecase .list li{ display: block; overflow: hidden; width: 32%; margin: 0 2% 50px 0;} .pagecase .list li:nth-child(3n){margin-right:0;} .pagecase .list li a,.pagecase .tptop li a{display: block;overflow: hidden;} .pagecase .list li a p,.pagecase .tptop li p{display: block;overflow: hidden;} .pagecase .list li a p img,.pagecase .tptop li p img{display: block;width: 100%;transition: all .3s;} .pagecase .list li a:hover p img,.pagecase .tptop li:hover p img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); } .pagecase .list li a .txt,.pagecase .tptop li .txt{ display: block; overflow: hidden; margin-top:16px;} .pagecase .list li a .txt span,.pagecase .tptop li .txt span{ display: block; float: left; font-weight: bold; font-size: 26px; line-height: 40px; margin-right: 20px; color: #333;} .pagecase .list li a .txt font,.pagecase .tptop li .txt font{ display: block; float: left; background: #ffe5e5; line-height: 40px; padding: 0 20px; color: #e20006; font-size: 16px;} .pagecase .more{ background: #eee; padding: 30px 0; display: block; overflow: hidden; } .pagecase .more a{ display: block; margin: 0 auto; width: 200px; color: #333; font-size: 20px; text-align: center; font-weight: bold;} .pagecase .more a:hover,.pagecase .list li:hover a .txt span,.pagecase .tptop li:hover .txt span{color:#e20006;} .pagecase .tptop{ position: relative; margin-bottom: 50px;} .pagecase .tptop li{width: calc(66% + 0px);} .pagecase .tptop li:nth-child(2){ position: absolute; width: 32%; top: 0; right: 0;height: 100%;} .pagecase .tptop li:nth-child(2) p{ position: absolute;width: 100%;height: calc(100% - 56px);} .pagecase .tptop li:nth-child(2) .txt{position: absolute; bottom: 0;} .pagecase .tptop li:nth-child(2) p img{position: absolute;width: 100%;height: 100%;} .pagecasenum{ background: url(../images/ny_al_bj2.jpg); background-size: cover; display: block; overflow: hidden; position: relative; z-index: 9; padding: 100px 0 300px;} .pagecasenum h3{ display: block; color: #333; font-size: 50px; font-weight: bold; margin-bottom:20px; text-align: center;} .pagecasenum h4{display: block; text-align: center; font-size: 30px; color: #333; line-height: 1em; margin-bottom: 250px;} .pagecasenum dl{ padding-bottom: 350px; position: relative;display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center; margin-top: 200px;} .pagecasenum dl dd:nth-child(2){ position: absolute; top: 0; left: 50%; display: block; overflow: hidden; z-index: 9; margin-left: -132px;} .pagecasenum dl dd strong{ text-align: center; display: block; overflow: hidden;} .pagecasenum dl dd .counter{font-family: Montserrat-Bold; font-size: 100px; font-weight: normal; color: #333; display: inline-block; line-height: 1em;} .pagecasenum dl dd e{display: inline-block; vertical-align: top; margin: 20px 0 0 0; font-size: 30px;} .pagecasenum dl dd font{line-height:30px;display: block;color: #333;font-size: 20px; margin-top: 10px; text-align: center; } .pagecasenum dl dd a{ display: block; margin: 30px auto 0;} .pagenews{display: block; overflow: hidden; padding: 100px 0; position: relative; z-index: 9;} .pagenews dl{ margin: 0 auto; transition: all .3s; display: block; width: calc(100% - 200px); overflow: hidden; position: relative; background: #fff; padding: 70px 0;} .pagenews dl a{position: relative;} .pagenews dl a p{display: block; overflow: hidden; width: 40%; margin-left: 16%;} .pagenews dl a p img{ transition: all .3s; display: block; width: 100%;} .pagenews dl a .dates{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);} .pagenews dl a .dates span{ font-family: Montserrat-Bold; display: block; font-size: 40px; color: #333; line-height: 1em;} .pagenews dl a .dates font{font-family: Montserrat-Bold; display: block; color: #666; font-size: 20px; line-height: 1em; margin-top: 10px;} .pagenews dl a dd{ position: absolute; top: 0; right: 0; width: 38%;} .pagenews dl a dd strong{ display: block; color: #333; font-size: 32px; margin-bottom:20px; } .pagenews dl a dd font{ display: block; color: #666; font-size: 18px; line-height: 30px;} .pagenews dl:nth-child(2n){ background: #eee; } .pagenews dl:nth-child(2n) p{margin-left: 45%;} .pagenews dl:nth-child(2n) .dates{right: 0;} .pagenews dl:nth-child(2n) dd{ right: auto;} .pagenews dl a:hover p img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); } .pagenews dl:hover{ background: #ab1129; } .pagenews dl:hover a dd strong,.pagenews dl:hover a dd font,.pagenews dl:hover a .dates span,.pagenews dl:hover a .dates font{color:#fff;} .pagecasepicbg{ height: 100%; position: relative; width: calc(100% - 200px); margin: 0 auto; top: -50%; z-index: 9; } .pagecasepicbg .listed-wrap{ } .pagecasepicbg .listed-wrap .img-box{ position: absolute; left: 50%; top: 70%; width: 100%; height: 500px; transform: translate(-50%,-50%); z-index: 3;} .pagecasepicbg .listed-wrap .img-box .img{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-repeat: no-repeat; background-position: center; } .pagecasepicbg .listed-wrap .text-box{ position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); opacity: 1; z-index: 4;} .pagecasepicbg .listed-wrap .text-box h3{ display: block; text-align: center; color: #fff; font-size: 50px; font-weight: bold;} .pagecasepicbg .listed-wrap .text-box h4{ display: block; text-align: center; color: #fff; font-size: 24px;margin-top:20px; } .pagecasepicbg .fix { position: fixed; left: 0; top: 0; width: 100%; height: 100%;} .pagecase{position: relative; background: #fff; z-index: 9; padding:100px 0 50px; margin-top: 300px; } .pagecase .list{ display: flex; display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .pagecase .list li{ display: block; overflow: hidden; width: 32%; margin: 0 2% 50px 0;} .pagecase .list li:nth-child(3n){margin-right:0;} .pagecase .list li a,.pagecase .tptop li a{display: block;overflow: hidden;} .pagecase .list li a p,.pagecase .tptop li p{display: block;overflow: hidden;} .pagecase .list li a p img,.pagecase .tptop li p img{display: block;width: 100%;transition: all .3s;} .pagecase .list li a:hover p img,.pagecase .tptop li:hover p img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); } .pagecase .list li a .txt,.pagecase .tptop li .txt{ display: block; overflow: hidden; margin-top:16px;} .pagecase .list li a .txt span,.pagecase .tptop li .txt span{ display: block; float: left; font-weight: bold; font-size: 24px; line-height: 40px; margin-right: 20px; color: #333;} .pagecase .list li a .txt font,.pagecase .tptop li .txt font{ display: block; float: left; background: #ffe5e5; line-height: 40px; padding: 0 20px; color: #e20006; font-size: 16px;} .pagecase .more{ background: #eee; padding: 30px 0; display: block; overflow: hidden; } .pagecase .more a{ display: block; margin: 0 auto; width: 200px; color: #333; font-size: 20px; text-align: center; font-weight: bold;} .pagecase .more a:hover,.pagecase .list li:hover a .txt span,.pagecase .tptop li:hover .txt span{color:#e20006;} .pagecase .tptop{ position: relative; margin-bottom: 50px;} .pagecase .tptop li{width: calc(66% + 0px);} .pagecase .tptop li:nth-child(2){ position: absolute; width: 32%; top: 0; right: 0;height: 100%;} .pagecase .tptop li:nth-child(2) p{ position: absolute;width: 100%;height: calc(100% - 56px);} .pagecase .tptop li:nth-child(2) .txt{position: absolute; bottom: 0;} .pagecase .tptop li:nth-child(2) p img{position: absolute;width: 100%;height: 100%;} .pagecasenum{ background: url(../images/ny_al_bj2.jpg); background-size: cover; display: block; overflow: hidden; position: relative; z-index: 9; padding: 100px 0 300px;} .pagecasenum h3{ display: block; color: #333; font-size: 50px; font-weight: bold; margin-bottom:20px; text-align: center;} .pagecasenum h4{display: block; text-align: center; font-size: 30px; color: #333; line-height: 1em; margin-bottom: 250px;} .pagecasenum dl{ padding-bottom: 350px; position: relative;display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center; margin-top: 200px;} .pagecasenum dl dd:nth-child(2){ position: absolute; top: 0; left: 50%; display: block; overflow: hidden; z-index: 9; margin-left: -132px;} .pagecasenum dl dd strong{ text-align: center; display: block; overflow: hidden;} .pagecasenum dl dd .counter{font-family: Montserrat-Bold; font-size: 100px; font-weight: normal; color: #333; display: inline-block; line-height: 1em;} .pagecasenum dl dd e{display: inline-block; vertical-align: top; margin: 20px 0 0 0; font-size: 30px;} .pagecasenum dl dd font{line-height:30px;display: block;color: #333;font-size: 20px; margin-top: 10px; text-align: center; } .pagecasenum dl dd a{ display: block; margin: 30px auto 0;} .pagecasenum dl dt{ position: absolute; width: 600px; top: -180px; left: 50%; margin-left: -300px;} .pagecasenum dl dt img{ display: block; width: 100%; } .pagejobicon{ display: block; overflow: hidden; position: relative; z-index: 9; padding: 100px 0; background: #fff;} .pagejobicon h3{display: block; text-align: center; color: #333; font-weight: bold; font-size: 50px;} .pagejobicon h4{display: block; text-align: center; color: #666; margin-top: 20px; font-size: 24px;} .pagejobicon dl{ margin-top: 50px; position: relative; overflow: hidden; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center;} .pagejobicon dl dd{display: block; overflow: hidden; position: relative; z-index: 2; width: 260px;} .pagejobicon dl dd img{ display: block; width: auto; height: 60px; margin: 0 auto;} .pagejobicon dl dd strong{display: block; background: #fff; width: 160px; font-size: 36px; color: #333; text-align: center; font-weight: normal; margin: 40px auto; line-height: 1;} .pagejobicon dl dd font{ display: block; text-align: center; font-size: 18px; color: #666; line-height: 30px;} .pagejobicon dl:after{ content:""; position: absolute; width: calc(100% - 200px); height: 1px; border-bottom: 1px dashed #ccc; left: 100px; } .pagejob3txt .icenter h3{display: block; text-align: center; color: #333; font-weight: bold; font-size: 50px;} .pagejob3txt .icenter h4{display: block; text-align: center; color: #666; margin-top: 20px; font-size: 18px;} .pagejob3txt .icenter dl{margin-top: 30px; } .pagejob3txt .icenter dl dd .txt span{ font-family: Montserrat-Bold; text-align: center; font-size: 40px;} .pagejob3txt .icenter dl dd .txt font{ text-align: justify; width: 80%; margin: 30px auto; text-align-last: center; font-size: 18px;} .pagejobpicside{ display: block; overflow: hidden; width: calc(100% - 200px); margin: 0 auto; position: relative;} .pagejobpicside h3{ display: block; color: #c20015; font-size: 30px; margin-bottom: 30px; line-height: 1em;} .pagejobpicside .swiper-container04{} .pagejobpicside .swiper-container04 .swiper-slide img{ display: block; width: 100%;} .pagejobpicside .fa{cursor: pointer;display: block; position: absolute; top: 0; right:200px;} .pagejobpicside .fa img{ display: block; width: auto; height: 36px;} .pagejobpicside .swiper-button-next04{ right: 150px;} .pagejobbottomphots{ display: block; overflow: hidden; position: relative; z-index: 9; padding: 0 0 50px; background: #fff;} .pagejobbottomphots h3{ display: block; text-align: center; color: #333; font-weight: bold; font-size: 50px;} .pagejobbottomphots h4{display: block; text-align: center; color: #666; margin-top: 20px; font-size: 24px;} .pagejobbottomphots .more3{ display: block;margin: 30px auto 0; background: #ab1129; color: #fff;} .pagejobbottomphots .more3:hover{ background: #fff; color:#ab1129; } .pagejobbottomphots .icentert{ display: block; overflow: hidden; width: calc(100% - 200px); margin: 0 auto;} .pagejobbottomphots .swiper-container03 .swiper-slide img{ display: block; width:100%; } .pagejobbottomphots .picsides3{display: block;overflow: hidden;position: relative; margin: 28px 0 100px;} .pagejobbottomphots .picsides3 .fa{position: absolute; top: 50%; left: 0; z-index: 9; width: 50px; height: 50px; background:rgb(0 0 0 / 60%); cursor: pointer; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .pagejobbottomphots .picsides3 .swiper-button-next03{ left: auto; right: 0px;} .pagejobbottomphots .picsides3 .fa img{ display: block; width: auto; height: 40px; margin: 5px; filter: none; filter: grayscale(1) brightness(30);} .pagejobbottomphots .pictop3photos{ display: block; overflow: hidden; position: relative;margin-top: 30px;} .pagejobbottomphots .pictop3photos a{ width: calc(25% - 21px); display: block; overflow: hidden; float: left; position: relative;} .pagejobbottomphots .pictop3photos a:nth-child(3n){float: right; } .pagejobbottomphots .pictop3photos a img{display: block; width: 100%;transition: all .3s;} .pagejobbottomphots .pictop3photos a:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);} .pagejobbottomphots .pictop3photos a .fa{position: absolute; display: block !important; width: 50px; height: 50px; background: #fff; top: 50%; left: 50%; margin: -25px; border-radius: 50%; text-align: center; line-height: 50px; color: #e60019;} .pagejobbottomphots .pictop3photos a:hover .fa{ background: #e60019; color: #fff; } .pagejobbottomphots .pictop3photos .ny_zxns_td2{ position: absolute; width: calc(50% - 15px); height: 100%; left: calc(25% + 7.5px);} .pagevideolist{ display: block;overflow: hidden;padding: 100px 0 0;} .pagevideolist .icenter{} .pagevideolist dl{ margin-bottom: 50px; display: block; overflow: hidden; position: relative;} .pagevideolist dl .left{ display: block; overflow: hidden; float: left; width: 23%;} .pagevideolist dl .left strong{ display: block; font-size: 32px; line-height: 40px; color: #333; margin-bottom: 30px;} .pagevideolist dl .left span{font-family: Montserrat-Bold; display: block; color: #333; font-size: 18px;} .pagevideolist dl .right{ display: block; overflow: hidden; position: relative; float: right; width: 68%;} .pagevideolist dl .right .videoimg{ cursor: pointer; display: block; overflow: hidden; position: relative;} .pagevideolist dl .right .videoimg .imgbg{transition: all .3s; display: block;width: 100%;} .pagevideolist dl .right .videoimg:hover .imgbg{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);} .pagevideolist dl .right .videoimg .icon{ position: absolute; top: 50%; left: 50%; margin: -35px;} .pagevideolist dl .right .videoimg .iconvideo{ display: block !important; height: 70px;} .pagevideolist dl .right .dow{ display: block; width: 128px; border: 1px solid #ab1129; text-align: center; height: 45px; line-height: 45px; float: right;} .pagevideolist dl .right .dow span{color: #ab1129; font-size: 16px; margin-right: 5px;} .pagevideolist dl .right .dow .fa{ color: #ab1129; font-size: 18px;} .pagevideolist dl .right .dow:hover{background:#ab1129;} .pagevideolist dl .right .dow:hover span,.pagevideolist dl .right .dow:hover .fa{color:#fff;} .pagevideolist dl .right .videoimg iframe{ position: absolute;top: 0;right: 0;width: 100%;height: 100%;} .pagecontact{ display: block; overflow: hidden; position: relative; padding: 100px 0 50px; z-index: 9;} .pagecontact .icenter{} .pagecontact .icenter .left{ display: block; float: left; overflow: hidden; width: 50%;} .pagecontact .icenter .left h3{ display: block; color: #333; font-weight: bold; font-size: 36px; margin-bottom:50px;} .pagecontact .icenter .left p{ display: block; overflow: hidden; margin-bottom: 40px;} .pagecontact .icenter .left p img{ display: block; float: left; height: 20px; width: auto; margin-right: 5px;} .pagecontact .icenter .left p span{ display: block; float: left; color: #666; font-size: 16px; line-height: 20px;} .pagecontact .icenter .left p font{ display: block; float: left; width: 100%; font-size: 18px; color: #000; margin-top: 10px;} .pagecontact .icenter .left p font a{ display: block; float: left; width: 100%; font-size: 18px; color: #000; margin-top: 10px; } .pagecontact .icenter .left dd{ display: block; overflow: hidden; } .pagecontact .icenter .left dd p{float: left;} .pagecontact .icenter .left dt{ display: block; overflow: hidden; } .pagecontact .icenter .left dt .ewm{ position: relative; display: block; overflow: hidden; float: left; margin-right: 30px;} .pagecontact .icenter .left dt .ewm:hover .meng {display: none;} .pagecontact .icenter .left dt .ewm .meng { font-size: 16px; color: #666; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; background: rgba(255,255,255,.9); border: 1px solid #ddd; box-sizing: border-box;} .pagecontact .icenter .left dt .ewm .meng img { display: block; margin-bottom: 8px; width: 36px;} .pagecontact .icenter .left dt .ewm .img1{ display: block; width: 151px; height: auto;} .pagecontact .icenter .left dt .ewm .tt{ display: none; overflow: hidden; margin-top: 5px;} .pagecontact .icenter .left dt .ewm .tt .img2{display: block; float: left; width: auto; height: 20px; margin-right: 5px;} .pagecontact .icenter .left dt .ewm .tt span{ color: #666; display: block; float: left; font-size: 14px; line-height: 20px;} .pagecontact .rmaps{display: block;overflow: hidden;float: right;width:50%;position: relative;} .pagecontact .rmaps dl{display: block;overflow: hidden;position: relative;} .pagecontact .rmaps dl .ny_lxwm_map{ display: block;width: 100%;} .pagecontact .rmaps dl dd{ position: absolute;top: 35%;left: 34%;background: #ab1129; z-index: 3;padding: 20px;border-radius: 1em;box-shadow: 0 0 30px 0 rgba(0,0,0,.1);width: 30%;} .pagecontact .rmaps dl dd:hover img{transform: scale(1.1);} .pagecontact .rmaps dl dd a {overflow: hidden;} .pagecontact .rmaps dl dd .bao {overflow: hidden;} .pagecontact .rmaps dl dd img {transition: 0.5s;} .pagecontact .rmaps dl dd h3{ color: #fff;display: block;font-weight: bold;font-size: 14px;margin: 0 0 10px 0;} .pagecontact .rmaps dl dd img{ display: block; width: 100%;} .pagecontact .rmaps h6{position: absolute;right: 25%;top: 59%;width: 10px;height: 10px;background: #ab1129;border-radius: 50%;} .pagecontact .rmaps h6 strong{position: absolute; top: -15px; left: -15px; width: 60px; height: 60px; margin: -11px; border-radius: 50%; border: 1px solid #ab1129; z-index: 0;} .pagecontact .rmaps h6 span{position: absolute; top: -11px; left: -11px; width: 60px; height: 60px; margin: -15px; border-radius: 50%; border: 1px solid #ab1129; z-index: 0;} .pagecontact .rmaps h6 strong{-webkit-animation: ballScale 6s 0s linear infinite;-moz-animation: ballScale 6s 0s linear infinite;-ms-animation: ballScale 6s 0s linear infinite;animation: ballScale 6s 0s linear infinite;} .pagecontact .rmaps h6 span{-webkit-animation: ballScale02 12s 0s linear infinite;-moz-animation: ballScale02 12s 0s linear infinite;-ms-animation: ballScale02 12s 0s linear infinite;animation: ballScale02 12s 0s linear infinite;} @keyframes ballScale { 0% {-webkit-transform: scale(0);transform: scale(0);opacity: 1;} 100% {-webkit-transform: scale(1.1);transform: scale(1.1);opacity: 0; } } @keyframes ballScale02 { 0% {-webkit-transform: scale(0);transform: scale(0);opacity: 1;} 100% {-webkit-transform: scale(1.1);transform: scale(1.1);opacity: 0; } } .pagejoblistcc{ display: block; overflow: hidden; padding: 100px 0; background: #fff; z-index: 9; position: relative;} .pagejoblistcc h3{ display: block; text-align: center; color: #333; font-weight: bold; font-size: 50px;} .pagejoblistcc h4{ display: block; text-align: center; color: #666; margin-top: 20px; font-size: 24px;} .pagejoblistcc .icenter{ overflow: initial} .pagejoblistcc .pagelistdow{display: block;margin-top: 50px;} .pagejoblistcc .pagelistdow li{box-shadow: 1px 3px 20px 1px rgba(0,0,0,.08);margin-bottom: 30px;} .pagejoblistcc .pagelistdow li .join01gw{ cursor: pointer; display: block; overflow: hidden; padding: 40px 60px;} .pagejoblistcc .pagelistdow li .join01gw dd{ display: block; overflow: hidden; float: left;} .pagejoblistcc .pagelistdow li .join01gw dd span{display: block; color: #ab1129; font-weight: bold; font-size: 30px; margin-bottom: 5px;} .pagejoblistcc .pagelistdow li .join01gw dd p{ display: block; overflow: hidden; } .pagejoblistcc .pagelistdow li .join01gw dd p font{display: block; float: left; font-family: Montserrat-Bold; color: #666; line-height: 30px; margin-right: 20px; font-size: 18px;} .pagejoblistcc .pagelistdow li .join01gw .icon{ display: block; overflow: hidden; float: right;} .pagejoblistcc .pagelistdow li .join01gw .icon .fa{ display: block; float: left; font-size: 60px; color: #999;} .pagejoblistcc .pagelistdow li .join01gw .icon .fa-angle-up{ display: none; } .pagejoblistcc .pagelistdow li .on .icon .fa-angle-down{ display: none; } .pagejoblistcc .pagelistdow li .on .icon .fa-angle-up{ display: block; } .pagejoblistcc .pagelistdow li .join01info{ padding: 40px 0; border-top: 1px solid #ddd; width: calc(100% - 120px); display: block; margin: 0 auto;} .pagejoblistcc .pagelistdow li .join01info dd{display: block;overflow: hidden;margin-bottom: 30px;} .pagejoblistcc .pagelistdow li .join01info dd strong{ display: block; color: #333; font-weight: bold; font-size: 20px; margin-bottom:10px;} .pagejoblistcc .pagelistdow li .join01info dd p{ display: block; color: #666; font-size: 16px; line-height: 30px;} .pagejoblistcc .pagelistdow li .join01info dt{margin-top: 60px;border-top: 1px solid #ddd; padding-top: 30px; color: #333; font-size: 18px;} .pagejoblistcc .pagelistdow li .join01info dt a{font-family: Montserrat-Bold; color: #ab1129; } .pagejmthree{ display: block; overflow: hidden; background: url(../images/ny_jm_t3.jpg) fixed; background-size: cover; width: calc(100% - 200px); margin: 100px auto;} .pagejmthree span{ display: block; width: 50%; color: #fff; font-size: 40px; margin: 100px auto;text-align: justify; text-align-last: center;} .pagejmone{ display: block; overflow: hidden; position: relative; z-index: 9; padding: 100px 0; background: #fff;} .pagejmone .icenter{ padding: 50px 0; position: relative; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center;} .pagejmone .icenter dd{ display: block; width: 45%; overflow: hidden; margin: 0 0 0 5%;} .pagejmone .icenter dd span{ display: block; color: #333; font-size: 50px; font-weight: bold; line-height: 1em; margin-bottom: 30px;} .pagejmone .icenter dd font{ display: block; color: #666; font-size: 18px; line-height: 30px;} .pagejmone .icenter dt{ display: block; width: 45%; overflow: hidden; } .pagejmone .icenter dt img{display: block;width: 100%;} .pagejmone .icenter:after{ content: ''; position: absolute; width:70%; height: 100%; background: #eee; z-index: -1; } .pagejmtwo{ position: relative; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center; padding: 0; } .pagejmtwo p{ display: block; width: 25%; overflow: hidden;} .pagejmtwo p img{display: block;width: 100%;} .pagejmtwo dd{display: block; width: 70%; overflow: hidden;} .pagejmtwo dd span{ display: block; color: #333; font-size: 50px; font-weight: bold; line-height: 1em; margin-bottom: 30px;} .pagejmtwo dd font{ display: block; color: #666; font-size: 18px; line-height: 30px;} .pagejmbottom{ display: block; overflow: hidden; position: relative; z-index: 9; /* padding: 0 0 100px; */} .pagejmbottom .left{ display: block; overflow: hidden; float: left; width: 70%;} .pagejmbottom .left .wpcf7-form{} .pagejmbottom .left .wpcf7-form dl{display: block; overflow: hidden; margin-bottom: 20px; float: left; width: 49%;} .pagejmbottom .left .wpcf7-form dl:nth-child(2n){float: right; } .pagejmbottom .left .wpcf7-form .btt{ width:100%;} .pagejmbottom .left .wpcf7-form dl dt{display: block; margin-bottom: 5px; font-size: 18px; color: #333;} .pagejmbottom .left .wpcf7-form dl dt font{ color: #ab1129; font-size: 20px; line-height: 20px; } .pagejmbottom .left .wpcf7-form dl p{} .pagejmbottom .left .wpcf7-form dl p span{} .pagejmbottom .left .wpcf7-form dl p input{ display: block; width: 100%; border: 0; background: #f5f5f5; height: 50px; line-height: 50px; text-indent: 1em;} .pagejmbottom .left .wpcf7-form dl p textarea{ display: block; width: 100%; border: 0; background: #f5f5f5; height:120px; line-height: 50px; text-indent: 1em;} .pagejmbottom .left .wpcf7-form .more{ display: block; width: 180px; text-align: center; height: 50px; border-radius: 2em; border: 0; background: #ab1129; color: #fff; font-size: 20px; font-weight: bold; cursor: pointer; margin-top: 30px;} .screen-reader-response{display: none;} .pagejmbottom .left .wpcf7-form dl p span{ display: block;position: relative; overflow: hidden; } .pagejmbottom .left .wpcf7-form dl p span span{ color: #e60019; position: absolute; right: 10px; bottom: 0; z-index: 9; line-height: 40px; letter-spacing: 0; font-size: 14px; font-weight: bold;}.wpcf7-response-output,.wpcf7-validation-errors{ color: #e60019; display: block; font-weight: bold; letter-spacing: 0; margin-top: 30px; font-size: 16px; } .pagejmbottom .right{ display: block; overflow: hidden; float: right;} .pagejmbottom .right p{ display: block; overflow: hidden; margin-bottom: 30px;} .pagejmbottom .right p img{display: block; width: auto; height: 20px; float: left; margin-right: 10px;} .pagejmbottom .right p span{ display: block; float: left; width: auto; line-height: 20px; color: #666; font-size: 18px;} .pagejmbottom .right p font{ display: block; float: left; width: 100%; font-size: 24px; color: #333; font-family: Montserrat-Bold; margin-top: 10px;} .pagejmbottom .right p font a{ display: block; float: left; width: 100%; font-size: 24px; color: #333; font-family: Montserrat-Bold; margin-top: 10px;} .pagejmbottom h6{ display: block; margin-bottom: 30px; overflow: hidden; font-size: 50px; color: #333; font-weight: bold;} .pagejmbottombg{ display: block; overflow: hidden; position: relative; z-index: 9; background: #fff; padding: 100px 0 50px; margin-top: 300px;} .newshowtt{ display: block; overflow: hidden; background: #f5f5f5; padding: 100px 0; width: calc(100% - 200px); margin: 100px auto;} .newshowtt dd{ display: block; width: 900px; margin: 0 auto; overflow: hidden;} .newshowtt dd strong{ display: block; color: #333; font-size: 40px; line-height: 1em; margin-bottom: 20px;} .newshowtt dd p{ display: block; overflow: hidden; } .newshowtt dd p span{font-family: Montserrat-Bold; display: block; float: left; color: #666; margin: 0 30px 0 0; line-height: 30px;} .newshowtxt{ display: block; overflow: hidden; width: 900px; margin: 0 auto 100px;} .newshowtxt p{ display: block; color: #333; font-size: 18px; line-height: 30px; margin-bottom: 20px;} .newshowtxt img{ display: block; width: auto; max-width: 100%; margin: auto; height: auto;} .sxy{ display: block; overflow: hidden; margin-top: 80px; border-top: 1px solid #ddd; } .sxy a{ display: block; color: #666; border-bottom: 1px solid #ddd; padding: 16px 0; font-size: 18px;} .bottomfx{display: block;margin-top: 30px;} .bottomfx dt a{ display: block; width: 120px; height: 40px; border: 1px solid #ab1129; text-align: center; line-height: 40px; color: #ab1129; float: right; font-size: 16px;} .bottomfx dt a:hover{ color: #fff; background: #ab1129;} .bottomfx dd{} .bottomfx dd span{display: block; float: left; font-size: 20px; line-height: 40px; margin-right: 20px;} .bottomfx dd .fx{ display: block;float: left;} .bottomfx dd .fx a{ display: block; width: 40px; height: 40px; text-align: center; line-height: 40px; background: #eee; border-radius: 50%; color: #333; float: left; margin-right: 10px;} .bottomfx dd .fx a:hover{color: #fff; background: #ab1129;} .navto{transition: all .2s; position: fixed; width: 100%; height: auto; top: 100px; border-top: 1px solid #eee; left: 0; background: #fff; z-index: 999; display: block; padding: 30px 0; box-shadow: 0px 13px 20px 1px rgba(0,0,0,.1); opacity: 0; visibility: hidden;} .navto p{ display: block; overflow: hidden; width: 30%; border-right: 1px solid #eee; padding-right: 3%;} .navto p img{ display: block; width: 100%;} .navto h4{ display: block; overflow: hidden; width: 65%; } .navto h4 a{ display: block; float: left; color: #666; font-weight: bold; font-size: 16px; padding: 10px 50px; border: 1px solid #ddd; margin-right: 20px; border-radius: 2em; margin-bottom: 20px;} .navto h4 a:hover{ color:#ab1129; border: 1px solid #ab1129; } .icenternav .navpc dd:hover .navto{ opacity: 1; visibility: visible;} .icenternav .navpc dd .navto{} .icenternav .navpc dd .navto .icenter{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center;} .icenternav .navpc dd:hover h3 a{color:#ab1129; } .pagecasepicbg2{top:auto; overflow: hidden; } .pagecasepicbg2 .listed-wrap .text-box h4{ font-size: 40px; width: 1200px; line-height:50px; margin: 0 auto;} .pagecasepicbg3{top:-200px; } .pagecasepicbg3 .listed-wrap .text-box h3{margin-bottom:30px;} .pagecasepicbg3 .listed-wrap .text-box h4{ font-size: 24px;} .prolistpicbg{ top: -100px;} .prolistpicbg .listed-wrap .text-box{ width:1000px; left: 50%; margin-left: -500px; } .pagecasepicbg .listed-wrap .text-box h4{ line-height: 55px; } .prolistcase{ padding: 100px 0 0;} .prolistcase .cctt{margin-bottom: 30px;} .prolistcase .cctt h3{ display: block; float: left; font-size: 40px; font-weight: bold; color: #333;} .prolistcase .cctt a{float: right;} .prolistcontact{ display: block; overflow: hidden; padding: 60px 0 80px; position: relative; z-index: 9;} .prolistcontact .icenter{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center;} .prolistcontact .icenter dd{display:block; width:calc(32% - 60px);padding:30px;background:#df0107;overflow:hidden;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;-webkit-align-items: center;} .prolistcontact .icenter dd:nth-child(2){background:#000;} .prolistcontact .icenter dd:nth-child(3){background:#727171;} .prolistcontact .icenter dd p{display: block; overflow: hidden; } .prolistcontact .icenter dd p span{ display: block; font-size: 18px; color: #fff; line-height: 1em; margin-bottom: 10px;} .prolistcontact .icenter dd p font{ font-family: Montserrat-Bold; color: #fff; font-size: 30px; display: block; line-height: 30px;} .prolistcontact .icenter dd p font a {font-family: Montserrat-Bold; color: #fff; font-size: 30px; display: block; line-height: 30px;} .prolistcontact .icenter dd img{display: block;height:40px;width: auto;} .prolistcontact .icenter dd:nth-child(3) p font{font-size: 22px;} .prolistcontact h3{ font-size: 40px; font-weight: bold; color: #333; margin-bottom: 30px;} .pageprovideolist{position: relative; z-index: 9; background: #fff;} .pageprovideolist h3{ display: block; overflow: hidden; font-size: 40px; font-weight: bold; color: #333; margin-bottom: 30px;} .pageprovideolist dl{ background: #f8f8f8; padding: 30px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center;} .pageprovideolist dl .left{ width: 60%;} .pageprovideolist dl .right{width: 35%;} .pageprovideolist dl .left span{ color: #666; margin-bottom: 16px;} .pageprovideolist dl .left .dow{ display: block; width: 138px; border: 1px solid #ab1129; text-align: center; height: 45px; line-height: 45px; } .pageprovideolist dl .left .dow span{color: #ab1129; font-size: 16px; margin-right: 5px; margin-bottom: 0; display: inline-block;} .pageprovideolist dl .left .dow .fa{ color: #ab1129; font-size: 18px;} .pageprovideolist dl .left .dow:hover{background:#ab1129;} .pageprovideolist dl .left .dow:hover span,.pageprovideolist dl .left .dow:hover .fa{color:#fff;} .more2a{ background: #ab1129; color: #fff; } .more2a:hover{ background: #fff; color: #ab1129; } .prolistcenterpic{position: relative; z-index: 10; display: block; overflow: hidden; padding: 100px 0 0; background: #fff; height: fit-content;} .prolistcenterpic .icenter{position: relative; display: block; overflow: hidden;} .prolistcenterpic .mySwiper2{ display: block; overflow: hidden; margin-bottom: 50px; } .prolistcenterpic .mySwiper2 .swiper-slide{display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center;} .prolistcenterpic .mySwiper2 .swiper-slide p{ display: block; overflow: hidden; width:50%; } .prolistcenterpic .mySwiper2 .swiper-slide p img,.prolistcenterpic .mySwiper .swiper-slide img{ display: block; width: 100%; } .prolistcenterpic .mySwiper2 .swiper-slide dl{ display: block; width: 45%; overflow: hidden;} .prolistcenterpic .mySwiper2 .swiper-slide dl dd{display: block; overflow: hidden;} .prolistcenterpic .mySwiper2 .swiper-slide dl dd h3{ display: block; overflow: hidden; margin-bottom: 30px; float: left; } .prolistcenterpic .mySwiper2 .swiper-slide dl dd h3 strong{ display: block; color: #333; font-size: 40px; line-height: 1em; margin-bottom: 10px;} .prolistcenterpic .mySwiper2 .swiper-slide dl dd h3 span{ font-family: Montserrat-Bold; font-size: 20px; color: #333; line-height: 1em;} .prolistcenterpic .mySwiper2 .swiper-slide dl dd img{ display: block; float: left; margin-left: 30px;} .prolistcenterpic .mySwiper2 .swiper-slide dl font{ display: block; color: #333; font-size: 18px; line-height: 30px; padding: 30px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 30px;} .prolistcenterpic .mySwiper2 .swiper-slide dl dt{display: block; overflow: hidden;} .prolistcenterpic .mySwiper2 .swiper-slide dl dt a{ float: left; margin-right: 30px; width: 150px; font-size: 14px; font-weight: bold; font-family: Montserrat-Bold;} .prolistcenterpic .mySwiper2 .fa{ background: none; width: 50px; text-align: center; line-height: 50px; height: 50px; background: rgb(0 0 0 / 0.5); color: #fff; top: auto; position: absolute; left: 0; bottom: 26px; border-radius: 6px;} .prolistcenterpic .mySwiper2 .fa-long-arrow-right{ right: 0; left: auto;} .prolistcenterpic .mySwiper{display: block;overflow: hidden;padding: 0 ; width: calc(100% - 200px); margin: 0 auto;} .prolistcenterpic .mySwiper .swiper-slide p{ cursor: pointer; border: 2px solid #ddd; display: block; overflow: hidden; } .prolistcenterpic .mySwiper .swiper-slide-thumb-active p{ border: 2px solid #ab1129; } .pagecasejmbg{ margin-top: -100px;} .proshowvideo dl .left .dow{ display: block; width: 128px; border: 1px solid #ab1129; text-align: center; height: 45px; line-height: 45px; margin-top: 30px; } .proshowvideo dl .left .dow span{color: #ab1129; font-size: 16px; margin-right: 5px; margin-bottom: 0; display: inline-block;} .proshowvideo dl .left .dow .fa{ color: #ab1129; font-size: 18px;} .proshowvideo dl .left .dow:hover{background:#ab1129;} .proshowvideo dl .left .dow:hover span,.proshowvideo dl .left .dow:hover .fa{color:#fff;} .proshowpicside{ display: block; overflow: hidden; position: relative; z-index: 9; background: #fff; padding: 20px 0 20px;} .proshowpicside .icenter{ display: block; overflow: hidden; position: relative; } .proshowpicside .icenter .fa{ cursor: pointer; position: absolute; top: 0; right: 0;} .proshowpicside .icenter .swiper-button-prev02a{right: 50px;} .proshowpicside .icenter .fa img{ display: block;width: auto;height: 36px;} .proshowpicside h3{ display: block; font-size: 40px; font-weight: bold; color: #333; margin-bottom: 30px;} .proshowpicside .swiper-container02a .swiper-slide{} .proshowpicside .swiper-container02a .swiper-slide p{display: block; overflow: hidden; } .proshowpicside .swiper-container02a .swiper-slide p img{display: block; width: 100%; transition: all .3s;} .proshowpicside .swiper-container02a .swiper-slide:hover p img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); } .proshowpicside .swiper-container02a .swiper-slide h4{ display: block; overflow: hidden; padding: 40px; background: #fafafa;} .proshowpicside .swiper-container02a .swiper-slide h4 strong{ display: block; font-size: 24px; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 20px; color: #333;} .proshowpicside .swiper-container02a .swiper-slide:hover h4 strong{ color:#ab1129; } .proshowpicside .swiper-container02a .swiper-slide h4 span{ display: block; font-size: 18px; line-height: 30px; color: #666; margin-bottom: 40px;} .proshownum{display: block; overflow: hidden; position: relative; z-index: 9; background: #fff; padding: 100px 0 80px;} .proshownum h3{display: block; font-size: 40px; font-weight: bold; color: #333; margin-bottom: 30px;} .proshownum dl img{ display: block; width: 100%;} .proshowcenter{ display: block; overflow: hidden; margin-top: 200px;} .proshowcenter .icenter{} .proshowcenter .icenter dd{ display: block;overflow: hidden;} .proshowcenter .icenter dd h3{ display: block; overflow: hidden; margin-bottom: 30px; float: left;} .proshowcenter .icenter dd h3 strong{ display: block; color: #333; font-size: 40px; line-height: 1em; margin-bottom: 10px;} .proshowcenter .icenter dd h3 span{ font-family: Montserrat-Bold; font-size: 20px; color: #333; line-height: 1em;} .proshowcenter .icenter dd img{ display: block; float: left; margin-left: 30px;} .proshowcenter .icenter .picicenter{} .proshowcenter .icenter .picicenter .left{ position: relative; display: block; overflow: hidden; float: left; width: 68%;} .proshowcenter .icenter .picicenter .left .swiper-container01a .swiper-slide img{ display: block; width:100%; } .proshowcenter .icenter .picicenter .left .fa{ cursor: pointer; opacity: 1; position: absolute; bottom: 0; right: 0; width: 50px; height: 50px; z-index: 2; background: rgb(0 0 0 / 0.5); color: #fff; text-align: center; line-height: 50px; font-size: 30px;} .proshowcenter .icenter .picicenter .left .fa-angle-left{ right: 51px;} .proshowcenter .icenter .picicenter .left .fa:hover{background:#ab1129; } .proshowcenter .icenter .picicenter .right{ display: block; float: right; width: 25%; margin-top: 50px;} .proshowcenter .icenter .picicenter .right .lineshare{display: block; } .proshowcenter .icenter .picicenter .right .lineshare h4{ display: block; overflow: hidden; margin-bottom:30px;} .proshowcenter .icenter .picicenter .right .lineshare h4 .fa{display: block; font-size: 40px; color: #ab1129; margin-right: 20px; float: left;} .proshowcenter .icenter .picicenter .right .lineshare h4 span{display: block; line-height: 40px; color: #ab1129; font-size: 20px;} .proshowcenter .icenter .picicenter .right .lineshare .fx{display: block; display: flex; } .proshowcenter .icenter .picicenter .right .lineshare .fx a{ color: #999; font-size: 26px; margin-right: 20px; display: block;} .proshowcenter .icenter .picicenter .right .lineshare .fx a:hover{color: #ab1129; } .proshowcenter .icenter .picicenter .right strong{ display: block; font-size: 18px; border-top: 1px solid #ddd; padding-top: 20px; margin: 50px 0 50px; font-weight: normal;color: #333; line-height: 30px;} .proshowcenter .icenter .picicenter .right dt{} .proshowcenter .icenter .picicenter .right dt a{ width: calc(100% - 2px); margin-top: 15px;} .proshowtable{display: block; overflow: hidden; position: relative; z-index: 9; background: #fff; padding: 100px 0 20px;} .proshowtable .topa{ display: block; overflow: hidden; margin-bottom: 50px;} .proshowtable .topa a{ margin-bottom: 10px; width: auto; padding: 3px 20px; cursor:pointer;display:block; float:left; border:1px solid #ddd; text-align:center; border-radius:2em; height:40px; line-height:40px; font-weight:bold; font-family:Montserrat-Bold; color:#666; font-size:18px; margin-right: 10px;} .proshowtable .topa a:hover{ color:#ab1129; border: 1px solid #ab1129;} .proshowtable .topa .active,.proshowtable .topa .active:hover{ background: #ab1129; color: #fff; border: 1px solid #ab1129;} .proshowtable .into{ display: block; overflow: hidden;} .proshowtable .into h4{ display: block; font-family: Montserrat-Bold; font-weight: bold; font-size: 40px; color: #333; line-height: 1em; margin-bottom: 30px;} .proshowtable .into .txtcenter{ display: block; overflow: hidden; border-bottom: 1px solid #eee;} .proshowtable .into .txtcenter p{ border-top: 1px solid #eee; position: relative; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center;} .proshowtable .into .txtcenter p span{ padding: 30px 0; margin-right: 5%; display: block; background: #e0e0e0; width: 150px; text-align: center; font-size: 18px;font-weight: bold;color: #333; float: left;} .proshowtable .into .txtcenter p font{ padding: 30px 0; display: block; width: calc(95% - 150px); overflow: hidden; float: right; font-size: 16px;color: #666;line-height: 30px;} .proshowtable .into .txtcenter p:after{ content:""; position: absolute; background: #e0e0e0; width: 150px; height: 100%; z-index: -1; bottom: 0; left: 0; } /* fu */ .fu { box-shadow: 0 0 2px #ddd; cursor: pointer; z-index: 999; display: none; align-items: center; justify-content: center;border-radius: 5px; position: fixed;right: 0px; bottom: 489px;width: 90px;height: 90px;background-color: #e30007;box-shadow: 4px 4px 20px 10px rgb(7 64 121 / 5%);} .fu img {width: 40px;margin-bottom: 5px;} .fu span {font-size: 16px;color: #fff;} .fu .box {flex-direction: column; display: flex;align-items: center;justify-content: center;} .fu_box { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 9999; background-color: rgba(0,0,0,0.9); display: none;justify-content: center;align-items: center;} .fu_box .content {background-color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 90px 80px; box-sizing: border-box; position: relative; border-radius: 10px; width: 53%; height: 46%; } .fu_box .content .close { cursor: pointer; transition: 0.3s; position: absolute; right: -64px; top: -58px;} .fu_box .content .close img {width: 56px;} .fu_box .content .close:hover {transform: rotate(135deg);} .fu_box .content .left {width: 42%;} .fu_box .content .left img {width: 234px;margin-bottom: 30px;} .fu_box .content .left dd {margin-bottom: 30px;} .fu_box .content .left dd h3 {font-size: 20px;color: #666666;} .fu_box .content .left dd h4 {font-size: 40px;color: #333333;font-family: arial;} .fu_box .content .left dd h4 a {font-size: 40px;color: #333333;font-family: arial;} .fu_box .content .left dd:last-child {margin-bottom: 0px;} .fu_box .content .right {width: 43%;display: flex;justify-content: space-around;} .fu_box .content .right .box {width: 41%;position: relative; border: 1px solid #ddd;} .fu_box .content .right .box img {width: 100%; } .fu_box .content .right .box span { font-size: 20px; color: #666666; margin-top: 5px; text-align: center; width: 100%; display:none;} .fu_box .content .right .box:hover .meng{display: none;} .fu_box .content .right .box .meng { font-size: 16px; color: #666; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; background: rgba(255,255,255,.9); box-sizing: border-box;} .fu_box .content .right .box .meng img { display: block; margin-bottom: 8px; width: 36px; border: none;} /* qq */ .fu_box2{ box-shadow: 0 0 2px #ddd; cursor: pointer; z-index: 999; display: none; align-items: center; justify-content: center; border-radius: 5px; position: fixed; right: 0px; bottom: 396px; width: 90px; height: 90px; background-color: #e30007; box-shadow: 4px 4px 20px 10px rgb(7 64 121 / 5%);} .fu_box2 ul { width: 90px; height: 90px; background-color: #e30007; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 1px;border-radius: 6px;} .fu_box2 ul a{flex-direction: column; display: flex; align-items: center; justify-content: center;} .fu_box2 ul a span{font-size: 16px; color: #FFF;} .fu_box2 img{ width: 30px; margin-bottom: 5px;} @media only screen and (max-width:1600px ) { .icenternav .navpc dd h3 a{ line-height: 80px;} .navto{top:80px; } .more1,.more3{width: 120px; height: 36px; line-height: 36px; font-size: 12px;} .navto h4 a{ font-size: 14px; font-weight: normal; padding: 6px 30px;} .navto p{ width:25%;} .navto h4{ width:70%;} .icenter,.homepro .content{width: 1100px;} .footer .bottom .left span{margin-right: 20px;} .footer .bottom .left span a,.footer .bottom .right .fx a,.footer .top dd h4,.icenternav .navpc dd h3 a{font-size:16px;} .innews dl dd .list a .left strong,.innews dl dt a .left span,#certify .swiper-slide p,.hometech .icenter .left h3,.hometech .icenter .right dl dd font{font-size:20px;} .footer .bottom .right .txtfb h4 a,.footer .bottom .right .txtfb h3,.innews dl dd .list a .left .time span,.innews dl dt a .right font,.hometech .icenter .right dl dd span{font-size:12px;} .footer .top dd h3,.innews h3,.innews dl dd h4 font,.innews dl dd h4 span,.innews dl dt a .right span,.inlogos h3,.incase h3,.hometech .icenter .left h4,.hometech .icenter .right strong{font-size:30px; } .footer .bottom{ padding: 20px 0 0 0; margin: 20px 0 0 0;} .footer{ margin: 30px auto;} .footer .top dt form{ width:400px; } .footer .top dt form input{ height: 36px;} .footer .top dt form button{height: 36px;width: 60px; font-size: 16px;} .homepicbottom .icenter dd{margin-left: 0;} .homepicbottom{padding: 100px 0;} .homepicbottom .txt h3{ font-size: 40px;} .homepicbottom .txt h4{ font-size: 20px; margin: 10px 0;} .homepicbottom .txt{ width:90%; } .innews{ padding: 50px 0 70px;} .footerct { padding-top: 60px;} .innews dl dd .list a,.innews dl dt a{ padding: 0 0 20px 0; margin: 0 0 20px 0;} .innews dl dd .list{ padding: 30px 50px;} /* #certify .swiper-slide,#certify .swiper-slide-active{margin:0; width:500px;} */ #certify .swiper-button-preval, #certify .swiper-button-nextal,.homepro .next, .prev{ width: 36px;height: 36px;line-height: 36px;} .hometech .icenter .right{padding: 30px 0;} .hometech .icenter .right dl dd p{width: 50px;height: 50px;} .hometech .icenter .right dl dd p img{height: 30px;margin: 10px auto;} .hometech .icenter .right strong{margin-bottom:30px; } .icenternav{width: calc(100% - 100px);} .icenternav .navpc dd{ padding: 0 20px;} .pch .logo img{ height:40px; } .icenternav .rightnav a{} .icenternav .rightnav span{} .pch,.icenternav{ height:80px; } .banner{ margin:80px 0 0 0; height: calc(100% - 80px); } .banner .txt .sy_bannerwz{ margin-bottom: 20px; height: 60px;} .banner .txt dl dd h3{ font-size: 36px;} .banner .txt dl dd h4{ font-size: 26px;} .banner .txt{ left: 50px;bottom: 80px;width: calc(100% - 200px);} .banner .txt dl{ padding: 20px 0 0 0; } .banner .txt dl dt a{width: 40px;font-size: 16px;height: 40px; line-height: 40px;} .banner .bg dd a{ width: 36px; height: 36px;} .banner .bg dd a img{height: 26px;margin: 4px auto;} .homepro{ padding: 50px 0 60px;} .homepro .product-img{height:460px;} .homepro .product-img__item p{ width:460px;height:460px;} .homepro .product-img__item dd,.homepro .product-img__item dd .dd2{ width:150px;height:150px; } .homepro .product-img__item dd .dd1{ height: 80px;} .homepro .wrapper {overflow: unset;} .homepro .product-slider__content,.homepro .lr{ width: calc(100% - 550px);} .homepro .content .prott{ width: calc(100% - 500px); margin:50px 0 30px;} .homepro .content .prott h3{font-size: 20px;margin-left: 50px;} .homepro .content .prott h4{font-size: 40px;} .homepro .product-slider__title{font-size: 30px;margin-bottom: 10px;} .homepro .product-slider__price{ font-size:14px; line-height: 26px; } .homepro .product-ctr{ margin-top: 20px; } .hometech .icenter .left .imggg a{ width: calc(100% - 180px); margin: 0 0 0 180px; } .hometech .icenter .left .imggg .videos .vclose img{ width: 30px; height: 30px; top: calc(20% - 30px); right: calc(20% - 30px);} .hometech .icenter .left .imggg a dd .dd2{ width: 80px; margin: -40px;} .pagebanner{ height: calc(50vw - 80px);top: 80px;} .mc_bs3_videobox dt{ top: 80px;} .mc_bs3_videobox dt h3,.he_syp2 .txt h3,.pageabout3brand .icenter h3,.pageaboutvideo dl dd span,.pageaboutech h3,.pageaboutjzg h3,.pageaboutjzg .atclist .attipbottom .atdn .txt h4,.mapspageabout h3,.pageaboutlogopic dl span,.pageyearsbottom h3,.pagezspic .left span{font-size:30px; } .pageabout3brand .icenter dl dd .txt span,.pageyearsbottom dl a span strong{font-size:20px; } .mc_bs3_videobox dt h4,.he_syp2 .txt h4{ margin: 20px 0; font-size: 20px;} .mc_bs3_videobox dt h5,.he_syp2 .txt h5,.pageabout3brand .icenter h4,.pageabout3brand .icenter dl dd .txt font,.pageaboutech h4,.pageaboutjzg .atclist .attipbottom .atdn .txt h5,.mapspageabout h4,.pagezspic .left font,.pageaboutlogopic dl font,.m2lcItems li .m2lc_item .m2lc_des p,.pageyearsbottom dl a span font{ font-size: 14px; line-height: 20px;} .he_syp2 .txt img{height: 80px;} .he_syp2 .txt h3{margin-bottom: 10px;} .he_syp2 .txt h5{ margin: 20px auto;} .pageabout3brand .icenter dl dd .txt font{ min-height: 60px; margin: 20px 0;} .pageabout3brand .icenter dl dd .txt img{height:30px; } .pageaboutech dl dd h5 span{font-size:18px; } .pageaboutjzg .atclist .attoptt a{ font-size: 14px; height: 30px; line-height: 30px; width: 120px; margin: 0 5px;} .pageaboutjzg .atclist .attoptt{ margin: 30px 0;} .pageaboutjzg .atclist .attipbottom .fzicon span{ width: 120px; height: 120px; right: -50px; bottom: -50px;} .pageaboutjzg .atclist .attipbottom .fzicon img{ height: 120px; top: -40px; left: -40px;} .pageaboutjzg .atclist .attipbottom .atdn .txt strong{margin:20px 0; } .pageaboutjzg .atclist .attipbottom .atdn .txt strong font{ width: 24px; height: 1px;} .mapspageabout h5,.mapspageabout h6{ font-size:20px; } .mapspageabout dl{ width:960px; } .mapspageabout dl .line{ opacity: 1; width: 100px; height: 100px;border: 1px dashed #e60019;} .pageaboutlogopic dl{ width: calc(100% - 100px);} .listlogo .icenter{ top: -50px; width: 1000px;} .m2lcYears{ width: 1100px; margin-left: -550px;} .m2lcYr{ font-size: 150px;} .m2lcYr span{ font-size: 20px; bottom: 180px;} .m2lcItems li{padding-left: 500px; margin-bottom: 50px; } .m2lcItems li .m2lc_item{padding-bottom:50px;} .m2lcItems li .m2lc_item .m2lc_yt{ margin-bottom: 10px;} .m2lcItems li .m2lc_item .m2lc_des dd{margin: 30px 0 50px;} .honormin a p .it{max-height: 80%;} .honormin a span{ font-size: 18px; margin: 10px 0 0 0;} .pagezspic{ width: calc(100% - 100px);} .pagezsprobottom a p{ margin: 0 10px 0 0;} .pagezsprobottom a p img{ height: 60px;} .pagezsprobottom a h3 span{ font-size: 18px;} .pagezsprobottom a h3 font{width: 30px; margin: 8px 0;} .pagezsprobottom a{ width: calc(32% - 40px); padding: 30px 20px;} .pagezsprobottom a h3 strong,.m2lcItems li .m2lc_item .m2lc_yt{font-size:20px;} .pagebanner .bgimg{ width: calc(100% - 80px); height: calc(100% - 80px);left: 50px;} .pagebanner .txt{bottom: 40px;} .pagebanner .txt h4{font-size: 30px;} .gd{height:80px;} .mapspageabout dl .line{ width: 150px; height: 150px; transition: all 0.8s linear 0s;-webkit-transition: all 0.8s linear 0s; } .mapspageabout dl .sax .line{ width: 100px; height: 100px; } .pagecontact .icenter .left h3,.pagejmone .icenter dd span,.pagejmtwo dd span,.pagejmbottom h6,.pagejobicon h3,.pagejobicon dl dd strong,.pagejobbottomphots h3,.pagejoblistcc h3,.pagejoblistcc .pagelistdow li .join01gw .icon .fa,.pagenews dl a .dates span,.newshowtt dd strong{ font-size: 30px;} .pagejmbottom .right p font,.pagejobicon h4,.pagejobbottomphots h4,.pagejoblistcc h4,.pagejoblistcc .pagelistdow li .join01gw dd span,.pagenews dl a dd strong,.pagevideolist dl .left strong{font-size:20px; } .pagecontact .icenter .left p font,.pagecontact .icenter .left p span,.pagejmone .icenter dd font,.pagejmtwo dd font,.pagejmbottom .left .wpcf7-form dl dt,.pagenews dl a .dates font,.pagenews dl a dd font,.pagejoblistcc .pagelistdow li .join01info dt,.pagejoblistcc .pagelistdow li .join01info dd p,.pagejoblistcc .pagelistdow li .join01info dd strong,.pagejmbottom .right p span,.pagejobicon dl dd font,.pagejoblistcc .pagelistdow li .join01gw dd p font,.pagevideolist dl .left span,.pagevideolist dl .right .dow span{font-size:14px;} .pagecontact .icenter .left dt .ewm .tt span,.pagecontact .rmaps dl dd h3{font-size:12px;} .pagecontact .icenter .left p{margin-bottom:20px;} .pagecontact .icenter .left dt .ewm .img1{ height: auto; width: 100px; } .pagecontact .icenter .left h3{ margin-bottom:30px; } .pagecontact .rmaps dl dd{left:26%; width:34%; } .pagecasepicbg,.pagejobpicside{ width: 1100px;} .pagecasepicbg2 .listed-wrap .text-box h4{ width:80%;font-size:30px;} .pagejmbottom .left .wpcf7-form dl p input,.pagejmbottom .left .wpcf7-form .more{ height:40px; line-height:40px;font-size: 14px; } .pagejmbottom .left{width:65%;} .pagejmbottom .right{width:30%;} .pagejmbottombg{ padding: 100px 0 0;} .pagejmbottom .left .wpcf7-form dl p textarea{height:80px;} .pagejobicon dl dd strong{margin:20px auto; } .pagejobicon dl dd{width:200px;} .pagejobpicside .fa{ right: 100px;} .pagejobpicside .swiper-button-next04{right:50px;} .pagejob3txt .icenter dl dd .txt font{width: 100%;} .pagejoblistcc .pagelistdow li .join01gw{ padding: 20px 40px; } .pagejoblistcc .pagelistdow li .join01info{ padding: 20px 0; width: calc(100% - 80px);} .pagenews dl a p{ width: 35%;} .pagenews dl a .dates{left:3%;} .pagenews dl a dd{right:3%; width: 40%; } .pagenews dl{width:calc(100% - 100px);padding: 70px 0;} .pagenews dl:nth-child(2n) p{ margin-left: 48%; } .pagenews dl:nth-child(2n) .dates{ right: 3%; left: auto;} .pagenews dl:nth-child(2n) dd{ right: auto; left: 3%;} .newshowtt{ width: calc(100% - 100px); padding: 50px 0; margin: 100px auto 50px;} .newshowtxt p{font-size:14px; line-height:24px; } .pagevideolist dl .right{ width: 63%;} .pageprovideolist dl .right{width: 35%;} .proshowvideo dl .right { width: 63%;} .pagevideolist dl .left{ width: 30%;} .pagevideolist dl .right .dow{ height: 40px; line-height: 40px;} .pagevideolist dl .left strong,.pagecasenum h3,.pagecasepicbg .listed-wrap .text-box h3{ font-size: 30px;} .pagecasenum dl dd font{font-size:14px;} .pagecasenum h4,.pagecasepicbg .listed-wrap .text-box h4{font-size:20px;} .pagecasenum dl dd .counter{ font-size: 70px;} .pagecasenum dl dt{ width: 400px; top: -120px; left: 47%; margin-left: -200px;} .pagecasenum h4{ margin-bottom: 200px;} .pagecasenum dl{ padding-bottom: 200px;} .pagecase .more{ padding: 20px 0;} .pagecase .more a{ font-size: 14px;} .pagecase .list li a .txt span, .pagecase .tptop li .txt span{ font-size: 16px; line-height: 30px;} .pagecase .list li a .txt font, .pagecase .tptop li .txt font{ font-size: 12px; line-height: 30px;} .pagecase .tptop li:nth-child(2) p{ height: calc(100% - 46px);} .pagecasenum{ margin-top: 50px; padding: 50px 0 300px; } .pagejmone,.pagejobicon,.pagejobicon,.pagejoblistcc{ margin-top: 50px; padding: 50px 0 100px;} .pageabout3brand .icenter h4{margin: 10px 0 30px;} .pageabout3brand .icenter dl dd .txt{padding: 40px;} .proshowcenter{ margin-top: 150px;} .prolistcenterpic{ padding: 50px 0 0; margin-top: 50px;} .prolistcenterpic .mySwiper2 .swiper-slide dl dd h3 strong,.prolistcase .cctt h3,.pageprovideolist h3,.prolistcontact h3,.proshowpicside h3,.proshownum h3,.proshowtable .into h4,.proshowcenter .icenter dd h3 strong,.proshowcenter .icenter .picicenter .right .lineshare h4 .fa{font-size:30px;} .prolistcenterpic .mySwiper2 .swiper-slide dl font,.prolistcenterpic .mySwiper2 .swiper-slide dl dd h3 span,.prolistcontact .icenter dd p span,.proshowcenter .icenter .picicenter .right .lineshare h4 span,.proshowpicside .swiper-container02a .swiper-slide h4 span,.proshowtable .into .txtcenter p font,.proshowcenter .icenter dd h3 span{font-size:14px;} .prolistcontact .icenter dd p font,.proshowpicside .swiper-container02a .swiper-slide h4 strong{font-size:20px;} .prolistcenterpic .mySwiper2 .swiper-slide dl dd img{height:30px;} .prolistcenterpic .mySwiper2 .swiper-slide dl font{line-height:26px;line-height: 26px; padding: 20px 0; margin-bottom: 20px;} .prolistcenterpic .mySwiper2 .swiper-slide dl dt a{ width: 120px; font-size: 12px; height: 30px; line-height: 30px;} .prolistcenterpic .mySwiper2 .fa{width: 40px; height: 40px; line-height: 40px; font-size: 14px;} .prolistcenterpic .mySwiper{ width: calc(100% - 120px); } .prolistcontact .icenter dd:nth-child(3) p font { font-size: 16px;} .prolistcontact .icenter dd img{ height:30px; } .pageprovideolist dl .left{ margin-right: 5%; width: 55%;} .pagevideolist dl .left strong{font-size:20px;} .pageprovideolist dl .left .dow{height: 38px;line-height: 38px;} .prolistcontact,.proshownum{padding:80px 0;} .proshowpicside .swiper-container02a .swiper-slide h4{ padding:30px;} .proshowtable .into .txtcenter p span,.proshowtable .into .txtcenter p font{padding:20px 0;} .proshowtable .topa a{ height: 36px; line-height: 36px; font-size: 14px;} .proshowcenter .icenter .picicenter .left{width:65%;} .proshowcenter .icenter .picicenter .right{ width: 28%; margin-top: 20px;} .proshowcenter .icenter .picicenter .right .lineshare h4{margin-bottom:20px;} .proshowcenter .icenter .picicenter .right strong{ font-size: 14px; line-height: 24px; margin: 30px 0;} .proshowcenter .icenter dd img{ height:30px; } .proshowpicside .swiper-container02a .swiper-slide h4 strong{font-size:18px;} .prolistpicbg{top:auto;} .pagejmtwo{padding-bottom:100px;} .pagecasejmbg{margin-top:auto; height:100%; width: calc(100% - 100px);} .pagecasejmbg .listed-wrap .img-box{height:100%;} /* .fu */ .fu {width: 70px; height: 70px; bottom: 346px;} .fu img { width: 32px;} .fu span { font-size: 12px; } .fu_box .content .close img { width: 42px; } .fu_box .content .close { right: -58px; top: -47px; } .fu_box .content .left dd h3 { font-size: 16px; } .fu_box .content .left img { width: 174px; margin-bottom: 16px; } .fu_box .content .left dd h4 { font-size: 28px;} .fu_box .content .left dd h4 a { font-size: 28px;} .fu_box .content .left dd { margin-bottom: 16px; } .fu_box .content .right .box span { font-size: 16px; margin-top: 2px;} .fu_box .content .left { width: 48%; } .fu_box .content { padding: 75px 65px;} .prolistcontact .icenter dd p font a{font-size: 20px;} .dr_provideo dl { margin-bottom: 0px;} .dr_provideo {padding-top: 28px;} .pagejobbottomphots .picsides3 { margin: 20px 0 100px; } .pagejobbottomphots .pictop3photos a { width: calc(25% - 14.5px);} .pagejobbottomphots .pictop3photos .ny_zxns_td2 { width: calc(50% - 10px); left: calc(25% + 5.5px); } .pagejobbottomphots .picsides3 .swiper-button-next03 { left: auto; right: 0px; } .fu_box2{width: 70px;height: 70px; bottom: 274px;} .fu_box2 ul a span{font-size: 12px;} .fu_box2 ul{width: 70px;height: 70px;} .fu_box2 img{width: 25px;} .pagecontact .icenter .left p font a{font-size: 14px;} .pagecontact .icenter .left dt .ewm .meng img { display: block; margin-bottom: 8px; width: 26px; } .pagecontact .icenter .left dt .ewm .meng { font-size: 13px;} .fu_box .content .right .box .meng img {margin-bottom: 8px; width: 26px; } .fu_box .content .right .box .meng { font-size: 14px;} }