.Path{ background:#fff; position:relative;} .Path:before{ content:""; display:inline-block; width:100%; left:0; height:17px; background:url(../images/bn22.png) no-repeat 20% 50%; position:absolute; top:295px; } .Path .Path_content{ padding:0px 95px; position:relative;} .Path .Path_content .Path_content_list{ padding-left:8px;} .Path .Path_content .Path_content_list .content_list_li{ height:300px; position:relative; padding-left:22px;} .Path .Path_content .Path_content_list .content_list_li:before{ content:""; display:inline-block; width:1px; height:100%; left:0; top:0; background:#8c929a; position:absolute;} .Path .Path_content .Path_content_list .content_list_li:after{ content:""; display:inline-block; width:9px; height:9px; border-radius:100%; background:#00a0e9; position:absolute; bottom:-8px; left:-4px;} .Path .Path_content .Path_content_list .content_list_li:nth-child(2):after{ top:0px; bottom:inherit;} .Path .Path_content .Path_content_list .content_list_li .list_li_time{ font-size:40px; font-weight:bold; color:#09539c;} .Path .Path_content .Path_content_list .content_list_li .list_li_time span{ font-size:22px; color:#333; font-weight:normal;} .Path .Path_content .Path_content_list .content_list_li .list_li_txt{ font-size:14px; color:#212121; margin-top:10px; line-height:26px;} .Path .Path_content .Path_content_list .content_list_li:last-child{ padding-top:30px; margin-left:42px;} .pc_all .pc_all_content{ max-width:1400px; margin:0 auto; } .pc_all .pc_all_content{ max-width:1200px;} @font-face { font-family:swiper-icons; src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff'); font-weight:400; font-style:normal } :root { --swiper-theme-color:#007aff } .swiper-container { margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1 } .swiper-container-vertical>.swiper-wrapper { flex-direction:column } .swiper-wrapper { position:relative; width:100%; height:100%; z-index:1; display:flex; transition-property:transform; box-sizing:content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { transform:translate3d(0px, 0, 0) } .swiper-container-multirow>.swiper-wrapper { flex-wrap:wrap } .swiper-container-multirow-column>.swiper-wrapper { flex-wrap:wrap; flex-direction:column } .swiper-container-free-mode>.swiper-wrapper { transition-timing-function:ease-out; margin:0 auto } .swiper-slide { flex-shrink:0; width:100%; height:100%; position:relative; transition-property:transform } .swiper-slide-invisible-blank { visibility:hidden } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height:auto } .swiper-container-autoheight .swiper-wrapper { align-items:flex-start; transition-property:transform, height } .swiper-container-3d { 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 { 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:linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-right { 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:linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image:linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-css-mode>.swiper-wrapper { overflow:auto; scrollbar-width:none; -ms-overflow-style:none } .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar { display:none } .swiper-container-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align:start start } .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper { scroll-snap-type:x mandatory } .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper { scroll-snap-type:y mandatory } :root { --swiper-navigation-size:44px } .swiper-button-next, .swiper-button-prev { position:absolute; top:50%; width:calc(var(--swiper-navigation-size)/ 44 * 27); height:var(--swiper-navigation-size); margin-top:calc(-1 * var(--swiper-navigation-size)/ 2); z-index:10; cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--swiper-navigation-color, var(--swiper-theme-color)) } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity:.35; cursor:auto; pointer-events:none } .swiper-button-next:after, .swiper-button-prev:after { font-family:swiper-icons; font-size:var(--swiper-navigation-size); text-transform:none!important; letter-spacing:0; text-transform:none; font-variant:initial; line-height:1 } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left:10px; right:auto; top:310px; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content:'prev' } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right:10px; left:auto; top:310px; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content:'next' }