@charset "utf-8"; /* CSS Document */ .pl_service3 .service_item:hover { width: 235px; } .pl_service3 { position: fixed; right: 0; top: 40%; transform: translateY(-50%); z-index: 99; } #c_static_001_P_6972-1673570010781{display:none;} .page_jump{display:none;} * { word-break: break-word; word-wrap: break-word; font-family:Arial !important; } .pl_service4{top:40% !important;} #c_static_001-1673572301221 .e_html-14{bottom: 0;width: auto;z-index: 1;position: relative;} #c_static_001_P_11516-1673597552357{ display: initial;} #c_grid-1673574439943{ display: flow-root;} #c_static_001-1673572301221 .e_html-15 { min-height: 300px; position: fixed; width: 100%; z-index: 0; } .cpactive > div{background:#696969 !important;border-bottom:#d33135 3px solid;} .cpactive a{color:#fff;} @media only screen and (min-width: 769px){ #c_grid-1673939322135 > .p_gridbox > .p_gridCell:nth-child(2n + 1){ top: 110px; position: sticky;} #c_static_001-1673572301221 .e_text-10,#c_static_001-1673572301221 .e_text-11,#c_static_001-1673572301221 .e_image-4 img,#c_static_001-1673572301221 .e_container-3{animation:fadeOutDown 1s 1s both;} .nyactive a:before { width: 80% !important; margin-left: -40%; background: #015cab; z-index: 9; } .nyactive a { color: #015cab !important; } .tab2 { width: auto; } .tab2-2 {/* position: relative; *//* height: 100%; */ } .tab2-2 .p_item { transition: all ease .8s; display: none; position: relative; height: 100%; } .tab2-2 .p_item img { background-size: cover; width: 100%; height: 100%; } .tab2-2 .p_item img.ding { position: absolute; left: 0; top: 0; } .tab2 .p_tabico { position: absolute; z-index: 99; cursor: pointer; } .tab2 .cur { font-weight: bold; } .tab2 .yq1 { top: 30%; left: 9.6%; } .tab2 .yq2 { top: 42%; left: 4.2%; } .tab2 .yq3 { top: 52%; left: 1.5%; } .tab2 .yq4 { top: 62%; left: 0.2%; } .tab2 .yq5 { top: 72%; left: 0.2%; } .l1 { width: 8px; height: 8px; border-radius: 10px; background: #009b63; top: 50%; transform: translate(-50%, -50%); position: absolute; } .l2 { width: 44px; height: 44px; border: 1px solid rgba(0,0,0,0); position: absolute; border-radius: 50px; left: 0; top: 0; transform: translate(-50%, -50%); opacity: 1; } .cur .l2 { border: 1px solid #009b63; } .cur .l3 { left: -162px; } .l3 { width: auto; position: absolute; left: -162px; text-align: right; font-size: 24px; line-height: 1; top: -6px; } .yq1 .l3 { left:-140px; } .yq2 .l3 { left: -140px; } .yq3 .l3 { left: -160px; } .yq4 .l3 { left: -140px; } .yq5 .l3 { left: -140px; } } @media only screen and (max-width: 1600px) and (min-width:1024px){ #c_static_001-1673832016310 .e_text-6{max-width:400px;} .l3 { font-size: 14px !important; top: -7px !important; } .yq1 .l3 { left: -104px !important; } .yq2 .l3 { left: -90px !important; } .yq3 .l3 { left: -110px !important; } .yq4 .l3 { left: -90px !important; } .yq5 .l3 { left: -90px !important; } } @media only screen and (max-width: 768px){ #c_static_001-1673572301221 .e_container-3{background-size:100%;} .tab2-2 .p_item img { background-size: 100%; width: 100%; height: auto; opacity: 0.7; } .tab2-2 .p_item img:nth-child(2) { display:none; } .tab2-2 .p_item { transition: all ease .8s; display: none; position: relative; background: #000; height: 100%; } .l1 { width: 8px; height: 8px; border-radius: 10px; background: #fff; top: 50%; transform: translate(-50%, -50%); position: absolute; } .l2 { width: 36px; height: 36px; border: 1px solid rgba(0,0,0,0); position: absolute; border-radius: 36px; left: 0; top: 0; transform: translate(-50%, -50%); opacity: 1; } .cur .l2 { border: 1px solid #fff; } .cur .l3 { left: 30px; } .l3 { width: auto; position: absolute; left: 30px; min-width: 300px; text-align: left; font-size: 16px; color: #fff; top: -13px; } .tab2 .p_tabico { position: absolute; z-index: 99; cursor: pointer; } .tab2 .yq1 { top: 15%; left: 30px; } .tab2 .yq2 { top: 30%; left: 30px; } .tab2 .yq3 { top: 45%; left: 30px; } .tab2 .yq4 { top: 60%; left: 30px; } .tab2 .yq5 { top: 75%; left: 30px; } #c_static_001-1673572301221 .e_text-10,#c_static_001-1673572301221 .e_text-11,#c_static_001-1673572301221 .e_image-4 img,#c_static_001-1673572301221 .e_container-3{animation: animation: none !important;} .nyactive a:before { width: 0% !important; background: #015cab; z-index: 9; } .nyactive > div { background: #015cab; z-index: 9; } .nyactive a { color: #fff !important; } } .page_a.current { background: #015cab !important; color: #fff; } :root { --c:##015cab; } ::-webkit-scrollbar { width: 4px; background: #ddd; height:4px; } ::-webkit-scrollbar-thumb { background-color: #015cab; }