.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { position: absolute; z-index: 30; display: block; content: ' '; background: white; -webkit-box-shadow: 0 0 12px rgba(51, 51, 51, .5); -moz-box-shadow: 0 0 12px rgba(51, 51, 51, .5); box-shadow: 0 0 12px rgba(51, 51, 51, .5); } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after { left: 50%; width: 3px; height: 9999px; margin-left: -1.5px; } .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { top: 50%; width: 9999px; height: 3px; margin-top: -1.5px; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0; display: none; width: 100%; height: 100%; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; } .twentytwenty-before-label, .twentytwenty-after-label { -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { font-size: 13px; letter-spacing: .1em; color: white; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { line-height: 38px; position: absolute; padding: 0 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: rgba(255, 255, 255, .2); } .twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before { top: 50%; margin-top: -19px; } .twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before { left: 50%; width: 90px; margin-left: -45px; text-align: center; } .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow { position: absolute; width: 0; height: 0; border: 6px inset transparent; } .twentytwenty-left-arrow, .twentytwenty-right-arrow { top: 50%; margin-top: -6px; } .twentytwenty-up-arrow, .twentytwenty-down-arrow { left: 50%; margin-left: -6px; } .twentytwenty-container { position: relative; overflow: hidden; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-user-select: none; -moz-user-select: none; } .twentytwenty-container img { position: absolute; bottom: 0; display: block; } .twentytwenty-container div.imgcontent { position: absolute; top: 0; display: block; width: 100%; height: 600px; } .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay { background: rgba(0, 0, 0, 0); } .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } .twentytwenty-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .twentytwenty-before-label { opacity: 0; } .twentytwenty-before-label:before { content: 'Before'; } .twentytwenty-after-label { opacity: 0; } .twentytwenty-after-label:before { content: 'After'; } .twentytwenty-horizontal .twentytwenty-before-label:before { left: 10px; } .twentytwenty-horizontal .twentytwenty-after-label:before { right: 10px; } .twentytwenty-vertical .twentytwenty-before-label:before { top: 10px; } .twentytwenty-vertical .twentytwenty-after-label:before { bottom: 10px; } .twentytwenty-overlay { z-index: 25; -webkit-transition-property: background; -moz-transition-property: background; transition-property: background; background: rgba(0, 0, 0, 0); } .twentytwenty-overlay:hover { background: rgba(0, 0, 0, .5); } .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; } .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; } .twentytwenty-before { z-index: 20; } .twentytwenty-after { z-index: 10; } .twentytwenty-handle { position: absolute; z-index: 40; bottom: 15%; left: 50%; width: 38px; height: 38px; margin-top: -22px; margin-left: -22px; cursor: pointer; border: 3px solid white; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; background: #fff; -webkit-box-shadow: 0 0 12px rgba(51, 51, 51, .5); -moz-box-shadow: 0 0 12px rgba(51, 51, 51, .5); box-shadow: 0 0 12px rgba(51, 51, 51, .5); } .twentytwenty-horizontal .twentytwenty-handle:before { bottom: 50%; display: none; margin-bottom: 22px; -webkit-box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, .5); -moz-box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, .5); box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, .5); } .twentytwenty-horizontal .twentytwenty-handle:after { top: 50%; display: none; margin-top: 22px; -webkit-box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, .5); -moz-box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, .5); box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, .5); } .twentytwenty-vertical .twentytwenty-handle:before { left: 50%; margin-left: 22px; -webkit-box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5); -moz-box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5); box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5); } .twentytwenty-vertical .twentytwenty-handle:after { right: 50%; margin-right: 22px; -webkit-box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5); -moz-box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5); box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5); } .twentytwenty-left-arrow { left: 50%; margin-left: -17px; opacity: .2; border-right: 6px solid #333; } .twentytwenty-left-arrow:hover { opacity: 1; } .twentytwenty-right-arrow { right: 50%; margin-right: -17px; opacity: .2; border-left: 6px solid #333; } .twentytwenty-right-arrow:hover { opacity: 1; } .twentytwenty-up-arrow { top: 50%; margin-top: -17px; border-bottom: 6px solid white; } .twentytwenty-down-arrow { bottom: 50%; margin-bottom: -17px; border-top: 6px solid white; } /* default-box */ .default-box .cbox { position: absolute; top: 50%; width: 100%; height: 200px; margin-top: -100px; text-align: center; color: #fff; } .default-box .cbox .name { font-size: 40px; margin-bottom: 25px; } .default-box .cbox .en { font-size: 18px; margin-bottom: 40px; } .default-box .copy { font-size: 14px; position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center; text-align: center; color: #999; } .default-box .copy img{position:static;display:inline-block;margin-right:5px;} .company-box { position: absolute; z-index: 999; } .company-box-left { left: 0; width: 50%; } .company-box-right { right: 0; width: 50%; } .company-box-right .cbox { color: #000; } .company-box-right .cbox .btn { color: #333; border-color: #fff; } .default-box .btn.btn-line { height: 40px; cursor: auto; color: #043a7e; border-color: #fff; background: #fff; cursor: auto; } .default-header { position: fixed; z-index: 2000; top: 25px; width: 100%; color: #fff; } .default-header .logo { margin-bottom: 50px; } .default-header .logo a { display: inline-block; width: 154px; height: 44px; } .default-header .logo a img { width: 100%; } .default-header .txt1 { font-size: 26px; margin-bottom: 0; } .default-header .txt1-en { font-size: 16px; margin-top: -15px\9; margin-bottom: 10px; } .default-header .txt2 { font-size: 18px; margin-bottom: 0; } .default-header .txt2-en { font-size: 16px; } .default-header .hr-line { font-size: 15px; width: 260px; margin-bottom: 10px; } .default-header .cbox { padding: 0 65px; } .default-box .cbox.active .btn { color: #043a7e; border-color: #fff; background: #fff; cursor: auto; } .default-box .cbox .btn-box { margin-bottom: 10px; } .default-box .cbox .btn-box .line { padding: 0 10px; color: #ccc; } @media (max-width: 1600px) { .default-box .cbox { height: 160px; margin-top: -70px; } .default-box .cbox .name { font-size: 24px; margin-bottom: 15px; } .default-box .cbox .en { font-size: 14px; margin-bottom: 20px; } .default-box .copy { font-size: 12px; bottom: 15px; } .company-box-right .cbox .btn { color: #333; border-color: #fff; } .default-box .btn.btn-line { color: #043a7e; background: #fff; font-size: 14px; line-height: 30px; height: 30px; padding-right: 30px; padding-left: 30px; } .default-header { top: 25px; } .default-header .logo { margin-bottom: 30px; } .default-header .txt1 { font-size: 22px; margin-bottom: 15px; } .default-header .txt2 { font-size: 15px; } .default-header .hr-line { width: 235px; margin-bottom: 10px; } .default-header .cbox { padding: 0 45px; } } @media (max-width: 767px) { .default-header .logo a img { width: 125px; } .default-header .txt1 { font-size: 14px; margin-bottom: 10px; } .default-header .hr-line { width: 163px; margin-bottom: 10px; } .default-header .cbox { padding: 0 20px; } .default-header .txt2 { font-size: 12px; } .default-header .txt1-en { font-size: 12px; width: 50%; } .default-header .txt2-en { font-size: 12px; width: 50%; } .default-box .cbox { margin-top: 0; } .default-box .cbox .name { font-size: 14px; margin-bottom: 10px; } .default-box .cbox .en { font-size: 12px; min-height: 34px; margin-bottom: 30px; } .default-box .btn.btn-line { color: #043a7e; background: #fff; padding-right: 22px; padding-left: 22px; } }
    <center id="z2t59"><em id="z2t59"></em></center>
    <center id="z2t59"></center>

      <code id="z2t59"></code>
      <big id="z2t59"></big>
        <code id="z2t59"><nobr id="z2t59"><sub id="z2t59"></sub></nobr></code>

          1. <code id="z2t59"><nobr id="z2t59"><sub id="z2t59"></sub></nobr></code>
          2. <object id="z2t59"></object>
            1. <code id="z2t59"><sup id="z2t59"><track id="z2t59"></track></sup></code>

            2. 成年人床上视频在线观看,欧美 亚洲 国产 精品有声,激情图片激情小说,亚洲国产流出在线看

              品牌简介

              {תÂëÖ÷´Ê}