/* 清除内外边距 */ 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,fzlt; text-align: justify; font-weight: normal; } /* 设置默认字体 */ 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%; font-weight: normal;} 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; } .swiper-button-next, .swiper-button-prev{outline: none;} @font-face { font-family: 'fzlt'; src : url('./../font/ftlth.TTF'); src: url('./../font/ftlth.TTF') } /* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */ html { overflow-y: scroll; } audio, canvas, progress, video {display: inline-block;vertical-align: baseline;} video::-internal-media-controls-download-button {display:none;} video::-webkit-media-controls-enclosure {overflow:hidden;} video::-webkit-media-controls-panel {width: calc(100% + 30px); } html,body{ height:100%; } .web-ie2018{ font-family:Arial,微软雅黑; position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;} .web-ie2018 dl{ position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;} .web-ie2018 dl #img{ display: block;margin: 50px auto;} .web-ie2018 dl h3{ display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;} .web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;} .web-ie2018 dl dd{ margin: 0 auto 50px; display: block;text-align: center; margin-bottom:50px;} .web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;} .web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;} .web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;} input, button, select, textarea {outline: none;} .clearfix:after{display:block;content:'';clear:both;visibility:hidden} /** * Swiper 3.4.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2017, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: March 10, 2017 */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-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:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-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:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;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-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-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-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-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-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-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-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-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;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-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;-moz-transform-style:preserve-3d;-ms-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,left top,right 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:-moz-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,right top,left 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:-moz-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 top,left bottom,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:-moz-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 bottom,left top,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:-moz-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-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.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,.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;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.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-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-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-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;-moz-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-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items: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%;object-fit:contain}.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-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%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-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%;-webkit-background-size:100%;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)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} .pch{ position: absolute;width: 100%;height: 124px;background:none;top: 0;left: 0;z-index: 9999; } .pch .logo{ display: block;overflow: hidden; margin: 0; width: 280px;height: auto; position: relative; z-index: 6;} .pch .logo img{ display: block;height: 60px;width: auto; margin: 24px auto; } .pch .en{color: #fff;width: 100px;border: 1px solid #fff;font-size: 16px;line-height: 35px;display: block;text-align: center;position: absolute;top: 41.5px; right: 50px;opacity: 0.6;border-radius: 2px;} .pch .en span{ display: block; overflow: hidden;} /* .pch .pcnav{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;top: 35px;right: 200px; } */ .pch .pcnav a{ line-height: 50px; display: block;color: #fff;opacity: 0.9;font-size: 18px;font-weight: normal; margin: 0 20px;} .banner{ position: relative;overflow: hidden; width: 100%; height:100%; max-height:100%; background: #eee;} .banner .swiper-container{height: 100%;} .banner .swiper-container .swiper-slide{height: initial;position: relative;} .banner video{ display: block; width: 100%;height: 100%;object-fit: cover;} .banner .b-mask:before{ content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #000;opacity: 0; z-index: 2;} .banner h6{ position: absolute;bottom: 50px;left: 50px;color: #fff;z-index: 3;font-size: 20px;opacity: 0.8; } .banner .sj-b{display: none;} .banner a{display: block;width: 100%;height: 100%;} .banner img{display: block;width: 100%;height: 100%;object-fit: cover;} .banner .pad-img{display: none;} .banner .swiper-pagination{position: absolute;width: 100%;left: 0;bottom: 50px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;} .banner .swiper-pagination .swiper-pagination-bullet{opacity: 1;width: 10px;height: 10px;box-sizing: border-box;border: 1px solid #ffffff;background-color: transparent;margin-right: 20px;outline: none;} .banner .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;} .banner .swiper-pagination .swiper-pagination-bullet-active{background-color: #ffffff;} .line3{ opacity: 0.4;} .line3 span{position: absolute;width: 1px;height: 100%;top: 0;left: 0; background: #fff; } .line3 span:nth-child(1){left: 25%;} .line3 span:nth-child(2){left: 50%;} .line3 span:nth-child(3){left: 75%;} /* more */ .more{width: 210px;height: 52px;background: transparent;border-radius: 2px;display: block;font-size: 16px;line-height: 52px;text-align: center;color: #ed6d0a;position: relative;z-index: 0;border-radius: 4px;transition: all 0.5s ease;border: 2px solid #ed6d0a;overflow: hidden;} .more:after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all .3s;background: linear-gradient(0deg, rgba(255,151,0,1) 0%, rgba(251,75,2,1) 100%);position: absolute;top: 0;left: 0;z-index: -1;opacity: 0;transition: all .3s;} .more:hover:after{opacity: 1;} .more:hover{color: #fff;} .homepro{ display: block;overflow: hidden;position: relative;padding: 0 0 0;background:#333;position: relative;} .homepro .line3{ opacity: 1;} .homepro .line3 span{ z-index: 4; background: #fff; opacity: 0.2;} .homepro .p-yjywrap{position: absolute;width: 100%;} .homepro .p-yjy{ display: block;overflow: hidden; position: relative;width: 100%;top: 0;z-index: 9;} .homepro .p-yjy a{cursor: pointer;display: block;float: left;width: 25%;text-align: center;padding:50px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2);box-sizing: border-box;} .homepro .p-yjy a span{ display: inline-block;margin: 10px 0 0 10px;font-size: 24px;color: #fff; } .homepro .p-yjy .active span{color: #fe7401; } .homepro .p-yjy a .img{display: inline-block;width: 44px;height: 44px;position: relative;vertical-align: top;} .homepro .p-yjy a img{ display: inline-block;height:44px;vertical-align: top;position: absolute;top: 0;left: 0;} .homepro .p-yjy a #img1{display: inline-block;transition: all .6s;} .homepro .p-yjy a #img2{display: inline-block;transition: all .6s;opacity: 0;} .homepro .p-yjy .active #img1{opacity: 0;} .homepro .p-yjy .active #img2{display: inline-block; -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);opacity: 1;} .homepro .p-yjy a:hover img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);transition: all 0s;} .homepro #kong{ display: block;width: 100%;} .homepro .p-yjy-center{ position: absolute;width: 100%; height: 100%; top: 0; left: 0;color: #fff;} .homepro .p-yjy-center .p-kn{position: absolute;width: 100%;height: 100%;opacity: 0;visibility: hidden;} .homepro .p-yjy-center .p-kn.now{visibility: visible;opacity: 1;} .homepro .p-yjy-center .p-kn:after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;background-color: rgba(0,0,0,0.2);} .homepro .p-yjy-center .p-kn #bgimg{display: block;width: 100%;} .homepro .p-yjy-center .p-kn .swiper-container-horizontal{ position: absolute;top: 0;width:100%;left: 0;height: auto;display: block; overflow: hidden;} .homepro .p-yjy-center .p-kn .swiper-wrapper{width:100%;height: auto;margin: 0 auto;position: relative;z-index: 1;} .homepro .p-yjy-center .p-kn .swiper-slide{display: block; width: 100%;} .homepro .p-yjy-center .p-kn .swiper-slide img{ display: block; } .homepro .p-yjy-center .p-kn .imglist{position: absolute;top: 220px;width:90%; height:100%; left:5%; display: block; overflow: hidden;} .homepro .p-yjy-center .p-kn .swiper-slide img{width:50%;transition: all .3s;-webkit-transition: all .3s;opacity: 0.7; margin: 0 auto; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%;} .homepro .p-yjy-center .p-kn .swiper-slide-active img{width: 86%; border: 1px solid rgba(255, 255, 255, 0.5); opacity:1;} .homepro .p-yjy-center .p-kn .swiper-slide .tt{display: block;text-align: center;margin: 0 0 30px 0; transition: all .3s; opacity: 0;} .homepro .p-yjy-center .p-kn .swiper-slide .tt span{font-size: 18px;} .homepro .p-yjy-center .p-kn .swiper-slide .tt .fa{font-size: 16px;display: inline-block;vertical-align: top;margin: 2px 0 0 10px;} .homepro .p-yjy-center .p-kn .swiper-slide .more{opacity: 0; background: none;margin: 60px auto 30px;} .homepro .p-yjy-center .p-kn .swiper-slide-active .tt,.homepro .p-yjy-center .p-kn .swiper-slide-active .more{ opacity: 1;} /* .homepro .p-yjy-center .p-kn .swiper-container04 .swiper-slide{ display: block;width: 33%;margin: 0 auto;} .homepro .p-yjy-center .p-kn .swiper-container04 .swiper-slide img,.homepro .p-yjy-center .p-kn .swiper-container04 .swiper-slide .tt,.homepro .p-yjy-center .p-kn .swiper-container04 .swiper-slide .more{ opacity: 1; } .homepro .p-yjy-center .p-kn .swiper-container04 .swiper-slide img{width: 86%;} */ .homepro .p-yjy-center .p-kn .imglist .np{position: relative;z-index: 2;} .homepro .p-yjy-center .p-kn .imglist .npto{position: absolute;width: 30%;left: 0;height: 100%;top:0; cursor: pointer;z-index: 3;} .homepro .p-yjy-center .p-kn .imglist .swiper-button-next03{} /* .homepro .p-yjy-center .p-kn .imglist .swiper-button-prev02,.homepro .p-yjy-center .p-kn .imglist .swiper-button-prev03{ left: auto; right: 0;} */ .homepro .p-yjy-center .p-kn .imglist .npto02{right: 0;left: initial;} .homepro .p-yjy-center .p-kn .imglist .npto:focus{outline:none;} .more:hover:after {opacity: 0.75;} .nav-box{ position: absolute;top: 0;right: 30px; z-index: 9;display: none; } .nav-box ul{position: relative;overflow: hidden;display: block;padding: 20px 0 0 0;height:320px;} .nav-box ul li{display: block; overflow: hidden;} .nav-box ul li a{ display: block;height: 100px;overflow: hidden; } .nav-box ul li a span{ font-size: 12px;display: none;color: #999; position: absolute;top: 0;width: 100%;text-align: center; height: 16px; line-height: 16px;} .nav-box ul li .active span{display: block;} .nav-box .clearfix:after{ } .nav-box ul li a:after{ content: '';position: relative;width: 1px;height: 100px;background: #eee;visibility: inherit; display: block; margin: 0 auto;} .nav-box ul li .active:after{background: #fe7401;} .navFix{ transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block; position: fixed;top: 50%; width: 60px; right: 20px;} .homeabout{overflow: hidden;position: relative; background-size: cover;background: #fff;background-color: #fff;} #particles-js{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .homeabout .ct{position: relative; width:80%; margin: 100px auto;z-index:2; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;} .homeabout .left{ display: block;width: 33%;overflow: hidden;position: relative;} .homeabout .left p{display: block;overflow: hidden;} .homeabout .left p img{display: block; width:100%;} .homeabout .right{ display: block;width:62%;overflow: hidden;} .homeabout .right .num{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;} .homeabout .right .num p{} .homeabout .right .num p span{display: block;float: left;font-size:60px; line-height: 50px;color: #333; letter-spacing: -1px; font-weight:bold;} .homeabout .right .num p e{ line-height: 50px;font-size: 36px;color: #666;margin: 0 0 0 10px;} .homeabout .right .num p font{ display: block;font-size: 18px;color: #999; margin: 20px 0 0 0;} .homeabout .right .num p strong{ font-weight: normal; display: block;overflow: hidden;} .homeabout .right .txt{ display: block;overflow: hidden;margin: 200px 0 0;} .homeabout .right .txt h3{ font-size: 36px;color: #333;line-height: 36px;margin: 0 0 30px 0;} .homeabout .right .txt h4{ display: block;color: #666;font-size: 18px;line-height: 32px;} .homeabout .right .txt .more{margin: 100px 0 0 0;float: right; background: none; } .homeabout .line3 span{background: #ddd;} .homeabout .left .swiper-pagination{ bottom: 0;right: 20px;bottom: 20px;text-align: right;} .homeabout .left .swiper-pagination .swiper-pagination-bullet{ opacity: 1;background: none;border: 1px solid #fff;margin: 0 0 0 5px; } .homeabout .left .swiper-pagination .swiper-pagination-bullet-active{border: 1px solid #fe7401;} .effect1 img{transform:scale(1.25,1.25) translate(10%,10%);transform:scale(1.1,1.1) translate(4.545%,4.545%);} .leftUp img{-webkit-animation-name:leftUp;animation-name:leftUp;} @-webkit-keyframes leftUp{ 0%{transform:scale(1.1,1.1) translate(4.545%,4.545%); } 100%{transform:scale(1.1,1.1) translate(-4.545%,-4.545%);}} @keyframes leftUp{ 0%{transform:scale(1.1,1.1) translate(4.545%,4.545%);} 100%{transform:scale(1.1,1.1) translate(-4.545%,-4.545%);}} .moveRight img{-webkit-animation-name:moveRight;animation-name:moveRight;} @-webkit-keyframes moveRight{ 0%{transform:scale(1.1,1.1) translate(-4.545%,0); } 100%{transform:scale(1.1,1.1) translate(4.545%,0);}} @keyframes moveRight{ 0%{transform:scale(1.1,1.1) translate(-4.545%,0);} 100%{transform:scale(1.1,1.1) translate(4.545%,0);}} .moveDown img{-webkit-animation-name:moveDown;animation-name:moveDown;} @-webkit-keyframes moveDown{ 0%{transform:scale(1.1,1.1) translate(0,-4.545%); } 100%{transform:scale(1.1,1.1) translate(0,4.545%);}} @keyframes moveDown{ 0%{transform:scale(1.1,1.1) translate(0,-4.545%);} 100%{transform:scale(1.1,1.1) translate(0,4.545%);}} .centerBig img{-webkit-animation-name:centerBig;animation-name:centerBig;} @-webkit-keyframes centerBig{ 100%{transform:scale(1.1,1.1);}} @keyframes centerBig{ 100%{transform:scale(1.1,1.1);}} .rightDownBig img{-webkit-animation-name:rightDownBig;animation-name:rightDownBig;} @-webkit-keyframes rightDownBig{ 100%{transform:scale(1.1,1.1) translate(4%,4%);}} @keyframes rightDownBig{ 100%{transform:scale(1.1,1.1) translate(4%,4%);}} .swiper-slide img{ animation-duration:5s; animation-timing-function:linear; animation-fill-mode: forwards; -webkit-animation-duration:5s; -webkit-animation-timing-function:linear; -webkit-animation-fill-mode: forwards;} .homeabout .left .swiper-slide,.homeabout .left .swiper-wrapper{ height:auto; } .homeabout .left .swiper-slide img{ display: block; width: 100%;} .homenews2{ display: block;overflow: hidden;margin: 0px auto 100px;} .homenews2 .more{margin:50px auto 0;} .homenews2 h6{ font-size: 36px;color: #333;line-height: 36px;margin: 0 auto 30px;width: 80%;} .homenews2 .list{display: block;width: 80%;overflow: hidden;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;margin: 0 auto;} .homenews2 .list a{ display: block;overflow: hidden;position: relative;width: calc(32% - 2px);border: 1px solid #eee;} .homenews2 .list a p{display: block;overflow: hidden;margin:0 0 0 0;} .homenews2 .list a p img{display: block;width:100%;transition: all .6s;} .homenews2 .list a .txt{position: relative;padding: 30px;overflow: hidden;display: block;} .homenews2 .list a .txt h5{ display: block;overflow: hidden;font-size: 16px;color: #ed6d0a;line-height: 1em;} .homenews2 .list a .txt h3{ font-size: 22px;color: #333;line-height: 36px;min-height: 72px;margin: 30px 0 0 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; } .homenews2 .list a .txt h4{ display: block;overflow: hidden;margin: 20px 0 0 0;position: relative;color: #333;font-size: 16px; border-top: 1px solid #eee;padding: 20px 0 0 0;} .homenews2 .list a .txt h4 .fa{ float: right;font-size: 18px;color: #333;} .homenews2 .list a .txt2{ position: absolute;top:100px;left: 0;width: calc(100% - 60px);height: calc(100% - 60px); opacity: 0; z-index: 2;} .homenews2 .list a .txt2 h4{ position: absolute;width: calc(100% - 60px);bottom: 30px;} .homenews2 .list a .txt2 .p{ display: block;overflow: hidden;} .homenews2 .list a .txt2 .p i{ display: block;overflow: hidden;width: 50px;height: 1px;background: #ddd;margin: 30px 0;} .homenews2 .list a .txt2 .p font{display: block;color: #888;font-size: 14px;line-height: 24px;margin:0 0 30px; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .homenews2 .list a:after{ content: ''; background: #fff;width: 100%;height: 100%;top:10;position: absolute;left: 0; opacity: 0;} .homenews2 .list a:hover .txt2{top:0; opacity: 1;transition: all .6s;} .homenews2 .list a:hover:after{ opacity: 1;top:0;transition: all .3s;} .xxfooter{ position: relative; display: block;overflow: hidden;padding: 100px 10%;background:#292c35;text-align: center; z-index: 20;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .xxfooter .left{ display: block;overflow: hidden;float: left;position: relative;} .xxfooter .left .footlebot{ display: block;overflow: hidden;margin: 50px 0 0;} .xxfooter .left .footlebot p{ display: block;overflow: hidden;color: #999;font-size: 14px;line-height: 24px;margin: 0 0 10px 0;} .xxfooter .left .footlebot p a{ color: #fff;font-size: 24px;line-height: 24px;display: inline-block;vertical-align: top;} .xxfooter .left .footlebot span{ text-align: left; display: block;color: #999;font-size: 14px;line-height: 24px;margin: 30px 0 0 0; } .xxfooter .left .footlebot span a{ color: #666;margin: 0 15px 0 0; font-size: 12px;} .xxfooter .tt{ display: block; overflow: hidden;} .xxfooter .tt span{ text-align: left; display: block; color: #fff;font-size: 30px; opacity: 0.3;} .xxfooter .tt font{text-align: left;display: block;font-size: 30px;color: #fff; } .xxfooter .right{ display: block;overflow: hidden;float: right;position: relative;} .xxfooter .right ul{ width: 280px;display: block;overflow: hidden;margin: 50px 0 0;} .xxfooter .right ul li{ display: block;float: left;width: 50%;text-align: right; margin: 0 0 20px 0;} .xxfooter .right ul li a{ color: #999;font-size: 14px;line-height: 24px;display: inline-block;} .xxfooter .right .tt span,.xxfooter .right .tt font{text-align: right;} .xxfooter .center{ vertical-align: top; display: inline-block;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .xxfooter .center .tt span,.xxfooter .center .tt font{text-align: center;} .xxfooter .center ul{ display: block;overflow: hidden;margin: 50px 0 0 0;} .xxfooter .center ul li{display: block;vertical-align: top;margin: 0 20px;} .xxfooter .center ul li p{ display: block;text-align: center;color: #999;font-size: 16px;line-height: 1;margin: 10px 0 0 0;} .xxfooter .center ul li img{ display: block; height: 120px;margin: auto;} .xxfooter .right ul li a:hover{ color:#fff; } .pagehist{display: block;overflow: hidden;background: url(/style/images/pagehistbg.jpg);background-size: cover;padding: 100px 0;position: relative;} .pagehist .sw{ display: block;overflow: hidden;width: 60%;margin: 0 auto;position: relative;} .pagehist h6{ font-size: 36px;color: #fff;text-align: center;margin:0 0 60px 0;} .pagehist .sw .swiper-container03{ display: block;width: 100%;} .pagehist .sw .swiper-slide{ display: block;width: 100%;} .pagehist .sw .swiper-slide span{ display: block;text-align: center;color: #fff;opacity: 0.8;line-height: 30px;} .pagehist .sw .swiper-slide strong{display: block;color: #fff;font-weight: normal;font-size: 20px;text-align: center;opacity: 0.8; margin: 80px 0 0 0; } .pageab{ display: block;overflow: hidden;padding: 100px 0;position: relative;} .pageab .abtxt{display: block;overflow: hidden;width:94%;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;margin:0 3%;} .pageab .abtxt .left{ display: block;width: calc(50% - 200px);overflow: hidden;margin: 0 0 0 100px;} .pageab .abtxt .left h3{ font-weight: bold;font-size: 36px;color: #333;line-height: 36px;margin: 0;} .pageab .abtxt .left h4{ font-weight: bold;font-size: 20px;color: #333;line-height: 36px;margin:15px 0 36px;} .pageab .abtxt .left h5{ display: block;color: #666;font-size: 18px;line-height: 30px;} .pageab .abtxt .right{ display: block;width: 50%;overflow: hidden;} .pageab .abtxt .right img{display: block;width:100%;} .pagebanner{ position: relative;overflow: hidden;display: block; z-index: 2;} .pagebanner img{ display: block;width: 100%;} .pagebanner .btxt{position: absolute;top: 50%;left:8%;z-index: 3;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .pagebanner .btxt h3{ display: block;color: #eee;font-size: 48px;line-height: 40px;font-weight:bold;} .pagebanner .btxt h4{display: block;color: #ccc;font-size: 20px;width: 500px;line-height: 30px;margin: 30px 0 0 0;} .about-tt{ display: block;float: left;position: relative;overflow: hidden;width: 280px;} .about-tt span{ font-size: 36px;color: #333;line-height: 1em;display: block;text-align: right;} .about-tt font{display: block;overflow: hidden;width: 100%;height: 2px;background: #ddd;margin: 16px 0 0 0;} .aboutcontact{ display: block;overflow: hidden; width: 98%; margin: 150px auto 100px;position: relative;} .aboutcontact .ct{position: relative; display: block;width: 100%;overflow: hidden;} .aboutcontact .ct h6{opacity: 1; transition: all .3s;position: absolute;top: 80px;left: 0;color: #fff;width: 100%;text-align: center;font-size: 52px;font-weight:bold;} .aboutcontact .ct h6 span{display: block;font-size: 36px; margin-top: 40px;font-weight:normal;} .aboutcontact .ct p{ display: block; overflow: hidden;} .aboutcontact .ct p img{ display: block; width: 100%;} .aboutcontact .ct .txt{ transition: all .3s; position: absolute;top: 70%;width: 80%;left: 10%; opacity: 0; z-index: 3;} .aboutcontact .ct .txt span{ display: block;color: #fff;font-size: 30px;line-height: 1em;} .aboutcontact .ct .txt strong{ display: block;width: 100%;height: 2px;background: #fff;opacity: 0.8;margin: 20px 0;} .aboutcontact .ct .txt font{ display: block;color: #eee;line-height: 30px;font-size: 16px;} .aboutcontact .ct:before{ content: "";position: absolute;width: 100%;height: 100%;background: #000;top: 0;right: 0;z-index: 1; opacity: 0;} .aboutcontact .ct:hover .txt{ opacity: 1; top: 40%; } .aboutcontact .ct:hover:before{ content: "";position: absolute;width: 100%;height: 100%;background: #000;top: 0;right: 0;z-index: 1; opacity: 0.6;} .aboutcontact .ct:hover h6{opacity: 0; } /* 20210608 */ .ctprev,.ctnext{background-image: none;width: 30px;height: 40px;font-size: 20px;text-align: center;line-height: 40px;background-color: rgba(255,255,255,0.9);margin-top: -20px;color: #666666;} .ctprev{left: 0;} .ctnext{right: 0;} .aboutjob{ display: block;overflow: hidden;position: relative;padding: 120px 0;} .aboutjob:before{ content: "";position: absolute;width: 76%;height: 100%;background: #f1f2f3;top: 0;right: 0;z-index: 1;} .aboutjob .left{ display: block;overflow: hidden; position: absolute;z-index: 4;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 50%;top: calc(50% + 50px);} .aboutjob .left img{ display: block;width: 100%;} .aboutjob .right{display: block;overflow: hidden;position: relative;z-index: 3;border: 16px solid #d9dce0;width: calc(60% - 32px);float: right;margin: 0 5% 0 0;padding:200px 0 150px;} .aboutjob .right dd{ display: block;width: 60%;margin: 0 10% 0 30%;} .aboutjob .right dd h3{ font-size: 30px;color: #333;line-height: 40px;width: 80%;} .aboutjob .right dd h4{ display: block;font-size: 18px;line-height: 36px;color: #666; margin: 30px 0; } .aboutjob .right dd .more{ background: none;} .aboutjob .about-tt{ position: absolute;top: 100px;left: 0;} /*choose*/ .choose .choose_list{width: 100%;overflow: hidden;position: relative;height: 771px;} .choose .choose_list>img{width: 100%;height: auto;} .choose .choose_list .choose_txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 3;} .choose .choose_list .choose_txt>a{display: block;width: 25%;height: 100%;position: relative;float: left;} .choose .choose_list .choose_txt>a .top{position: absolute;top: 9%;left:8%;transition: all .5s;z-index: 2;} .choose .choose_list .choose_txt>a .top font{font-size:15px; color:#fff ;opacity:0.66;margin-top: 15px;display: inline-block;text-transform: uppercase;} .choose .choose_list .choose_txt>a>.top span{font-size: 14px;color: #fff;margin-bottom: 30px;display: inline-block;} .choose .choose_list .choose_txt>a>.top p{color: #fff;font-size: 32px;line-height: 38px;text-transform: uppercase;text-shadow: 0 1px 1px #2f2f2f; font-weight:bold;} .choose .choose_list .choose_txt>a:after{content: "";display: block;position: absolute;top: 0;right: 0;width: 1px;height: 100%;background-color: rgba(255,255,255,0.3);} .choose .choose_list .choose_txt>a>h3{position:absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 4;background-color: rgba(17, 17, 17, 0.7);opacity: 0;transition: all .8s;} .choose .choose_list .choose_txt>a>h3>.yc{width: 82%;position: absolute;top: -11%;left: 8%;transition: all .4s;height: 80%;} .choose .choose_list .choose_txt>a>h3>.yc>p{font-size: 32px;color: #fff; text-transform: uppercase;font-weight:bold;} .choose .choose_list .choose_txt>a>h3>.yc .en{font-size:15px; color:#fff ;opacity:0.66;margin-top: 10px;font-weight: normal;margin-bottom: 40px;text-transform: uppercase;} .choose .choose_list .choose_txt>a>h3>.yc .num{font-size: 14px;color: #fff;margin-bottom: 40px;} .choose .choose_list .choose_txt>a>h3>.yc>span{font-size: 18px;color: #ffffff;width:80%;margin-bottom:14px;display: block;line-height: 26px;opacity:0.9;position: relative;box-sizing: border-box;} .choose .choose_list .choose_txt>a>h3>.yc>span>i{display: inline-block;width: 5px;height: 5px;background-color: #fff;border-radius: 50%;margin-right: 14px;vertical-align:3px;position: absolute;top: 10px;left: 0;} .choose .choose_list .choose_txt>a>h3>.yc>strong{display: block;width: 75px;height: 1px;background-color: #fff;margin: 0;margin-bottom: 40px;} .choose .choose_list .choose_txt>a>h3>.yc>font{position: absolute;display: block;width: 184px;height: 46px;margin-top: 50px;bottom: 0;line-height: 46px;} /* .choose .choose_list .choose_txt>a>h3>.yc>font{position: absolute;display: block;width: 184px;height: 46px;text-align: center;line-height: 46px;border: 1px solid #fff;font-size: 14px;color: #fff;transition:all .5s;margin-top: 50px;bottom: 0;font-family: "got";border-radius: 2rem;} .choose .choose_list .choose_txt>a>h3>.yc>font:after{content: "";display: block;width: 0;height: 100%;transition: all .5s;background-color: #fff;z-index: -1;position: absolute;top: 0;left: 0;border-radius: 2rem;} */ .choose .choose_list .choose_txt>a:hover h3{opacity: 1;} .choose .choose_list .choose_txt>a:hover h3>.yc{top: 9%;} .choose .choose_list .choose_txt>a:hover>.top{opacity: 0;} /* .choose .choose_list .choose_txt>a>h3>.yc>font:hover{color: #111;} .choose .choose_list .choose_txt>a>h3>.yc>font:hover:after{width: 100%;} */ .img_box{width: 100%;height: 100%;position: relative;} .img_box>img{width: 100%;height: 100%;object-fit: cover;display: none;position: absolute;top: 0;left: 0;} .img_box>img:nth-child(1){display: block;} .aboutevent{ display: block;overflow: hidden;padding: 0 0 50px 0;position: relative;margin: 100px auto;} .aboutevent .about-tt{ } .aboutevent .about-tt span{} .aboutevent .about-tt font{} .aboutevent .swiper-container02{ display: block;float: right;width: calc(100% - 450px);overflow: hidden;} .aboutevent .swiper-container02 .swiper-slide a{ display: block;overflow: hidden;position: relative;width:100%;border: 1px solid #eee;} .aboutevent .swiper-container02 .swiper-slide a p{display: block;overflow: hidden;margin:0 0 0 0;} .aboutevent .swiper-container02 .swiper-slide a p img{display: block;width:100%;transition: all .6s;} .aboutevent .swiper-container02 .swiper-slide a .txt{position: relative;padding: 30px;overflow: hidden;display: block;} .aboutevent .swiper-container02 .swiper-slide a .txt h5{ display: block;overflow: hidden;font-size: 16px;color: #999;line-height: 1em;} .aboutevent .swiper-container02 .swiper-slide a .txt h3{ font-size: 22px;color: #333;line-height: 36px;margin: 30px 0 0 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;min-height: 72px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .aboutevent .swiper-container02 .swiper-slide a .txt h4{ display: block;overflow: hidden;margin: 20px 0 0 0;position: relative;color: #333;font-size: 16px; border-top: 1px solid #eee;padding: 20px 0 0 0;} .aboutevent .swiper-container02 .swiper-slide a .txt h4 .fa{ float: right;font-size: 18px;color: #333;} .aboutevent .swiper-container02 .swiper-slide a .txt2{ position: absolute;top:100px;left: 0;width: calc(100% - 60px);height: calc(100% - 60px); opacity: 0; z-index: 2;} .aboutevent .swiper-container02 .swiper-slide a .txt2 h4{ position: absolute;width: calc(100% - 60px);bottom: 30px;} .aboutevent .swiper-container02 .swiper-slide a .txt2 .p{ display: block;overflow: hidden;} .aboutevent .swiper-container02 .swiper-slide a .txt2 .p i{ display: block;overflow: hidden;width: 50px;height: 1px;background: #ddd;margin: 30px 0;} .aboutevent .swiper-container02 .swiper-slide a .txt2 .p font{display: block;color: #888;font-size: 14px;line-height: 24px;margin:0 0 30px; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .aboutevent .swiper-container02 .swiper-slide a:after{ content: ''; background: #fff;width: 100%;height: 100%;top:10;position: absolute;left: 0; opacity: 0;} .aboutevent .swiper-container02 .swiper-slide a:hover .txt2{top:0; opacity: 1;transition: all .6s;} .aboutevent .swiper-container02 .swiper-slide a:hover:after{ opacity: 1;top:0;transition: all .3s;} .aboutmis{ display: block;overflow: hidden;padding: 100px 0 0;} .aboutmis .about-tt{float: none;} .aboutmis .about-tt span{} .aboutmis .about-tt font{} .aboutmis .center{display: block;overflow: hidden;width: 80%;margin: 50px auto 0;position: relative;} .aboutmis .center .left{display: block;width: calc(50% - 40px);overflow: hidden;position: relative;} .aboutmis .center .left dd{ padding: 0 0 0 40px; position: relative; margin: 0 0 40px 0; display: block;overflow: hidden;} .aboutmis .center .left dd p{display: block;overflow: hidden;} .aboutmis .center .left dd p img{display: block; width:100%;} .aboutmis .center .left dd .txt{ padding: 0 0 0 40px; position: absolute;bottom: 0;left: 0;z-index: 3;} .aboutmis .center .left dd .txt h3{color: #fe7401;background: #333;position: absolute;writing-mode: tb;height: 100%;line-height: 40px;left: 0;bottom: 0;text-align: center;-webkit-writing-mode: vertical-lr;} .aboutmis .center .left dd .txt h4{ background: rgba(0, 0, 0, 0.8);padding: 40px 60px 40px 40px;display: block;overflow: hidden;box-sizing: border-box;width: 420px;} .aboutmis .center .left dd .txt h4 span{ display: block;color: #fff;font-size:26px;line-height: 1em;} .aboutmis .center .left dd .txt h4 font{display: block;color: #eee;font-size: 20px;margin: 20px 0 0 0;} .aboutmis .center .left dd:nth-child(2n){ margin: 0;} .aboutmis .center .left dd:nth-child(2n) .txt{ bottom: auto;top: 0;} .aboutmis .center .right{ position: absolute;width: 50%;top: 0;right: 0;height: 100%;} .aboutmis .center .right dd{ margin: 0;position: initial;} .aboutmis .center .right dd .txt{ position: initial;} .aboutmis .center .right dd .txt h3{bottom: auto;top: 0;height: 120px;} .aboutmis .center .right dd .txt h4{ position: absolute;width: auto;height: auto;z-index: 3;right: 0;top: 50%;border: 16px solid #e9e9e9;background: none;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding: 80px 120px 80px 30px;white-space: nowrap;} .aboutmis .center .right dd p{} .aboutmis .center .right dd p img{position: absolute;width: 80%;height: 100%;bottom: 0;left: 40px;} .aboutmis .center .right dd .txt h4 font{width: 100%;line-height: 26px;} .pagehist .sw .swiper-slide span{ opacity: 0;position: relative;width:600px;left: 50%;-webkit-transform: translateX(-50%);-webkit-transform: translateX(-50%); font-size: 18px; color: #ccc;transition: all .6s;} .pagehist .sw .swiper-slide h6{opacity: 0;white-space: nowrap;text-align: center;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;transition: all .6s;position: relative;width:600px;left: 50%;-webkit-transform: translateX(-50%);-webkit-transform: translateX(-50%);} .pagehist .sw .swiper-slide-active h6{opacity: 1; } .pagehist .sw .swiper-slide-active span{ opacity: 1; } .pagehist .sw .swiper-slide-active strong{ color: #fe7401;} .pagehist:before{ content: "";position: absolute;width: 100%;height: 1px;background: #fff;bottom:125px;opacity: 0.2;left: 0;} .pagehist .sw .swiper-slide #qx{display: block;width: 50px;height: 50px;background: rgba(255, 255, 255, 0.0);border-radius: 50%;margin: 20px auto 0;position: relative;} .pagehist .sw .swiper-slide #qx #a1{position: absolute;width: 8px;height: 8px;background: #fff;border-radius: 50%;top: 21px;left: 21px;opacity: 0.8;z-index: 3;} .pagehist .sw .swiper-slide #qx #a2{position: absolute;width: 18px;height: 18px;border-radius: 50%;top: 15px;left: 15px;opacity: 0.8;z-index: 3;border: 1px solid #fff;} .pagehist .sw .swiper-slide #qx #a3{} .pagehist .sw .swiper-slide-active #qx{ background:rgba(255, 255, 255, 0.2); } .pagehist .sw .swiper-slide-active #qx #a1{ background: #fe7401;} .pagehist .about-tt{position: absolute;bottom: 125px;width: 200px;} .pagehist .about-tt span{color: #fff; text-align: center;} .pagehist .about-tt font{background: #fff;opacity: 0.5;} .pagehist .np{position: absolute;width: 80px;border-bottom: 2px solid rgba(255, 255, 255, 0.5);bottom: 125px;right: 50px; padding: 0 0 20px 0;} .pagehist .np .npto{display: block;width: 24px;height: 24px;border: 1px solid #fff;float: right;color: #fff;line-height: 24px;text-align: center;border-radius: 50%;opacity: 0.5;font-size: 14px;cursor: pointer;} .pagehist .np .npto:hover{opacity: 0.8;} .pagehist .np .npto:focus{outline:none;} .pagehist .np .swiper-button-prev03{float: left;} .abouthrinfo{display: block;overflow: hidden;margin: 100px 0 0; position: relative;} .abouthrinfo .swiper-container01{} .abouthrinfo .swiper-container01 .swiper-slide{} .abouthrinfo .swiper-container01 .swiper-slide img{display: block; width:100%; } .abouthrinfo .swiper-container01 .in-banner-txt{ position: absolute;width: 80%;left: 10%;top:50%;z-index: 3; transform: translateY(-50%); -webkit-transform: translateY(-50%);display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .abouthrinfo .swiper-container01 .in-banner-txt .left{float: left; display: block;border: 16px solid #88888c;width: calc(28% - 60px);padding: 90px 30px;overflow: hidden;} .abouthrinfo .swiper-container01 .in-banner-txt .left p{display: block;color: #fff;font-size: 18px;line-height:22px;margin-bottom:30px; } .abouthrinfo .swiper-container01 .in-banner-txt .left h3{ display: block;color: #fff;font-size: 30px; width: 100%;line-height: 36px;} .abouthrinfo .swiper-container01 .in-banner-txt .left h4{ display: block;overflow: hidden;color: #eee;font-size: 16px;line-height: 30px;margin: 30px 0 0 0;} .abouthrinfo .swiper-container01 .in-banner-txt .right{ float: right;width:50%;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;} .abouthrinfo .swiper-container01 .in-banner-txt .right dd{} .abouthrinfo .swiper-container01 .in-banner-txt .right h3{ display: block; overflow: hidden;} .abouthrinfo .swiper-container01 .in-banner-txt .right h3 span{display: block;float: left;color: #fe7401;font-size: 50px;font-weight: bold;} .abouthrinfo .swiper-container01 .in-banner-txt .right h3 font{display: block;color: #fe7401;float: left;font-size: 26px;margin: 12px 0 0 10px;} .abouthrinfo .swiper-container01 .in-banner-txt .right h4{display: block;color: #eee;font-size: 18px; margin: 10px 0 0 0; } .abouthrinfo .about-tt{ margin: 0 0 30px 0; } .abouthrinfo .np .npto{ position: absolute;width: 40px;height: 40px;border: 1px solid #ccc;top: 50%;color: #fff;z-index: 3;background: rgba(255, 255, 255, 0.2);text-align: center;line-height: 40px;border-radius: 4px;cursor: pointer;outline: none;} .abouthrinfo .np .swiper-button-prev01{ left: 50px; right: initial;} .abouthrinfo .np .swiper-button-next01{right: 50px;} /* 20210608 */ .abouthrinfo .swiper-container01 .in-banner-txt .left{width: 50%;box-sizing: border-box;} .abouthrinfo .swiper-container01 .swiper-slide:first-child .in-banner-txt .left{width: 40%;} .aboutevent .np{width: 280px;position: absolute;top: 100px;left: 0;text-align: right;display: flex;display: -webkit-flex;-webkit-flex-flow: column;flex-flow: column;-webkit-align-items: flex-end;align-items: flex-end;} .aboutevent .np br{display: none;} .aboutevent .np .npto{display: inline-block;width: 40px;height: 40px;text-align: center;line-height: 40px;border: 1px solid #eee;border-radius: 50%;color: #999;cursor: pointer;} .aboutevent .np .npto:focus{outline:none;} .aboutevent .np .swiper-button-prev02{ margin: 10px 0 10px 0;} .aboutevent .swiper-pagination02{position: absolute;bottom: 0;left: 450px;width: auto;} .aboutevent .swiper-pagination02 span{ display: block;float: left;width: 10px;height: 10px;background: none;border: 1px solid #ddd;opacity: 1;margin: 0 10px 0 0;outline: none;} .aboutevent .swiper-pagination02 .swiper-pagination-bullet-active,.aboutevent .swiper-pagination02 span:hover{border: 1px solid #fe7401;} .pageline3{} .pageline3 span{ background: #ddd;z-index: 6;} /* 产品 */ .innerbanner{width: 100%;position: relative;overflow: hidden;box-sizing: border-box;z-index: 3;} .innerbanner img{display: block;width: 100%;position: relative;z-index: 1;} .innerbotwrap{width: 100%;position: relative;border-bottom: 1px solid rgba(255,255,255,0.3);z-index: 1;bottom: 0;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;/* border-top: 1px solid rgba(255,255,255,0.3); */} .innerbotwrap a{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;font-size: 18px;color: #ccc;height: auto;width:auto;-webkit-justify-content: center;justify-content: center;box-sizing: border-box;/* border-right: 1px solid rgba(255,255,255,0.3); */display: block;margin-right: 140px;padding: 40px 0 20px;text-align: center;position: relative;} .innerbotwrap a:before{content: '';display: block;width: 0%;height: 3px; background: linear-gradient(90deg, rgba(233,92,38,1) 0%, rgba(240,145,54,1) 100%);position: absolute;left: 0;bottom: 0;transition: all .3s;} .innerbotwrap a:hover:before,.innerbotwrap a.now:before{width: 100%;} .innerbotwrap a:last-child{border-right: none;} .innerbotwrap a img{display: block;width: auto;height: 40px;filter: brightness(10) grayscale(2);-webkit-filter: brightness(2) grayscale(2);margin-right: 10px;transition: all .6s;margin:0 auto 10px;} .innerbotwrap a:last-child{margin-right: 0;} .innerbotwrap a.now img,.innerbotwrap a:hover img{-webkit-filter: none;filter: none;transform: scale(1.2);-webkit-transform: scale(1.2);} .innerbotwrap a.now,.innerbotwrap a:hover{color: #fe7401;} /* innerwrap */ .innerwrap{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;} .innerwrap .bgvideo{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 0;width: 100%;height: 100%;object-fit: cover;} .innerwrap:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background-color: rgba(0,0,0,0.8);} .p-cont{width: 80%;} /* product01wrap */ .product01wrap{background-color: #181818;} .product01{margin: auto;padding: 100px 0;position: relative;z-index: 2;} .product01li{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin-bottom: 160px;} .product01li:last-child{margin-bottom: 0;} .product01li:nth-of-type(odd){-webkit-flex-flow: row-reverse;flex-flow: row-reverse;} .product01li .imgbox{max-width: 46%;} .product01li .imgbox img{display: block;width: auto;max-width: 100%;} .product01li .text{width: 50%;box-sizing: border-box;padding-left: 7%;} .product01li:nth-of-type(even) .text{padding-left: 0%;padding-right: 7%;} .product01li .text .model{border-left: 2px solid #ed6d0a;padding-left: 20px;box-sizing: border-box;margin-bottom: 60px;} .product01li .text .model h3{font-size: 46px;color: #ffffff;font-weight: bold;} .product01li .text .model p{font-size: 24px;color: #ffffff;opacity: 0.5;letter-spacing:10px;font-weight:bold;} .product01li .text .tl{font-size: 30px;color: #ffffff;font-weight: bold;margin-bottom: 30px;} .product01li .text .tl span{display:none;} .product01li .text h4{font-size: 16px;line-height: 30px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;color: #FFFFFF;opacity: 0.66;} .product01li .text .list{width: 100%;display: flex;display: -webkit-flex;padding-top: 30px;margin-top: 30px;border-top: 1px solid rgba(255,255,255,0.3);flex-wrap: wrap;-webkit-flex-wrap: wrap;} .product01li .text .list p{margin-right: 40px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;font-size: 14px;color: #ffffff;opacity: 0.66;margin-bottom: 10px;white-space: nowrap;} .product01li .text .list p:last-child{margin-right: 0;} .product01li .text .list p img{display: block;width: 26px;height: 26px;margin-right: 10px;} /* p-more */ .p-more{display: block;/* background:linear-gradient(0deg, rgba(255,151,0,1) 0%, rgba(251,75,2,1) 100%); */line-height:50px;padding:0;border:none;width: 190px;line-height: 50px;position: relative;border-radius: 4px;transition: all 0.5s ease;border: 2px solid #ed6d0a;} .p-more span{position:relative;display:block;width:100%;height:100%;line-height: inherit;text-align: center;color: #ed6d0a;transition: all 0.5s ease;z-index: 0;} .p-more span:before{content: '';display: block;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(255,151,0,1) 0%, rgba(251,75,2,1) 100%);position: absolute;top: 0;left: 0;z-index: -1;opacity: 0;transition: all .3s;} .p-more:hover span:before{opacity: 0.75;} .p-more:hover span{color: #FFFFFF;} .p-more:after,.p-more:before{position:absolute;content:"";right:0;bottom:0;background:#ed6d0a;transition:all .5s ease;/* box-shadow:-7px -7px 20px 0 rgba(255,255,255,.9),-4px -4px 5px 0 rgba(255,255,255,.9),7px 7px 20px 0 rgba(0,0,0,.2),4px 4px 5px 0 rgba(0,0,0,.3); */} .p-more:before{height:0%;width:2px} .p-more:after{width:0%;height:2px} /* .p-more:hover{color:#ed6d0a;background:0 0;transition: all 0.5s ease;} .p-more:hover:before{height:100%} .p-more:hover:after{width:100%} */ /* .p-more span:after,.p-more span:before{position:absolute;content:"";left:0;top:0;background:#ed6d0a;transition:all .5s ease;box-shadow:-7px -7px 20px 0 rgba(255,255,255,.9),-4px -4px 5px 0 rgba(255,255,255,.9),7px 7px 20px 0 rgba(0,0,0,.2),4px 4px 5px 0 rgba(0,0,0,.3);} */ /* .p-more span:before{width:2px;height:0%} .p-more span:after{height:2px;width:0%} */ /* .p-more span:hover:before{height:100%} .p-more span:hover:after{width:100%} .p-more span:hover{color:#ed6d0a;background:0 0;} */ .product01li .text .p-more{margin-top: 60px;} /* header重置 */ .pch{height: auto;} .headerwrap{width: 100%;box-sizing: border-box;padding: 0 50px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;position: relative;} .pch .logo{position: relative;width: auto;} .pch .logo img{width: auto;margin: auto;} /* pch-r */ .pch-r{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;} .pch .pcnav{display: flex;display: -webkit-flex;margin-right: 60px;} .pch .en{position: relative;top: 0;right: 0;} .pch .pcnav li>a{line-height: 100px;position: relative;} .pch .pcnav li>a:before{content: '';display: block;width: 0%;height: 2px;background-color: #fe7401;position: absolute;left: 0;transition: all .3s;bottom: 0;} .pch .pcnav li>a:hover:before{width: 100%;} .pch:hover .pcnav li>a:hover{color: #fe7401;} /* pcht02 */ .pcht02,.pch:hover{background-color: #FFFFFF;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);} .pcht02 .logo img,.pch:hover .logo img{opacity: 0;} .pcht02 .logo,.pch:hover .logo{background: url(../images/logo0604.svg?v=2)no-repeat;background-size: cover;} .pcht02 .pcnav a,.pch:hover .pcnav a{color: #444444;} .pcht02 .en,.pch:hover .en{color: #8f8f8f;border-color: #8f8f8f;} /* nav02wrap */ .nav02wrap{position: absolute;left: 0;width: 100%;box-sizing: border-box;background-color: #FFFFFF;border-top: 1px solid #DDDDDD;display: none;box-shadow: 0px 4px 4px rgba(0,0,0,0.2);} .prodown{width: 100%;box-sizing: border-box;padding: 50px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .prodown .item{width: 25%;display: flex;display: -webkit-flex;-webkit-align-items: flex-start;} .prodown .item:last-child{border-right: none;} .prodown .item .imgbox{width: 40%;box-sizing: border-box;} .prodown .item .imgbox img{display: block;width: auto;max-width: 100%;} .prodown .item .linklist{width: 60%;box-sizing: border-box;} .prodown .item .linklist h3{font-size: 17px;color: #333333;font-weight: bold;margin-bottom: 30px;} .prodown .item .linklist a{display: block;font-size: 15px;line-height: 32px;color: #666666;margin: 0;} .prodown .item .linklist a:hover{color: #333333;text-decoration: underline;} .prodown .item .linklist a span{} /* 产品详情 */ .prowrap{width: 100%;position: relative;padding-top: 120px;overflow: hidden;} .proinfolinkwrap{width: 100%;box-sizing: border-box;background-color: #eeeeee;} .proinfolink{display: flex;display: -webkit-flex;width: 80%;margin: auto;-webkit-justify-content: center;justify-content: center;height: 80px;-webkit-align-items: center;align-items: center;position: relative;} .proinfolink a{display: block;width: 210px;text-align: center;font-size: 15px;line-height: 80px;color: #666666;position: relative;} .proinfolink a:before{content: '';display: block;width: 1px;height: 30px;background-color: #DDDDDD;position: absolute;left: 0;top: 50%;margin-top: -15px;} .proinfolink a:last-child:after{content: '';display: block;width: 1px;height: 30px;background-color: #DDDDDD;position: absolute;right: 0;top: 50%;margin-top: -15px;} .proinfolink a i{display: block;width: 0%;height: 2px;background-color: #f5a100;transition: all .3s;position: absolute;left: 0;bottom: 0;} .proinfolink a:hover i,.proinfolink a.active i{width: 100%;} .proinfolink a:hover,.proinfolink a.active{color: #f5a100;} /* proinfo01 */ .proinfo01wrap{width: 100%;box-sizing: border-box;padding: 100px 0;position: relative;} .proinfo01wrap .bgimg{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;} .proinfo01{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;box-sizing: border-box;padding: 0 150px;position: relative;z-index: 1;} /* proinfo01text */ .proinfo01text{width: 50%;box-sizing: border-box;position: relative;padding-left: 50px;} .proinfo01text:before{content: '';display: block;width: 5px;height: calc(100% - 20px);background: -webkit-linear-gradient(to bottom,#fb5002,#fe9000);background: linear-gradient(to bottom,#fb5002,#fe9000);position: absolute;left: 0;top: 20px;} .proinfo01text h3{font-size: 80px;color: #222222;font-weight: bold;line-height:100px} .proinfo01text p{font-size: 36px;color: #222222; line-height: 36px;margin-top: 20px;} .proinfo01text p span{display:none;} /* proinfo01imgbox */ .proinfo01imgbox{max-width: 60%;} .proinfo01imgbox img{display: block;width: auto;max-width: 100%;} /* proinfo02 */ .proinfo02{width: 760px;margin: auto;box-sizing: border-box;} .proinfo02 h4{font-size: 20px;line-height: 42px;color: #222222;text-align: justify;text-align-last: center;} /* proinfo03wrap */ .proinfo03wrap{width: 100%;position: relative;overflow: hidden;margin: 100px 0 60px;} .proinfo03wrap .toimg{position: absolute;top: 0;left: 0;width: 100%;} .proinfo03wrap .toimg img{display: block;width: 50px;margin: auto;} /* proinfo03 */ .proinfo03{position: relative;width: 100%;} .proinfo03 .fontbg{font-size: 172px;color: #292b2b;opacity: 0.04;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);white-space: nowrap;font-weight: bold;letter-spacing: 10px;} .proinfo03 .textlist{position: absolute;z-index: 1;} .proinfo03 .textlist01{width: 80%;left: 10%;/*height: 316px;*/top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;pointer-events: none;} .proinfo03 .textlist02{left: 70%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .proinfo03 .textlist li{margin-bottom: 100px;transition: all .3s;height: 108px;width: 29%;margin-right: 42%;pointer-events: initial;display: flex;display: -webkit-flex;-webkit-justify-content: flex-end;justify-content: flex-end;} .proinfo03 .textlist li:hover{transform: translateY(-30px);-webkit-transform: translateY(-30px);} .proinfo03 .textlist li:last-child{margin-bottom: 0;} .proinfo03 .textlist li h3{font-size: 23px;color: #333333;font-weight: bold;display: flex;display: -webkit-flex;-webkit-justify-content: flex-end;justify-content: flex-end;-webkit-align-items: center;align-items: center;} .proinfo03 .textlist li h3 img{display: block;width: 48px;height: auto;margin-left: 20px;} .proinfo03 .textlist li h4{font-size: 15px;line-height: 24px;color: #666;text-align: right;padding-right: 69px;} .proinfo03 .textlist02 li h3{-webkit-justify-content: flex-start;justify-content: flex-start;} .proinfo03 .textlist02 li h4{text-align: left;padding-right: 0;padding-left: 80px;} .proinfo03 .textlist02 li h3 img{margin-left: 0;margin-right: 20px;} /* 20210624 */ .proinfo03 .textlist li:nth-of-type(2n){margin-right: 0;-webkit-justify-content: flex-start;justify-content: flex-start;} .proinfo03 .textlist li:nth-of-type(2n) h3{margin-right: 0;flex-flow: row-reverse;-webkit-flex-flow: row-reverse;} .proinfo03 .textlist li:nth-of-type(2n) h4{padding-right: 0;padding-left: 69px;text-align: left;} .proinfo03 .textlist li:nth-of-type(2n) h3 img{margin-right: 20px;margin-left: 0;} /* threesixty */ .threesixty{position:relative;overflow:hidden;margin:0 auto} .threesixty .threesixty_images{display:none;list-style:none;margin:0;padding:0} .threesixty .threesixty_images img{position:absolute;top:0;width:100%;height:auto} .threesixty .threesixty_images img.previous-image{visibility:hidden;width:0} .threesixty .threesixty_images img.current-image{visibility:visible;width:100%} .threesixty:-webkit-full-screen{background:#fff;width:100%;height:100%;margin-top:0;padding-top:200px} .threesixty:-moz-full-screen{background:#fff;width:100%;height:100%;margin-top:0;padding-top:200px} .threesixty .threesixty_images{list-style:arabic-indic} .abc{margin:10px auto 0;display:block;width:100%;opacity:0;position:relative;max-width: 100%;} dl{display:block;overflow:hidden;position:relative;width:90%;margin:100px auto} .threesixty{position: absolute;width: 100%;height: 100%!important;top: 0;left: 0;} .spinner{width: 100%;position: absolute;top: 50%;margin-top: -24px;} .spinner span{opacity: 1; font-size: 16px; display: block; width: 100%; text-align: center; color: #666;} .proinfo03min{width: 80%;margin: auto;} .loader-117{color:#eed5aa;position:relative;font-family:Arial,Helvetica,sans-serif;font-size:48px;letter-spacing:4px;margin: auto;width: 210px;font-weight: bold;} .loader-117::before{content:"";position:absolute;right:68px;bottom:12px;height:28px;width:7px;outline:1px solid #eed5aa;color:#f5a408;-webkit-animation:animloader117 1s linear infinite alternate;animation:animloader117 1s linear infinite alternate} .loader-117::after{content:"";width:4px;height:4px;background:#f5a408;position:absolute;right:69px;top:8px;-webkit-animation:animloader116 1s ease-out infinite alternate;animation:animloader116 1s ease-out infinite alternate} @-webkit-keyframes animloader116{0%{top:8px;transform:rotate(0) scale(1)} 100%{top:0;transform:rotate(180deg) scale(1.5)} } @keyframes animloader116{0%{top:8px;transform:rotate(0) scale(1)} 100%{top:0;transform:rotate(180deg) scale(1.5)} } @-webkit-keyframes animloader117{0%{box-shadow:0 0 inset} 100%{box-shadow:0 -28px inset} } @keyframes animloader117{0%{box-shadow:0 0 inset} 100%{box-shadow:0 -28px inset} } .searchlist-titile{ display: block;overflow: hidden;margin: 30px auto;width: 80%;} .searchlist-titile h3{ display: block;color: #666;font-size: 16px;} .searchlist-titile h3 span{ color: #f5a302;font-size: 18px;font-weight: bold;} .searchlistcenter{} .searchlistcenter .p-yjy{ display: block;overflow: hidden;width: 80%;border-bottom: 1px solid #ccc;margin: 50px auto 0;} .searchlistcenter .p-yjy a{ position: relative;display: block;float: left;font-size: 20px;text-transform: uppercase;margin: 0 80px 0 0; line-height: 40px;overflow: hidden;font-weight: bold;color: #666;} .searchlistcenter .p-yjy a:hover,.searchlistcenter .p-yjy .active{ color: #f5a302; } .p-yjy-center{ display: block;width: 80%;margin: 0 auto 100px; overflow: hidden;min-height: 800px;} .p-yjy-center .newslist{} .p-yjy-center .newslist a{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;border-bottom: 1px solid #ddd;padding: 50px 0;margin: 0;} .p-yjy-center .newslist a .imgbox{ display: block;width: 35%;overflow: hidden;} .p-yjy-center .newslist a .imgbox img{ display: block; width: 100%;} .p-yjy-center .newslist a .textbox{ display: block;width: 60%;} .p-yjy-center .newslist a .textbox span{ display: block;color: #666;font-size: 14px;line-height: 20px;margin: 20px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .p-yjy-center .newslist a .textbox h3{display: block;color: #333;font-size: 20px; font-weight: bold;} .p-yjy-center .newslist a:hover .textbox h3,.p-yjy-center .prolist a:hover .textbox h3{ color: #f5a302; } .p-yjy-center .prolist{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center; border-bottom: 1px solid #ddd;padding: 20px 0;margin: 30px 0;} .p-yjy-center .prolist a{ display: block;width: calc(48% - 2px);float: left;border: 1px solid #eee; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center; } .p-yjy-center .prolist a .imgbox{ display: block;width: 50%;overflow: hidden;} .p-yjy-center .prolist a .imgbox img{display: block; width: 100%;} .p-yjy-center .prolist a .textbox{ display: block;width: 45%;overflow: hidden; margin: 0 2% 0 0;} .p-yjy-center .prolist a .textbox span{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #999;font-size: 14px;line-height: 20px;} .p-yjy-center .prolist a .textbox font{display: block;color: #666;font-size: 40px;font-weight: bold;letter-spacing: 0;} .p-yjy-center .prolist a .textbox h3{ display: block;color: #333;font-weight: bold;font-size: 20px;margin: 20px 0;} /* proinfo04wrap */ .proinfo04wrap{width: 70%;margin: auto;position: relative;padding: 50px 0 0;margin-bottom: 110px;} .proinfo04wrap .tl{font-size: 40px;color: #222222;font-weight: bold;text-align: center;} .proinfo04wrap:before,.proinfo04wrap:after{content: '';display: block;width: 100%;height: 2px;background: -webkit-linear-gradient(to right,#ffffff,#e3e3e3,#ffffff);background: linear-gradient(to right,#ffffff,#e3e3e3,#ffffff);position: absolute;left: 0;} .proinfo04wrap:before{top: 0;} .proinfo04wrap:after{bottom: 0;} /* proinfo04 */ .proinfo04{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-top: 50px;} .proinfo04 li{width: 32%;text-align: center;margin-bottom: 50px;} .proinfo04 li .imgbox{display: block;width: 54px;height: 54px;border-radius: 50%;background: -webkit-linear-gradient(to bottom,#eed5aa,#f5a408);background: linear-gradient(to bottom,#eed5aa,#f5a408);display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;margin: auto;} .proinfo04 li .imgbox img{display: block;width: auto;height: 24px;} .proinfo04 li p{font-size: 16px;color: #231815;margin-top: 20px;text-align: center;} /* proinfo05wrap */ .proinfo05wrap{width: 100%;box-sizing: border-box;padding: 0;position: relative;} .proinfo05wrap .bgimg{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;object-fit: cover;} /* proinfo05 */ .proinfo05{width: 80%;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;position: relative;z-index: 1;} .proinfo05 .imgbox{width: 50%;} .proinfo05 .imgbox img{display: block;width: 100%;} .proinfo05 .text{width: 50%;box-sizing: border-box;padding-left: 100px;} .proinfo05 .text h3{font-size: 40px;color: #222222;font-weight: bold;margin-bottom: 30px;} /* proinfo05list */ .proinfo05list{width: 100%;} .proinfo05list li{width: 100%;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;border-bottom: 1px solid #DDDDDD;} .proinfo05list li:first-child{border-top: 1px solid #DDDDDD;} .proinfo05list li p{width: 30%;line-height: 70px;position: relative;box-sizing: border-box;border-top: 2px solid #222222;font-size: 18px;color: #222222;font-weight: bold;} .proinfo05list li:last-child p{border-bottom: 2px solid #222222;} .proinfo05list li h4{width: 70%;box-sizing: border-box;padding-left: 60px;font-size: 16px;color: #222222;opacity: 0.75;} /* proinfo06wrap */ .proinfo06wrap{width: 100%;box-sizing: border-box;position: relative;margin-top: 100px;} .proinfo06wrap h3{font-size: 40px;font-weight: bold;color: #222222;margin-bottom: 40px;text-align: center;} /* proinfo06 */ .proinfo06{width: 100%;position: relative;} .proinfo06 .box{width: 100%;overflow: hidden;position: relative;} .proinfo06 .box img{display: block;width: 100%;} .proinfo06 .swiper-slide{opacity: 0.5;transition: all .3s;} .proinfo06 .swiper-slide-active{opacity: 1;} .proinfo06 .swiper-button-next,.proinfo06 .swiper-button-prev{width: 60px;height: 60px;background-color: #FFFFFF;border-radius: 50%;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);background-image: none;font-size: 30px;color: #222222;line-height: 60px;text-align: center;margin-top: -30px;} .proinfo06 .swiper-button-next{right: 40px;} .proinfo06 .swiper-button-prev{left: 40px;} .imganimation:before,.imganimation:after{position:absolute;top:0;left:-100%;z-index:15;display:block;content:'';width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg);} .imganimation.aos-animate:before{-webkit-animation: shine 1s ease-out .5s;animation: shine 1s ease-out .5s;} .proinfo06 .swiper-slide-active .box:hover:after{-webkit-animation: shine 1s ease-out .3s;animation: shine 1s ease-out .3s;} @-webkit-keyframes shine{100%{left:125%} } @keyframes shine{100%{left:125%} } @-webkit-keyframes imganim{0%{transform:translateX(-100%)} 100%{transform:translateX(100%)} } .proinfo06 .swiper-slide-active .box:before{-webkit-animation: shine 1s ease-out .5s;animation: shine 1s ease-out .5s;} /* proinfo07 */ .proinfo07{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;padding: 100px 0;} .proinfo07 li{text-align: center;width: 50%;padding: 30px 0;box-sizing: border-box;} .proinfo07 li:first-child{border-right: 1px solid #DDDDDD;} .proinfo07 li img{display: block;width: auto;height: 50px;margin: auto;} .proinfo07 li h3{font-size: 24px;color: #333333;font-weight: bold;margin: 20px 0;text-align:center;} .proinfo07 li h4{font-size: 17px;color: #333333;opacity: 0.5;text-align:center;margin-bottom: 20px;} .proinfo07 li a{font-size: 15px;color: #f5a100;text-align: center;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;position: relative;-webkit-align-items: center;align-items: center;} .proinfo07 li a i{font-size: inherit;color: inherit;margin-left: 10px;transition: all .3s;} .proinfo07 li a:hover i{transform: translateX(30px);-webkit-transform: translateX(30px);} /* 服务 */ .service-b{position: relative;width: 100%;height: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} .service-b .bg{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;} .service-btext{width: 900px;position: relative;margin-top: 80px;} .service-btext h3{font-size: 48px;color: #ffffff;font-weight: bold;text-align: center;margin-bottom: 40px;} .service-btext h4{font-size: 16px;color: #ffffff;line-height: 32px;text-align: center;} .service-btext img{display: block;width: auto;height: 70px;margin: auto;} .service-btext h5{font-size: 48px;color: #ffffff;font-weight: bold;text-align: center; margin: 15px auto;} .service-btext p{font-size: 20px;color: #FFFFFF;opacity: 0.7;text-align: center;padding-bottom: 40px;margin-bottom: 40px;border-bottom: 1px solid rgba(255,255,255,0.3);} /* service01 */ .swrap{width: 100%;position: relative;z-index: 0;overflow: hidden;} .service01{width: 1000px;margin: 100px auto;} .s-tl01{text-align: center;} .s-tl01 h3{font-size: 36px;color: #222222;font-weight: bold;text-align: center;margin-bottom: 30px;} .s-tl01 p{font-size: 14px;color: #888888;text-align: center;} .s-tl01 p a{font-size: inherit;color: #222222;text-decoration: underline;} /* s-form */ .service01 .wpcf7-form{width: 100%;margin-top: 40px;} .service01 .wpcf7-form select{display: block;width: 100%;border: 0;outline: none;box-sizing: border-box;padding: 0 20px;font-size: 16px;color: #888888;height: 50px;margin-bottom: 30px;float: left;margin-right: 2%;border-radius: 4px;background-color: transparent;-webkit-appearance: none;} .service01 .wpcf7-form p .menu-778:after{content: '';display: block;width: 10px;height: 10px;border-top: 1px solid #888888;border-right: 1px solid #888888;transform: rotate(135deg);-webkit-transform: rotate(135deg);position: absolute;right: 20px;top: 50%;margin-top: -10px;} .service01 .wpcf7-form textarea{display: block;width: 100%;border: 0;outline: none;box-sizing: border-box;padding: 20px;font-size: 16px;color: #888888;height: 140px;margin-bottom: 30px;margin-right: 0;border-radius: 4px;resize: none;background-color: transparent;} .service01 .wpcf7-form button{cursor: pointer; margin: auto;line-height: 48px;} .service01 .wpcf7-form p{} .service01 .wpcf7-form p span{display: block;width: 49%;border: 1px solid #DDDDDD;outline: none;box-sizing: border-box;font-size: 14px;color: #888888;height: 50px;margin-bottom: 30px;float: left;margin-right: 2%;border-radius: 4px; position: relative;overflow: hidden;} .service01 .wpcf7-form p span:nth-of-type(2n){margin-right: 0;} .service01 .wpcf7-form p .menu-778{ width:100%; } .service01 .wpcf7-form .textarea-602{width: 100%;height: auto;} .service01 .wpcf7-form p span span{ position: absolute;top: 0;right: 5px;width: auto;border: 0;line-height: 48px;letter-spacing: 0;font-size: 14px;color: #e47b29;} .service01 .wpcf7-form input{ display: block;width: 100%;height: 48px;border: 0;font-size: 16px;padding: 0 20px;box-sizing: border-box;} .service01 .wpcf7-form p br,.screen-reader-response{ display: none; } .wpcf7-response-output,.wpcf7-validation-errors{ display: block;text-align: center;color: #e47b29;letter-spacing: 0;margin: 20px 0 0 0;font-size: 14px;} /* 新闻 */ .n-banner{width: 100%;position: relative;overflow: hidden;} .n-banner img{display: block;width: 100%;} .n-banner .n-banner-t{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 80%;} .n-banner .n-banner-t h3{font-size: 48px;color: #ffffff;font-weight: bold;text-align: center;} /* n-form */ .n-form{width: 500px;margin: auto;display: flex;display: -webkit-flex;margin-top: 30px;} .n-form p{display: block;width: 400px;min-height: 46px;height: 46px;box-sizing: border-box;background-color: #FFFFFF;} .n-form input{display: block;width: 100%;height: 100%;min-height: 100%;box-sizing: border-box;outline: none;border: none;background-color: #FFFFFF;padding: 0 20px;font-size: 14px;color: #333333;-webkit-appearance: none;} .n-form button{width: 100px;height: 46px;border: none;background-color: #111;font-size: 14px;color: #FFFFFF;outline: none;text-align: center;} .n-form button i{font-size: inherit;color: inherit;margin-right: 10px;} .newslink{margin: 60px auto;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border-bottom: 1px solid #DDDDDD;} .newslink i{display: block;width: 1px;height: 20px;background-color: #DDDDDD;} .newslink a{display: block;font-size: 18px;color: #222222;line-height: 50px;position: relative;width: 230px;text-align: center;} .newslink a:before{content: '';display: block;width: 0%;height: 2px;background-color: #f5a100;position: absolute;left: 0;bottom: 0;transition: all .3s;} .newslink a:hover:before,.newslink a.active:before{width: 100%;} .newslink a:hover,.newslink a.active{color: #f5a100;} /* news01 */ .news01{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .news01 .news01-l{width: 58%;} .news01 .news01-l .imgbox{width: 100%;overflow: hidden;} .news01 .news01-l .imgbox img{display: block;width: 100%;transition: all .5s;} .news01:hover .news01-l .imgbox img{transform: scale(1.1);} .news01 .news01-l .text{width: 100%;box-sizing: border-box;position: relative;} .news01 .news01-l .text p,.news01-r p{font-size: 15px;color: #333;margin: 30px 0;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;} .news01 .news01-l .text p:before,.news01-r p:before{content: '';display: block;width: 4px;height: 4px;background-color: #AAAAAA;border-radius: 50%;margin-right: 5px;} .news01 .news01-l .text h3,.news01-r h3{font-size: 24px;line-height: 36px;color: #222222;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 30px;} .news01 .news01-l .text font{display: block;font-size: 15px;color: #aaaaaa;} /*.news01 .news01-l:hover .text h3{color: #f5a100;}*/ /*.news01 .news01-l:hover .text font{color: #f5a100;}*/ /*.news01 .news01-l:hover .text p,.news01-r:hover p{color: #f5a100;}*/ /*.news01 .news01-l:hover .text p:before,.news01-r:hover p:before{background-color: #f5a100;}*/ /* .news01-r */ .news01-r{width: 40%;background-color: #f1f2f3;box-sizing: border-box;padding: 50px;position: relative;} .news01-r p{margin-top: 0;font-weight:bold;} .news01-r h3{-webkit-line-clamp: 3;margin-bottom: 40px;} .news01-r h4{font-size: 14px;color: #333;line-height: 30px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;} .news01-r .bot{width: calc(100% - 100px);position: absolute;left: 50px;bottom: 0;height: 100px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;box-sizing: border-box;border-top: 1px solid #AAAAAA;} .news01-r .bot font{font-size: 15px;color: #AAAAAA;} .news01-r .bot i{width: 50px;height: 50px;border-radius: 50%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border: 1px solid #aaaaaa;border-radius: 50%;font-size: 18px;color: #aaaaaa;font-weight: lighter;} .news01-r .bot:before{content: '';display: block;width: 0%;height: 1px;position: absolute;top: -1px;left: 0;background-color: #f5a100;transition: all .3s;} .news01-r:hover .bot:before{width: 100%;} /*.news01-r:hover h3{color: #f5a100;}*/ /*.news01-r:hover .bot i{color: #f5a100;border-color: #f5a100;}*/ /*.news01-r:hover .bot font{color: #f5a100;}*/ /* news02 */ .news02{margin: 70px auto 0;border-top: 1px solid #DDDDDD;padding-top: 70px;display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .news02 a{display: block;width: 32%;padding-bottom: 60px;position: relative;box-sizing: border-box;margin-right: 2%;border-bottom: 1px solid #DDDDDD;margin-bottom: 60px;} .news02 a:nth-of-type(3n){margin-right: 0;} .news02 a .imgbox{position: relative;overflow: hidden;} .news02 a .imgbox img{display: block;width: 100%;transition: all .6s;} .news02 a:hover .imgbox img{transform: scale(1.1);} .news02 a .text{width: 100%;margin-top: 30px;} .news02 a .text font{width: 100%;display: block;font-size: 15px;color: #aaaaaa;margin-bottom: 20px;} .news02 a .text h3{font-size: 20px;line-height: 30px;color: #222222;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} /*.news02 a:hover .text h3{color: #f5a100;}*/ .news02 a:hover{ border-bottom: 1px solid #f5a100;} /* fy */ .fy,.nav-links{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;margin-bottom: 80px;} .fy a,.nav-links a,.nav-links span{ display: block; width: auto;height: 34px;min-width: 34px;box-sizing: border-box;border: 1px solid #DDDDDD;font-size: 14px;color: #b8b8b8;margin-right: 15px;text-align: center;line-height: 34px;border-radius: 4px;padding: 0 12px;} .fy a:last-child{margin-right: 0;} .fy a.active,.fy a:hover,.nav-links span{background-color: #f5a100;border-color: #f5a100;color: #FFFFFF;} .screen-reader-text{ display: none; } /* 新闻详情 */ .n-info-bwrap{width: 100%;position: relative;overflow: hidden;padding-top: 120px;border-bottom: 1px solid #DDDDDD;} /* n-info-b */ .n-info-b{margin: 100px auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .n-info-b .l-tex{width: 60%;} .n-info-b .l-tex h3{font-size: 30px;color: #222222;line-height: 40px;margin-bottom: 30px;} .n-info-b .l-tex .data{display: flex;display: -webkit-flex;} .n-info-b .l-tex .data p{font-size: 16px;color: #888888;margin-right: 50px;} .n-info-b .l-tex .data p:last-child{margin-right: 0;} .n-info-b .r-text{width: 30%;} .n-info-b .r-text .newinfofx{margin: auto;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;} .n-info-b .r-text .newinfofx p{font-size: 14px;color: #666666;margin-right: 20px;} .n-info-b .r-text .newinfofx .bshare-custom{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;} .n-info-b .r-text .newinfofx .bshare-custom a{display: block;width: 30px;height: 30px;text-align: center;line-height: 30px;border: 1px solid #666666;font-size: 14px;color: #666666;margin: 0;padding: 0;margin-right: 10px;border-radius: 50%;background-image: none;} .n-info-b .r-text .newinfofx .bshare-custom a:last-child{margin-right: 0;} .n-info-b .r-text .toback{font-size: 14px;color: #e1980a;margin-top: 30px;display: inline-block;} .n-info-b .r-text .toback i{font-size: inherit;color: inherit;margin-right: 5px;} /* newsinfo01 */ .newsinfo01{margin: 100px auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} /* newsinfo01-l */ .newsinfo01-l{width: 60%;} .newsinfo01-lmin{width: 100%;padding-bottom: 60px;border-bottom: 1px solid #DDDDDD;} .newsinfo01-lmin p{font-size: 16px;color: #555555;line-height: 30px;text-align: justify;margin-bottom: 30px;} .newsinfo01-lmin p:last-child{margin-bottom: 0;} .newsinfo01-lmin p img,.newsinfo01-lmin video,.newsinfo01-lmin img{ display: block;width: 100%;height: auto;margin: 20px 0;max-width: 100%;} .newsinfo01-lmin section div{display: block;width: 100% !important;} .newsinfo01-lmin p strong{font-weight: bold;} .newsinfo01-l .page{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding-top: 30px;} .newsinfo01-l .page a{font-size: 14px;color: #666666;} .newsinfo01-l .page a i{font-size: inherit;color: inherit;margin-right: 10px;} .newsinfo01-l .page a:last-child i{margin-right: 0;margin-left: 10px;} .newsinfo01-l .page a:hover{color: #e1980a;} .newsinfo01-lmin .wp-video{ width: auto !important;} .newsinfo01-lmin .wp-video video { width: 100%; display: block;} /* newsinfo01-r */ .newsinfo01-r{width: 30%;} .newsinfo01-r .tl{font-size: 24px;color: #444444;font-weight: bold;padding-bottom: 20px;border-bottom: 2px solid #DDDDDD;} /* newsinfo01-rmin */ .newsinfo01-rmin{width: 100%;} .newsinfo01-rmin .item{display: block;width: 100%;box-sizing: border-box;padding: 30px 0;border-bottom: 1px solid #DDDDDD;} .newsinfo01-rmin .item h3{font-size: 16px;line-height: 26px;color: #444444;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .newsinfo01-rmin .item p{font-size: 14px;color: #aaaaaa;line-height: 24px;} .newsinfo01-rmin .item:hover h3{color: #e1980a;} .title{padding: 180px 0 50px;margin: auto ;border-bottom: 1px solid #ccc;} .title h3{font-size: 32px;font-weight: bold;color: #222;display: block;text-align: center;margin-bottom: 36px;} .title span{font-size: 16px;color: #444;text-align: center;display: block;} .innerbox{width: 1080px;margin:50px auto;box-sizing: border-box;} .innerbox p{font-size: 17px;line-height: 36px;color: #444;} .innerbox p strong{font-size: 20px;color: #222;display: block;margin: 30px 0 10px;} .innerbox p a{color: blue;text-decoration: underline;} .xz{width: 1080px;margin: 0 auto 100px;border: 1px solid #ccc;border-radius: 6px;} .xz-heading{padding: 22px 22px;width: 100%;background: #eee;box-sizing: border-box;} .xz-heading span{font-size: 17px;font-weight: bold;color: #222;} .xz ul{padding: 22px;} .xz ul li{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;} .xz ul li i{color: #444;font-size: 16px;margin-right: 10px;} .xz ul li a{} .xz ul li a span{font-size: 17px;color: #444;} .xz ul li a:hover span{text-decoration: underline;color: blue;} @media only screen and (max-width:1600px ) { .xxfooter{ padding: 40px 5%;} .xxfooter .center ul li img{ height: 100px;} .xxfooter .center ul li p{ font-size: 12px; } .xxfooter .tt span,.xxfooter .tt font{font-size: 24px;} .xxfooter .left .footlebot p,.xxfooter .right ul li{margin: 0 0 6px 0;} .xxfooter .right ul{ width: 200px; } .xxfooter .center ul,.xxfooter .left .footlebot,.xxfooter .right ul{margin: 30px 0 0 0;} .banner h6{font-size: 16px;} .pch .en{ font-size: 14px; line-height: 30px;} .pch .logo img{ height:50px; } .pch .pcnav{ } .pch .pcnav a{font-size: 16px;} .pch .sidebar-nav .mnli>a{ font-size: 18px; } .pch .sidebar-nav .mnli .mlist .sidebar-brand-two a{ font-size: 14px; margin: 15px 0;} .homepro .p-yjy a{ padding: 40px 0;} .homepro .p-yjy a span{ font-size: 20px;} .homepro .p-yjy-center .p-kn .imglist{ top: 180px;} .homepro .p-yjy-center .p-kn .swiper-slide img{ width:45%;} .homepro .p-yjy-center .p-kn .swiper-slide-active img{ width:76%;} .homepro #kong{ margin: 0 0 50px 0; } .more{ height: 40px;line-height: 40px;width: 180px;} .homenews2 .list,.homenews2 h6,.homeabout .ct,.homenews .list{ width: 90%;} .homeabout .right .num p font{ font-size: 16px; margin: 10px 0 0 0; } .homeabout .right .txt{ margin: 120px 0 0 0;} .homeabout .right .txt h4{ font-size: 16px; line-height: 30px;} .homeabout .right .txt .more{ margin: 80px 0 0 0;} .homenews2 .list a .txt h3{ font-size: 20px;line-height: 30px;margin: 20px 0 0 0;} .homenews2 .list a .txt2 .p font{font-size: 13px;line-height:22px;} .homenews2 .list a .txt2 .p i{ margin:20px 0; } .homenews .list .left .txt h3{ font-size: 22px; line-height: 30px;margin: 0 0 20px 0; width: 100%; } .homenews .list .left .txt{ padding: 40px 40px 40px 0;} .homenews .list .left .txt h4{ font-size: 14px;line-height: 24px;margin: 0 0 20px;} .homenews .list .left .txt h5{ font-size:14px; } .homenews .list .right a .txt h3{ width: 100%; line-height: 22px; font-size: 16px;} .homenews .list .right a .txt h4{ font-size: 13px; margin: 12px 0 0;} .homenews .list .right a .txt{padding: 15px 26px 15px 0;} .homenews .list .right a p{margin: 0 0 26px 60%;} .navFix{ right: 0px;} /* about */ .pagebanner .btxt{left: 5%;} .pagebanner .btxt h3{font-size: 38px;margin-bottom: 20px;} .pagebanner .btxt h4{font-size: 20px;} .about-tt{width: 160px;padding-bottom: 20px;position: relative;box-sizing: border-box;padding-left: 3%;} .about-tt font{position: absolute;left: 0;bottom: 0;} .pageab .abtxt .left{width: 50%;margin: 0;padding-right: 60px;box-sizing: border-box;} .about-tt span{font-size: 28px;} .pageab .abtxt .left h3{font-size: 28px;} .pageab .abtxt .left h4{font-size: 16px;margin: 15px 0 30px;} .pageab .abtxt .left h5{font-size: 16px;line-height: 28px;} .pagehist .about-tt{width: auto;} .pagehist{background-position: center;} .pagehist .np{right: 3%;} .aboutmis .about-tt{display: inline-block;} .aboutmis .center{width: 90%;} .aboutmis .center .left dd .txt h4 span{font-size: 22px;} .aboutmis .center .left dd .txt h4 font{font-size: 16px;margin-top: 15px;} .aboutcontact .ct h6{font-size: 44px;} .aboutcontact .ct span{font-size: 30px;} .aboutcontact .ct .txt span{font-size: 24px;} .aboutcontact .ct .txt strong{margin: 15px 0;} .aboutcontact .ct .txt font{font-size: 14px;line-height: 26px;} .aboutevent .np{width: 160px;} .aboutevent .swiper-container02{width: calc(100% - 240px);} .aboutevent .swiper-container02 .swiper-slide a .txt h3{font-size: 20px;line-height: 28px;min-height: 56px;-webkit-line-clamp: 2;overflow: hidden;} .aboutevent .swiper-container02 .swiper-slide a .txt{padding: 30px 20px;} .aboutevent .swiper-pagination02{left: 240px;} .abouthrinfo .swiper-container01 .in-banner-txt .left{width: 50%;border: 12px solid #88888c;} .abouthrinfo .swiper-container01 .in-banner-txt .left h3{font-size: 24px;} .abouthrinfo .swiper-container01 .in-banner-txt .left h4{font-size: 14px;line-height: 26px;} .abouthrinfo .swiper-container01 .in-banner-txt .left{padding: 60px 30px;} .abouthrinfo .np .npto{right: 3%;} .abouthrinfo .np .swiper-button-prev01{left: 3%;right: initial;} .abouthrinfo .swiper-container01 .in-banner-txt .right h3 span{font-size: 42px;} .abouthrinfo .swiper-container01 .in-banner-txt .right h4{font-size: 16px;} .aboutjob .right{padding: 180px 0 100px;} .aboutjob .right dd h3{font-size: 24px;line-height: 32px;} .aboutjob .right dd h4{font-size: 16px;line-height: 32px;margin-top: 20px;} .aboutjob .left{top: calc(50% + 20px);} .aboutjob{padding: 100px 0;} .aboutcontact{margin: 100px auto;} .aboutevent{padding-bottom: 50px;} .aboutevent .swiper-pagination02{bottom: 0;} .aboutjob .right{border: 12px solid #d9dce0;} .pagehist h6{font-size: 32px;margin-bottom: 40px;} /* 20210608 */ .aboutcontact{position: relative;} .p-yjy-center .newslist a{padding: 40px 0;} .p-cont{width: 80%;} .product01li .text .model h3{font-size: 40px;} .product01li .text .model p{font-size: 20px;} .product01li .text .model{margin-bottom: 50px;} .product01li .text .tl{font-size: 26px;margin-bottom: 20px;} .product01li .text h4{font-size: 15px;line-height: 26px;} .product01li .text .list{padding-top: 20px;margin-top: 20px;} .product01li .text .list p{font-size: 13px;} .product01li{margin-bottom: 120px;} .product01li .text .p-more{margin-top: 50px;width: 160px;height: 42px;line-height: 40px;font-size: 14px;} .innerbotwrap a{height: 120px;font-size: 20px;} .product01{padding: 100px 0;} .product01li .text .list p img{height: 24px;} .product01li .text .p-more{} /* proinfo */ .proinfo01text h3{font-size: 84px;line-height:84px;} .proinfo01text p{font-size: 30px;line-height:30px;} .proinfo01{padding: 0;} .proinfo04wrap{margin-bottom: 80px;} .proinfo04wrap{width: 80%;} .proinfo04wrap .tl,.proinfo05 .text h3,.proinfo06wrap h3{font-size: 32px;} .proinfo05{width: 90%;} .proinfo07{padding: 80px 0;} .proinfo06 .swiper-button-next, .proinfo06 .swiper-button-prev{width: 50px;height: 50px;line-height: 50px;font-size: 24px;} .proinfo02 h4{font-size: 18px;line-height: 40px;} /* 20210608 */ .choose .choose_list .choose_txt>a>h3>.yc>span{margin-bottom: 10px;font-size: 16px;line-height: 24px;} .choose .choose_list .choose_txt>a>h3>.yc>p{font-size: 26px;line-height: 34px;} .choose .choose_list .choose_txt>a>.top p{font-size: 26px;line-height: 34px;} .choose .choose_list .choose_txt>a>h3>.yc>strong{margin-bottom: 20px;} .choose{height: calc(100% - 180px);} .choose .choose_list{height: 100%;} .img_box>img{width: 100%;} .choose .choose_list .choose_txt>a>h3>.yc .num{font-size: 14px;color: #fff;margin-bottom: 30px;line-height:normal;} .choose .choose_list .choose_txt>a>h3>.yc .en{line-height: normal;} .p-cont{width: 90%;} .n-banner .n-banner-t{width: 90%;} .n-banner .n-banner-t h3{font-size: 42px;} .news01 .news01-l .text h3, .news01-r h3{font-size: 20px;} .news01-r .bot i{width: 46px;height: 46px;font-size: 16px;} .news02 a .text h3{font-size: 18px;} .news02 a{padding-bottom: 50px;margin-bottom: 50px;} .service-btext{width: 750px;} .service-btext h3{font-size:32px;} .service-btext h4{font-size:15px;} .service-btext h5{font-size:42px;} .service-btext p{} .service-btext img{} .aboutevent{margin: 80px auto;} .homeabout .ct{margin: 80px auto;} .homenews2{margin-bottom:60px;} .pageab{padding: 80px 0;} .aboutmis{padding: 80px 0 0;} .aboutcontact{margin: 80px auto;} .aboutevent{margin: 80px auto;} .service01 .wpcf7-form button{line-height: 40px;height: 44px;} .choose .choose_list .choose_txt>a>h3>.yc>font{height: 40px; line-height: 40px; width: 180px;} .prodown .item .linklist a{font-size: 12px;line-height: 28px;} .prodown .item .linklist h3{margin-bottom: 10px;} .pch .pcnav li>a{line-height: 86px;} /* 20210625 */ .proinfo05 .text{padding-left: 60px;} .proinfo05list li h4{padding-left: 30px;font-size: 14px;} .proinfo05list li p{font-size: 16px;line-height: 60px;} .aboutcontact .ct h6 span{font-size: 28px;margin-top: 20px;} }