/* 清除内外边距 */ body, h1, 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,微软雅黑; 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 { } h3 { font-size: 14px; } h4, h5, h6 { font-size: 100%; } address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */ code, kbd, pre, samp, tt { } /* 统一等宽字体 */ small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */ /* 重置列表元素 */ ul, ol { list-style: none; } /* 重置文本格式元素 */ a { text-decoration: none; } a:hover { text-decoration: none; } abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */ border-bottom: 1px dotted; cursor: help; } q:before, q:after { content: ''; } /* 重置表单元素 */ legend { color: #000; } /* for ie6 */ fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */ /* 注：optgroup 无法扶正 */ button, input, select, textarea { font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */ } /* 重置表格元素 */ table { border-collapse: collapse; border-spacing: 0; } /* 重置 hr */ hr { border: none; height: 1px; } /* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */ html { overflow-y: scroll; } audio, canvas, progress, video {display: inline-block;vertical-align: baseline;} video::-internal-media-controls-download-button {display:none;} video::-webkit-media-controls-enclosure {overflow:hidden;} video::-webkit-media-controls-panel {width: calc(100% + 30px); } html,body{ height:100%; } .web-ie2018{ font-family: Arial,'宋体'; position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;} .web-ie2018 dl{ position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;} .web-ie2018 dl #img{ display: block;margin: 50px auto;} .web-ie2018 dl h3{ display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;} .web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;} .web-ie2018 dl dd{ margin: 0 auto 50px; display: block;text-align: center; margin-bottom:50px;} .web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;} .web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;} .web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;} input, button, select, textarea {outline: none;} .clearfix:after{display:block;content:'';clear:both;visibility:hidden} *:focus{outline:none;} /* swiper css */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x} .swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-30px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} .pch{ position: fixed;width: 100%;height: 80px;background: #fff;top: 0;left: 0;z-index: 9999; box-shadow: 0 2px 10px rgba(0,0,0,0.1);} .pch .logo{ display: block;overflow: hidden;float: left; margin: 10px 0 0 200px;} .pch .logo img{ display: block;height: 56px;width: auto;} .pch .right{ display: block;float: right;width: 50%;height: 80px;background: #0d5ea7;} .pch .hamburger{width: 28px;height: 20px;margin: 0;right: 200px;top: 30px;cursor: pointer;} .hamburger.is-closed .hamb-top,.hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-bottom,.hamburger.is-open .hamb-top,.hamburger.is-open .hamb-bottom{ background-color: #fff;} .pch .hamburger font{ position: relative;left: -60px;color: #fff;width: 50px;display: block;line-height: 20px;font-size: 14px;} .pch .yy{ color: #fff;width: 35px;height: 35px;position: absolute;top: 20px;right: 350px;border: 1px solid #eee;border-radius: 50%;font-size: 12px;line-height: 35px;text-align: center;display: block;} .pch .buy{ position: absolute;top: 0; left:50%; padding: 0 0 0 50px;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;} .pch .buy li{position: relative;} .pch .buy li::after{content: '';display: block;width: 0%;height: 2px;background-color: #fff;position: absolute;left: 0;bottom: 0;transition: all .3s;} .pch .buy li:hover::after{width: 100%;} .pch .buy li>a{margin: 0 30px; display: block;overflow: hidden;position: relative;color: #fff;line-height: 80px;} /* .pch .buy li:last-child>a{margin-right:0;} */ .pch .buy a img{ display: block;width: auto;height: 30px; opacity: 0.9;} .pch .sidebar-nav{ padding: 100px 200px; width: 50%;top: 80px;background:rgba(13, 94, 167, 0.9); transition: all .6s; overflow-y: scroll;} .pch .buy li .nav02{position: absolute;left: 0;width: 100%;background-color: #0d5ea7;opacity: 0;transition: all .3s;visibility: hidden;padding: 10px 0;} .pch .buy li .nav02 a{display: block;width: 100%;box-sizing: border-box;text-align: center;line-height: 40px;color: #fff;font-size: 13px;} .pch .buy li .nav02 a:hover{opacity: 0.7;text-decoration: underline;} .pch .buy li:hover .nav02{opacity: 1;visibility: visible;} .pch .sidebar-nav::-webkit-scrollbar {display:none} .pch .sidebar-nav .sidebar-brand>a{color: #fff;font-size: 24px; margin: 0; border-bottom:1px solid #3070a5;} .pch .sidebar-nav .sidebar-brand{ margin: 0 0 50px 0;} .pch .sidebar-nav .sidebar-brand .activ,.pch .sidebar-nav .sidebar-brand>a:hover{ border-bottom: 1px solid #fff; } .pch .sidebar-brand-two>a{ color: #fff;padding: 0;font-size: 18px;margin: 20px;opacity: 0.8;} .pch .sidebar-brand-two>a:hover{ color:#fff; opacity: 1; } .pch .yy:hover{ background-color: #fff; color:#0d5ea7; } .pch .buy .addt::after{ width:100%; } .banner2020{ display: block;width: 100%;overflow: hidden;position: relative;height: auto;background: #eee; max-height: 100%;} .banner2020 video{ display: block; width: 100%;} .banner2020 .bg{height: 100%;display: block;overflow: hidden;width: 100%;position: absolute;top: 0;background: #000;opacity: 0.1;} .banner2020 .txt{ /*position: absolute;width: calc(50% - 160px);background: rgba(255, 255, 255, 0.7);bottom: 0;right: 0;padding:40px 80px;z-index: 2;*/ position: absolute;top: 50%;left: 0;padding: 0;z-index: 2;transform: translateY(-50%);-webkit-transform: translateY(-50%);width:100%;} .banner2020 .txt h3{ text-shadow: 0 0 0.1em #000; display: block;color: #fff;font-size:60px;letter-spacing: 4px;font-weight: bold; text-align: center;} .banner2020 .txt h4{ text-shadow: 0 0 0.1em #000; display: block;overflow: hidden;font-size: 36px;letter-spacing: 4px;margin:20px 0 0 0;color: #fff; text-align: center;} .banner2020 .sjimg{display: none;} .banner2020 .sjbanner{display: none;} .banner2020 .sjbanner img{display: block;width: 100%;} .centerBig img{-webkit-animation-name:centerBig;animation-name:centerBig;} @-webkit-keyframes centerBig{ 100%{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}} @keyframes centerBig{ 100%{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}} .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; } .inabout{position: relative;display: block;overflow: hidden;background:#0d5ea7;padding:100px 0 100px 0; } .inabout .txt{ position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: calc(50% - 200px);top: 50%;left: 100px;} .inabout .txt span{ display: block;color: #fff;font-size: 40px;letter-spacing: 0;font-weight: normal;margin: 0 0 40px 0;} .inabout .txt font{ display: block;font-size: 18px;letter-spacing: 1px;text-align: justify;line-height: 30px;margin: 0 0 50px 0; color: #fff;} .inabout .txt .to-a{ border: 1px solid #fff; } .inabout .txt .to-a .t{ color: #fff;} .inabout .txt .to-a .b{background: #fff;} .inabout .txt .to-a:hover .t{ color:#0d5ea7; } .inabout .inaimg{display: block;width: 50%;margin: 0 0 0 50%;position: relative;} .inabout .inaimg #inaimg{display: block;width: 100%;} .inhist{position: relative;display: block;overflow: hidden; background: url(../images/inhisttybg.jpg) fixed 50% 0 no-repeat; padding:100px 200px; } .inhist .tt{display: block;color: #fff;font-size: 40px;letter-spacing: 4px;font-weight: normal;margin: 0 0 80px 0;} .inhist .center{ display: block; overflow: hidden;} .inhist .center a{ display: block;overflow: hidden;width:calc(23.5% - 32px); background:rgba(255, 255, 255, 0.2); border: 0 solid #f7ecd0;float: left;margin: 0 2% 0 0;position: relative; padding: 16px; } .inhist .center a:nth-child(4n){ margin-right:0;} .inhist .center a p{min-height: 220px;display: block;overflow: hidden;border: 1px solid rgba(255, 255, 255, 0.2); padding:80px 0; position: relative; z-index: 2;transition: all .3s; } .inhist .center a strong{display: block;padding: 0 0 0 0;font-size: 22px;font-weight: normal;color: #fff; text-align: center; } .inhist .center a span{display: block;font-size: 36px; margin: 30px 0; border-top: 0 solid #f7ecd0;border-bottom: 0 solid #f7ecd0;line-height: 1em;padding: 16px 0;color: #fff;text-align: center;} .inhist .center a font{ display: block;padding: 0 40px;font-size: 20px;letter-spacing: 0;color: #fff;text-align: center;} .inhist .center a .bg{ transition: all .3s; position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background: #0d5ea7;opacity:0;} .inhist .center a:hover .bg{ opacity: 0.9;} .inhist .center a:hover p{border: 1px solid rgba(255, 255, 255, 0.5);} .inpro{ display: block;overflow: hidden;background: #f4f7fc;padding:100px 200px;} .inpro .tt{display: block;color: #0d5ea7;font-size: 40px;letter-spacing: 4px;font-weight: normal;margin: 0 0 80px 0;} .inpro .center{ display: block; overflow: hidden;} .inpro .center a{display: block;overflow: hidden;float: left;width:calc(32% - 2px);margin: 0 2% 2% 0; border: 1px solid #eee; position: relative;} .inpro .center a:nth-child(3n){ margin-right:0;} .inpro .center a:nth-child(5),.inpro .center a:nth-child(6){ margin-bottom:0; } .inpro .center a h5{display: block;overflow: hidden;} .inpro .center a img{ display: block; width: 100%;-webkit-transition:0.6s; -moz-transition:0.6s; transition:0.6s;} .inpro .center a .txt{ padding:30px 50px; display: block;overflow: hidden;background: #fff; transition: all .3s;} .inpro .center a .txt h3{ display: block;color: #666;font-size: 36px;margin: 0 0 30px 0; transition: all .3s; line-height: 1em;} .inpro .center a .txt h6{ display: block;color: #666;font-size: 18px;margin: 0 0 30px 0; transition: all .3s;} .inpro .center a .txt h4{ display: block; overflow: hidden; border-bottom: 1px solid #ddd; padding: 0 0 10px 0; } .inpro .center a .txt h4 font{display: block;overflow: hidden;float: left;color: #666;font-size: 14px; line-height: 20px;transition: all .3s;} .inpro .center a .txt h4 .fa{display: block;float: right;color: #666;line-height: 20px;font-size: 14px;transition: all .3s;} .inpro .center a:hover .txt{ background:#0d5ea7; } .inpro .center a:hover .txt h3,.inpro .center a:hover .txt h4 font,.inpro .center a:hover .txt h6{ color:#fff; } .inpro .center a:hover .txt h4 .fa{ color:#fff; margin: 0 50px 0 0; } .inpro .center a:hover .txt h3{margin: 0 0 30px 20px;} .inpro .center a:hover .txt h4 font{ margin: 0 0 0 20px;} .inpro .center a:hover .txt h6{margin: 0 0 30px 20px;} .inserver{display: block;overflow: hidden;padding:100px 200px;background:#fff;} .inserver .center{display: block;overflow: hidden;} .inserver .center dl{position: relative; display: block;overflow: hidden;float: left;width: 32.66666%;margin: 0 1% 0 0;} .inserver .center dl:nth-child(3n){ margin-right:0;} .inserver .center dl img{display: block;width: 100%; -webkit-transition:0.6s; -moz-transition:0.6s; transition:0.6s;} .inserver .center dl h3{position: absolute;top: 50px;left: 50px;font-size: 36px;color: #fff;} .inserver .center dl .txt{ position: absolute;bottom: 50px;left: 50px;} .inserver .center dl .txt2 span{display: block;color: #fff;font-size: 36px;} .inserver .center dl .txt2 font{ display: block;color: #fff;font-size: 16px;margin: 10px 0 0 0;} .inserver .center dl .txt1{} .inserver .center dl .txt1 a{ display: block;border: 1px solid #fff;width: 48px;float: left;padding: 12px;margin-right: 30px;} .inserver .center dl .txt1 a span{ font-size: 24px;color: #fff;display: block;text-align: center;} .inserver .center dl .txt1 a img{display: block;width: auto;margin: 30px auto 0;} .inserver .center dl .txt3{} .inserver .center dl .txt3 span{ display: block;overflow: hidden;float: left;margin: 0 30px 0 0;} .inserver .center dl .txt3 span img{display: block;width: auto;height: 120px;} .inserver .center dl .txt3 span font{ display: block;text-align: center;color: #fff;font-size: 14px;margin: 10px 0 0 0;} .inserver .center dl:hover img,.innews .nlist a:hover h4 img,.inpro .center a:hover img,.inabout .VideoBtn:hover #img2{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); } .inserver .center dl:hover .txt img{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); } .inserver .center dl .txt1 a:hover{ background: rgba(247, 236, 208, 0.5); } .to-a{ display: block;overflow: hidden;border: 1px solid #0d5ea7;text-align: center;height: 36px;line-height: 36px;width: 150px;position: relative;} .to-a .t{ display: block;font-size: 12px;text-transform: uppercase;color: #0d5ea7; position: relative; z-index: 2;} .to-a .t .fa{ font-size: 16px; margin-left: 10px; } .to-a .b{position: absolute;width: 100%;height: 100%;background: #0d5ea7;top: 0;left: -100%;transition: all .3s;z-index:1;} .to-a:hover{border: 1px solid #0d5ea7; } .to-a:hover .b{left:0;} .to-a:hover .t{color:#fff; } .footer{} .footer .top{ background: #f7ecd0; display: block;overflow: hidden; padding:50px 200px; } .footer .top .f-logo{ display: block;overflow: hidden;float: left;} .footer .top .f-logo img{display: block;width: auto;height: 60px;} .footer .top .fx{ display: block;overflow: hidden;float: right;} .footer .top .fx h3{ display: block;float: left;line-height: 50px;font-size: 20px;margin: 0 20px 0 0;color: #0d5ea7;} .footer .top .fx .bdsharebuttonbox{display: block;float: left;overflow: hidden;} .footer .top .fx .bdsharebuttonbox a{display: block;background: none;margin: 0;padding: 0;color: #0d5ea7; float: left;width: 49px;height: 49px;text-align: center;line-height: 49px;border: 1px solid #0d5ea7;border-radius: 50%;font-size: 16px;margin: 0 0 0 10px;} .footer .bottom{ display: block;overflow: hidden;background: #333;padding: 20px 200px;} .footer .bottom h3{ display: block;float: left;color: #b5b5b5;font-size: 14px;} .footer .bottom h3 a{ color: #b5b5b5;margin: 0 0 0 20px;} .footer .bottom h4{ display: block;float: right;color: #b5b5b5;font-size: 14px;} .footer .bottom h4 a{ color: #b5b5b5;margin: 0 0 0 20px;} /* 简介 */ .innerwrap{width: 100%;box-sizing: border-box;margin-top: 80px;position: relative;overflow: hidden;} /* mbxwrap */ .mbxwrap{width: 100%;box-sizing: border-box;background-color: #eeeeee;padding: 0 200px;} .mbxwrap .mbx{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-align-content: flex-start;justify-content: flex-start;padding: 20px 0;} .mbxwrap .mbx a{font-size: 14px;color: #888888;} .mbxwrap .mbx i{font-size: inherit;color: inherit;} .mbxwrap .mbx strong{display: block;width: 1px;height: 14px;background-color: #888888;margin: 0 20px;} .mbxwrap .mbx span{font-size: 14px;color: #888;margin: 0 20px;} /* baout01wrap */ .baout01wrap{width: 100%;box-sizing: border-box;position: relative;padding: 130px 200px;} .baout01wrap::before{content: '';background-color: #0d5ea7;width: 30%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;} .baout01wrap .about01{width: 100%;position: relative;z-index: 1;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .baout01wrap .about01 .imgbox{width: 50%;overflow: hidden;} .baout01wrap .about01 .imgbox img{display: block;width: 100%;transition: all .6s;} .baout01wrap .about01 .imgbox:hover img{width: 100%;transform: scale(1.1);} .baout01wrap .about01 .text{width: 50%;box-sizing: border-box;padding-left: 100px;} .baout01wrap .about01 .text h3{font-size: 36px;color: #000022;font-weight: bold;margin-bottom: 40px;} .baout01wrap .about01 .text h4{font-size: 18px;color: #222222;line-height: 30px;margin-bottom: 40px;text-align: justify;font-weight: bold;} .baout01wrap .about01 .text .info{width: 100%;box-sizing: border-box;} .baout01wrap .about01 .text .info p{font-size: 15px;color: #666666;line-height: 30px;margin-bottom: 30px;} .baout01wrap .about01 .text .info p:last-child{margin-bottom: 0;} /* about02wrap */ .about02wrap{width: 100%;box-sizing: border-box;position: relative;background: url(../images/about_06.jpg)no-repeat;background-size: cover;padding: 130px 0;} .about02wrap .top{font-size: 36px;color: #FFFFFF;font-weight: bold;margin-bottom: 50px;text-align: center;} .about02 .gallery-thumbs{width: 100%;box-sizing: border-box;} .about02 .gallery-thumbs .swiper-wrapper .swiper-slide{text-align: center;} .about02 .gallery-thumbs .swiper-wrapper .swiper-slide span{display: block;width: 8px;height: 8px;border-radius: 50%;background-color: #f7ecd0;position: relative;margin: 30px auto;} .about02 .gallery-thumbs .swiper-wrapper .swiper-slide span:before{content: '';display: block;width: 18px;height: 18px;border-radius: 50%;position: absolute;top: 50%;left: 50%;margin-top: -9px;margin-left: -9px;border: 1PX SOLID #FFF;box-sizing: border-box;} .about02 .gallery-thumbs .swiper-wrapper .swiper-slide span:after{content: '';display: block;width: 40px;height: 40px;border-radius: 50%;position: absolute;top: 50%;left: 50%;margin-top: -20px;margin-left: -20px;background-color: rgba(255,255,255,0.25);opacity: 0;transition: all .6s;} .about02 .gallery-thumbs .swiper-wrapper .swiper-slide p{font-size: 16px;color: #fff;text-align: center;} .about02 .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active span:after{opacity: 1;} .about02 .gallery-thumbs .swiper-slide{background-color: transparent;display: block;} .about02 .gallery-thumbs .swiper-slide font{font-size: 16px;color: #FFFFFF;} .about02 .top .swiper-pagination{width: 80px;height: 100%;position: absolute;top: 0;left: 200px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;-webkit-flex-flow: column;flex-flow: column;} .about02 .top .swiper-pagination span{font-size: 12px;color: #FFFFFF;} .about02 .top .swiper-pagination strong{width: 100%;height: 2px;background-color: #FFFFFF;margin-top: -6px;} .about02 .top .page{width: 80px;height: 100%;position: absolute;right: 0;top: 0;right: 200px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;-webkit-flex-flow: column;flex-flow: column;} .about02 .top .page strong{width: 100%;height: 2px;background-color: #FFFFFF;margin-top: -6px;} .about02 .swiper-button-prev,.about02 .swiper-button-next{width: auto;height: auto;position: relative;padding: 0;margin: 0;top: 0;left: 0;right: 0;font-size: 16px;color: #FFFFFF;background-image: none;} .about02 .top{width: 100%;position: relative;padding: 0 280px;box-sizing: border-box;} .about02 .top:before{content: '';display: block;width: 100%;height: 1px;position: absolute;top: 51px;left: 0;background-color: #2f5b94;} .about02 .gallery-top{margin-top: 80px;} .about02 .gallery-top .swiper-slide{background-color: transparent;opacity: 0!important;} .about02 .gallery-top .swiper-slide .text{width: 1000px;margin: auto;} .about02 .gallery-top .swiper-slide .text h3{font-size: 24px;color: #FFFFFF;margin-bottom: 40px;font-weight: bold;text-align: center;} .about02 .gallery-top .swiper-slide .text h4{font-size: 15px;color: #ffffff;line-height: 30px;opacity: 0.8;text-align: justify;text-align-last: center;} .about02 .gallery-top .swiper-slide.swiper-slide-active{opacity: 1!important;} /* about03wrap */ .about03wrap{width: 100%;box-sizing: border-box;background: url(../images/about_01.jpg)no-repeat;background-size: cover;padding: 130px 0;} .about03wrap .about03{width: 750px;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .about03wrap .about03 .item{width: 220px;box-sizing: border-box;} .about03wrap .about03 .item p{font-size: 13px;color: #7cafdc;margin-bottom: 20px;text-align: center;letter-spacing:4px;} .about03wrap .about03 .item .imgbox{display: block;width: 220px;height: 220px;border-radius: 50%;border: 1px solid #0d5ea7;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;margin-bottom: 20px;} .about03wrap .about03 .item h3{font-size: 24px;color: #0d5ea7;font-weight: bold;text-align: center;} .about03wrap .about03 .item strong{display: block;width: 100%;height: 1px;background-color: #DDDDDD;margin: 20px 0;} .about03wrap .about03 .item h4{font-size: 18px;line-height: 36px;color: #555555;text-align: center;} .about03wrap .about03 span{font-size: 60px;color: #0d5ea7;font-weight: lighter;transform: rotate(45deg);-webkit-transform: rotate(45deg);} /* .about04wrap */ .about04wrap{width: 100%;box-sizing: border-box;padding: 130px 200px;position: relative;} .about04wrap .top{position: relative;width: 100%;text-align: center;margin-bottom: 40px;} .about04wrap .top h3{font-size: 36px;color: #0d5ea7;font-weight: bold;margin-bottom: 30px;text-align: center;} .about04wrap .top strong{display: block;width: 40px;background-color: #0d5ea7;height: 1px;margin: auto;} .about04wrap .about04{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .about04wrap .about04 a{display: block;width: 23.5%;box-sizing: border-box;border-radius: 20px;background-color: #FFFFFF;overflow: hidden;} .about04wrap .about04 a .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;} .about04wrap .about04 a .imgbox img{display: block;width: 100%;transition: all .6s;} .about04wrap .about04 a:hover .imgbox img{transform: scale(1.1);} .about04wrap .about04 a .text{width: 100%;box-sizing: border-box;border: 1px solid #DDDDDD;border-top: none;text-align: center;padding: 40px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;} .about04wrap .about04 a .text h3{font-size: 22px;color: #222222;font-weight: bold;letter-spacing: 1px;text-align: center;margin-right:8px;} .about04wrap .about04 a .text strong{display: block;width: 20px;height: 1px;background-color: #DDDDDD;margin:20px auto;} .about04wrap .about04 a .text h4{font-size: 16px;color: #666666;line-height: 24px;min-height: 72px;text-align: justify; text-align-last: center;letter-spacing: 2px;} /* about05 */ .about05{width: 100%;box-sizing: border-box;padding:70px 0;background: url(../images/about_02.jpg)no-repeat;background-size: cover;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;} .about05 li{width: 420px;text-align: center;box-sizing: border-box;padding: 30px 70px;border-left: 1px solid rgba(255,255,255,0.75);} .about05 li i{width: 50px;height: 50px;background-color: #FFFFFF;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 24px;color: #1a67ac;border-radius: 50%;margin: auto;} .about05 li h3{font-size: 18px;color: #ffffff;text-align: center;margin: 20px 0;} .about05 li h4{font-size: 14px;line-height: 24px;color: rgba(255,255,255,0.75);text-align: center;} .about05 li:last-child{border-right: 1px solid rgba(225,255,255,0.75);} /*product*/ .product01wrap{width: 100%;box-sizing: border-box;position: relative;} .product01wrap img{width: 100%;box-sizing: border-box;display: block;} .product01wrap .sjbanner{display: none;} .product01wrap .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 60px} .product01wrap .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background-color: #fff;border: 1px solid #FFFFFF;width: 12px;height: 12px;opacity: 0.6;margin:0 10px;} .product01wrap .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #FFFFFF;opacity: 1;} .product01wrap .swiper-button-next,.product01wrap .swiper-button-prev{background-size: 100%;width: 20px;height: 30px;} .product01wrap .swiper-button-next{right: 200px;} .product01wrap .swiper-button-prev{left: 200px;} /*procont*/ /*.procont{width: 100%;box-sizing: border-box;padding: 0 200px;margin-top: 100px;}*/ .product02{width: 100%;position: relative;box-sizing: border-box;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;justify-content: space-between;-webkit-justify-content:space-between;background-color: #f1f2f3;padding: 100px 200px;} .product02 .imgbox{width: 50%;box-sizing: border-box;border: 1px solid #ddd;} .product02 .imgbox img{display: block;width: 100%;} .product02 .text{width: 50%;box-sizing: border-box;padding-left: 80px;} .product02 .text .top{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 20px;} .product02 .text ul{display: block;width: 100%;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 30px 0;box-sizing: border-box;} .product02 .text ul li{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;align-items: flex-start;-webkit-align-items:flex-start;justify-content: flex-start;-webkit-justify-content:flex-start;margin-bottom: 20px;} .product02 .text ul li:last-child{margin-bottom: 0} .product02 .text ul li h3{width: 15%;font-size: 16px;color: #222222;font-weight: bold;text-align: justify;line-height: 30px;text-align-last: justify;box-sizing: border-box;padding-right: 10px;} .product02 .text ul li h4{font-size: 16px;color: #666666;line-height: 30px;width: 85%;} .product02 .to-a{margin-top: 40px;background-color: #0d5ea7;} .product02 .to-a .t{color: #fff;} .product02 .to-a:hover .t{color: #0d5ea7;} .product02 .to-a .b{background-color: #fff;} #i-video{width: 100%;box-sizing: border-box;position: relative;height: auto;display: block; overflow: hidden;} #i-video video{width: 100%;object-fit: fill;height: auto;position: relative;left: auto; display: block;/*transform: translateX(-50%);*/} .VideoBtn {position: absolute;left: 50%;top: 50%;display: block;width: 70px;height: 70px;margin-left: -35px;margin-top: -35px;cursor: pointer;z-index: 10;} #i-video .jsmodern-video{ background: #fff; width: 100% !important; height: auto !important;} .jsmodern-video-volumeline,.jsmodern-video-pass{background: #0e5ea7!important;} /*product03wrap*/ .product03wrap{width: 100%;box-sizing: border-box;/* margin: 100px 0 50px; */padding: 100px 200px;} .product03wrap .top{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-align-items:center;align-items: center;justify-content: center;-webkit-justify-content:center;white-space: nowrap;margin-bottom: 60px;} /* .product03wrap .top:before{content: '';display: block;width: 50%;height: 1px;background-color: #ddd;margin-right: 10px;} .product03wrap .top:after{content: '';display: block;width: 50%;height: 1px;background-color: #ddd;margin-left: 10px;} */ .product03wrap .top font{font-size: 30px;color: #222222;font-weight: bold;} .product03{width: 100%;} .product03 li{display: none;} .product03 li:first-child{display: block;} .product03 li .item{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content:flex-start;justify-content:flex-start;flex-wrap: wrap;-webkit-flex-wrap:wrap;} .product03 li .item a{display: block;width: 22%;margin-right: 4%;margin-bottom: 4%;box-shadow: 0px 0px 10px rgba(0,0,0,0.3)} .product03 li .item a .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;border-bottom: 1px solid #ddd;} .product03 li .item a .imgbox img{display: block;width: 100%;transition: all .6s;} .product03 li .item a:hover .imgbox img{transform: scale(1.1);} .product03 li .item a:nth-of-type(4n){margin-right: 0;} .product03 li .item a .text{width: 100%;box-sizing: border-box;padding: 0 30px;} .product03 li .item a .text h3{font-size: 18px;color: #222222;margin-top: 20px;font-weight: bold;margin-bottom: 10px;} .product03 li .item a .text p{font-size: 14px;color: #222;font-weight: bold;border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-bottom: 20px;letter-spacing: 2px;} .product03 li .item a .text p span{font-size:14px;color: #666;margin-left: 10px;font-weight: normal;letter-spacing:0;} .product03 li .item a .text h4{font-size: 13px;color: #666666;line-height: 24px;text-align: justify;margin: 20px 0;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 3;overflow: hidden;min-height: 72px;} .product03 li .item a .text font{display: flex;display: -webkit-flex;-webkit-justify-content:space-between;justify-content: space-between;align-items: center;-webkit-align-items:center;font-size: 13px;color: #0d5ea7;height: 60px;font-weight: bold;border-top: 1px solid #ddd;} .product03 li .item a .text font i{font-size: inherit;color: inherit;} /* product03tab */ .product03tab{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;margin-bottom: 40px;padding-bottom: 40px;border-bottom: 1px solid #DDDDDD;} .product03tab a{display: block;width: 140px;height: 40px;text-align: center;line-height: 40px;border: 1px solid #ddd;font-size: 14px;color: #222;margin-right: 20px;transition: all .3s;} .product03tab a:last-child{margin-right: 0;} .product03tab a:hover,.product03tab a.active{background-color: #0d5ea7;border-color: #0d5ea7;color: #FFFFFF;} /* prointroduction */ .prointroduction01{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;} .prointroduction01 .pcbanner{display: block;width: 100%;} .prointroduction01 .sjbanner{display: none;} .prointroduction01 .mbx02{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;position: absolute;bottom: 0;left: 0;box-sizing: border-box;background-color: rgba(255,255,255,0.8);} .prointroduction01 .mbx02 h3{font-size: 20px;color: #fff;background-color: #0d5ea7;height:80px;box-sizing: border-box;padding: 0 160px;line-height: 80px;font-weight: bold;} .prointroduction01 .mbx02 .link{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;height: 80px;align-items: center;-webkit-align-items: center;} .prointroduction01 .mbx02 .link a{display: block;font-size: 18px;color: #222222;margin-left: 130px;} .prointroduction01 .mbx02 .link a.activ,.prointroduction01 .mbx02 .link a:hover{color: #0d5ea7;font-weight: bold;} /* prointroduction02 */ .prointroduction02{width: 100%;box-sizing: border-box;padding: 0 200px;margin: 100px 0;} .prointroduction02 .top{font-size: 36px;color: #222222;font-weight: bold;text-align: center;margin-bottom: 40px;} .prointroduction02 .cont{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;} .prointroduction02 .cont .imgbox{display: block;width: 50%;overflow: hidden;border: 1px solid #ddd;} .prointroduction02 .cont .imgbox video{width: 100%;display: block;} .prointroduction02 .cont .imgbox img{display: block;width: 100%;transition: all .6s;} /* .prointroduction02 .cont .imgbox:hover img{transform: scale(1.1);} */ .prointroduction02 .cont .text{width: 50%;box-sizing: border-box;padding-left: 50px;} .prointroduction02 .cont .text h3{font-size: 26px;color: #222222;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #ddd;font-weight: bold;} .prointroduction02 .cont .text ul li{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: flex-start;align-items: flex-start;margin-bottom: 20px;} .prointroduction02 .cont .text ul li font{display: block;width:17%;font-size: 16px;color: #222222;line-height: 30px;font-weight: bold;text-align: justify;text-align-last: justify;box-sizing: border-box;padding-right: 10px;} .prointroduction02 .cont .text ul li p{font-size: 15px;line-height: 30px;width: 83%;color: #666666;} .prointroduction02 .cont .text ul li:last-child{margin-bottom: 0;} /* .prointroduction03 */ .prointroduction03{width: 100%;box-sizing: border-box;margin: 100px 0;} .prointroduction03 .top{width: 100%;box-sizing: border-box;padding: 0 200px;} .prointroduction03 .top h3{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 26px;color: #222222;font-weight: bold;white-space: nowrap;background-color: #f1f2f3;height: 110px;} .prointroduction03 .top h3::before{content: '';display: block;width: 200px;height: 1px;background-color: #ddd;margin-right: 30px;} .prointroduction03 .top h3::after{content: '';display: block;width: 200px;height: 1px;background-color: #ddd;margin-left: 30px;} /* .prointroduction03 .min{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;} .prointroduction03 .min li{width: calc((100% - 5px)/6);margin-right: 1px;overflow: hidden;box-sizing: border-box;position: relative;} .prointroduction03 .min li img{display: block;width: 100%;transition: all .6s;} .prointroduction03 .min li:hover img{transform: scale(1.1);} .prointroduction03 .min li::before{content: '';display: block;width: 100%;height: 100%;background-color: rgba(28,62,125,0.75);position: absolute;top: 0;left: 0;transition: all .3s;z-index: 1;} .prointroduction03 .min li .text{position: absolute;width: 100%;box-sizing: border-box;text-align: center;top: 50%;left: 0;z-index: 2;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .prointroduction03 .min li .text strong{display: block;width: 30px;height: 1px;background-color: rgba(255,255,255,0.5);margin: auto;transition: all .3s;} .prointroduction03 .min li .text h4{font-size: 16px;color: #ffffff;line-height: 30px;text-align: center;margin-top: 20px;min-height: 90px;} .prointroduction03 .min li:hover .text strong{width: 80px;background-color: rgba(28,62,125,0.5);} .prointroduction03 .min li:hover::before{background-color: rgba(255,255,255,0.75);} .prointroduction03 .min li:hover .text h4{color: #1c3e7d;} */ .prointroduction03 .min02{width: 100%;position: relative;} .prointroduction03 .min02 .li{width: 100%;overflow: hidden;box-sizing: border-box;position: relative;} .prointroduction03 .min02 .li img{display: block;width: 100%;transition: all .6s;} .prointroduction03 .min02 .li:hover img{transform: scale(1.1);} .prointroduction03 .min02 .li::before{content: '';display: block;width: 100%;height: 100%;background-color: rgba(28,62,125,0.75);position: absolute;top: 0;left: 0;transition: all .3s;z-index: 1;} .prointroduction03 .min02 .li .text{position: absolute;width: 100%;box-sizing: border-box;text-align: center;top: 50%;left: 0;z-index: 2;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .prointroduction03 .min02 .li .text strong{display: block;width: 30px;height: 1px;background-color: rgba(255,255,255,0.5);margin: auto;transition: all .3s;} .prointroduction03 .min02 .li .text h4{font-size: 16px;color: #ffffff;line-height: 30px;text-align: center;margin-top: 20px;min-height: 90px;} .prointroduction03 .min02 .li:hover .text strong{width: 80px;background-color: rgba(28,62,125,0.5);} .prointroduction03 .min02 .li:hover::before{background-color: rgba(255,255,255,0.75);} .prointroduction03 .min02 .li:hover .text h4{color: #1c3e7d;} .prointroduction03 .min02 .swiper-button-next,.prointroduction03 .min02 .swiper-button-prev{width: 46px;height: 46px;background-color: rgb(247,236,208);color: #1c3e7d;font-size: 18px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-image: none;outline: none;top: 50%;margin-top: -23px;} .prointroduction03 .min02 .swiper-button-next{right: 0;} .prointroduction03 .min02 .swiper-button-prev{left: 0;} /* prointroduction04 */ .prointroduction04{width: 1000px;margin: 150px auto 100px;box-sizing: border-box;box-shadow: 0px 0px 15px rgba(0,0,0,0.2);background-color: #f8fbf9;position: relative;padding: 100px 80px 60px;background: url(../images/tabg.jpg)no-repeat;background-size: cover;border: 5px solid #dddddd;border-radius: 4px;} .prointroduction04 .top{display: block;width: 370px;height: 80px;border-radius: 80px;border: 3px solid #dddddd;background-color: #0d5ea7;font-size: 26px;color: #ffffff;text-align: center;line-height: 80px;position: absolute;top: -40px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .prointroduction04 .cont{width: 100%;box-sizing: border-box;} .zc .min{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .zc label{width: 48%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #ddd;margin-right: 4%;font-size: 16px;color: #222222;line-height: 20px;} .zc label:nth-of-type(2n){margin-right: 0;} .zc label input{margin-right: 20px;width: 20px;height: 20px;} .more02{display: block;width: 180px;height: 40px;line-height: 40px;text-align: center;line-height: 40px;font-size: 16px;color: #0d5ea7;border: 1px solid #0d5ea7;margin: auto;position: relative;z-index: 0;background-color: transparent;} .more02::after{content: '';display: block;width: 0%;height: 100%;position: absolute;top: 0;left: 0;transition: all .3s;z-index: -1;background-color: #0d5ea7;} .more02:hover::after{width: 100%;} .more02:hover{color: #FFFFFF;} .zc .more02{margin-top: 30px;} .testPop{background:rgba(0,0,0,0.5);position:fixed;left:0;top:0;right:0;bottom:0;z-index:10000;display:none;} .testCon{width:1200px;height:592px;position:fixed;left:50%;top:50%;background:#fff;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);} .testCon .testpic{text-align:center;margin-top:75px} .testCon .testClose{position:absolute;right:20px;top:20px;cursor:pointer} .testCon #testtit{font-size:18px;line-height:30px;font-weight:bold;padding-bottom:25px;color:#062c87;text-align: center;} .testCon .testpic #pic1,.testCon .testpic #pic2,.testCon .testpic #pic3,.testCon .testpic #pic4,.testCon .testpic #pic5{display:none} .testCon p.result{font-size:16px;font-weight:normal;text-align:center;margin-top:25px;color:#666} .testCon p.result span{color:#C9271B} .testCon .table{width:1020px;margin:25px auto 0} .testCon .table p{font-size:14px} .testCon .table table{border-top:2px solid #fff;border-left:2px solid #fff;width:100%;font-size:14px;margin-top:20px} .testCon .table table td{border-bottom:2px solid #fff;border-right:2px solid #fff;height:45px;line-height:45px;text-align:center;background:#F2F2F2} .testCon .table table td.bg{background:#DBDBDB} .testCon .table table td.redColor {color: #fff;background: #9c8551} .content_jsb_test{width:100%;height:826px;margin-top:50px;background:url(../img/content_jsb03.png) center center no-repeat;-webkit-box-shadow:1px 1px 15px 0px rgba(0,0,0,0.1);-moz-box-shadow:1px 1px 15px 0px rgba(0,0,0,0.1);box-shadow:1px 1px 15px 0px rgba(0,0,0,0.1)} .content_jsb_test .container-fluid{margin:0;padding:0;padding:30px 60px} .content_jsb_test .container-fluid .row{margin:0;padding:0} .content_jsb_test .container-fluid .row .item{margin:0;padding:0;padding:0 80px 0 0} .content_jsb_test .container-fluid .row .item:nth-child(even){padding:0 0 0 80px} /* prointroduction05 */ .prointroduction05{width: 100%;box-sizing: border-box;position: relative;padding-bottom: 80px;} .prointroduction05 .top{font-size: 26px;color: #222222;font-weight: bold;margin: 50px;text-align: center;} .prointroduction05 .cont{width: 100%;} .prointroduction05 .cont .swiper-wrapper{height: auto;} .prointroduction05 .cont .swiper-slide video{display: block;width: 100%;opacity: 0.5;object-fit: fill;} .prointroduction05 .cont .swiper-slide .VideoBtn{display: block;font-size: 60px;color: #0d5ea7;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: auto;z-index: 10;} .prointroduction05 .cont .swiper-slide.swiper-slide-active video{opacity: 1;} .prointroduction05 .cont .swiper-button-next,.prointroduction05 .cont .swiper-button-prev{width: 46px;height: 46px;background-color: #0d5ea7;color: #FFFFFF;font-size: 18px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-image: none;outline: none;top: 50%;margin-top: -23px;} .prointroduction05 .cont .swiper-button-next{right: 0;} .prointroduction05 .cont .swiper-button-prev{left: 0;} .prointroduction05 .cont .swiper-pagination{width: 100%;margin-top: 30px;position: relative;} .prointroduction05 .cont .swiper-pagination-bullet{width:8px;height: 8px;border: 1px solid #0d5ea7;margin-right: 10px;background-color: transparent;opacity: 1;} .prointroduction05 .cont .swiper-pagination-bullet:last-child{margin-right: 0;} .prointroduction05 .cont .swiper-pagination-bullet-active{background-color: #0d5ea7;} .v-mask{width: 100%;height: 100%;background-color: rgba(0,0,0,0.9);position: fixed;top: 0;left: 0;z-index: 999;display: none;} .videomin{margin-bottom: 0;} .videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:55%;z-index:9999; width:65%; height:auto;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);} .vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; } .videos video{width: 100%;vertical-align: middle;} /* .jsmodern-video-panel{display: none!important;} */ .plyr{width: 100%;max-width: 100%;} /* 产品总 */ .proinfoallinfowrap{width: 100%;box-sizing: border-box;padding: 100px 200px;background-color: #f1f2f3;} .proinfoall01{width: 860px;box-sizing: border-box;margin: auto;} .proinfoall01 h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 30px;text-align: center;} .proinfoall01 h4{font-size: 15px;color: #666666;line-height: 30px;text-align: justify;text-align-last: center;} .proinfoall02{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-top: 100px;} .proinfoall02 a{display: block;width: 25%;box-sizing: border-box;border-right: 1px solid #dddddd;} .proinfoall02 a:last-child{border-right: none;} .proinfoall02 a .imgobx{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;} .proinfoall02 a .imgobx img{display: block;width: 100%;transition: all .6s;} .proinfoall02 a:hover .imgobx img{transform: scale(1.1);} .proinfoall02 a .imgobx h3{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(13,94,167,0.7);display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;text-align: center;font-size: 18px;color: #ffffff;opacity: 0;transition: all .3s;} .proinfoall02 a:hover .imgobx h3{opacity: 1;} .proinfoall02 a .font{width: 100%;box-sizing: border-box;background-color: #ffffff;padding: 40px 60px;} .proinfoall02 a .font p{font-size: 24px;color: #222222;margin-bottom: 10px;} .proinfoall02 a .font font{font-size: 12px;color: #aaaaaa;} .proinfoall02 a:hover .font p{color: #0d5ea7;} /* 产品研发 */ /* ProMentwrap */ .ProMentwrap{width: 100%;box-sizing: border-box;background: url(../images/bg3.jpg)no-repeat;background-size: cover;} .ProMent01{width: 100%;box-sizing: border-box;padding: 100px 200px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .ProMent01 .text{width: 50%;box-sizing: border-box;padding-right: 90px;} .ProMent01 .text h3{font-size: 30px;color: #0d5ea7;font-weight: bold;} .ProMent01 .text strong{display: block;width: 50px;height: 2px;background-color: #0d5ea7;margin: 20px 0;} .ProMent01 .text h4{font-size: 15px;color: #666666;line-height: 30px;text-align: justify;} .ProMent01 .imgbox{width: 50%;overflow: hidden;} .ProMent01 .imgbox img{display: block;width: 100%;transition: all .6s;} .ProMent01 .imgbox:hover img{transform: scale(1.1);} .ProMent02{background-color: rgba(14,94,167,0.7);-webkit-flex-flow: row-reverse;flex-flow: row-reverse;} .ProMent02 .text{padding-right: 0;padding-left: 90px;} .ProMent02 .text h3,.ProMent02 .text h4{color: #fff;} .ProMent02 .text strong{background-color: #fff;} /* ProMent03 */ .ProMent03{background: #f1f2f3 url(../images/pro-development_03.jpg)no-repeat;background-size: auto;background-position: right bottom;} /* .ProMent03 .text{width: 70%;box-sizing: border-box;} .ProMent03 .text h3{font-size: 30px;color: #0d5ea7;font-weight: bold;} .ProMent03 .text strong{display: block;width: 50px;height: 2px;background-color: #0d5ea7;margin: 20px 0;} .ProMent03 .text p{font-size: 15px;color: #666666;line-height: 30px;text-align: justify;margin-bottom: 30px;} .ProMent03 .text .info p:last-child{margin-bottom: 0;} */ .jsbproment03{width: 100%;box-sizing: border-box;padding: 140px 200px;background: #f1f2f3 url(../images/pro-development_03.jpg)no-repeat;background-size: auto;background-position: right bottom;} .jsbproment03 .text{width: 70%;box-sizing: border-box;} .jsbproment03 .text h3{font-size: 30px;color: #0d5ea7;font-weight: bold;} .jsbproment03 .text strong{display: block;width: 50px;height: 2px;background-color: #0d5ea7;margin: 20px 0;} .jsbproment03 .text p{font-size: 15px;color: #666666;line-height: 30px;text-align: justify;margin-bottom: 30px;} .jsbproment03 .text .info p:last-child{margin-bottom: 0;} /* ProMent04wrap */ .ProMent04wrap{width: 100%;box-sizing: border-box;position: relative;background: url(../images/bg5.jpg)no-repeat fixed;background-size: cover;padding: 130px 0;} .hsbrand{background: url(../images/bg5_2.jpg)no-repeat fixed;background-size: cover;} .ProMent04wrap .top{font-size: 30px;color: #fff;text-align: center;margin-bottom: 50px;font-weight: bold;} .ProMent04{width: 100%;box-sizing: border-box;padding: 0 200px;position: relative;} .ProMent04::before{content: '';display: block;width: 100%;height: 1px;background-color: #FFFFFF;left: 0;top: 92px;position: absolute;opacity: 0.7;} .ProMent04 .cont{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;position: relative;z-index: 1;} .ProMent04 .cont li{width: 23.5%;box-sizing: border-box;padding: 40px 30px;cursor: default;transition: all .3s;} .ProMent04 .cont li:hover{background-color: rgba(255,255,255,0.15);} .ProMent04 .cont li font{display: block;font-size: 16px;color: #ffffff;margin-bottom: 30px;text-align: center;} .ProMent04 .cont li span{display: block;width: 8px;height: 8px;background-color: #fff;position: relative;z-index: 0;border-radius: 50%;margin: auto;} .ProMent04 .cont li span::before{content: '';display: block;width: 12px;height: 12px;border-radius: 50%;border: 1px solid #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);} .ProMent04 .cont li span::after{content: '';display: block;width: 40px;height: 40px;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);background-color: rgba(255,255,255,0.25);z-index: -1;opacity: 0;transition: all .3s;} .ProMent04 .cont li:hover span::after{opacity: 1;} .ProMent04 .cont li h3{font-size: 18px;color: #fff;font-weight: bold;margin: 30px 0;text-align: center;} .ProMent04 .cont li h4{font-size: 14px;color: #fff;opacity: 0.75;line-height: 27px;text-align: justify;text-align-last: center;} /* ProMent05 */ .ProMent05,.ProMent0502{width: 100%;box-sizing: border-box;padding: 100px 80px;} .ProMent05 .top,.ProMent0502 .top{font-size: 30px;color: #222222;font-weight: bold;text-align: center;margin-bottom: 40px;} .ProMent05 .swiper-container,.ProMent0502 .swiper-container{width: 100%;padding-bottom: 40px;} .ProMent05 .swiper-pagination-bullet,.ProMent0502 .swiper-pagination-bullet{width: 8px;height: 8px;background-color: transparent;border: 1px solid #0d5ea7;opacity: 1;} .ProMent05 .swiper-pagination-bullet-active,.ProMent0502 .swiper-pagination-bullet-active{background-color: #0d5ea7;} .ProMent05 .swiper-container .swiper-slide a{width: 100%;box-sizing: border-box;padding: 70px 30px;transition: all .3s;position: relative;} .ProMent05 .swiper-container .swiper-slide a::after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;transition: all .3s;z-index: 0;background-color: #eeeeee;} .ProMent05 .swiper-container .swiper-slide a font{font-size: 15px;color: #aaaaaa;text-align: center;display: block;margin-bottom: 30px;position: relative;z-index: 1;} .ProMent05 .swiper-container .swiper-slide a h3{font-size: 18px;color: #222;line-height: 30px;text-align: center;position: relative;z-index: 1;letter-spacing:0.8px;height: 60px;} .ProMent05 .swiper-container .swiper-slide a:hover font,.ProMent05 .swiper-container .swiper-slide a:hover h3{color: #FFFFFF;} .ProMent05 .swiper-container .swiper-slide a:hover::after{background-color: #0e5ea7;} .ProMent0502 .swiper-container .swiper-slide{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 60px 50px 40px;} .ProMent05 .swiper-container .swiper-slide a{display: block;width: 100%;} .ProMent0502 .swiper-container .swiper-slide a .imgbox{width: 100%;position: relative;z-index: 1;} .ProMent0502 .swiper-container .swiper-slide a .imgbox img{display: block;max-width: 100%;} .ProMent0502 .swiper-container .swiper-slide p{font-size: 16px;color: #222222;margin-top: 30px;text-align: center;} .ProMent0502 .swiper-pagination{position: relative;bottom: 0;margin-top: 30px;} /* ProMent06 */ .ProMent06{box-sizing: border-box;width: 100%;padding: 100px 200px;background-color: #f1f2f3;} .ProMent06 .top{width: 50%;margin: auto;margin-bottom: 50px; font-size: 30px;text-align: center;font-weight: bold;} .ProMent06 .top h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 30px;text-align: center;} .ProMent06 .top h4{font-size: 15px;color: #666666;line-height: 30px;text-align: center;} .ProMent06 .imgbox{width: 100%;box-sizing: border-box;} .ProMent06 .imgbox img{display: block;width: auto;max-width: 100%;margin: auto;} .ProMent06 .cont{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .ProMent06 .cont a{display: block;width: 166px;} .ProMent06 .cont a .imgbox{width: 166px;height: 166px;position: relative;border: 1px solid #10b4ab;border-radius: 50%;box-sizing: border-box;} .ProMent06 .cont a .imgbox img{display: block;width: auto;position: absolute;width: 100%;transition: all .3s;} .ProMent06 .cont a .imgbox .img02{opacity: 0;} .ProMent06 .cont a:hover .imgbox .img01{opacity: 0;} .ProMent06 .cont a:hover .imgbox .img02{opacity: 1;} .ProMent06 .cont a .text{width: 100%;box-sizing: border-box;} .ProMent06 .cont a .text strong{display: block;width: 106px;background-color: #aaaaaa;height: 2px;margin: 20px auto;} .ProMent06 .cont a .text p{font-size: 18px;color: #222222;text-align: center;line-height: 24px;} /* 顾客之声 */ /* vcustomer01wrap */ .vcustomer01wrap{width: 100%;box-sizing: border-box;padding: 0 200px;margin: 100px 0;} .vcustomer01wrap .top{font-size: 30px;color: #ffffff;font-weight: bold;background-color: #0e5ea7;border: 8px solid #eeeeee;width: 370px;height: 94px;border-radius: 94px;margin: auto;text-align: center;line-height: 94px;} .vcustomer01wrap .vcustomer01{width: 100%;margin: auto;position: relative;margin-top: 30px;} .vcustomer01wrap .vcustomer01 .swiper-button-next,.vcustomer01wrap .vcustomer01 .swiper-button-prev{background-image: none;font-size: 30px;color: #0e5ea7;width: auto;height: auto;margin-top: -15px;} .vcustomer01wrap .vcustomer01 .swiper-pagination{position: relative;bottom: 0;margin-top: 30px;} .vcustomer01wrap .vcustomer01 .swiper-pagination-bullet{width: 8px;height: 8px;background-color: transparent;border: 1px solid #0d5ea7;opacity: 1;margin-right: 20PX;} .vcustomer01wrap .vcustomer01 .swiper-pagination-bullet:last-child{margin-right: 0;} .vcustomer01wrap .vcustomer01 .swiper-pagination-bullet-active{background-color: #0d5ea7;} .vcustomer01wrap .vcustomer01 img{display: block;width: auto;margin: auto;max-width: 100%;} .vcustomer01wrap .vcustomer01 .swiper-button-next{right: -40px;} .vcustomer01wrap .vcustomer01 .swiper-button-prev{left: -40px;} /* vcustomer02 */ .vcustomer02{width: 100%;box-sizing: border-box;padding: 0 200px;margin-bottom: 40px;} .vcustomer0201{margin: 100px auto;} .vcustomer02 .top{display: block;width: 370px;height: 94px;border-radius: 90px;background-color: #0e5ea7;font-size: 30px;color: #FFFFFF;text-align: center;line-height: 94px;position: relative;z-index: 1;margin: auto;border: 5px solid #eeeeee;margin-bottom: -52px;} .vcustomer02 .contwrap{width: 100%;margin: auto;box-sizing: border-box;border-radius: 10px;border: 5px solid #eeeeee;border-right: none;box-shadow: 0px 0px 15px rgba(0,0,0,0.3);padding: 60px 70px;height: 1014px;overflow-y: scroll;} .vcustomer02 .contwrap .cont{width: 100%;box-sizing: border-box;} .vcustomer02 .contwrap .cont li{width: 100%;padding: 60px 0;position: relative;padding-left: 100px;box-sizing: border-box;border-bottom: 1px dashed #ddd;} .vcustomer02 .contwrap .cont li font{font-size: 54px;color: #dddddd;font-weight: bold;position: absolute;left: 0;top: 50px;} .vcustomer02 .contwrap .cont li h3{font-size: 20px;color: #222222;font-weight: bold;margin-bottom: 20px;} .vcustomer02 .contwrap .cont li h4{font-size: 16px;color: #666666;line-height: 30px;} .vcustomer02 .contwrap::-webkit-scrollbar{width:4px;height:4px;scrollbar-arrow-color:red;} .vcustomer02 .contwrap::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(14,94,167,0.9);background:rgba(14,94,167,0.9);scrollbar-arrow-color:red;} .vcustomer02 .contwrap::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px #eeeeee;border-radius:5px;background:#eeeeee} /* 产品课堂 */ .proclass01wrap{width: 100%;box-sizing: border-box;position: relative;margin: 100px 0;} .proclass01{width: 100%;} .proclass01wrap .top{font-size: 30px;color: #222222;font-weight: bold;margin: 40px;text-align: center;} .proclass01wrap .proclass01 .swiper-slide video{display: block;width: 100%;opacity: 0.5;object-fit: fill;} .proclass01wrap .proclass01 .swiper-slide .VideoBtn{display: block;font-size: 60px;color: #0d5ea7;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: auto;z-index: 10;} .proclass01wrap .proclass01 .swiper-slide.swiper-slide-active video{opacity: 1;} .proclass01wrap .proclass01 .swiper-button-next,.proclass01wrap .proclass01 .swiper-button-prev{width: 46px;height: 46px;background-color: #0d5ea7;color: #FFFFFF;font-size: 18px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-image: none;outline: none;top: 50%;margin-top: -23px;} .proclass01wrap .proclass01 .swiper-button-next{right: 0;} .proclass01wrap .proclass01 .swiper-button-prev{left: 0;} .proclass01wrap .proclass01 .swiper-pagination{width: 100%;margin-top: 30px;position: relative;} .proclass01wrap .proclass01 .swiper-pagination-bullet{width:8px;height: 8px;border: 1px solid #0d5ea7;margin-right: 10px;background-color: transparent;opacity: 1;} .proclass01wrap .proclass01 .swiper-pagination-bullet:last-child{margin-right: 0;} .proclass01wrap .proclass01 .swiper-pagination-bullet-active{background-color: #0d5ea7;} .proclass01wrap .proclass01 .swiper-slide{-webkit-flex-flow: column;flex-flow: column;} .proclass01wrap .proclass01 .swiper-slide .text{margin-top: 20px;opacity: 0;transition: all .3s;} .proclass01wrap .proclass01 .swiper-slide .text h3{font-size: 20px;color: #222;margin-bottom: 20px;text-align: center;} .proclass01wrap .proclass01 .swiper-slide .text p{font-size: 16px;color: #666;text-align: center;} .proclass01wrap .proclass01 .swiper-slide.swiper-slide-active .text{opacity: 1;} /* proclass02wrap */ .proclass02wrap{width: 100%;box-sizing: border-box;padding: 120px 0 0;background-color: #f1f2f3;border-bottom: 1px solid #ddd;} .proclass02wrap .top{width: 840px;margin: auto;margin-bottom: 40px;} .proclass02wrap .top h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 30px;text-align: center;} .proclass02wrap .top h4{font-size: 15px;color: #666666;line-height: 30px;text-align: justify;text-align-last: center;display: none;} .proclass02{width: 100%;background-color: #FFFFFF;padding-bottom: 100px;} .proclass02 .swiper-slide a{display: block;width: 100%;overflow: hidden;position: relative;padding-bottom: 106px;} .proclass02 .swiper-slide a .imgbox{width: 100%;position: relative;} .proclass02 .swiper-slide img{display: block;width: 100%;} .proclass02 .swiper-slide a .text{width: 100%;box-sizing: border-box;padding: 40px;transition: all .3s;transform: translateY(168px);-webkit-transform: translateY(168px);background-color: #FFFFFF;position: absolute;bottom: 0;left: 0;} .proclass02 .swiper-slide a .text h3{font-size: 20px;color: #222222;margin-bottom: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .proclass02 .swiper-slide a .text h4{font-size: 15px;color: #666666;line-height: 28px;margin-bottom: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;} .proclass02 .swiper-slide a .text .more02{background-color: #0d5ea7;color: #fff;margin: 0;width: 140px;height: 40px;border-radius: 4px;} .proclass02 .swiper-slide a .text .more02::after{background-color: #FFFFFF;border-radius: 4px;} .proclass02 .swiper-slide a .text .more02:hover{color: #0d5ea7;} .proclass02 .swiper-slide a:hover .text{transform: none;-webkit-transform: none;} .proclass02 .swiper-slide :hover .text h3{color: #0e5ea7;} .proclass02 .swiper-button-next,.proclass02 .swiper-button-prev{width: 46px;height: 46px;background-color: #0d5ea7;color: #FFFFFF;font-size: 18px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-image: none;outline: none;top: 50%;margin-top: -73px;} .proclass02 .swiper-button-next{right: 0;} .proclass02 .swiper-button-prev{left: 0;} .proclass02 .swiper-pagination{width: 100%;margin-top: 30px;position: relative;} .proclass02 .swiper-pagination-bullet{width:8px;height: 8px;border: 1px solid #0d5ea7;margin-right: 10px;background-color: transparent;opacity: 1;} .proclass02 .swiper-pagination-bullet:last-child{margin-right: 0;} .proclass02 .swiper-pagination-bullet-active{background-color: #0d5ea7;} /* 新闻 */ .newswrap{width: 100%;box-sizing: border-box;padding: 100px 200px;position: relative;} .news{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;border-bottom: 1px solid #ddd;} .news a{display: block;width: 22%;box-sizing: border-box;margin-right: 4%;margin-bottom: 4%;} .news a:nth-of-type(4n){margin-right: 0;} .news a .imgbox{width: 100%;position: relative;overflow:hidden;} .news a .imgbox img{display: block;width: 100%;transition: all .6s;} .news a:hover .imgbox img{transform: scale(1.1);} .news a .text{width: 100%;box-sizing: border-box;border: 1px solid #ddd;border-top: none;padding: 30px;position: relative;} .news a .text h3{font-size: 18px;color: #222222;margin-bottom: 30px;position: relative;font-weight: bold;line-height: 26px;min-height: 52px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .news a .text::before{content: '';display: block;width: 5px;height: 20px;position: absolute;left: 0;top: 35px;background-color: #aaaaaa;} .news a .text font{font-size: 14px;color: #666666;} .news a .text font i{font-size: inherit;color: inherit;margin-left: 5px;} .news a:hover .text h3,.news a:hover .text font{color: #0d5ea7;} .news a:hover .text::before{background-color: #0d5ea7;} /* .fy{width: 100%;margin: 40px auto 0;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;} .fy a{display: block;width: auto;min-width: 34px;height: 34px;box-sizing: border-box;border: 1px solid #ddd;font-size: 13px;color: #b8b8b8;text-align: center;line-height: 32px;box-sizing: border-box;padding: 0 12px;transition: all .3s;border-radius: 4px;margin-right: 10px;} .fy a:last-child{margin-right: 0;} .fy a.active,.fy a:hover{background-color: #0076db;color: #FFFFFF;border-color: #0076db;} */ .fy .screen-reader-text{ display: none; } .fy,.nav-links{width: 100%;margin: 40px auto 0;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;} .fy a,.nav-links span{display: block;width: auto;min-width: 34px;height: 34px;box-sizing: border-box;border: 1px solid #ddd;font-size: 13px;color: #b8b8b8;text-align: center;line-height: 32px;box-sizing: border-box;padding: 0 12px;transition: all .3s;border-radius: 4px;margin-right: 10px;} .fy a:last-child{margin-right: 0;} .fy a.active,.fy a:hover,.nav-links span{background-color: #0076db;color: #FFFFFF;border-color: #0076db;} /* 新闻详细 */ /* newsinfo */ .newsinfo{width:1000px;box-sizing: border-box;margin: 100px auto;} .newsinfo .top{width: 100%;border-bottom: 1px solid #ddd;margin-bottom: 30px;} .newsinfo .top h3{font-size: 30px;color: #222222;font-weight: bold;text-align: center;} .newsinfo .top .data{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;margin: 30px 0;} .newsinfo .top .data p{font-size: 13px;color: #666666;} .newsinfo .min{width: 100%;box-sizing: border-box;position: relative;border-bottom: 1px solid #ddd;} .newsinfo .min h4{font-size: 15px;color: #666666;line-height: 30px;text-align: justify;margin-bottom: 50px;} .newsinfo .min h4 img{display: block;margin: auto;max-width:100%;height:auto;} .newsinfo .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;} .newsinfo .page a{font-size: 14px;color: #666666;} .newsinfo .page a i{font-size: inherit;color: inherit;margin-right: 10px;} .newsinfo .page a:last-child i{margin-right: 0;margin-left: 10px;} .newsinfo .page a:hover{color: #0076db;} /* 九华 */ .jhbanner{width: 100%;box-sizing: border-box;position: relative;} .jhbanner .pcbanner{display: block;width: 100%;} .jhbanner .sjbanner{display: none;} .jhpro01 .cont .text ul li{margin-bottom: 20px;} /* .jhpro02 */ .jhpro02{background: url(../images/bg6.jpg)no-repeat fixed;background-size: cover;} .jhpro02 .tt{text-align: center;font-size: 26px;margin-bottom: 50px;} .jhpro02 .center{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-around;} .jhpro02 .center a,.jhpro02 .center a:nth-of-type(4n){width: 18.4%;box-sizing: border-box;height: auto;margin: 0;} /* .jhpro02 .center a:last-child{margin-right: 0;} */ .jhpro02 .center a p{min-height: 100%;box-sizing: border-box;} .jhpro02 .center a font{padding: 0 20px;font-size: 14px;color: #FFFFFF;line-height: 24px;opacity: 0.8;} .jhpro02 .center a strong{font-size: 18px;} .jhpro02 .center a i{display: block;width: 30px;background-color: #FFFFFF;margin: 20px auto;height: 1px;} /* jhpro03 */ .jhpro03 .min li{width: calc((100% - 4px)/5);} .jhpro03{margin-bottom:1px;} /* jhpro04 */ .jhpro04wrap{width: 100%;box-sizing: border-box;padding: 100px 80px;} .jhpro04wrap .top{font-size: 26px;color: #222222;font-weight: bold;text-align: center;margin-bottom: 40px;} .jhpro04{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .jhpro04 li{width: calc((100% - 32px)/5);box-sizing: border-box;padding: 70px 30px;transition: all .3s;position: relative;} .jhpro04 li::after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;transition: all .3s;z-index: 0;background-color: #eeeeee;} .jhpro04 li font{font-size: 15px;color: #aaaaaa;text-align: center;display: block;margin-bottom: 30px;position: relative;z-index: 1;} .jhpro04 li h3{font-size: 18px;color: #222;line-height: 30px;text-align: center;position: relative;z-index: 1;letter-spacing:0.8px;} .jhpro04 li:hover font,.jhpro04 li:hover h3{color: #FFFFFF;} .jhpro04 li:hover::after{background-color: #0e5ea7;} /* 益寿强身膏 */ .yspro01 .cont .text ul li{margin-bottom: 0;} .prointroduction02 .cont .text h3{padding-bottom: 20px;margin-bottom: 20px;} /* yspro02wrap */ .yspro02wrap{width: 100%;box-sizing: border-box;padding: 100px 200px;background: url(../images/ysprobg.jpg)no-repeat;background-size: cover;} .yspro02wrap .yspro02{width: 50%;background-color: #fff;box-sizing: border-box;padding: 60px 70px;} .yspro02wrap .yspro02 h3{font-size: 24px;color: #222222;line-height: 26px;position: relative;margin-bottom: 30px;} .yspro02wrap .yspro02 h3::before{content: '';display: block;width: 2px;height: 100%;position: absolute;left: -70px;top: 0;background-color: #0e5ea7;} .yspro02wrap .yspro02 h4{font-size: 15px;color: #666666;line-height: 30px;} .yspro05 .min li .text{min-height:220px;} .yspro05 .min li .text h3{ font-size: 18px;color: #fff;margin-bottom: 20px;text-align: center;font-weight: bold;} .yspro05 .min li:hover .text h3{color: #1c3e7d;} .yspro05 .min02 .li .text h3{ font-size: 18px;color: #fff;margin-bottom: 20px;text-align: center;font-weight: bold;} .yspro05 .min02 .li:hover .text h3{color: #1c3e7d;} /* yspro03 */ .yspro03{width: 100%;box-sizing: border-box;padding: 100px 200px;background: url(../images/ysprobg02.jpg)no-repeat;background-size: cover;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .yspro03 .imgbox{width: 50%;box-sizing: border-box;overflow: hidden;} .yspro03 .imgbox img{display: block;width: 100%;} .yspro03 .text{width: 50%;box-sizing: border-box;padding:0 70px;} .yspro03 .text h3{font-size: 24px;color: #ffffff;margin-bottom: 30px;} .yspro03 .text h4{font-size: 15px;color: #fff;line-height: 30px;} /* yspro04wrap */ .yspro04wrap{width: 960px;margin: 100px auto;box-sizing: border-box;} .yspro04wrap .top{font-size: 26px;color: #222222;font-weight: bold;margin-bottom: 30px;text-align: center;} .yspro04wrap .yspro04{width: 100%;position: relative;background-color: #eeeeee;padding: 20px 10px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .yspro04wrap .yspro04 li{width: 50%;text-align: center;box-sizing: border-box;padding: 40px 0;} .yspro04wrap .yspro04 li font{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border-radius: 50%;border: 1px solid #0e5ea7;color: #0e5ea7;font-size: 12px;margin: auto;width: 24px;height: 24px;} .yspro04wrap .yspro04 li p{font-size: 16px;color: #222222;text-align: center;margin: 20px auto;} .yspro04wrap .yspro04 li h4{font-size: 18px;color: #0e5ea7;text-align: center;font-weight:bold;} .yspro04wrap .yspro04 .imgbox{width: 130px;height: 130px;border: 2px solid rgba(14,94,167,0.1);box-sizing: border-box;border-radius: 50%;padding: 10px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 2;} .yspro04wrap .yspro04 .imgbox p{display: block;width: 100%;height: 100%;border: 2px solid rgba(14,94,167,0.3);border-radius: 50%;padding: 10px;box-sizing: border-box;} .yspro04wrap .yspro04 .imgbox p img{display: block;width: 100%;} .yspro04wrap .yspro04::before{content: '';display: block;width: calc(100% - 20px);height: 1px;border-bottom: 1px dashed #DDDDDD;position: absolute;top: 50%;left: 10px;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 0;} .yspro04wrap .yspro04::after{content: '';display: block;width: 1px;height: calc(100% - 40px);border-left: 1px dashed #DDDDDD;position: absolute;top: 20px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);z-index: 0;} /* .yspro05 */ .yspro05{margin-bottom: 0;} /* 友情链接 */ /* links01 */ .links01{width: 100%;box-sizing: border-box;padding: 100PX 0;} .links01 .top{width: 100%;text-align: center;} .links01 .top h3{font-size: 26px;color: #222222;font-weight: bold;margin-bottom: 20px;text-align: center;} .links01 .top strong{display: block;width: 50px;height: 1px;background-color: #ddd;margin: 20px auto;} .links01 .cont{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;} .links01 .cont a{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;-webkit-flex-flow: column;flex-flow: column;width: 210px;height: 210px;border: 1px solid #ddd;border-radius: 4px;transition: all .3s;margin-right: 60px;} .links01 .cont a:last-child{margin-right: 0;} .links01 .cont a:hover{background-color: #f1f2f3;} .links01 .cont a img{display: block;width: auto;box-sizing: border-box;} .links01 .cont a p{font-size: 16px;color: #444444;text-align: center;margin-top: 20px;} /* links02wrap */ .links02wrap{width: 100%;box-sizing: border-box;} .links02wrap .top{font-size: 26px;color: #222222;text-align: center;padding: 30px 0;background-color: #f1f2f3;} .links02wrap .cont{width: 1200px;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;margin: auto;padding: 40px 0;border-bottom: 1px solid #ddd;margin-bottom: 100px;} .links02wrap .cont li{margin-right: 200px;} .links02wrap .cont li:last-child{margin-right: 0;} .links02wrap .cont li img{display: block;width: auto;margin: auto;height:51px;} .links02wrap .cont li h3{font-size: 14px;color: #222222;margin: 20px auto;text-align: center;} .links02wrap .cont li h4{font-size: 14px;color: #222222;line-height: 24px;text-align: center;} .sjbrand{display: none;} .sjlink{display: none;} @media only screen and (max-width:1600px ) { .pch .buy li>a{margin: 0 15px;font-size: 14px;} .pch .buy{padding-left: 30px;} .pch .sidebar-nav{ padding: 40px 80px;} .pch .logo{ margin: 10px 0 0 80px; } .pch .hamburger{right:80px;} .pch .yy{right: 190px;} .pch .buy{ right: 250px; } .inabout .txt{ width: calc(50% - 160px); left: 80px; } .inabout .txt span{ margin: 0 0 30px 0; font-size: 36px;} .inabout .txt font{margin: 0 0 30px 0;font-size: 16px; line-height: 26px;} .inpro .tt,.innews .tt,.inhist .tt{ font-size: 36px; margin: 0 0 50px 0;} .inserver,.innews,.inpro,.inhist{ padding: 100px 80px;} .innews .nlist a dd span{ font-size: 20px;} .inserver .center dl .txt1 a span{ font-size: 20px; } .inserver .center dl h3{ top: 20px;left: 20px;font-size: 30px;} .inserver .center dl .txt{ bottom: 20px; left: 20px;} .inserver .center dl .txt2 span,.inpro .center a .txt h3{ font-size:30px; } .inserver .center dl .txt3 span img{ height: 100px;} .inpro .center a .txt,.innews .nlist a dd{ padding: 30px; } .inhist .center a strong{ padding: 0 0 0 0;font-size: 20px;} .inhist .center a font{font-size: 18px; padding: 0 30px;} .inhist .center a span{ padding: 16px 0px; font-size: 26px;} .footer .top,.footer .bottom{ padding: 20px 80px; } .inhist .center a{ min-height: 200px;} .banner2020 .txt{/* width: calc(50% - 100px); padding: 20px 50px;*/ } .banner2020 .txt h3{ font-size: 46px;} .banner2020 .txt h4{ font-size: 30px; margin: 16px 0 0 0; } .pch .sidebar-nav .sidebar-brand>a{font-size:20px; } .pch .sidebar-nav .sidebar-brand {margin: 0 0 30px 0;} .pch .sidebar-brand-two>a{font-size:16px;} /* 20200710 */ .baout01wrap{padding: 100px 80px;} .baout01wrap .about01 .text{padding-left: 60px;} .baout01wrap .about01 .text h3{font-size: 32PX;margin-bottom: 30PX;} .baout01wrap .about01 .text h4{margin-bottom: 30PX;} .baout01wrap .about01 .text .info p{font-size: 14px;line-height: 28px;margin-bottom: 20px;} .about02 .top{padding: 0 180px;} .about02 .top .page{right: 100px;} .about02 .top .swiper-pagination{left: 100px;} .about04wrap{padding: 100px 80px;} .about04wrap .about04 a .text{padding: 30px;} .about04wrap .about04 a .text h4{font-size: 14px;min-height: 58px;} .about02wrap,.about03wrap{padding: 100px 0;} .about02wrap .top,..about04wrap .top h3{font-size: 32px;} .about04wrap .about04 a{width:24%;} .about04wrap .about04 a .text strong{margin:14px auto;} .mbxwrap{padding: 0 80px;} .product01wrap .swiper-button-prev{left: 80px;} .product01wrap .swiper-button-next{right: 80px;} .product02 .text ul li h3{width: 22%;} .product03 a .text h3{} .product03 a{width: 23.5%;margin-right: 2%} .product03 a .text{padding: 0 20PX;} .product02{padding: 100px 80px;} .product03wrap{padding: 100px 80px 50px;} .prointroduction01 .mbx02 h3{padding: 0 100px;} .prointroduction01 .mbx02 .link a{margin-left: 80px;} .prointroduction01 .mbx02 .link{height: 70px;} .prointroduction01 .mbx02 h3{height: 70px;line-height: 70px;} .prointroduction02{padding: 0 80px;} .prointroduction02 .cont .text{padding-left: 30px;} .prointroduction02 .cont .text h3{padding-bottom: 20px;margin-bottom: 20px;} .prointroduction02 .cont .text ul li{margin-bottom: 10px;} .prointroduction02 .cont .text ul li font{width: 22%;} .prointroduction02 .cont .text ul li p{width: 78%;} .prointroduction03 .top{padding: 0 80px;} .proinfoallinfowrap{padding: 100px 80px;} .proinfoall02 a .font{padding: 30px;} .ProMent01{padding: 100px 80px;} .ProMent01:nth-child(2) .text{padding-right: 0px;} .ProMent01 .text{padding-right: 50px;} .ProMent02 .text{padding-left: 50px;} .ProMent03{padding: 120px 80px;} .ProMent04{padding: 0 80px;} .ProMent04 .cont li{padding: 40px 20px;} .ProMent05{padding: 100px 80px;} .ProMent0502 .swiper-container .swiper-slide{padding: 50px 40px 40px;} .ProMent06{padding: 100px 80px;} .ProMent01 .text h4{font-size: 14px;line-height: 28px;} .vcustomer01wrap .vcustomer01,.vcustomer02 .contwrap{width: 100%;} .vcustomer01wrap,.vcustomer02{padding: 0 80px;} .proclass01{padding: 0;} .newswrap{padding: 100px 80px;} .ProMent04wrap{padding:100px 0;} .news a{width: 23.5%; margin-right: 2%;} .jhpro02 .center a font{font-size: 13px;padding: 0 15px;} .jhpro02 .center a p{padding: 60px 0;} .jhpro02 .center a strong{font-size: 16px;} .jhpro02 .center a{min-height: 100%;padding: 15px;} .jhpro02 .tt{font-size: 26px;} .prointroduction02 .cont .text ul li p{font-size: 14px;line-height: 24px;} .jhpro01 .cont .text ul li{margin-bottom: 15px;} .prointroduction02 .cont .text ul li font{font-size: 15px;line-height: 24px;} .yspro01 .cont .text ul li{} .yspro02wrap{padding: 100px 80px;} .yspro02wrap .yspro02{padding: 50px 60px;} .yspro02wrap .yspro02 h3::before{left: -60px;} .yspro03{padding: 100px 80px;} .yspro03 .text{padding: 0 60px;} .product03 li .item a{width: 23.5%;margin-right: 2%;} .product03 li .item a .text h4{line-height:22px;min-height: 66px;} .about04wrap .about04 a .text h3{font-size:18px;} }