.headnav { position: fixed; top: 0px; left: 0px; z-index: 999; width: 100%; border-bottom: 1px solid rgba(224, 224, 224, 1); } .mtop { margin-top: 98px; } .page-num { width: 3em; height: 3em; line-height: 3em; text-align: center; display: block; } .pagination .page-num-current { color: rgb(0 86 255); } .tgBtn { height: 12px; border: 1px solid #dcdfe6; padding: 12px 20px; font-size: 14px; border-radius: 4px; text-align: center; line-height: 12px } .tgAlertDiv { z-index: 9999999; left: 50%; border-radius: 8px; font-size: 14px; text-align: center; padding: 12px 20px } .tgtool { -webkit-touch-callout: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .animated { animation-duration: 1s; animation-fill-mode: both } @keyframes bounceInDown { 60%, 75%, 90%, from, to { animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; transform: translate3d(0, -300px, 0) } 50% { transform: translate3d(0, -300px, 0) } 60% { opacity: 1; transform: translate3d(0, 25px, 0) } 75% { transform: translate3d(0, -10px, 0) } 90% { transform: translate3d(0, 5px, 0) } to { transform: none } } .bounceInDown { animation-name: bounceInDown } @keyframes remove { from { top: 0 } to { top: -2000px } } .remove { animation: remove 4s; animation-fill-mode: forwards } @keyframes removeTop { from { top: 0 } to { top: -50px } } .removeTop { animation: removeTop 1s; animation-fill-mode: forwards } @charset "UTF-8"; .section>.lanyun-section-box, .section>.lanyun-section-box>.lanyun-widget-container { display: flex; flex-direction: column; height: 100%; width: 100%; justify-content: center } .fp-responsive .section>.lanyun-section-box, .fp-responsive .section>.lanyun-section-box>.lanyun-widget-container { display: block; height: auto } .fp-scrollable.fp-responsive .fp-section, .fp-scrollable.fp-responsive .fp-slide { height: 100% } #fp-nav { z-index: 300 !important } .fullpage-none #fp-nav { display: none } .fullpage-dot #fp-nav ul li { padding: 20px 0 } .fullpage-dot #fp-nav ul li .fp-tooltip { display: none } .fullpage-dot #fp-nav ul li a span { height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; border: 1px solid var(--theme-color, #333); background: 0 0 } .fullpage-dot #fp-nav ul li a.active span { background: var(--theme-color, #333) } .fullpage-dot-number #fp-nav ul { counter-reset: section } .fullpage-dot-number #fp-nav ul li { width: 50px; padding: 20px 0; counter-increment: section } .fullpage-dot-number #fp-nav ul li .fp-tooltip { display: none } .fullpage-dot-number #fp-nav ul li a:before { left: 0; content: "0" counter(section); font-size: 16px; color: var(--theme-color, #333) } .fullpage-dot-number #fp-nav ul li a span { border-radius: 50%; position: absolute; z-index: 1; height: 4px !important; width: 4px !important; border: 0; background: var(--theme-color, #333); margin: -2px 0 0 -2px !important; top: 9px; left: 30px } .fullpage-dot-number #fp-nav ul li a.active .fp-sr-only { font-size: 0; border: 1px solid var(--theme-color, #333); background: 0 0; clip: auto; width: 12px !important; height: 12px !important; text-indent: -100px; left: 26px; top: 5px } .fullpage-line-number #fp-nav ul { counter-reset: section } .fullpage-line-number #fp-nav ul li { width: 50px; padding: 20px 0; counter-increment: section } .fullpage-line-number #fp-nav ul li .fp-tooltip { display: none } .fullpage-line-number #fp-nav ul li a:before { position: absolute; left: 18px; content: "0" counter(section); font-size: 16px; color: var(--theme-color, #333) } .fullpage-line-number #fp-nav ul li a span { display: none } .fullpage-line-number #fp-nav ul li a.active:before { position: absolute; left: 0; content: "0" counter(section) } .fullpage-line-number #fp-nav ul li a.active .fp-sr-only { display: block; clip: auto; width: 10px !important; height: 2px !important; text-indent: -100px; left: 30px; top: 14px; background: var(--theme-color, #333) } .fullpage-line-word #fp-nav ul { counter-reset: section } .fullpage-line-word #fp-nav ul li { width: 80px; height: 35px } .fullpage-line-word #fp-nav ul li .fp-tooltip { color: var(--color) } .fullpage-line-word #fp-nav ul li a span { width: 20px; height: 1px; right: 2px; left: auto; background: var(--theme-color, #333) } .fullpage-line-word #fp-nav ul li a.active span { width: 76px; height: 1px; right: 0; left: auto; margin: -2px 0 0 -2px !important } .fullpage-line-word #fp-nav ul li a.active span:before { position: absolute; right: -7px; top: -3px; width: 5px; height: 5px; border: 1px solid var(--theme-color, #333); border-radius: 50%; content: '' } .fullpage-line-word #fp-nav ul li a.active .fp-sr-only { display: none } .fullpage-line-word #fp-nav ul li a.active+.fp-tooltip { opacity: 1; transition: opacity .2s ease-in; width: auto; top: -5px; color: var(--color, #333) } .fullpage-line-word #fp-nav ul li:hover a span { width: 76px; height: 1px; right: 0; left: auto; margin: -2px 0 0 -2px !important } .fullpage-line-word #fp-nav ul li:hover a span:before { position: absolute; right: -7px; top: -3px; width: 5px; height: 5px; border: 1px solid var(--theme-color, #333); border-radius: 50%; content: '' } .fullpage-line-word #fp-nav ul li:hover a.active span { width: 76px; height: 1px; right: 0; left: auto; margin: -2px 0 0 -2px !important } .fullpage-line-word #fp-nav ul li:hover a.active span:before { position: absolute; right: -7px; top: -3px; width: 5px; height: 5px; border: 1px solid var(--theme-color, #333); border-radius: 50%; content: '' } .fullpage-line-word #fp-nav ul li:hover a.active+.fp-tooltip { color: var(--color, #333) } [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { transition-duration: 50ms } [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { transition-delay: 50ms } [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { transition-duration: .1s } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay: .1s } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { transition-duration: .15s } [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { transition-delay: .15s } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { transition-duration: .2s } [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay: .2s } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { transition-duration: .25s } [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { transition-delay: .25s } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { transition-duration: .3s } [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay: .3s } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { transition-duration: .35s } [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { transition-delay: .35s } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { transition-duration: .4s } [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay: .4s } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { transition-duration: .45s } [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { transition-delay: .45s } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { transition-duration: .5s } [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { transition-delay: .5s } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { transition-duration: .55s } [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { transition-delay: .55s } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { transition-duration: .6s } [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { transition-delay: .6s } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { transition-duration: .65s } [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { transition-delay: .65s } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { transition-duration: .7s } [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { transition-delay: .7s } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { transition-duration: .75s } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { transition-delay: .75s } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { transition-duration: .8s } [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { transition-delay: .8s } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { transition-duration: .85s } [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { transition-delay: .85s } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { transition-duration: .9s } [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { transition-delay: .9s } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { transition-duration: .95s } [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { transition-delay: .95s } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { transition-duration: 1s } [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { transition-delay: 1s } [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { transition-duration: 1.05s } [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { transition-delay: 1.05s } [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { transition-duration: 1.1s } [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { transition-delay: 1.1s } [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { transition-duration: 1.15s } [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { transition-delay: 1.15s } [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { transition-duration: 1.2s } [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { transition-delay: 1.2s } [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { transition-duration: 1.25s } [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { transition-delay: 1.25s } [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { transition-duration: 1.3s } [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { transition-delay: 1.3s } [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { transition-duration: 1.35s } [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { transition-delay: 1.35s } [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { transition-duration: 1.4s } [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { transition-delay: 1.4s } [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { transition-duration: 1.45s } [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { transition-delay: 1.45s } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { transition-duration: 1.5s } [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { transition-delay: 1.5s } [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { transition-duration: 1.55s } [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { transition-delay: 1.55s } [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { transition-duration: 1.6s } [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { transition-delay: 1.6s } [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { transition-duration: 1.65s } [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { transition-delay: 1.65s } [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { transition-duration: 1.7s } [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { transition-delay: 1.7s } [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { transition-duration: 1.75s } [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { transition-delay: 1.75s } [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { transition-duration: 1.8s } [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { transition-delay: 1.8s } [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { transition-duration: 1.85s } [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { transition-delay: 1.85s } [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { transition-duration: 1.9s } [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { transition-delay: 1.9s } [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { transition-duration: 1.95s } [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { transition-delay: 1.95s } [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { transition-duration: 2s } [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { transition-delay: 2s } [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { transition-duration: 2.05s } [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { transition-delay: 2.05s } [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { transition-duration: 2.1s } [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { transition-delay: 2.1s } [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { transition-duration: 2.15s } [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { transition-delay: 2.15s } [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { transition-duration: 2.2s } [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { transition-delay: 2.2s } [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { transition-duration: 2.25s } [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { transition-delay: 2.25s } [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { transition-duration: 2.3s } [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { transition-delay: 2.3s } [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { transition-duration: 2.35s } [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { transition-delay: 2.35s } [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { transition-duration: 2.4s } [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { transition-delay: 2.4s } [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { transition-duration: 2.45s } [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { transition-delay: 2.45s } [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { transition-duration: 2.5s } [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { transition-delay: 2.5s } [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { transition-duration: 2.55s } [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { transition-delay: 2.55s } [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { transition-duration: 2.6s } [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { transition-delay: 2.6s } [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { transition-duration: 2.65s } [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { transition-delay: 2.65s } [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { transition-duration: 2.7s } [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { transition-delay: 2.7s } [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { transition-duration: 2.75s } [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { transition-delay: 2.75s } [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { transition-duration: 2.8s } [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { transition-delay: 2.8s } [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { transition-duration: 2.85s } [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { transition-delay: 2.85s } [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { transition-duration: 2.9s } [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { transition-delay: 2.9s } [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { transition-duration: 2.95s } [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { transition-delay: 2.95s } [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { transition-duration: 3s } [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { transition-delay: 3s } [data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] { transition-timing-function: cubic-bezier(.25, .25, .75, .75) } [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] { transition-timing-function: ease } [data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] { transition-timing-function: ease-in } [data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] { transition-timing-function: ease-out } [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] { transition-timing-function: ease-in-out } [data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] { transition-timing-function: cubic-bezier(.6, -.28, .735, .045) } [data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] { transition-timing-function: cubic-bezier(.175, .885, .32, 1.275) } [data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] { transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55) } [data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] { transition-timing-function: cubic-bezier(.47, 0, .745, .715) } [data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] { transition-timing-function: cubic-bezier(.39, .575, .565, 1) } [data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] { transition-timing-function: cubic-bezier(.445, .05, .55, .95) } [data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] { transition-timing-function: cubic-bezier(.55, .085, .68, .53) } [data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] { transition-timing-function: cubic-bezier(.25, .46, .45, .94) } [data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] { transition-timing-function: cubic-bezier(.455, .03, .515, .955) } [data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] { transition-timing-function: cubic-bezier(.55, .085, .68, .53) } [data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(.25, .46, .45, .94) } [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(.455, .03, .515, .955) } [data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] { transition-timing-function: cubic-bezier(.55, .085, .68, .53) } [data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] { transition-timing-function: cubic-bezier(.25, .46, .45, .94) } [data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] { transition-timing-function: cubic-bezier(.455, .03, .515, .955) } [data-aos^=fade][data-aos^=fade] { opacity: 0; transition-property: opacity, transform } [data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; transform: translateZ(0) } [data-aos=fade-up] { transform: translate3d(0, 100px, 0) } [data-aos=fade-down] { transform: translate3d(0, -100px, 0) } [data-aos=fade-right] { transform: translate3d(-100px, 0, 0) } [data-aos=fade-left] { transform: translate3d(100px, 0, 0) } [data-aos=fade-up-right] { transform: translate3d(-100px, 100px, 0) } [data-aos=fade-up-left] { transform: translate3d(100px, 100px, 0) } [data-aos=fade-down-right] { transform: translate3d(-100px, -100px, 0) } [data-aos=fade-down-left] { transform: translate3d(100px, -100px, 0) } [data-aos^=zoom][data-aos^=zoom] { opacity: 0; transition-property: opacity, transform } [data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; transform: translateZ(0) scale(1) } [data-aos=zoom-in] { transform: scale(.6) } [data-aos=zoom-in-up] { transform: translate3d(0, 100px, 0) scale(.6) } [data-aos=zoom-in-down] { transform: translate3d(0, -100px, 0) scale(.6) } [data-aos=zoom-in-right] { transform: translate3d(-100px, 0, 0) scale(.6) } [data-aos=zoom-in-left] { transform: translate3d(100px, 0, 0) scale(.6) } [data-aos=zoom-out] { transform: scale(1.2) } [data-aos=zoom-out-up] { transform: translate3d(0, 100px, 0) scale(1.2) } [data-aos=zoom-out-down] { transform: translate3d(0, -100px, 0) scale(1.2) } [data-aos=zoom-out-right] { transform: translate3d(-100px, 0, 0) scale(1.2) } [data-aos=zoom-out-left] { transform: translate3d(100px, 0, 0) scale(1.2) } [data-aos^=slide][data-aos^=slide] { transition-property: transform } [data-aos^=slide][data-aos^=slide].aos-animate { transform: translateZ(0) } [data-aos=slide-up] { transform: translate3d(0, 100%, 0) } [data-aos=slide-down] { transform: translate3d(0, -100%, 0) } [data-aos=slide-right] { transform: translate3d(-100%, 0, 0) } [data-aos=slide-left] { transform: translate3d(100%, 0, 0) } [data-aos^=flip][data-aos^=flip] { backface-visibility: hidden; transition-property: transform } [data-aos=flip-left] { transform: perspective(2500px) rotateY(-100deg) } [data-aos=flip-left].aos-animate { transform: perspective(2500px) rotateY(0) } [data-aos=flip-right] { transform: perspective(2500px) rotateY(100deg) } [data-aos=flip-right].aos-animate { transform: perspective(2500px) rotateY(0) } [data-aos=flip-up] { transform: perspective(2500px) rotateX(-100deg) } [data-aos=flip-up].aos-animate { transform: perspective(2500px) rotateX(0) } [data-aos=flip-down] { transform: perspective(2500px) rotateX(100deg) } [data-aos=flip-down].aos-animate { transform: perspective(2500px) rotateX(0) } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, select, small, span, strike, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box } html { font-family: 'OP'; overflow-x: hidden } ol, p, ul { margin: 0 } ul { list-style: none } a { color: inherit; text-decoration: none } a:visited { color: inherit } h3 { font-weight: 400 } button { padding-left: 0; padding-right: 0 } a, div, h1, h2, h3, h4, h5, h6, p, span { word-break: break-word } .clearfix:after, .lanyun-search-article-list li:after, .lanyun-tag-article-list li:after { content: ""; display: table; clear: both } .lanyun-detail-files a, .lanyun-search-article-list-title, .lanyun-search-result-product-title, .lanyun-tag-article-list-title, .lanyun-tag-result-product-title, .tow { text-overflow: ellipsis; white-space: nowrap; overflow: hidden } button:focus, input:focus, textarea:focus { outline: 0 } html[lang=ar] .text-direction { direction: rtl } body { color: var(--color); font-size: var(--font-size); background-color: var(--background-color); background-image: var(--background-image); background-position-x: var(--background-position-x); background-position-y: var(--background-position-y); background-repeat: var(--background-repeat); background-attachment: var(--background-attachment); background-size: var(--background-size); overflow-x: hidden !important } body.no-scroll { overflow: hidden; height: 100vh } .lanyun-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .lanyun-row-item { -webkit-box-flex: 0; -ms-flex: none; flex: none } .lanyun-links-wrap .lanyun-text-desc, .lanyun-links-wrap .lanyun-text-title, .lanyun-search-article-list-summary, .lanyun-search-article-list-title, .lanyun-section-article-list .lanyun-text-desc, .lanyun-section-article-list .lanyun-text-title, .lanyun-section-article-row .lanyun-text-desc, .lanyun-section-article-row .lanyun-text-title, .lanyun-section-category .lanyun-text-desc, .lanyun-section-category .lanyun-text-title, .lanyun-section-gallery .lanyun-text-desc, .lanyun-section-gallery .lanyun-text-title, .lanyun-section-img-box .lanyun-text-desc, .lanyun-section-img-box .lanyun-text-title, .lanyun-section-product-list .lanyun-text-desc, .lanyun-section-product-list .lanyun-text-title, .lanyun-section-product-row .lanyun-text-desc, .lanyun-section-product-row .lanyun-text-title, .lanyun-section-related-article .lanyun-text-desc, .lanyun-section-related-article .lanyun-text-title, .lanyun-section-related-product .lanyun-text-desc, .lanyun-section-related-product .lanyun-text-title, .lanyun-tag-article-list-summary, .lanyun-tag-article-list-title { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; box-orient: vertical } .lanyun-row-img-wrap { width: 100%; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0) } .lanyun-row-img-wrap .lanyun-row-img { width: 100%; overflow: hidden; padding-bottom: 75%; background-size: cover; background-position: center; background-repeat: no-repeat } .lanyun-row-item { overflow: hidden } .lanyun-row-item .lanyun-btn-wrap { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .swiper-slide .lanyun-btn-wrap { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .lanyun-btn-icon { --text-space: 5px } .icon-align-left .lanyun-btn-icon { margin-right: var(--text-space) } .icon-align-right .lanyun-btn-icon { margin-left: var(--text-space) } @media(max-width:1024px) { .icon-align-left .lanyun-btn-icon { margin-right: var(--text-space) } .icon-align-right .lanyun-btn-icon { margin-left: var(--text-space) } } @media(max-width:768px) { .icon-align-left .lanyun-btn-icon { margin-right: var(--text-space) } .icon-align-right .lanyun-btn-icon { margin-left: var(--text-space) } } .icon-align-right .lanyun-btn-icon { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .icon-align-left .lanyun-btn-icon { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } @media(min-width:1024px) { .temp-change [data-col="1"] { width: -webkit-calc(100% / 1) !important; width: calc(100% / 1) !important } .temp-change [data-col="2"] { width: -webkit-calc(100% / 2) !important; width: calc(100% / 2) !important } .temp-change [data-col="3"] { width: -webkit-calc(100% / 3) !important; width: calc(100% / 3) !important } .temp-change [data-col="4"] { width: -webkit-calc(100% / 4) !important; width: calc(100% / 4) !important } .temp-change [data-col="5"] { width: -webkit-calc(100% / 5) !important; width: calc(100% / 5) !important } .temp-change [data-col="6"] { width: -webkit-calc(100% / 6) !important; width: calc(100% / 6) !important } .temp-change [data-col="7"] { width: -webkit-calc(100% / 7) !important; width: calc(100% / 7) !important } .temp-change [data-col="8"] { width: -webkit-calc(100% / 8) !important; width: calc(100% / 8) !important } .temp-change [data-col="9"] { width: -webkit-calc(100% / 9) !important; width: calc(100% / 9) !important } .temp-change [data-col="10"] { width: -webkit-calc(100% / 10) !important; width: calc(100% / 10) !important } .temp-change [data-col="11"] { width: -webkit-calc(100% / 11) !important; width: calc(100% / 11) !important } .temp-change [data-col="12"] { width: -webkit-calc(100% / 12) !important; width: calc(100% / 12) !important } .temp-change [data-col="13"] { width: -webkit-calc(100% / 13) !important; width: calc(100% / 13) !important } [data-col="1"] { width: -webkit-calc(100% / 1); width: calc(100% / 1) } [data-col="2"] { width: -webkit-calc(100% / 2); width: calc(100% / 2) } [data-col="3"] { width: -webkit-calc(100% / 3); width: calc(100% / 3) } [data-col="4"] { width: -webkit-calc(100% / 4); width: calc(100% / 4) } [data-col="5"] { width: -webkit-calc(100% / 5); width: calc(100% / 5) } [data-col="6"] { width: -webkit-calc(100% / 6); width: calc(100% / 6) } [data-col="7"] { width: -webkit-calc(100% / 7); width: calc(100% / 7) } [data-col="8"] { width: -webkit-calc(100% / 8); width: calc(100% / 8) } [data-col="9"] { width: -webkit-calc(100% / 9); width: calc(100% / 9) } [data-col="10"] { width: -webkit-calc(100% / 10); width: calc(100% / 10) } [data-col="11"] { width: -webkit-calc(100% / 11); width: calc(100% / 11) } [data-col="12"] { width: -webkit-calc(100% / 12); width: calc(100% / 12) } [data-col="13"] { width: -webkit-calc(100% / 13); width: calc(100% / 13) } } .no-support-page { border: 1px dashed #ff0e1f; line-height: 38px; text-align: center; background: #f9f9f9; font-size: 16px; color: #ff0e1f } .no-default { line-height: 38px; text-align: center; background: #f9f9f9 } .no-default i { font-size: 20px; color: #d0d5de } .text-align-left { text-align: left } .text-align-center { text-align: center } .text-align-right { text-align: right } .align-items-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .align-items-flex-start { -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start } .align-items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .align-items-flex-end { -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end } .img-pos-bottom, .img-pos-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .img-pos-bottom .lanyun-article-text, .img-pos-bottom .lanyun-category-text, .img-pos-bottom .lanyun-gallery-text, .img-pos-bottom .lanyun-img-box-text, .img-pos-bottom .lanyun-product-text, .img-pos-top .lanyun-article-text, .img-pos-top .lanyun-category-text, .img-pos-top .lanyun-gallery-text, .img-pos-top .lanyun-img-box-text, .img-pos-top .lanyun-product-text { width: 100% } .img-pos-bottom .lanyun-img-wrap, .img-pos-bottom .lanyun-row-img-wrap, .img-pos-right .lanyun-img-wrap, .img-pos-right .lanyun-row-img-wrap { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 } .img-pos-bottom .lanyun-article-text, .img-pos-bottom .lanyun-category-text, .img-pos-bottom .lanyun-gallery-text, .img-pos-bottom .lanyun-img-box-text, .img-pos-right .lanyun-article-text, .img-pos-right .lanyun-category-text, .img-pos-right .lanyun-gallery-text, .img-pos-right .lanyun-img-box-text { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .img-pos-cover { display: block; position: relative } .img-pos-cover .lanyun-category-text, .img-pos-cover .lanyun-gallery-text { position: absolute; z-index: 9; bottom: 0; right: 0; left: 0; top: 0 } .img-pos-cover.cover-all .lanyun-category-text, .img-pos-cover.cover-all .lanyun-gallery-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .img-pos-cover.cover-all .lanyun-category-text div, .img-pos-cover.cover-all .lanyun-gallery-text div { -webkit-box-flex: 0; -ms-flex: none; flex: none } .img-pos-cover.cover-bottom .lanyun-category-text, .img-pos-cover.cover-bottom .lanyun-gallery-text { top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .img-pos-cover.cover-bottom .lanyun-category-text div, .img-pos-cover.cover-bottom .lanyun-gallery-text div { -webkit-box-flex: 0; -ms-flex: none; flex: none } .img-pos-cover.hover-cover { overflow: hidden } .img-pos-cover.hover-cover .lanyun-category-text, .img-pos-cover.hover-cover .lanyun-gallery-text { opacity: 0; -webkit-transition: all .5s; transition: all .5s } .img-pos-cover.hover-cover:hover .lanyun-category-text, .img-pos-cover.hover-cover:hover .lanyun-gallery-text { opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex } .img-pos-left, .img-pos-right { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .img-pos-left .lanyun-img-wrap, .img-pos-left .lanyun-row-img-wrap, .img-pos-right .lanyun-img-wrap, .img-pos-right .lanyun-row-img-wrap { width: 50% } .img-pos-left .lanyun-article-text, .img-pos-left .lanyun-category-text, .img-pos-left .lanyun-gallery-text, .img-pos-left .lanyun-img-box-text, .img-pos-right .lanyun-article-text, .img-pos-right .lanyun-category-text, .img-pos-right .lanyun-gallery-text, .img-pos-right .lanyun-img-box-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 1px } .img-pos-none { width: 100% } .img-pos-none .lanyun-article-text, .img-pos-none .lanyun-category-text { width: 100% } .tag-pos-bottom, .tag-pos-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .tag-pos-bottom .lanyun-tab-tag, .tag-pos-top .lanyun-tab-tag { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .tag-pos-left, .tag-pos-right { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .tag-pos-left .lanyun-tab-tag, .tag-pos-right .lanyun-tab-tag { width: 220px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .tag-pos-left .lanyun-tab-wrap, .tag-pos-right .lanyun-tab-wrap { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .tag-pos-bottom .lanyun-tab-tag, .tag-pos-right .lanyun-tab-tag { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12 } @media(min-width:1025px)and (max-width:99999px) { .lanyun-row-1 .swiper-slide { --margin-right: 20px; margin-right: var(--margin-right); width: -webkit-calc((100% - (1 - 1) * var(--margin-right))/ 1); width: calc((100% - (1 - 1) * var(--margin-right))/ 1) } .lanyun-row-1 .swiper-slide:nth-of-type(1n) { margin-right: 0 } .lanyun-row-1 .lanyun-row-item { --margin-right: 20px; --margin-top: 20px; width: -webkit-calc((100% - (1 - 1) * var(--margin-right))/ 1); width: calc((100% - (1 - 1) * var(--margin-right))/ 1); margin-right: var(--margin-right) } .lanyun-row-1 .lanyun-row-item:nth-of-type(1n) { margin-right: 0 !important } .lanyun-row-1 .lanyun-row-item:not(:nth-of-type(-n+1)) { margin-top: var(--margin-top) } .lanyun-row-1 .lanyun-count-line { border-right: 1px solid #ddd } .lanyun-row-1 .lanyun-count-line:nth-of-type(1n) { border-right: 0 !important } .lanyun-row-2 .swiper-slide { --margin-right: 20px; margin-right: var(--margin-right); width: -webkit-calc((100% - (2 - 1) * var(--margin-right))/ 2); width: calc((100% - (2 - 1) * var(--margin-right))/ 2) } .lanyun-row-2 .swiper-slide:nth-of-type(2n) { margin-right: 0 } .lanyun-row-2 .lanyun-row-item { --margin-right: 20px; --margin-top: 20px; width: -webkit-calc((100% - (2 - 1) * var(--margin-right))/ 2); width: calc((100% - (2 - 1) * var(--margin-right))/ 2); margin-right: var(--margin-right) } .lanyun-row-2 .lanyun-row-item:nth-of-type(2n) { margin-right: 0 !important } .lanyun-row-2 .lanyun-row-item:not(:nth-of-type(-n+2)) { margin-top: var(--margin-top) } .lanyun-row-2 .lanyun-count-line { border-right: 1px solid #ddd } .lanyun-row-2 .lanyun-count-line:nth-of-type(2n) { border-right: 0 !important } .lanyun-row-3 .swiper-slide { --margin-right: 20px; margin-right: var(--margin-right); width: -webkit-calc((100% - (3 - 1) * var(--margin-right))/ 3); width: calc((100% - (3 - 1) * var(--margin-right))/ 3) } .lanyun-row-3 .swiper-slide:nth-of-type(3n) { margin-right: 0 } .lanyun-row-3 .lanyun-row-item { --margin-right: 20px; --margin-top: 20px; width: -webkit-calc((100% - (3 - 1) * var(--margin-right))/ 3); width: calc((100% - (3 - 1) * var(--margin-right))/ 3); margin-right: var(--margin-right) } .lanyun-row-3 .lanyun-row-item:nth-of-type(3n) { margin-right: 0 !important } .lanyun-row-3 .lanyun-row-item:not(:nth-of-type(-n+3)) { margin-top: var(--margin-top) } .lanyun-row-3 .lanyun-count-line { border-right: 1px solid #ddd } .lanyun-row-3 .lanyun-count-line:nth-of-type(3n) { border-right: 0 !important } .lanyun-row-4 .swiper-slide { --margin-right: 20px; margin-right: var(--margin-right); width: -webkit-calc((100% - (4 - 1) * var(--margin-right))/ 4); width: calc((100% - (4 - 1) * var(--margin-right))/ 4) } .lanyun-row-4 .swiper-slide:nth-of-type(4n) { margin-right: 0 } .lanyun-row-4 .lanyun-row-item { --margin-right: 20px; --margin-top: 20px; width: -webkit-calc((100% - (4 - 1) * var(--margin-right))/ 4); width: calc((100% - (4 - 1) * var(--margin-right))/ 4); margin-right: var(--margin-right) } .lanyun-row-4 .lanyun-row-item:nth-of-type(4n) { margin-right: 0 !important } .lanyun-row-4 .lanyun-row-item:not(:nth-of-type(-n+4)) { margin-top: var(--margin-top) } .lanyun-row-4 .lanyun-count-line { border-right: 1px solid #ddd } .lanyun-row-4 .lanyun-count-line:nth-of-type(4n) { border-right: 0 !important } .lanyun-row-5 .swiper-slide { --margin-right: 20px; margin-right: var(--margin-right); width: -webkit-calc((100% - (5 - 1) * var(--margin-right))/ 5); width: calc((100% - (5 - 1) * var(--margin-right))/ 5) } .lanyun-row-5 .swiper-slide:nth-of-type(5n) { margin-right: 0 } .lanyun-row-5 .lanyun-row-item { --margin-right: 20px; --margin-top: 20px; width: -webkit-calc((100% - (5 - 1) * var(--margin-right))/ 5); width: calc((100% - (5 - 1) * var(--margin-right))/ 5); margin-right: var(--margin-right) } .lanyun-row-5 .lanyun-row-item:nth-of-type(5n) { margin-right: 0 !important } .lanyun-row-5 .lanyun-row-item:not(:nth-of-type(-n+5)) { margin-top: var(--margin-top) } .lanyun-row-5 .lanyun-count-line { border-right: 1px solid #ddd } .lanyun-row-5 .lanyun-count-line:nth-of-type(5n) { border-right: 0 !important } .lanyun-row-6 .swiper-slide { --margin-right: 20px; margin-right: var(--margin-right); width: -webkit-calc((100% - (6 - 1) * var(--margin-right))/ 6); width: calc((100% - (6 - 1) * var(--margin-right))/ 6) } .lanyun-row-6 .swiper-slide:nth-of-type(6n) { margin-right: 0 } .lanyun-row-6 .lanyun-row-item { --margin-right: 20px; --margin-top: 20px; width: -webkit-calc((100% - (6 - 1) * var(--margin-right))/ 6); width: calc((100% - (6 - 1) * var(--margin-right))/ 6); margin-right: var(--margin-right) } .lanyun-row-6 .lanyun-row-item:nth-of-type(6n) { margin-right: 0 !important } .lanyun-row-6 .lanyun-row-item:not(:nth-of-type(-n+6)) { margin-top: var(--margin-top) } .lanyun-row-6 .lanyun-count-line { border-right: 1px solid #ddd } .lanyun-row-6 .lanyun-count-line:nth-of-type(6n) { border-right: 0 !important } .lanyun-row-7 .swiper-slide { --margin-right: 20px; margin-right: var(--margin-right); width: -webkit-calc((100% - (7 - 1) * var(--margin-right))/ 7); width: calc((100% - (7 - 1) * var(--margin-right))/ 7) } .lanyun-row-7 .swiper-slide:nth-of-type(7n) { margin-right: 0 } .lanyun-row-7 .lanyun-row-item { --margin-right: 20px; --margin-top: 20px; width: -webkit-calc((100% - (7 - 1) * var(--margin-right))/ 7); width: calc((100% - (7 - 1) * var(--margin-right))/ 7); margin-right: var(--margin-right) } .lanyun-row-7 .lanyun-row-item:nth-of-type(7n) { margin-right: 0 !important } .lanyun-row-7 .lanyun-row-item:not(:nth-of-type(-n+7)) { margin-top: var(--margin-top) } .lanyun-row-7 .lanyun-count-line { border-right: 1px solid #ddd } .lanyun-row-7 .lanyun-count-line:nth-of-type(7n) { border-right: 0 !important } .lanyun-row-8 .swiper-slide { --margin-right: 20px; margin-right: var(--margin-right); width: -webkit-calc((100% - (8 - 1) * var(--margin-right))/ 8); width: calc((100% - (8 - 1) * var(--margin-right))/ 8) } .lanyun-row-8 .swiper-slide:nth-of-type(8n) { margin-right: 0 } .lanyun-row-8 .lanyun-row-item { --margin-right: 20px; --margin-top: 20px; width: -webkit-calc((100% - (8 - 1) * var(--margin-right))/ 8); width: calc((100% - (8 - 1) * var(--margin-right))/ 8); margin-right: var(--margin-right) } .lanyun-row-8 .lanyun-row-item:nth-of-type(8n) { margin-right: 0 !important } .lanyun-row-8 .lanyun-row-item:not(:nth-of-type(-n+8)) { margin-top: var(--margin-top) } .lanyun-row-8 .lanyun-count-line { border-right: 1px solid #ddd } .lanyun-row-8 .lanyun-count-line:nth-of-type(8n) { border-right: 0 !important } .lanyun-row-9 .swiper-slide { --margin-right: 20px; margin-right: var(--margin-right); width: -webkit-calc((100% - (9 - 1) * var(--margin-right))/ 9); width: calc((100% - (9 - 1) * var(--margin-right))/ 9) } .lanyun-row-9 .swiper-slide:nth-of-type(9n) { margin-right: 0 } .lanyun-row-9 .lanyun-row-item { --margin-right: 20px; --margin-top: 20px; width: -webkit-calc((100% - (9 - 1) * var(--margin-right))/ 9); width: calc((100% - (9 - 1) * var(--margin-right))/ 9); margin-right: var(--margin-right) } .lanyun-row-9 .lanyun-row-item:nth-of-type(9n) { margin-right: 0 !important } .lanyun-row-9 .lanyun-row-item:not(:nth-of-type(-n+9)) { margin-top: var(--margin-top) } .lanyun-row-9 .lanyun-count-line { border-right: 1px solid #ddd } .lanyun-row-9 .lanyun-count-line:nth-of-type(9n) { border-right: 0 !important } .lanyun-row-10 .swiper-slide { --margin-right: 20px; margin-right: var(--margin-right); width: -webkit-calc((100% - (10 - 1) * var(--margin-right))/ 10); width: calc((100% - (10 - 1) * var(--margin-right))/ 10) } .lanyun-row-10 .swiper-slide:nth-of-type(10n) { margin-right: 0 } .lanyun-row-10 .lanyun-row-item { --margin-right: 20px; --margin-top: 20px; width: -webkit-calc((100% - (10 - 1) * var(--margin-right))/ 10); width: calc((100% - (10 - 1) * var(--margin-right))/ 10); margin-right: var(--margin-right) } .lanyun-row-10 .lanyun-row-item:nth-of-type(10n) { margin-right: 0 !important } .lanyun-row-10 .lanyun-row-item:not(:nth-of-type(-n+10)) { margin-top: var(--margin-top) } .lanyun-row-10 .lanyun-count-line { border-right: 1px solid #ddd } .lanyun-row-10 .lanyun-count-line:nth-of-type(10n) { border-right: 0 !important } .lanyun-row-11 .swiper-slide { --margin-right: 20px; margin-right: var(--margin-right); width: -webkit-calc((100% - (11 - 1) * var(--margin-right))/ 11); width: calc((100% - (11 - 1) * var(--margin-right))/ 11) } .lanyun-row-11 .swiper-slide:nth-of-type(11n) { margin-right: 0 } .lanyun-row-11 .lanyun-row-item { --margin-right: 20px; --margin-top: 20px; width: -webkit-calc((100% - (11 - 1) * var(--margin-right))/ 11); width: calc((100% - (11 - 1) * var(--margin-right))/ 11); margin-right: var(--margin-right) } .lanyun-row-11 .lanyun-row-item:nth-of-type(11n) { margin-right: 0 !important } .lanyun-row-11 .lanyun-row-item:not(:nth-of-type(-n+11)) { margin-top: var(--margin-top) } .lanyun-row-11 .lanyun-count-line { border-right: 1px solid #ddd } .lanyun-row-11 .lanyun-count-line:nth-of-type(11n) { border-right: 0 !important } .lanyun-row-12 .swiper-slide { --margin-right: 20px; margin-right: var(--margin-right); width: -webkit-calc((100% - (12 - 1) * var(--margin-right))/ 12); width: calc((100% - (12 - 1) * var(--margin-right))/ 12) } .lanyun-row-12 .swiper-slide:nth-of-type(12n) { margin-right: 0 } .lanyun-row-12 .lanyun-row-item { --margin-right: 20px; --margin-top: 20px; width: -webkit-calc((100% - (12 - 1) * var(--margin-right))/ 12); width: calc((100% - (12 - 1) * var(--margin-right))/ 12); margin-right: var(--margin-right) } .lanyun-row-12 .lanyun-row-item:nth-of-type(12n) { margin-right: 0 !important } .lanyun-row-12 .lanyun-row-item:not(:nth-of-type(-n+12)) { margin-top: var(--margin-top) } .lanyun-row-12 .lanyun-count-line { border-right: 1px solid #ddd } .lanyun-row-12 .lanyun-count-line:nth-of-type(12n) { border-right: 0 !important } .lanyun-row-13 .swiper-slide { --margin-right: 20px; margin-right: var(--margin-right); width: -webkit-calc((100% - (13 - 1) * var(--margin-right))/ 13); width: calc((100% - (13 - 1) * var(--margin-right))/ 13) } .lanyun-row-13 .swiper-slide:nth-of-type(13n) { margin-right: 0 } .lanyun-row-13 .lanyun-row-item { --margin-right: 20px; --margin-top: 20px; width: -webkit-calc((100% - (13 - 1) * var(--margin-right))/ 13); width: calc((100% - (13 - 1) * var(--margin-right))/ 13); margin-right: var(--margin-right) } .lanyun-row-13 .lanyun-row-item:nth-of-type(13n) { margin-right: 0 !important } .lanyun-row-13 .lanyun-row-item:not(:nth-of-type(-n+13)) { margin-top: var(--margin-top) } .lanyun-row-13 .lanyun-count-line { border-right: 1px solid #ddd } .lanyun-row-13 .lanyun-count-line:nth-of-type(13n) { border-right: 0 !important } .width-20 { width: 20% } .width-25 { width: 25% } .width-33 { width: 33.3333% } .width-40 { width: 40% } .width-50 { width: 50% } .width-60 { width: 60% } .width-66 { width: 66% } .width-75 { width: 75% } .width-80 { width: 80% } .width-100 { width: 100% } .align-self-stretch { -ms-flex-item-align: stretch; align-self: stretch } .align-self-flex-start { -ms-flex-item-align: flex-start; align-self: flex-start } .align-self-center { -ms-flex-item-align: center; align-self: center } .align-self-flex-end { -ms-flex-item-align: flex-end; align-self: flex-end } .justify-content-stretch { -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch } .justify-content-flex-start { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start } .justify-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .justify-content-flex-end { -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end } .lanyun-section-hidden-desktop:not(.lanyun-section-hover-hidden) { height: 0; padding: 0 !important; margin: 0 !important; overflow: hidden } .lanyun-section-hidden-desktop.lanyun-section-column:not(.lanyun-section-hover-hidden) { display: none } .img-pos-desktop-bottom, .img-pos-desktop-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .img-pos-desktop-bottom .lanyun-article-text, .img-pos-desktop-bottom .lanyun-category-text, .img-pos-desktop-bottom .lanyun-gallery-text, .img-pos-desktop-bottom .lanyun-img-box-text, .img-pos-desktop-bottom .lanyun-product-text, .img-pos-desktop-top .lanyun-article-text, .img-pos-desktop-top .lanyun-category-text, .img-pos-desktop-top .lanyun-gallery-text, .img-pos-desktop-top .lanyun-img-box-text, .img-pos-desktop-top .lanyun-product-text { width: 100% } .img-pos-desktop-bottom .lanyun-img-wrap, .img-pos-desktop-bottom .lanyun-row-img-wrap, .img-pos-desktop-right .lanyun-img-wrap, .img-pos-desktop-right .lanyun-row-img-wrap { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 } .img-pos-desktop-bottom .lanyun-article-text, .img-pos-desktop-bottom .lanyun-category-text, .img-pos-desktop-bottom .lanyun-gallery-text, .img-pos-desktop-bottom .lanyun-img-box-text, .img-pos-desktop-right .lanyun-article-text, .img-pos-desktop-right .lanyun-category-text, .img-pos-desktop-right .lanyun-gallery-text, .img-pos-desktop-right .lanyun-img-box-text { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .img-pos-desktop-cover { display: block; position: relative } .img-pos-desktop-cover .lanyun-category-text, .img-pos-desktop-cover .lanyun-gallery-text { position: absolute; z-index: 9; bottom: 0; right: 0; left: 0; top: 0 } .img-pos-desktop-cover.cover-all .lanyun-category-text, .img-pos-desktop-cover.cover-all .lanyun-gallery-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .img-pos-desktop-cover.cover-all .lanyun-category-text div, .img-pos-desktop-cover.cover-all .lanyun-gallery-text div { -webkit-box-flex: 0; -ms-flex: none; flex: none } .img-pos-desktop-cover.cover-bottom .lanyun-category-text, .img-pos-desktop-cover.cover-bottom .lanyun-gallery-text { top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .img-pos-desktop-cover.cover-bottom .lanyun-category-text div, .img-pos-desktop-cover.cover-bottom .lanyun-gallery-text div { -webkit-box-flex: 0; -ms-flex: none; flex: none } .img-pos-desktop-cover.hover-cover { overflow: hidden } .img-pos-desktop-cover.hover-cover .lanyun-category-text, .img-pos-desktop-cover.hover-cover .lanyun-gallery-text { opacity: 0; -webkit-transition: all .5s; transition: all .5s } .img-pos-desktop-cover.hover-cover:hover .lanyun-category-text, .img-pos-desktop-cover.hover-cover:hover .lanyun-gallery-text { opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex } .img-pos-desktop-left, .img-pos-desktop-right { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .img-pos-desktop-left .lanyun-img-wrap, .img-pos-desktop-left .lanyun-row-img-wrap, .img-pos-desktop-right .lanyun-img-wrap, .img-pos-desktop-right .lanyun-row-img-wrap { width: 50% } .img-pos-desktop-left .lanyun-article-text, .img-pos-desktop-left .lanyun-category-text, .img-pos-desktop-left .lanyun-gallery-text, .img-pos-desktop-left .lanyun-img-box-text, .img-pos-desktop-right .lanyun-article-text, .img-pos-desktop-right .lanyun-category-text, .img-pos-desktop-right .lanyun-gallery-text, .img-pos-desktop-right .lanyun-img-box-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 1px } .img-pos-desktop-none { width: 100% } .img-pos-desktop-none .lanyun-article-text, .img-pos-desktop-none .lanyun-category-text { width: 100% } .tag-pos-desktop-bottom, .tag-pos-desktop-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .tag-pos-desktop-bottom .lanyun-tab-tag, .tag-pos-desktop-top .lanyun-tab-tag { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .tag-pos-desktop-left, .tag-pos-desktop-right { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .tag-pos-desktop-left .lanyun-tab-tag, .tag-pos-desktop-right .lanyun-tab-tag { width: 220px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .tag-pos-desktop-left .lanyun-tab-wrap, .tag-pos-desktop-right .lanyun-tab-wrap { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .tag-pos-desktop-bottom .lanyun-tab-tag, .tag-pos-desktop-right .lanyun-tab-tag { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12 } .lanyun-carousel-img.full-height-desktop { padding-bottom: 0 !important; height: 100vh !important } } @media(min-width:768px)and (max-width:1024px) { .lanyun-row-ipad-1 .swiper-slide { width: -webkit-calc((100% / 1) - ((var(--margin-right) * (1 - 1))/ 1)); width: calc((100% / 1) - ((var(--margin-right) * (1 - 1))/ 1)); margin-right: var(--margin-right); --margin-right: 15px } .lanyun-row-ipad-1 .swiper-slide:nth-of-type(1n) { margin-right: 0 } .lanyun-row-ipad-1 .lanyun-row-item { width: -webkit-calc((100% / 1) - ((var(--margin-right) * (1 - 1))/ 1)); width: calc((100% / 1) - ((var(--margin-right) * (1 - 1))/ 1)); margin-right: var(--margin-right); --margin-right: 15px; --margin-top: 20px } .lanyun-row-ipad-1 .lanyun-row-item:nth-of-type(1n) { margin-right: 0 !important } .lanyun-row-ipad-1 .lanyun-row-item:not(:nth-of-type(-n+1)) { margin-top: var(--margin-top) } .lanyun-row-ipad-1 .lanyun-count-line-ipad { border-right: 1px solid #ddd } .lanyun-row-ipad-1 .lanyun-count-line-ipad:nth-of-type(1n) { border-right: 0 !important } .lanyun-row-ipad-2 .swiper-slide { width: -webkit-calc((100% / 2) - ((var(--margin-right) * (2 - 1))/ 2)); width: calc((100% / 2) - ((var(--margin-right) * (2 - 1))/ 2)); margin-right: var(--margin-right); --margin-right: 15px } .lanyun-row-ipad-2 .swiper-slide:nth-of-type(2n) { margin-right: 0 } .lanyun-row-ipad-2 .lanyun-row-item { width: -webkit-calc((100% / 2) - ((var(--margin-right) * (2 - 1))/ 2)); width: calc((100% / 2) - ((var(--margin-right) * (2 - 1))/ 2)); margin-right: var(--margin-right); --margin-right: 15px; --margin-top: 20px } .lanyun-row-ipad-2 .lanyun-row-item:nth-of-type(2n) { margin-right: 0 !important } .lanyun-row-ipad-2 .lanyun-row-item:not(:nth-of-type(-n+2)) { margin-top: var(--margin-top) } .lanyun-row-ipad-2 .lanyun-count-line-ipad { border-right: 1px solid #ddd } .lanyun-row-ipad-2 .lanyun-count-line-ipad:nth-of-type(2n) { border-right: 0 !important } .lanyun-row-ipad-3 .swiper-slide { width: -webkit-calc((100% / 3) - ((var(--margin-right) * (3 - 1))/ 3)); width: calc((100% / 3) - ((var(--margin-right) * (3 - 1))/ 3)); margin-right: var(--margin-right); --margin-right: 15px } .lanyun-row-ipad-3 .swiper-slide:nth-of-type(3n) { margin-right: 0 } .lanyun-row-ipad-3 .lanyun-row-item { width: -webkit-calc((100% / 3) - ((var(--margin-right) * (3 - 1))/ 3)); width: calc((100% / 3) - ((var(--margin-right) * (3 - 1))/ 3)); margin-right: var(--margin-right); --margin-right: 15px; --margin-top: 20px } .lanyun-row-ipad-3 .lanyun-row-item:nth-of-type(3n) { margin-right: 0 !important } .lanyun-row-ipad-3 .lanyun-row-item:not(:nth-of-type(-n+3)) { margin-top: var(--margin-top) } .lanyun-row-ipad-3 .lanyun-count-line-ipad { border-right: 1px solid #ddd } .lanyun-row-ipad-3 .lanyun-count-line-ipad:nth-of-type(3n) { border-right: 0 !important } .lanyun-row-ipad-4 .swiper-slide { width: -webkit-calc((100% / 4) - ((var(--margin-right) * (4 - 1))/ 4)); width: calc((100% / 4) - ((var(--margin-right) * (4 - 1))/ 4)); margin-right: var(--margin-right); --margin-right: 15px } .lanyun-row-ipad-4 .swiper-slide:nth-of-type(4n) { margin-right: 0 } .lanyun-row-ipad-4 .lanyun-row-item { width: -webkit-calc((100% / 4) - ((var(--margin-right) * (4 - 1))/ 4)); width: calc((100% / 4) - ((var(--margin-right) * (4 - 1))/ 4)); margin-right: var(--margin-right); --margin-right: 15px; --margin-top: 20px } .lanyun-row-ipad-4 .lanyun-row-item:nth-of-type(4n) { margin-right: 0 !important } .lanyun-row-ipad-4 .lanyun-row-item:not(:nth-of-type(-n+4)) { margin-top: var(--margin-top) } .lanyun-row-ipad-4 .lanyun-count-line-ipad { border-right: 1px solid #ddd } .lanyun-row-ipad-4 .lanyun-count-line-ipad:nth-of-type(4n) { border-right: 0 !important } .lanyun-row-ipad-5 .swiper-slide { width: -webkit-calc((100% / 5) - ((var(--margin-right) * (5 - 1))/ 5)); width: calc((100% / 5) - ((var(--margin-right) * (5 - 1))/ 5)); margin-right: var(--margin-right); --margin-right: 15px } .lanyun-row-ipad-5 .swiper-slide:nth-of-type(5n) { margin-right: 0 } .lanyun-row-ipad-5 .lanyun-row-item { width: -webkit-calc((100% / 5) - ((var(--margin-right) * (5 - 1))/ 5)); width: calc((100% / 5) - ((var(--margin-right) * (5 - 1))/ 5)); margin-right: var(--margin-right); --margin-right: 15px; --margin-top: 20px } .lanyun-row-ipad-5 .lanyun-row-item:nth-of-type(5n) { margin-right: 0 !important } .lanyun-row-ipad-5 .lanyun-row-item:not(:nth-of-type(-n+5)) { margin-top: var(--margin-top) } .lanyun-row-ipad-5 .lanyun-count-line-ipad { border-right: 1px solid #ddd } .lanyun-row-ipad-5 .lanyun-count-line-ipad:nth-of-type(5n) { border-right: 0 !important } .lanyun-row-ipad-6 .swiper-slide { width: -webkit-calc((100% / 6) - ((var(--margin-right) * (6 - 1))/ 6)); width: calc((100% / 6) - ((var(--margin-right) * (6 - 1))/ 6)); margin-right: var(--margin-right); --margin-right: 15px } .lanyun-row-ipad-6 .swiper-slide:nth-of-type(6n) { margin-right: 0 } .lanyun-row-ipad-6 .lanyun-row-item { width: -webkit-calc((100% / 6) - ((var(--margin-right) * (6 - 1))/ 6)); width: calc((100% / 6) - ((var(--margin-right) * (6 - 1))/ 6)); margin-right: var(--margin-right); --margin-right: 15px; --margin-top: 20px } .lanyun-row-ipad-6 .lanyun-row-item:nth-of-type(6n) { margin-right: 0 !important } .lanyun-row-ipad-6 .lanyun-row-item:not(:nth-of-type(-n+6)) { margin-top: var(--margin-top) } .lanyun-row-ipad-6 .lanyun-count-line-ipad { border-right: 1px solid #ddd } .lanyun-row-ipad-6 .lanyun-count-line-ipad:nth-of-type(6n) { border-right: 0 !important } .lanyun-row-ipad-7 .swiper-slide { width: -webkit-calc((100% / 7) - ((var(--margin-right) * (7 - 1))/ 7)); width: calc((100% / 7) - ((var(--margin-right) * (7 - 1))/ 7)); margin-right: var(--margin-right); --margin-right: 15px } .lanyun-row-ipad-7 .swiper-slide:nth-of-type(7n) { margin-right: 0 } .lanyun-row-ipad-7 .lanyun-row-item { width: -webkit-calc((100% / 7) - ((var(--margin-right) * (7 - 1))/ 7)); width: calc((100% / 7) - ((var(--margin-right) * (7 - 1))/ 7)); margin-right: var(--margin-right); --margin-right: 15px; --margin-top: 20px } .lanyun-row-ipad-7 .lanyun-row-item:nth-of-type(7n) { margin-right: 0 !important } .lanyun-row-ipad-7 .lanyun-row-item:not(:nth-of-type(-n+7)) { margin-top: var(--margin-top) } .lanyun-row-ipad-7 .lanyun-count-line-ipad { border-right: 1px solid #ddd } .lanyun-row-ipad-7 .lanyun-count-line-ipad:nth-of-type(7n) { border-right: 0 !important } .lanyun-row-ipad-8 .swiper-slide { width: -webkit-calc((100% / 8) - ((var(--margin-right) * (8 - 1))/ 8)); width: calc((100% / 8) - ((var(--margin-right) * (8 - 1))/ 8)); margin-right: var(--margin-right); --margin-right: 15px } .lanyun-row-ipad-8 .swiper-slide:nth-of-type(8n) { margin-right: 0 } .lanyun-row-ipad-8 .lanyun-row-item { width: -webkit-calc((100% / 8) - ((var(--margin-right) * (8 - 1))/ 8)); width: calc((100% / 8) - ((var(--margin-right) * (8 - 1))/ 8)); margin-right: var(--margin-right); --margin-right: 15px; --margin-top: 20px } .lanyun-row-ipad-8 .lanyun-row-item:nth-of-type(8n) { margin-right: 0 !important } .lanyun-row-ipad-8 .lanyun-row-item:not(:nth-of-type(-n+8)) { margin-top: var(--margin-top) } .lanyun-row-ipad-8 .lanyun-count-line-ipad { border-right: 1px solid #ddd } .lanyun-row-ipad-8 .lanyun-count-line-ipad:nth-of-type(8n) { border-right: 0 !important } .lanyun-row-ipad-9 .swiper-slide { width: -webkit-calc((100% / 9) - ((var(--margin-right) * (9 - 1))/ 9)); width: calc((100% / 9) - ((var(--margin-right) * (9 - 1))/ 9)); margin-right: var(--margin-right); --margin-right: 15px } .lanyun-row-ipad-9 .swiper-slide:nth-of-type(9n) { margin-right: 0 } .lanyun-row-ipad-9 .lanyun-row-item { width: -webkit-calc((100% / 9) - ((var(--margin-right) * (9 - 1))/ 9)); width: calc((100% / 9) - ((var(--margin-right) * (9 - 1))/ 9)); margin-right: var(--margin-right); --margin-right: 15px; --margin-top: 20px } .lanyun-row-ipad-9 .lanyun-row-item:nth-of-type(9n) { margin-right: 0 !important } .lanyun-row-ipad-9 .lanyun-row-item:not(:nth-of-type(-n+9)) { margin-top: var(--margin-top) } .lanyun-row-ipad-9 .lanyun-count-line-ipad { border-right: 1px solid #ddd } .lanyun-row-ipad-9 .lanyun-count-line-ipad:nth-of-type(9n) { border-right: 0 !important } .lanyun-row-ipad-10 .swiper-slide { width: -webkit-calc((100% / 10) - ((var(--margin-right) * (10 - 1))/ 10)); width: calc((100% / 10) - ((var(--margin-right) * (10 - 1))/ 10)); margin-right: var(--margin-right); --margin-right: 15px } .lanyun-row-ipad-10 .swiper-slide:nth-of-type(10n) { margin-right: 0 } .lanyun-row-ipad-10 .lanyun-row-item { width: -webkit-calc((100% / 10) - ((var(--margin-right) * (10 - 1))/ 10)); width: calc((100% / 10) - ((var(--margin-right) * (10 - 1))/ 10)); margin-right: var(--margin-right); --margin-right: 15px; --margin-top: 20px } .lanyun-row-ipad-10 .lanyun-row-item:nth-of-type(10n) { margin-right: 0 !important } .lanyun-row-ipad-10 .lanyun-row-item:not(:nth-of-type(-n+10)) { margin-top: var(--margin-top) } .lanyun-row-ipad-10 .lanyun-count-line-ipad { border-right: 1px solid #ddd } .lanyun-row-ipad-10 .lanyun-count-line-ipad:nth-of-type(10n) { border-right: 0 !important } .lanyun-row-ipad-11 .swiper-slide { width: -webkit-calc((100% / 11) - ((var(--margin-right) * (11 - 1))/ 11)); width: calc((100% / 11) - ((var(--margin-right) * (11 - 1))/ 11)); margin-right: var(--margin-right); --margin-right: 15px } .lanyun-row-ipad-11 .swiper-slide:nth-of-type(11n) { margin-right: 0 } .lanyun-row-ipad-11 .lanyun-row-item { width: -webkit-calc((100% / 11) - ((var(--margin-right) * (11 - 1))/ 11)); width: calc((100% / 11) - ((var(--margin-right) * (11 - 1))/ 11)); margin-right: var(--margin-right); --margin-right: 15px; --margin-top: 20px } .lanyun-row-ipad-11 .lanyun-row-item:nth-of-type(11n) { margin-right: 0 !important } .lanyun-row-ipad-11 .lanyun-row-item:not(:nth-of-type(-n+11)) { margin-top: var(--margin-top) } .lanyun-row-ipad-11 .lanyun-count-line-ipad { border-right: 1px solid #ddd } .lanyun-row-ipad-11 .lanyun-count-line-ipad:nth-of-type(11n) { border-right: 0 !important } .lanyun-row-ipad-12 .swiper-slide { width: -webkit-calc((100% / 12) - ((var(--margin-right) * (12 - 1))/ 12)); width: calc((100% / 12) - ((var(--margin-right) * (12 - 1))/ 12)); margin-right: var(--margin-right); --margin-right: 15px } .lanyun-row-ipad-12 .swiper-slide:nth-of-type(12n) { margin-right: 0 } .lanyun-row-ipad-12 .lanyun-row-item { width: -webkit-calc((100% / 12) - ((var(--margin-right) * (12 - 1))/ 12)); width: calc((100% / 12) - ((var(--margin-right) * (12 - 1))/ 12)); margin-right: var(--margin-right); --margin-right: 15px; --margin-top: 20px } .lanyun-row-ipad-12 .lanyun-row-item:nth-of-type(12n) { margin-right: 0 !important } .lanyun-row-ipad-12 .lanyun-row-item:not(:nth-of-type(-n+12)) { margin-top: var(--margin-top) } .lanyun-row-ipad-12 .lanyun-count-line-ipad { border-right: 1px solid #ddd } .lanyun-row-ipad-12 .lanyun-count-line-ipad:nth-of-type(12n) { border-right: 0 !important } .lanyun-row-ipad-13 .swiper-slide { width: -webkit-calc((100% / 13) - ((var(--margin-right) * (13 - 1))/ 13)); width: calc((100% / 13) - ((var(--margin-right) * (13 - 1))/ 13)); margin-right: var(--margin-right); --margin-right: 15px } .lanyun-row-ipad-13 .swiper-slide:nth-of-type(13n) { margin-right: 0 } .lanyun-row-ipad-13 .lanyun-row-item { width: -webkit-calc((100% / 13) - ((var(--margin-right) * (13 - 1))/ 13)); width: calc((100% / 13) - ((var(--margin-right) * (13 - 1))/ 13)); margin-right: var(--margin-right); --margin-right: 15px; --margin-top: 20px } .lanyun-row-ipad-13 .lanyun-row-item:nth-of-type(13n) { margin-right: 0 !important } .lanyun-row-ipad-13 .lanyun-row-item:not(:nth-of-type(-n+13)) { margin-top: var(--margin-top) } .lanyun-row-ipad-13 .lanyun-count-line-ipad { border-right: 1px solid #ddd } .lanyun-row-ipad-13 .lanyun-count-line-ipad:nth-of-type(13n) { border-right: 0 !important } .width-ipad-20 { width: 20% } .width-ipad-25 { width: 25% } .width-ipad-33 { width: 33% } .width-ipad-40 { width: 40% } .width-ipad-50 { width: 50% } .width-ipad-60 { width: 60% } .width-ipad-66 { width: 66% } .width-ipad-75 { width: 75% } .width-ipad-80 { width: 80% } .width-ipad-100 { width: 100% } .text-align-ipad-left { text-align: left } .text-align-ipad-center { text-align: center } .text-align-ipad-right { text-align: right } .align-self-ipad-stretch { -ms-flex-item-align: stretch; align-self: stretch } .align-self-ipad-flex-start { -ms-flex-item-align: flex-start; align-self: flex-start } .align-self-ipad-center { -ms-flex-item-align: center; align-self: center } .align-self-ipad-flex-end { -ms-flex-item-align: flex-end; align-self: flex-end } .justify-content-ipad-stretch { -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch } .justify-content-ipad-flex-start { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start } .justify-content-ipad-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .justify-content-ipad-flex-end { -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end } .lanyun-section-hidden-ipad:not(.lanyun-section-hover-hidden) { height: 0; padding: 0 !important; margin: 0 !important; overflow: hidden } .lanyun-section-hidden-ipad.lanyun-section-column:not(.lanyun-section-hover-hidden) { display: none } .img-pos-ipad-bottom, .img-pos-ipad-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .img-pos-ipad-bottom .lanyun-article-text, .img-pos-ipad-bottom .lanyun-category-text, .img-pos-ipad-bottom .lanyun-gallery-text, .img-pos-ipad-bottom .lanyun-img-box-text, .img-pos-ipad-bottom .lanyun-product-text, .img-pos-ipad-top .lanyun-article-text, .img-pos-ipad-top .lanyun-category-text, .img-pos-ipad-top .lanyun-gallery-text, .img-pos-ipad-top .lanyun-img-box-text, .img-pos-ipad-top .lanyun-product-text { width: 100% } .img-pos-ipad-bottom .lanyun-img-wrap, .img-pos-ipad-bottom .lanyun-row-img-wrap, .img-pos-ipad-right .lanyun-img-wrap, .img-pos-ipad-right .lanyun-row-img-wrap { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 } .img-pos-ipad-bottom .lanyun-article-text, .img-pos-ipad-bottom .lanyun-category-text, .img-pos-ipad-bottom .lanyun-gallery-text, .img-pos-ipad-bottom .lanyun-img-box-text, .img-pos-ipad-right .lanyun-article-text, .img-pos-ipad-right .lanyun-category-text, .img-pos-ipad-right .lanyun-gallery-text, .img-pos-ipad-right .lanyun-img-box-text { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .img-pos-ipad-cover { display: block; position: relative } .img-pos-ipad-cover .lanyun-category-text, .img-pos-ipad-cover .lanyun-gallery-text { position: absolute; z-index: 9; bottom: 0; right: 0; left: 0; top: 0 } .img-pos-ipad-cover.cover-all .lanyun-category-text, .img-pos-ipad-cover.cover-all .lanyun-gallery-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .img-pos-ipad-cover.cover-all .lanyun-category-text div, .img-pos-ipad-cover.cover-all .lanyun-gallery-text div { -webkit-box-flex: 0; -ms-flex: none; flex: none } .img-pos-ipad-cover.cover-bottom .lanyun-category-text, .img-pos-ipad-cover.cover-bottom .lanyun-gallery-text { top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .img-pos-ipad-cover.cover-bottom .lanyun-category-text div, .img-pos-ipad-cover.cover-bottom .lanyun-gallery-text div { -webkit-box-flex: 0; -ms-flex: none; flex: none } .img-pos-ipad-cover.hover-cover { overflow: hidden } .img-pos-ipad-cover.hover-cover .lanyun-category-text, .img-pos-ipad-cover.hover-cover .lanyun-gallery-text { opacity: 0; -webkit-transition: all .5s; transition: all .5s } .img-pos-ipad-cover.hover-cover:hover .lanyun-category-text, .img-pos-ipad-cover.hover-cover:hover .lanyun-gallery-text { opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex } .img-pos-ipad-left, .img-pos-ipad-right { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .img-pos-ipad-left .lanyun-img-wrap, .img-pos-ipad-left .lanyun-row-img-wrap, .img-pos-ipad-right .lanyun-img-wrap, .img-pos-ipad-right .lanyun-row-img-wrap { width: 50% } .img-pos-ipad-left .lanyun-article-text, .img-pos-ipad-left .lanyun-category-text, .img-pos-ipad-left .lanyun-gallery-text, .img-pos-ipad-left .lanyun-img-box-text, .img-pos-ipad-right .lanyun-article-text, .img-pos-ipad-right .lanyun-category-text, .img-pos-ipad-right .lanyun-gallery-text, .img-pos-ipad-right .lanyun-img-box-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 1px } .img-pos-ipad-none { width: 100% } .img-pos-ipad-none .lanyun-article-text, .img-pos-ipad-none .lanyun-category-text { width: 100% } .tag-pos-ipad-bottom, .tag-pos-ipad-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .tag-pos-ipad-bottom .lanyun-tab-tag, .tag-pos-ipad-top .lanyun-tab-tag { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .tag-pos-ipad-left, .tag-pos-ipad-right { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .tag-pos-ipad-left .lanyun-tab-tag, .tag-pos-ipad-right .lanyun-tab-tag { width: 220px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .tag-pos-ipad-left .lanyun-tab-wrap, .tag-pos-ipad-right .lanyun-tab-wrap { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .tag-pos-ipad-bottom .lanyun-tab-tag, .tag-pos-ipad-right .lanyun-tab-tag { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12 } .lanyun-carousel-img.full-height-ipad { padding-bottom: 0 !important; height: 100vh !important } } @media(max-width:767px) { .lanyun-row-mobile-1 .swiper-slide { width: -webkit-calc((100% / 1) - ((var(--margin-right) * (1 - 1))/ 1)); width: calc((100% / 1) - ((var(--margin-right) * (1 - 1))/ 1)); margin-right: var(--margin-right); --margin-right: 0 } .lanyun-row-mobile-1 .swiper-slide:nth-of-type(1n) { margin-right: 0 } .lanyun-row-mobile-1 .lanyun-row-item { width: -webkit-calc((100% / 1) - ((var(--margin-right) * (1 - 1))/ 1)); width: calc((100% / 1) - ((var(--margin-right) * (1 - 1))/ 1)); margin-right: var(--margin-right); --margin-right: 20px; --margin-top: 20px } .lanyun-row-mobile-1 .lanyun-row-item:nth-of-type(1n) { margin-right: 0 !important } .lanyun-row-mobile-1 .lanyun-row-item:not(:nth-of-type(-n+1)) { margin-top: var(--margin-top) } .lanyun-row-mobile-1 .lanyun-count-line-mobile { border-right: 1px solid #ddd } .lanyun-row-mobile-1 .lanyun-count-line-mobile:nth-of-type(1n) { border-right: 0 !important } .lanyun-row-mobile-2 .swiper-slide { width: -webkit-calc((100% / 2) - ((var(--margin-right) * (2 - 1))/ 2)); width: calc((100% / 2) - ((var(--margin-right) * (2 - 1))/ 2)); margin-right: var(--margin-right); --margin-right: 0 } .lanyun-row-mobile-2 .swiper-slide:nth-of-type(2n) { margin-right: 0 } .lanyun-row-mobile-2 .lanyun-row-item { width: -webkit-calc((100% / 2) - ((var(--margin-right) * (2 - 1))/ 2)); width: calc((100% / 2) - ((var(--margin-right) * (2 - 1))/ 2)); margin-right: var(--margin-right); --margin-right: 20px; --margin-top: 20px } .lanyun-row-mobile-2 .lanyun-row-item:nth-of-type(2n) { margin-right: 0 !important } .lanyun-row-mobile-2 .lanyun-row-item:not(:nth-of-type(-n+2)) { margin-top: var(--margin-top) } .lanyun-row-mobile-2 .lanyun-count-line-mobile { border-right: 1px solid #ddd } .lanyun-row-mobile-2 .lanyun-count-line-mobile:nth-of-type(2n) { border-right: 0 !important } .lanyun-row-mobile-3 .swiper-slide { width: -webkit-calc((100% / 3) - ((var(--margin-right) * (3 - 1))/ 3)); width: calc((100% / 3) - ((var(--margin-right) * (3 - 1))/ 3)); margin-right: var(--margin-right); --margin-right: 0 } .lanyun-row-mobile-3 .swiper-slide:nth-of-type(3n) { margin-right: 0 } .lanyun-row-mobile-3 .lanyun-row-item { width: -webkit-calc((100% / 3) - ((var(--margin-right) * (3 - 1))/ 3)); width: calc((100% / 3) - ((var(--margin-right) * (3 - 1))/ 3)); margin-right: var(--margin-right); --margin-right: 20px; --margin-top: 20px } .lanyun-row-mobile-3 .lanyun-row-item:nth-of-type(3n) { margin-right: 0 !important } .lanyun-row-mobile-3 .lanyun-row-item:not(:nth-of-type(-n+3)) { margin-top: var(--margin-top) } .lanyun-row-mobile-3 .lanyun-count-line-mobile { border-right: 1px solid #ddd } .lanyun-row-mobile-3 .lanyun-count-line-mobile:nth-of-type(3n) { border-right: 0 !important } .lanyun-row-mobile-4 .swiper-slide { width: -webkit-calc((100% / 4) - ((var(--margin-right) * (4 - 1))/ 4)); width: calc((100% / 4) - ((var(--margin-right) * (4 - 1))/ 4)); margin-right: var(--margin-right); --margin-right: 0 } .lanyun-row-mobile-4 .swiper-slide:nth-of-type(4n) { margin-right: 0 } .lanyun-row-mobile-4 .lanyun-row-item { width: -webkit-calc((100% / 4) - ((var(--margin-right) * (4 - 1))/ 4)); width: calc((100% / 4) - ((var(--margin-right) * (4 - 1))/ 4)); margin-right: var(--margin-right); --margin-right: 20px; --margin-top: 20px } .lanyun-row-mobile-4 .lanyun-row-item:nth-of-type(4n) { margin-right: 0 !important } .lanyun-row-mobile-4 .lanyun-row-item:not(:nth-of-type(-n+4)) { margin-top: var(--margin-top) } .lanyun-row-mobile-4 .lanyun-count-line-mobile { border-right: 1px solid #ddd } .lanyun-row-mobile-4 .lanyun-count-line-mobile:nth-of-type(4n) { border-right: 0 !important } .lanyun-row-mobile-5 .swiper-slide { width: -webkit-calc((100% / 5) - ((var(--margin-right) * (5 - 1))/ 5)); width: calc((100% / 5) - ((var(--margin-right) * (5 - 1))/ 5)); margin-right: var(--margin-right); --margin-right: 0 } .lanyun-row-mobile-5 .swiper-slide:nth-of-type(5n) { margin-right: 0 } .lanyun-row-mobile-5 .lanyun-row-item { width: -webkit-calc((100% / 5) - ((var(--margin-right) * (5 - 1))/ 5)); width: calc((100% / 5) - ((var(--margin-right) * (5 - 1))/ 5)); margin-right: var(--margin-right); --margin-right: 20px; --margin-top: 20px } .lanyun-row-mobile-5 .lanyun-row-item:nth-of-type(5n) { margin-right: 0 !important } .lanyun-row-mobile-5 .lanyun-row-item:not(:nth-of-type(-n+5)) { margin-top: var(--margin-top) } .lanyun-row-mobile-5 .lanyun-count-line-mobile { border-right: 1px solid #ddd } .lanyun-row-mobile-5 .lanyun-count-line-mobile:nth-of-type(5n) { border-right: 0 !important } .lanyun-row-mobile-6 .swiper-slide { width: -webkit-calc((100% / 6) - ((var(--margin-right) * (6 - 1))/ 6)); width: calc((100% / 6) - ((var(--margin-right) * (6 - 1))/ 6)); margin-right: var(--margin-right); --margin-right: 0 } .lanyun-row-mobile-6 .swiper-slide:nth-of-type(6n) { margin-right: 0 } .lanyun-row-mobile-6 .lanyun-row-item { width: -webkit-calc((100% / 6) - ((var(--margin-right) * (6 - 1))/ 6)); width: calc((100% / 6) - ((var(--margin-right) * (6 - 1))/ 6)); margin-right: var(--margin-right); --margin-right: 20px; --margin-top: 20px } .lanyun-row-mobile-6 .lanyun-row-item:nth-of-type(6n) { margin-right: 0 !important } .lanyun-row-mobile-6 .lanyun-row-item:not(:nth-of-type(-n+6)) { margin-top: var(--margin-top) } .lanyun-row-mobile-6 .lanyun-count-line-mobile { border-right: 1px solid #ddd } .lanyun-row-mobile-6 .lanyun-count-line-mobile:nth-of-type(6n) { border-right: 0 !important } .lanyun-row-mobile-7 .swiper-slide { width: -webkit-calc((100% / 7) - ((var(--margin-right) * (7 - 1))/ 7)); width: calc((100% / 7) - ((var(--margin-right) * (7 - 1))/ 7)); margin-right: var(--margin-right); --margin-right: 0 } .lanyun-row-mobile-7 .swiper-slide:nth-of-type(7n) { margin-right: 0 } .lanyun-row-mobile-7 .lanyun-row-item { width: -webkit-calc((100% / 7) - ((var(--margin-right) * (7 - 1))/ 7)); width: calc((100% / 7) - ((var(--margin-right) * (7 - 1))/ 7)); margin-right: var(--margin-right); --margin-right: 20px; --margin-top: 20px } .lanyun-row-mobile-7 .lanyun-row-item:nth-of-type(7n) { margin-right: 0 !important } .lanyun-row-mobile-7 .lanyun-row-item:not(:nth-of-type(-n+7)) { margin-top: var(--margin-top) } .lanyun-row-mobile-7 .lanyun-count-line-mobile { border-right: 1px solid #ddd } .lanyun-row-mobile-7 .lanyun-count-line-mobile:nth-of-type(7n) { border-right: 0 !important } .lanyun-row-mobile-8 .swiper-slide { width: -webkit-calc((100% / 8) - ((var(--margin-right) * (8 - 1))/ 8)); width: calc((100% / 8) - ((var(--margin-right) * (8 - 1))/ 8)); margin-right: var(--margin-right); --margin-right: 0 } .lanyun-row-mobile-8 .swiper-slide:nth-of-type(8n) { margin-right: 0 } .lanyun-row-mobile-8 .lanyun-row-item { width: -webkit-calc((100% / 8) - ((var(--margin-right) * (8 - 1))/ 8)); width: calc((100% / 8) - ((var(--margin-right) * (8 - 1))/ 8)); margin-right: var(--margin-right); --margin-right: 20px; --margin-top: 20px } .lanyun-row-mobile-8 .lanyun-row-item:nth-of-type(8n) { margin-right: 0 !important } .lanyun-row-mobile-8 .lanyun-row-item:not(:nth-of-type(-n+8)) { margin-top: var(--margin-top) } .lanyun-row-mobile-8 .lanyun-count-line-mobile { border-right: 1px solid #ddd } .lanyun-row-mobile-8 .lanyun-count-line-mobile:nth-of-type(8n) { border-right: 0 !important } .lanyun-row-mobile-9 .swiper-slide { width: -webkit-calc((100% / 9) - ((var(--margin-right) * (9 - 1))/ 9)); width: calc((100% / 9) - ((var(--margin-right) * (9 - 1))/ 9)); margin-right: var(--margin-right); --margin-right: 0 } .lanyun-row-mobile-9 .swiper-slide:nth-of-type(9n) { margin-right: 0 } .lanyun-row-mobile-9 .lanyun-row-item { width: -webkit-calc((100% / 9) - ((var(--margin-right) * (9 - 1))/ 9)); width: calc((100% / 9) - ((var(--margin-right) * (9 - 1))/ 9)); margin-right: var(--margin-right); --margin-right: 20px; --margin-top: 20px } .lanyun-row-mobile-9 .lanyun-row-item:nth-of-type(9n) { margin-right: 0 !important } .lanyun-row-mobile-9 .lanyun-row-item:not(:nth-of-type(-n+9)) { margin-top: var(--margin-top) } .lanyun-row-mobile-9 .lanyun-count-line-mobile { border-right: 1px solid #ddd } .lanyun-row-mobile-9 .lanyun-count-line-mobile:nth-of-type(9n) { border-right: 0 !important } .lanyun-row-mobile-10 .swiper-slide { width: -webkit-calc((100% / 10) - ((var(--margin-right) * (10 - 1))/ 10)); width: calc((100% / 10) - ((var(--margin-right) * (10 - 1))/ 10)); margin-right: var(--margin-right); --margin-right: 0 } .lanyun-row-mobile-10 .swiper-slide:nth-of-type(10n) { margin-right: 0 } .lanyun-row-mobile-10 .lanyun-row-item { width: -webkit-calc((100% / 10) - ((var(--margin-right) * (10 - 1))/ 10)); width: calc((100% / 10) - ((var(--margin-right) * (10 - 1))/ 10)); margin-right: var(--margin-right); --margin-right: 20px; --margin-top: 20px } .lanyun-row-mobile-10 .lanyun-row-item:nth-of-type(10n) { margin-right: 0 !important } .lanyun-row-mobile-10 .lanyun-row-item:not(:nth-of-type(-n+10)) { margin-top: var(--margin-top) } .lanyun-row-mobile-10 .lanyun-count-line-mobile { border-right: 1px solid #ddd } .lanyun-row-mobile-10 .lanyun-count-line-mobile:nth-of-type(10n) { border-right: 0 !important } .lanyun-row-mobile-11 .swiper-slide { width: -webkit-calc((100% / 11) - ((var(--margin-right) * (11 - 1))/ 11)); width: calc((100% / 11) - ((var(--margin-right) * (11 - 1))/ 11)); margin-right: var(--margin-right); --margin-right: 0 } .lanyun-row-mobile-11 .swiper-slide:nth-of-type(11n) { margin-right: 0 } .lanyun-row-mobile-11 .lanyun-row-item { width: -webkit-calc((100% / 11) - ((var(--margin-right) * (11 - 1))/ 11)); width: calc((100% / 11) - ((var(--margin-right) * (11 - 1))/ 11)); margin-right: var(--margin-right); --margin-right: 20px; --margin-top: 20px } .lanyun-row-mobile-11 .lanyun-row-item:nth-of-type(11n) { margin-right: 0 !important } .lanyun-row-mobile-11 .lanyun-row-item:not(:nth-of-type(-n+11)) { margin-top: var(--margin-top) } .lanyun-row-mobile-11 .lanyun-count-line-mobile { border-right: 1px solid #ddd } .lanyun-row-mobile-11 .lanyun-count-line-mobile:nth-of-type(11n) { border-right: 0 !important } .lanyun-row-mobile-12 .swiper-slide { width: -webkit-calc((100% / 12) - ((var(--margin-right) * (12 - 1))/ 12)); width: calc((100% / 12) - ((var(--margin-right) * (12 - 1))/ 12)); margin-right: var(--margin-right); --margin-right: 0 } .lanyun-row-mobile-12 .swiper-slide:nth-of-type(12n) { margin-right: 0 } .lanyun-row-mobile-12 .lanyun-row-item { width: -webkit-calc((100% / 12) - ((var(--margin-right) * (12 - 1))/ 12)); width: calc((100% / 12) - ((var(--margin-right) * (12 - 1))/ 12)); margin-right: var(--margin-right); --margin-right: 20px; --margin-top: 20px } .lanyun-row-mobile-12 .lanyun-row-item:nth-of-type(12n) { margin-right: 0 !important } .lanyun-row-mobile-12 .lanyun-row-item:not(:nth-of-type(-n+12)) { margin-top: var(--margin-top) } .lanyun-row-mobile-12 .lanyun-count-line-mobile { border-right: 1px solid #ddd } .lanyun-row-mobile-12 .lanyun-count-line-mobile:nth-of-type(12n) { border-right: 0 !important } .lanyun-row-mobile-13 .swiper-slide { width: -webkit-calc((100% / 13) - ((var(--margin-right) * (13 - 1))/ 13)); width: calc((100% / 13) - ((var(--margin-right) * (13 - 1))/ 13)); margin-right: var(--margin-right); --margin-right: 0 } .lanyun-row-mobile-13 .swiper-slide:nth-of-type(13n) { margin-right: 0 } .lanyun-row-mobile-13 .lanyun-row-item { width: -webkit-calc((100% / 13) - ((var(--margin-right) * (13 - 1))/ 13)); width: calc((100% / 13) - ((var(--margin-right) * (13 - 1))/ 13)); margin-right: var(--margin-right); --margin-right: 20px; --margin-top: 20px } .lanyun-row-mobile-13 .lanyun-row-item:nth-of-type(13n) { margin-right: 0 !important } .lanyun-row-mobile-13 .lanyun-row-item:not(:nth-of-type(-n+13)) { margin-top: var(--margin-top) } .lanyun-row-mobile-13 .lanyun-count-line-mobile { border-right: 1px solid #ddd } .lanyun-row-mobile-13 .lanyun-count-line-mobile:nth-of-type(13n) { border-right: 0 !important } .width-mobile-20 { width: 20% } .width-mobile-25 { width: 25% } .width-mobile-33 { width: 33% } .width-mobile-40 { width: 40% } .width-mobile-50 { width: 50% } .width-mobile-60 { width: 60% } .width-mobile-66 { width: 66% } .width-mobile-75 { width: 75% } .width-mobile-80 { width: 80% } .width-mobile-100 { width: 100% } .text-align-mobile-left { text-align: left } .text-align-mobile-center { text-align: center } .text-align-mobile-right { text-align: right } .align-self-mobile-stretch { -ms-flex-item-align: stretch; align-self: stretch } .align-self-mobile-flex-start { -ms-flex-item-align: flex-start; align-self: flex-start } .align-self-mobile-center { -ms-flex-item-align: center; align-self: center } .align-self-mobile-flex-end { -ms-flex-item-align: flex-end; align-self: flex-end } .justify-content-mobile-stretch { -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch } .justify-content-mobile-flex-start { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start } .justify-content-mobile-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .justify-content-mobile-flex-end { -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end } .lanyun-section-hidden-mobile:not(.lanyun-section-hover-hidden) { height: 0; padding: 0 !important; margin: 0 !important; overflow: hidden } .lanyun-section-hidden-mobile.lanyun-section-column:not(.lanyun-section-hover-hidden) { display: none } .img-pos-mobile-bottom, .img-pos-mobile-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .img-pos-mobile-bottom .lanyun-article-text, .img-pos-mobile-bottom .lanyun-category-text, .img-pos-mobile-bottom .lanyun-gallery-text, .img-pos-mobile-bottom .lanyun-img-box-text, .img-pos-mobile-bottom .lanyun-product-text, .img-pos-mobile-top .lanyun-article-text, .img-pos-mobile-top .lanyun-category-text, .img-pos-mobile-top .lanyun-gallery-text, .img-pos-mobile-top .lanyun-img-box-text, .img-pos-mobile-top .lanyun-product-text { width: 100% } .img-pos-mobile-bottom .lanyun-img-wrap, .img-pos-mobile-bottom .lanyun-row-img-wrap, .img-pos-mobile-right .lanyun-img-wrap, .img-pos-mobile-right .lanyun-row-img-wrap { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 } .img-pos-mobile-bottom .lanyun-article-text, .img-pos-mobile-bottom .lanyun-category-text, .img-pos-mobile-bottom .lanyun-gallery-text, .img-pos-mobile-bottom .lanyun-img-box-text, .img-pos-mobile-right .lanyun-article-text, .img-pos-mobile-right .lanyun-category-text, .img-pos-mobile-right .lanyun-gallery-text, .img-pos-mobile-right .lanyun-img-box-text { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .img-pos-mobile-cover { display: block; position: relative } .img-pos-mobile-cover .lanyun-category-text, .img-pos-mobile-cover .lanyun-gallery-text { position: absolute; z-index: 9; bottom: 0; right: 0; left: 0; top: 0 } .img-pos-mobile-cover.cover-all .lanyun-category-text, .img-pos-mobile-cover.cover-all .lanyun-gallery-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .img-pos-mobile-cover.cover-all .lanyun-category-text div, .img-pos-mobile-cover.cover-all .lanyun-gallery-text div { -webkit-box-flex: 0; -ms-flex: none; flex: none } .img-pos-mobile-cover.cover-bottom .lanyun-category-text, .img-pos-mobile-cover.cover-bottom .lanyun-gallery-text { top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .img-pos-mobile-cover.cover-bottom .lanyun-category-text div, .img-pos-mobile-cover.cover-bottom .lanyun-gallery-text div { -webkit-box-flex: 0; -ms-flex: none; flex: none } .img-pos-mobile-cover.hover-cover { overflow: hidden } .img-pos-mobile-cover.hover-cover .lanyun-category-text, .img-pos-mobile-cover.hover-cover .lanyun-gallery-text { opacity: 0; -webkit-transition: all .5s; transition: all .5s } .img-pos-mobile-cover.hover-cover:hover .lanyun-category-text, .img-pos-mobile-cover.hover-cover:hover .lanyun-gallery-text { opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex } .img-pos-mobile-left, .img-pos-mobile-right { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .img-pos-mobile-left .lanyun-img-wrap, .img-pos-mobile-left .lanyun-row-img-wrap, .img-pos-mobile-right .lanyun-img-wrap, .img-pos-mobile-right .lanyun-row-img-wrap { width: 50% } .img-pos-mobile-left .lanyun-article-text, .img-pos-mobile-left .lanyun-category-text, .img-pos-mobile-left .lanyun-gallery-text, .img-pos-mobile-left .lanyun-img-box-text, .img-pos-mobile-right .lanyun-article-text, .img-pos-mobile-right .lanyun-category-text, .img-pos-mobile-right .lanyun-gallery-text, .img-pos-mobile-right .lanyun-img-box-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 1px } .img-pos-mobile-none { width: 100% } .img-pos-mobile-none .lanyun-article-text, .img-pos-mobile-none .lanyun-category-text { width: 100% } .tag-pos-mobile-bottom, .tag-pos-mobile-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .tag-pos-mobile-bottom .lanyun-tab-tag, .tag-pos-mobile-top .lanyun-tab-tag { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .tag-pos-mobile-left, .tag-pos-mobile-right { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .tag-pos-mobile-left .lanyun-tab-tag, .tag-pos-mobile-right .lanyun-tab-tag { width: 220px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .tag-pos-mobile-left .lanyun-tab-wrap, .tag-pos-mobile-right .lanyun-tab-wrap { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .tag-pos-mobile-bottom .lanyun-tab-tag, .tag-pos-mobile-right .lanyun-tab-tag { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12 } .mobile-display-full { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .mobile-display-full .lanyun-row-img-wrap { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .mobile-display-full .lanyun-article-text, .mobile-display-full .lanyun-product-text { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .lanyun-carousel-img.full-height-mobile { padding-bottom: 0 !important; height: 100vh !important } } .no-data { text-align: center; color: #d0d5de; background: #f9f9f9; font-size: 16px; line-height: 40px } .no-data i { font-size: 24px } .no-admin-data { width: 100%; font-size: 22px; padding: 140px 0; color: #888; text-align: center } .lanyun-section-page-show img, .lanyun-section-page-show p img { width: auto !important; height: auto !important; max-width: 100% !important } #drop-box { height: 220px; border: 1px solid #ccc; background: #efefef } .swiper-button-prev:after { display: none } .swiper-button-next:after { display: none } .float-fix, .is-fix, .is-float { width: 100% } .swiper-button-next, .swiper-button-prev { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0 !important } [data-aos=none] { -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform } @media(max-width:768px) { .body-padding { padding-bottom: 50px } } @media all and (-ms-high-contrast:none) { ::-ms-backdrop, [data-aos^=fade][data-aos^=fade], [data-aos^=zoom][data-aos^=zoom] { opacity: 1 !important; -ms-transform: translate(0) !important; transform: translate(0) !important } } .lanyun-section-btn .icon-align-right .lanyun-btn-icon { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .lanyun-section-btn .icon-align-left .lanyun-btn-icon { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .lanyun-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .lanyun-btn-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .lanyun-btn:hover { background: #1486df } .lanyun-btn-icon i { color: inherit; font-size: inherit } .lanyun-section-btn .lanyun-btn { background: var(--theme-color, #333); padding: 15px 43px; font-size: 14px; color: #fff } .lanyun-section-btn .lanyun-btn-icon { line-height: 1 } .lanyun-section-btn .lanyun-btn-text { line-height: 1 } .lanyun-section-social { z-index: 99; position: relative } .lanyun-section-social .lanyun-social-wrap { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap } .lanyun-section-social .lanyun-social-item { background: var(--theme-color, #333); color: #fff; border-radius: 3px 3px 3px 3px; padding: 10px 10px 10px 10px; margin: 0 15px 0 0; position: relative } .lanyun-section-social .lanyun-social-item i { font-size: inherit; color: inherit; width: 1.5em; height: 1.5em; text-align: center; font-size: 23px; line-height: 1.5em } .lanyun-section-social .lanyun-social-item i:before { display: inline-block; vertical-align: middle } .lanyun-section-social .lanyun-social-item .qrcode { position: absolute; width: 100px; height: 100px; text-align: center; display: none; left: -50%; right: -50%; margin: auto } .lanyun-section-social .lanyun-social-item .qrcode img { max-width: 100% } .lanyun-section-img { text-align: center; font-size: 0 } .lanyun-section-img .lanyun-img { max-width: 100%; display: inline-block; } .lanyun-section-img .lanyun-img-wrap { display: inline-block; max-width: 100% } .lanyun-section-text .lanyun-text { font-size: 14px; color: #333; line-height: 34px } .lanyun-section-count .lanyun-count-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .lanyun-section-count .lanyun-count-item { -webkit-box-flex: 0; -ms-flex: none; flex: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .lanyun-section-count .lanyun-count-img { max-width: 100%; display: block } .lanyun-section-count .lanyun-count-num, .lanyun-section-count .lanyun-count-unit { display: inline-block; vertical-align: top } .lanyun-section-count .lanyun-count-num { font-family: impact; font-size: 48px } .lanyun-section-count .lanyun-count-unit { font-size: 14px; margin: 6px 0 0 0 } .lanyun-section-count .lanyun-count-title { font-size: 16px; text-align: center } .lanyun-search-default form, .lanyun-search-simple form { width: 100% } .lanyun-search-default .lanyun-search-input, .lanyun-search-simple .lanyun-search-input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 40px; font-size: 14px; color: #999; background: #f9f9f9; border: none; min-width: 1px } .lanyun-search-default .lanyun-search-input::-webkit-input-placeholder, .lanyun-search-simple .lanyun-search-input::-webkit-input-placeholder { color: inherit } .lanyun-search-default .lanyun-search-input::-moz-placeholder, .lanyun-search-simple .lanyun-search-input::-moz-placeholder { color: inherit } .lanyun-search-default .lanyun-search-input:-ms-input-placeholder, .lanyun-search-simple .lanyun-search-input:-ms-input-placeholder { color: inherit } .lanyun-search-default .lanyun-search-input::-ms-input-placeholder, .lanyun-search-simple .lanyun-search-input::-ms-input-placeholder { color: inherit } .lanyun-search-default .lanyun-search-input::placeholder, .lanyun-search-simple .lanyun-search-input::placeholder { color: inherit } .lanyun-search-default .input-search-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .lanyun-search-default .lanyun-search-input { padding: 0 12px } .lanyun-search-default .lanyun-search-btn { border: none; background: var(--theme-color, #333); border-radius: 0; padding: 0 11px; color: #fff; max-width: 300px } .lanyun-search-default .lanyun-search-btn i { color: inherit } .lanyun-search-simple .lanyun-search-input { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .lanyun-search-simple .lanyun-search-input input { height: 100%; border: none; background: 0 0; color: inherit; width: 100%; border-radius: 0 } .lanyun-search-simple .lanyun-search-input input:focus { outline: 0 } .lanyun-search-simple .lanyun-search-input input::-webkit-input-placeholder { color: inherit } .lanyun-search-simple .lanyun-search-input input::-moz-placeholder { color: inherit } .lanyun-search-simple .lanyun-search-input input:-ms-input-placeholder { color: inherit } .lanyun-search-simple .lanyun-search-input input::-ms-input-placeholder { color: inherit } .lanyun-search-simple .lanyun-search-input input::placeholder { color: inherit } .lanyun-search-simple .lanyun-search-input .lanyun-search-simple-btn { padding: 0 8px 0 16px } .lanyun-search-full { text-align: center } .lanyun-search-full form { width: 100% } .lanyun-search-full .lanyun-search-btn { background: var(--theme-color, #333); padding: 12px; display: inline-block; color: #fff; font-size: 16px; cursor: pointer } .lanyun-search-full .lanyun-search-btn i { font-size: inherit; color: inherit } .lanyun-search-full-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; border: 0 solid rgba(0, 0, 0, 0); min-height: 50px; -webkit-transition: .3s; transition: .3s; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; z-index: 9998; top: 0; left: 0; right: 0; bottom: 0; height: 100vh; padding: 0 15%; background-color: rgba(0, 0, 0, .8) } .lanyun-search-full-wrap:not(.lanyun-search-full-screen) { overflow: hidden; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0) } .lanyun-search-full-wrap .lanyun-search-input { height: 60px; border: none; border-bottom: 1px solid #fff; background: 0 0; color: #999; width: 100%; border-radius: 0; text-align: center; font-size: 50px } .lanyun-search-full-wrap .lanyun-search-input:focus { outline: 0 } .lanyun-search-full-wrap .lanyun-search-input::-webkit-input-placeholder { color: inherit } .lanyun-search-full-wrap .lanyun-search-input::-moz-placeholder { color: inherit } .lanyun-search-full-wrap .lanyun-search-input:-ms-input-placeholder { color: inherit } .lanyun-search-full-wrap .lanyun-search-input::-ms-input-placeholder { color: inherit } .lanyun-search-full-wrap .lanyun-search-input::placeholder { color: inherit } .lanyun-search-full-wrap .close-screen { position: absolute; right: 30px; top: 30px; cursor: pointer } .lanyun-search-full-wrap .close-screen i { font-size: 20px; color: #fff } .lanyun-search-mobile-close, .lanyun-search-mobile-open { display: none; font-size: 18px; padding: 7px 12px } .mobile-style { display: none } .pc-style { display: block } @media(max-width:768px) { .lanyun-search-full-wrap .lanyun-search-input { font-size: 18px } .mobile-popup-full { text-align: center } .mobile-popup-full .text-align-mobile-left { text-align: left } .mobile-popup-full .text-align-mobile-center { text-align: center } .mobile-popup-full .text-align-mobile-right { text-align: right } .mobile-popup-full form { width: 100% } .mobile-popup-full .lanyun-search-btn { background: #58636b; padding: 12px; display: inline-block; color: #fff; font-size: 16px } .mobile-popup-full .lanyun-search-btn i { font-size: inherit; color: inherit } .mobile-popup-full-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; border: 0 solid rgba(0, 0, 0, 0); min-height: 50px; -webkit-transition: .3s; transition: .3s; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; z-index: 9998; top: 0; left: 0; right: 0; bottom: 0; height: 100vh; padding: 0 15%; background-color: rgba(0, 0, 0, .8) } .mobile-popup-full-wrap:not(.lanyun-search-full-screen) { overflow: hidden; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0) } .mobile-popup-full-wrap .lanyun-search-input { height: 60px; border: none; border-bottom: 1px solid #fff; background: 0 0; color: #999; width: 100%; border-radius: 0; text-align: center; font-size: 2em } .mobile-popup-full-wrap .lanyun-search-input:focus { outline: 0 } .mobile-popup-full-wrap .lanyun-search-input::-webkit-input-placeholder { color: inherit } .mobile-popup-full-wrap .lanyun-search-input::-moz-placeholder { color: inherit } .mobile-popup-full-wrap .lanyun-search-input:-ms-input-placeholder { color: inherit } .mobile-popup-full-wrap .lanyun-search-input::-ms-input-placeholder { color: inherit } .mobile-popup-full-wrap .lanyun-search-input::placeholder { color: inherit } .mobile-popup-full-wrap .close-screen { position: absolute; right: 30px; top: 30px; cursor: pointer } .mobile-popup-full-wrap .close-screen i { font-size: 20px; color: #fff } .mobile-popup-full .mobile-style { display: block } .mobile-popup-full .pc-style { display: none } } .lanyun-article-item>a { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100% } .time-local-imgLeft .lanyun-row-img-wrap, .time-local-imgRight .lanyun-row-img-wrap { position: relative } .time-local-imgLeft .lanyun-article-time, .time-local-imgRight .lanyun-article-time { top: 0; position: absolute; z-index: 9 } .time-local-imgLeft .lanyun-article-time { left: 0 } .time-local-imgRight .lanyun-article-time { right: 0 } .time-local-left .lanyun-article-time, .time-local-right .lanyun-article-time { white-space: nowrap } .time-local-left .lanyun-article-text, .time-local-right .lanyun-article-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 1px } .time-local-right .lanyun-article-time { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } @media(min-width:1024px) { .article-list-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .article-list-wrap .lanyun-inner-sort { width: 180px; margin-right: 20px; -webkit-box-flex: 0; -ms-flex: none; flex: none } .article-list-wrap .lanyun-article-wrap { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 1px } } .lanyun-section-article-list .lanyun-article-item, .lanyun-section-article-row .lanyun-article-item { --margin-right: 22px } .lanyun-section-article-list .lanyun-row-img-wrap, .lanyun-section-article-row .lanyun-row-img-wrap { margin-bottom: 15px } .lanyun-section-article-list .lanyun-row-img, .lanyun-section-article-row .lanyun-row-img { padding-bottom: 66.66% } .lanyun-section-article-list .lanyun-text-title, .lanyun-section-article-row .lanyun-text-title { font-size: 16px; color: #333; line-height: 35px; -webkit-line-clamp: var(--line-clamp); line-clamp: var(--line-clamp) } .lanyun-section-article-list .lanyun-text-desc, .lanyun-section-article-row .lanyun-text-desc { font-size: 14px; color: #888; margin-bottom: 13px; line-height: 1.5; -webkit-line-clamp: var(--line-clamp); line-clamp: var(--line-clamp) } .lanyun-section-article-list .lanyun-article-time, .lanyun-section-article-row .lanyun-article-time { font-size: 12px; color: #666 } .lanyun-section-article-list .lanyun-btn, .lanyun-section-article-row .lanyun-btn { padding: 10px 44px; background: var(--theme-color, #333); font-size: 14px; color: #fff; margin-top: 20px } .lanyun-section-article-row .lanyun-dot { position: static !important } .lanyun-section-article-show .lanyun-article-detail-img { text-align: center; margin: 0 auto } .lanyun-section-article-show .lanyun-article-detail-img img, .lanyun-section-article-show .lanyun-article-detail-img video { max-height: 100%; max-width: 100% } .lanyun-section-article-show .lanyun-effect-top { border-color: #efefef; border-width: 1px; margin-bottom: 10px; overflow: hidden } .lanyun-section-article-show .lanyun-effect-top .swiper-slide { height: auto } .lanyun-section-article-show .lanyun-effect-top .swiper-slide video { width: 100%; height: 100%; display: block } .lanyun-section-article-show .lanyun-effect-top .swiper-slide a { display: block; height: 100%; text-align: center; font-size: 0 } .lanyun-section-article-show .lanyun-effect-top .swiper-slide a img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle } .lanyun-section-article-show .lanyun-effect-top .swiper-slide a:after { content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0 } .lanyun-section-article-show .lanyun-dot .swiper-pagination-bullet-active { background: var(--theme-color, #4fa3f1) } .lanyun-section-article-show .lanyun-article-detail-list { overflow: hidden } .lanyun-section-article-show .lanyun-page-details-info { line-height: 30px } .lanyun-section-article-show .lanyun-page-details-info li.cate-list div { display: inline-block } .lanyun-section-article-show .lanyun-detail-cate-item { display: inline-block; vertical-align: middle; border-radius: 5px; background: #eee; padding: 0 10px; margin-right: 5px; font-size: 14px } .lanyun-section-article-show .lanyun-detail-cate-item:last-child { margin-right: 0 } .lanyun-section-article-show .lanyun-detail-cate-item:hover { opacity: .9 } .lanyun-section-article-show .page-details-info-block li { display: block } .lanyun-section-article-show .page-details-info-inline li { margin-right: 10px; display: inline-block } .lanyun-prev-next { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .lanyun-prev-next li { max-width: 50% } @media(max-width:990px) { .lanyun-section-article-show .lanyun-article-detail-effect, .lanyun-section-article-show .lanyun-article-detail-img { float: none; width: 100%; margin: 0 0 15px 0 } .lanyun-section-article-show .lanyun-article-detail-effect .lanyun-effect-top .swiper-slide { height: 200px } .lanyun-section-article-show .lanyun-page-details-body img { width: auto !important; height: auto !important } .lanyun-section-article-show .lanyun-prev-next { display: block } .lanyun-section-article-show .lanyun-prev-next li { max-width: 100% } } .lanyun-detail-share .social-share-icon { margin-right: 10px } .lanyun-detail-share .social-share-icon:last-child { margin-right: 0 } .lanyun-section-article-show .lanyun-article-show-title { font-size: 20px; color: #333; margin: 0 0 10px 0 } .lanyun-section-article-show .lanyun-page-details-info { font-size: 14px; color: #666 } .lanyun-section-article-show .lanyun-article-show-summary { border-radius: 2px; background: #f5f5f5; padding: 20px 13px; margin-bottom: 20px; font-size: 14px; line-height: 2; color: #333; margin-top: 40px } .lanyun-section-article-show .lanyun-page-details-body { font-size: 14px; line-height: 36px; color: #333; padding-bottom: 50px; border-style: none; border-width: 0 0 1px 0; border-color: #dcdcdc; margin-bottom: 20px } .lanyun-section-article-show .lanyun-page-details-body img { max-width: 100% } .lanyun-detail-share-wrap { margin-bottom: 10px } .lanyun-detail-share-title { font-size: 14px; line-height: 21px; color: #1b1f2e } .lanyun-section-article-show .lanyun-article-url { font-size: 14px; line-height: 21px; color: #1b1f2e; margin-bottom: 10px } .lanyun-section-article-show .lanyun-article-tags { font-size: 14px; line-height: 21px; color: #1b1f2e; margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap } .lanyun-section-article-show .lanyun-article-tags a { padding: 5px 24px; display: inline-block; vertical-align: middle; background: #eee; border-radius: 20px; --margin-right: 10px } .lanyun-section-article-show .lanyun-article-tags a:last-child { margin-right: 0 } .lanyun-section-article-show .lanyun-article-tags a:hover { background: #efefef } .lanyun-prev-next { font-size: 14px; color: #1b1f2e; line-height: 21px } .lanyun-detail-files { margin-bottom: 15px } .lanyun-detail-files h3 { font-size: 14px; color: #333; margin-bottom: 15px } .lanyun-detail-files a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 20px; font-size: 14px; color: #333 } .lanyun-detail-files a:not(:last-child) { margin-bottom: 15px } .lanyun-detail-files a:hover { color: var(--theme-color) } .lanyun-detail-files a img { width: 12px; margin-right: 5px } .lanyun-section-blog-show .title, .lanyun-section-page-show .title { text-align: center } .lanyun-section-blog-show .title h2, .lanyun-section-page-show .title h2 { font-size: 18px; color: #000 } .lanyun-section-blog-show .title p, .lanyun-section-page-show .title p { margin: 10px 0 } .lanyun-section-blog-show .content, .lanyun-section-page-show .content { margin: 10px 0 } .lanyun-section-breadcrumb .lanyun-widget-container * { display: inline; vertical-align: middle } .lanyun-section-breadcrumb .breadcrumb-item { font-size: 14px; color: #333 } .lanyun-section-breadcrumb .lanyun-decollator i { font-size: inherit; color: inherit } .lanyun-section-breadcrumb .lanyun-current-title { color: #888 } .lanyun-section-carousel .swiper-slide { overflow: hidden } .lanyun-section-carousel .swiper-slide>a { display: block; position: relative } .lanyun-carousel-img { padding-bottom: 31.25%; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative } .lanyun-carousel-img video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .lanyun-section-carousel .lanyun-swiper-inner { position: absolute; left: 0; right: 0; bottom: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 50px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center } .lanyun-section-carousel .lanyun-swiper-inner.lanyun-Hpos-flex-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } .lanyun-section-carousel .lanyun-swiper-inner.lanyun-Hpos-flex-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } .lanyun-section-carousel .lanyun-swiper-inner.lanyun-Hpos-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important } .lanyun-section-carousel .lanyun-swiper-inner.lanyun-Vpos-flex-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important } .lanyun-section-carousel .lanyun-swiper-inner.lanyun-Vpos-flex-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important } .lanyun-section-carousel .lanyun-swiper-inner.lanyun-Vpos-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important } .lanyun-section-carousel .lanyun-swiper-inner.lanyun-textAlign-left { text-align: left !important } .lanyun-section-carousel .lanyun-swiper-inner.lanyun-textAlign-center { text-align: center !important } .lanyun-section-carousel .lanyun-swiper-inner.lanyun-textAlign-right { text-align: right !important } .lanyun-section-carousel .lanyun-text-wrap { max-width: 60% } .lanyun-section-carousel .lanyun-text-title { font-size: 32px; line-height: 36px; font-weight: 700; color: #333; margin-bottom: 25px } .lanyun-section-carousel .lanyun-text-desc { font-size: 18px; color: #333; line-height: 36px; margin-bottom: 34px } .lanyun-section-carousel .lanyun-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background: var(--theme-color, #333); padding: 9px 40px; font-size: 18px; color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .lanyun-section-carousel .lanyun-btn:hover { background: #666 } .lanyun-section-carousel .lanyun-btn-icon i { color: inherit; font-size: inherit } .lanyun-section-carousel .lanyun-btn.icon-align-right .lanyun-btn-icon { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .lanyun-section-carousel .lanyun-btn.icon-align-left .lanyun-btn-icon { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .lanyun-section-carousel .swiper-container .swiper-pagination { position: absolute } .swiper-container .lanyun-arrow { font-size: 25px; color: #333; width: auto; height: auto; background: 0 0 } .swiper-container .lanyun-dot { margin-bottom: 10px; bottom: 0 !important } .swiper-container .lanyun-dot span { background-clip: content-box } .swiper-container .swiper-button-prev, .swiper-container .swiper-container-rtl .swiper-button-next { left: 0 } .swiper-container .swiper-button-next, .swiper-container .swiper-container-rtl .swiper-button-prev { right: 0 } .lanyun-dot .swiper-pagination-bullet { opacity: 1; border-radius: 50% } .lanyun-dot .swiper-pagination-bullet-active { background: var(--theme-color, #4fa3f1) } .swiper-slowtransition .swiper-slide { width: 978px !important; -webkit-transition-timing-function: linear; transition-timing-function: linear } @media only screen and (max-width:1200px) { .swiper-slowtransition .swiper-slide { width: 770px } } @media only screen and (max-width:980px) { .swiper-slowtransition .swiper-slide { width: 471px } } @media only screen and (max-height:480px) { .swiper-slowtransition .swiper-slide { width: 471px } } .swiper-slowtransition .swiper-button-next { background-image: none } .swiper-slowtransition .swiper-button-prev { background-image: none } .lanyun-category-item>a { display: -webkit-box; display: -ms-flexbox; display: flex } .category-ul>li ul li { padding: 0 10px } .category-ul>li ul li a { font-size: 14px; color: #666; line-height: 2 } .category-ul .lanyun-decollator { display: inline-block; vertical-align: middle } .lanyun-category-inline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .lanyun-section-category .lanyun-category-item { text-align: center } .lanyun-section-category .lanyun-row-img-wrap { margin-bottom: 15px } .lanyun-section-category .lanyun-text-wrap { text-align: center } .lanyun-section-category .lanyun-text-title { font-size: 16px; line-height: 35px; -webkit-line-clamp: var(--line-clamp); line-clamp: var(--line-clamp) } .lanyun-section-category .lanyun-text-desc { font-size: 14px; -webkit-line-clamp: var(--line-clamp); line-clamp: var(--line-clamp) } .lanyun-section-category .lanyun-decollator:last-child { display: none } .lanyun-inner-sort-item:not(.active):hover a:visited { color: inherit !important } .lanyun-section-form { overflow: hidden } .lanyun-section-form-wrap { --row-space: 10px; --column-space: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -webkit-calc(var(--row-space)*-.5); margin-left: calc(var(--row-space)*-.5); margin-right: -webkit-calc(var(--row-space)*-.5); margin-right: calc(var(--row-space)*-.5) } .lanyun-section-form .form-button { padding-left: -webkit-calc(var(--row-space)/2); padding-left: calc(var(--row-space)/2); padding-right: -webkit-calc(var(--row-space)/2); padding-right: calc(var(--row-space)/2) } .lanyun-section-form .lanyun-form-item { padding-left: -webkit-calc(var(--row-space)/2); padding-left: calc(var(--row-space)/2); padding-right: -webkit-calc(var(--row-space)/2); padding-right: calc(var(--row-space)/2); margin-bottom: var(--column-space) } .lanyun-section-form .lanyun-form-item input:focus, .lanyun-section-form .lanyun-form-item select:focus, .lanyun-section-form .lanyun-form-item textarea:focus { outline: 0 } .lanyun-section-form .lanyun-form-item input.n-invalid, .lanyun-section-form .lanyun-form-item select.n-invalid, .lanyun-section-form .lanyun-form-item textarea.n-invalid { border-color: red } .lanyun-section-form .lanyun-form-item textarea { resize: none; line-height: 30px } .lanyun-section-form .lanyun-form-item .err-msg { position: absolute } .lanyun-section-form .lanyun-form-item .err-msg .n-right { margin-top: 2px } .lanyun-section-form .lanyun-form-item .err-msg .n-right .msg-wrap { margin-left: 0 } .lanyun-section-form .lanyun-form-item .err-msg .n-right .n-msg { vertical-align: middle } .lanyun-section-form .lanyun-form-item .err-msg .n-error .n-icon { position: relative; display: inline-block; height: 1em; width: 1em; -webkit-box-sizing: border-box; box-sizing: border-box; text-indent: -9999px; vertical-align: middle; position: relative } .lanyun-section-form .lanyun-form-item .err-msg .n-error .n-icon::after, .lanyun-section-form .lanyun-form-item .err-msg .n-error .n-icon::before { content: ""; -webkit-box-sizing: inherit; box-sizing: inherit; position: absolute; left: 50%; top: 50% } .lanyun-section-form .lanyun-form-item .err-msg .n-error .n-icon::before { width: 90%; border-top: 2px solid; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg) } .lanyun-section-form .lanyun-form-item .err-msg .n-error .n-icon::after { height: 90%; border-left: 2px solid; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg) } .lanyun-section-form .lanyun-form-title { font-size: 14px; color: #333; line-height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .lanyun-section-form .lanyun-form-title .required { color: red; margin-right: 5px } .lanyun-section-form .lanyun-form-input { border-width: 1px; border-style: none; border-color: #666; height: 48px; padding: 0 10px; font-size: 14px; color: #444; width: 100% } .lanyun-section-form .lanyun-form-input::-webkit-input-placeholder { color: #919191 } .lanyun-section-form .lanyun-form-input::-moz-placeholder { color: #919191 } .lanyun-section-form .lanyun-form-input:-ms-input-placeholder { color: #919191 } .lanyun-section-form .lanyun-form-input::-ms-input-placeholder { color: #919191 } .lanyun-section-form .lanyun-form-input::placeholder { color: #919191 } .lanyun-section-form .lanyun-form-input:focus { outline: 0 } .lanyun-section-form .textarea { height: 106px } .lanyun-section-form .lanyun-form-label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .lanyun-section-form .lanyun-form-label:last-child { margin-right: 0 } .lanyun-section-form .lanyun-form-options { margin-left: 5px } .lanyun-section-form .input-captcha-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .lanyun-section-form .input-captcha-wrap input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 10p } .lanyun-section-form .form-button button[type=submit] { background: rgba(0, 0, 0, 0); border: none; outline: 0 } .lanyun-section-form .lanyun-btn { display: -webkit-box; display: -ms-flexbox; display: flex; background: var(--theme-color, #333); padding: 14px 20px; font-size: 16px; color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .lanyun-section-form .lanyun-btn:hover { background: #666 } .lanyun-section-form .lanyun-btn-icon i { color: inherit; font-size: inherit } @media(min-width:1025px)and (max-width:99999px) { .lanyun-section-form .form-button.text-align-justify button[type=submit] { display: block; width: 100% } .lanyun-section-form .form-button.text-align-justify button[type=submit] .lanyun-btn-wrap { display: block } .lanyun-section-form .form-button.text-align-justify button[type=submit] .lanyun-btn { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } @media(min-width:768px)and (max-width:1024px) { .lanyun-section-form .form-button.text-align-ipad-justify button[type=submit] { display: block; width: 100% } .lanyun-section-form .form-button.text-align-ipad-justify button[type=submit] .lanyun-btn-wrap { display: block } .lanyun-section-form .form-button.text-align-ipad-justify button[type=submit] .lanyun-btn { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } @media(max-width:767px) { .lanyun-section-form .form-button.text-align-mobile-justify button[type=submit] { display: block; width: 100% } .lanyun-section-form .form-button.text-align-mobile-justify button[type=submit] .lanyun-btn-wrap { display: block } .lanyun-section-form .form-button.text-align-mobile-justify button[type=submit] .lanyun-btn { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .lanyun-gallery-item>a { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100% } .lanyun-section-gallery .lanyun-gallery-item { text-align: center } .lanyun-section-gallery .lanyun-gallery-item:hover .lanyun-row-img-hover .normal-img { display: none } .lanyun-section-gallery .lanyun-gallery-item:hover .lanyun-row-img-hover .hover-img { display: block } .lanyun-section-gallery .lanyun-row-img { padding-bottom: 75% } .lanyun-section-gallery .lanyun-text-title { font-size: 16px; line-height: 2; -webkit-line-clamp: var(--line-clamp); line-clamp: var(--line-clamp) } .lanyun-section-gallery .lanyun-text-desc { font-size: 14px; line-height: 1.5; -webkit-line-clamp: var(--line-clamp); line-clamp: var(--line-clamp) } .lanyun-row-img-hover .hover-img { display: none } @media(min-width:990px) { .lanyun-inner-sort-mobile { display: none } .lanyun-inner-sort-close { display: none } } .lanyun-inner-sort-ul-0>li:last-child .lanyun-inner-sort-item { border-bottom: none !important } .lanyun-inner-sort { border-width: 1px; border-color: #dcdcdc } .lanyun-inner-sort * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .lanyun-inner-sort ul { display: none } .lanyun-inner-sort li { position: relative; font-size: 16px; color: #333 } .lanyun-inner-sort li a { color: inherit } .lanyun-inner-sort li .lanyun-inner-sort-arrow { width: 20px; text-align: center } .lanyun-inner-sort li.on>ul { display: block } .lanyun-inner-sort .lanyun-inner-sort-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px; line-height: 1.5 } .lanyun-inner-sort .lanyun-inner-sort-item.active, .lanyun-inner-sort .lanyun-inner-sort-item:hover { color: var(--theme-color) } .lanyun-inner-sort .lanyun-inner-sort-item a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 1px; margin-right: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .lanyun-inner-sort .lanyun-inner-sort-ul-0 { display: block } .lanyun-inner-sort-ul-1 li, .lanyun-inner-sort-ul-2 li { font-size: 14px } .lanyun-inner-sort-ul .lanyun-inner-sort-item-0 { padding-left: 10px } .lanyun-inner-sort-ul .lanyun-inner-sort-item-1 { padding-left: 20px } .lanyun-inner-sort-ul .lanyun-inner-sort-item-2 { padding-left: 30px } .lanyun-inner-sort-ul .lanyun-inner-sort-item-3 { padding-left: 40px } .lanyun-inner-sort-ul .lanyun-inner-sort-item-4 { padding-left: 50px } .lanyun-inner-sort-ul .lanyun-inner-sort-item-5 { padding-left: 60px } .lanyun-inner-sort-ul .lanyun-inner-sort-item-6 { padding-left: 70px } .lanyun-inner-sort-ul .lanyun-inner-sort-item-7 { padding-left: 80px } .lanyun-inner-sort-ul .lanyun-inner-sort-item-8 { padding-left: 90px } .lanyun-inner-sort-ul .lanyun-inner-sort-item-9 { padding-left: 100px } .lanyun-inner-sort-ul .lanyun-inner-sort-item-10 { padding-left: 110px } @media(max-width:990px) { .lanyun-inner-sort { font-size: 0; border: none !important; width: 100% !important; margin-right: 0 !important } .lanyun-inner-sort.on .lanyun-inner-sort-wrap { -webkit-transition: all .5s ease; transition: all .5s ease; opacity: 1; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); visibility: visible; z-index: 9999 } .lanyun-inner-sort-mobile { font-size: 14px; line-height: 40px; overflow: hidden; color: #333; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 21px; margin-bottom: 15px } .lanyun-inner-sort-close { position: absolute; right: 10px; top: 10px; z-index: 99999 } .lanyun-inner-sort-close i { font-size: 21px; color: #fff } .lanyun-inner-sort-wrap { position: fixed; z-index: 69; left: 0; width: 100%; top: 0; height: 100vh; opacity: 0; -webkit-transform: translate(-100%); -ms-transform: translate(-100%); transform: translate(-100%); visibility: hidden } .lanyun-inner-sort-wrap:before { position: absolute; content: ""; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0, 0, 0, .4) } .lanyun-inner-sort-arrow { width: 30px; text-align: center } .lanyun-inner-sort ul { display: none } .lanyun-inner-sort ul li { font-size: 12px } .lanyun-inner-sort ul li a { display: inline-block; width: -webkit-calc(100% - 30px); width: calc(100% - 30px) } .lanyun-inner-sort ul li.on>ul { display: block } .lanyun-inner-sort .lanyun-inner-sort-ul-0 { display: block; height: 100%; width: 70%; overflow-x: hidden; background: rgba(255, 255, 255, .9); position: relative; z-index: 99999 } } .lanyun-section-kefu { position: fixed !important; right: 20px; bottom: 200px; z-index: 101 } .lanyun-section-kefu .mobile-kefu { display: none } .lanyun-kefu-item { --row-space: 0px; position: relative } .lanyun-kefu-item:not(:first-child) { margin-top: var(--row-space) } .lanyun-kefu-item:before { position: absolute; content: ""; top: 0; bottom: 0; width: 10px; left: -10px; opacity: 0 } .lanyun-kefu-item .li-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; padding: 10px; overflow: hidden; cursor: pointer; background-color: rgba(163, 172, 183, .8); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16); box-shadow: 0 3px 6px rgba(0, 0, 0, .16) } .lanyun-kefu-icon { display: block; font-size: 20px; width: 1.125em; text-align: center; height: 1.125em; overflow: hidden; color: #fff } .lanyun-kefu-item .hover-box { background: #fff; position: absolute; top: 0; width: 180px; right: -webkit-calc(100% + 10px); right: calc(100% + 10px); border: 1px solid #f5f5f5; border-radius: 5px; overflow: hidden; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16); box-shadow: 0 3px 6px rgba(0, 0, 0, .16); display: none } .lanyun-kefu-item .hover-box-title { padding: 9px 12px; background: #f6f6f6; font-size: 14px; color: #3b4a63 } .lanyun-kefu-item .service-box-list { padding: 12px 0 } .lanyun-kefu-item .service-box-list a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 32px; padding-left: 16px } .lanyun-kefu-item .service-box-list a img { max-width: 20px; margin-right: 10px } .lanyun-kefu-item .service-box-list a span { font-size: 14px; color: #3b4a63 } .lanyun-kefu-item .service-box-list a:hover { background: #f4f6f9 } .lanyun-kefu-item .service-box-list .mobile-qq { display: none } .lanyun-kefu-item .ewm-box { padding: 10px 0 0 0; margin: 0 auto; text-align: center; display: block; width: 150px; height: 150px; font-size: 0 } .lanyun-kefu-item .ewm-box img, .lanyun-kefu-item .ewm-box:after { display: inline-block; vertical-align: middle } .lanyun-kefu-item .ewm-box img { max-width: 100%; max-height: 100% } .lanyun-kefu-item .ewm-box:after { content: ""; height: 100% } .lanyun-kefu-item .ewm-box-desc { text-align: center; font-size: 14px; line-height: 25px; padding-bottom: 5px } .lanyun-kefu-item.back-top { display: none } .lanyun-kefu-item:hover .li-wrap { background: #a3acb7 } .lanyun-kefu-item:hover .hover-box { display: block } @media(max-width:1024px) { .lanyun-kefu-item .service-box-list .pc-qq { display: none } .lanyun-kefu-item .service-box-list .mobile-qq { display: -webkit-box; display: -ms-flexbox; display: flex } } @media(max-width:990px) { .service-list { display: none } .lanyun-section-kefu { right: 0 } .lanyun-section-kefu .mobile-kefu { display: block } .lanyun-section-kefu .mobile-kefu-open { width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 20px 0 0 20px; background: rgba(208, 214, 222, .85) } .lanyun-section-kefu .mobile-kefu-open i { font-size: 22px; color: #fff } .lanyun-section-kefu .mobile-kefu-box { position: fixed; z-index: 9; top: 0; left: 0; width: 100vw; height: 100vh; overflow: auto; padding-top: 20px; background: #fff; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 0; visibility: hidden; -webkit-transition: all .5s ease; transition: all .5s ease } .lanyun-section-kefu .mobile-kefu-box-title { font-size: 16px; color: #3b4a63; margin-bottom: 30px; padding: 0 20px } .lanyun-section-kefu .mobile-kefu-box-title:before { content: ""; width: 2px; height: 12px; background: #007bfc; display: inline-block; vertical-align: middle; margin-right: 10px } .lanyun-section-kefu .mobile-kefu-box-close { position: absolute; right: 20px; top: 20px; font-size: 16px; color: #959ead } .lanyun-section-kefu .mobile-kefu.on .mobile-kefu-box { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible } .lanyun-section-kefu .mobile-kefu-service-list { padding: 0 20px 20px 20px; border-bottom: 1px solid #e1e4eb } .lanyun-section-kefu .mobile-kefu-service-list a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 44px; background: #eff2f6; border-radius: 3px } .lanyun-section-kefu .mobile-kefu-service-list a:not(:last-child) { margin-bottom: 15px } .lanyun-section-kefu .mobile-kefu-service-list a img { max-width: 20px; margin-right: 10px } .lanyun-section-kefu .mobile-kefu-service-list a span { font-size: 14px; color: #3b4a63 } .lanyun-section-kefu .mobile-kefu-ewm { padding: 10px 20px } .lanyun-section-kefu .mobile-kefu-ewm h4 { font-size: 14px; color: #3b4a63; line-height: 40px; text-align: center; font-weight: 400; margin: 0 } .lanyun-section-kefu .mobile-kefu-ewm-img { text-align: center } .lanyun-section-kefu .mobile-kefu-ewm-img img { max-width: 100% } } .lanyun-section-language-selector .lang-dropdown { display: inline-block; position: relative } .lanyun-section-language-selector .lang-dropdown.on .lanyun-lang-dropdown-menu { display: block } .lanyun-section-language-selector .lanyun-lang-dropdown-toggle { padding: 10px 14px; border-width: 1px; border-style: none; border-color: #333; font-size: 14px; color: #333; cursor: default; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .lanyun-section-language-selector .lanyun-lan-icon { margin-left: 24px } .lanyun-section-language-selector .lanyun-lang-dropdown-menu { position: absolute; right: 0; background: #fff; -webkit-box-shadow: 0 3px 6px rgba(51, 51, 51, .16); box-shadow: 0 3px 6px rgba(51, 51, 51, .16); display: none; z-index: 9; padding: 10px; text-align: left } .lanyun-section-language-selector .lanyun-menu-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #333; line-height: 30px; padding: 0 15px; white-space: nowrap } .lanyun-section-language-selector .lanyun-menu-text:hover { color: #014099 } .lanyun-section-language-selector .lanyun-text { font-size: 14px; color: #333; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .lanyun-section-language-selector .lanyun-text:hover { color: #014099 } .lanyun-section-language-selector .lanyun-flag { width: 18px; height: 18px; border-radius: 50%; margin-right: 6px } .lanyun-section-language-selector .lang-normal { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .lanyun-section-language-selector .lang-normal .lanyun-decollator:last-child { display: none } .lanyun-section-language-selector .lanyun-decollator { font-size: 12px } .lanyun-map-content { height: 338px } .lanyun-section-map .lanyun-widget-container { overflow: hidden } .mobile-nav-mobileIcon { display: none; text-align: right } .mobile-nav-mobileIcon .lanyun-mobile-open { font-size: 20px; color: #333 } .mobile-nav-mobileIcon .lanyun-mobile-close { display: none; font-size: 20px; color: #333 } .lanyun-nav-first .lanyun-decollator { display: inline-block; vertical-align: middle } .lanyun-nav-first .lanyun-decollator:last-child { display: none } @media(max-width:768px) { .lanyun-nav-first .lanyun-decollator { display: none } } .lanyun-nav-first-item.on .lanyun-nav-second { display: block } .lanyun-nav-first-icon { position: relative } .lanyun-nav-second { display: none; position: absolute } .lanyun-nav-second-item.on .lanyun-nav-third { display: block } .lanyun-nav-second-icon { position: relative } .lanyun-nav-third { position: absolute; z-index: 100; display: none } .mobile-dropdown { display: none } @media(min-width:768px) { .lanyun-section-nav .direction-v .lanyun-nav-first { position: relative } .lanyun-section-nav .direction-v .lanyun-nav-first-item { position: relative; display: block } .lanyun-section-nav .direction-v .lanyun-nav-second-item { position: relative } .lanyun-section-nav .direction-v .lanyun-nav-second, .lanyun-section-nav .direction-v .lanyun-nav-third { position: absolute; left: 100%; z-index: 9; top: 0; width: 100% } .lanyun-section-nav .direction-h .lanyun-nav-first { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap } .lanyun-section-nav .direction-h .lanyun-nav-first-item { position: relative } .lanyun-section-nav .direction-h .lanyun-nav-second { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 9; width: auto; min-width: 100% } .lanyun-section-nav .direction-h .lanyun-nav-second-item { position: relative; display: block } .lanyun-section-nav .direction-h .lanyun-nav-second .lanyun-nav-icon { margin-right: 5px } .lanyun-section-nav .direction-h .lanyun-nav-second-name { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .lanyun-section-nav .direction-h .lanyun-nav-second-name p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 1px; white-space: nowrap } .lanyun-section-nav .direction-h .lanyun-nav-second-name .pc-dropdown { margin-left: 5px } .lanyun-section-nav .direction-h .lanyun-nav-third { position: absolute; top: 0; left: 100%; width: auto; min-width: 100%; z-index: 9 } .lanyun-section-nav .direction-h .lanyun-nav-third-item { display: block } .lanyun-section-nav .direction-h .lanyun-nav-third-name { white-space: nowrap } } .lanyun-section-nav .direction-h, .lanyun-section-nav .direction-v { position: relative } .lanyun-section-nav .lanyun-nav-first-item { font-size: 16px; margin: 0 15px } @media(max-width:1024px) { .lanyun-section-nav .lanyun-nav-first-item { margin: 0 } } .lanyun-section-nav .lanyun-nav-first-name { display: block; padding: 12px } @media(max-width:1024px) { .lanyun-section-nav .lanyun-nav-first-name { padding: 12px 20px } } .lanyun-section-nav .lanyun-nav-second { width: 130%; background: #fff } @media(min-width:1025px) { .lanyun-section-nav .lanyun-nav-second { -webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, .1); box-shadow: 0 2px 5px 1px rgba(0, 0, 0, .1) } } @media(max-width:1024px) { .lanyun-section-nav .lanyun-nav-second { background: #fff } } .lanyun-section-nav .lanyun-nav-second-item { color: #333; font-size: 14px } .lanyun-section-nav .lanyun-nav-second-name { display: block; padding: 10px 15px 10px 15px } @media(max-width:1024px) { .lanyun-section-nav .lanyun-nav-second-name { padding: 10px 30px 10px 30px } } .lanyun-section-nav .lanyun-nav-second-item:hover { background: #f5f5f5 } .lanyun-section-nav .lanyun-nav-third { background: #fff } @media(min-width:1025px) { .lanyun-section-nav .lanyun-nav-third { -webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, .1); box-shadow: 0 2px 5px 1px rgba(0, 0, 0, .1) } } @media(max-width:1024px) { .lanyun-section-nav .lanyun-nav-third { background: #fff } } .lanyun-section-nav .lanyun-nav-third-item { font-size: 14px; color: #666 } .lanyun-section-nav .lanyun-nav-third-name { display: block; padding: 10px 15px 10px 15px } @media(max-width:1024px) { .lanyun-section-nav .lanyun-nav-third-name { padding: 10px 0 10px 45px } } .lanyun-section-nav .lanyun-nav-third-item:hover { background: #f5f5f5 } @media(max-width:768px) { .pc-dropdown { display: none } .mobile-dropdown { display: block } .mobile-nav-mobileIcon { display: block } .lanyun-section-nav .direction-h, .lanyun-section-nav .direction-v { position: static } .lanyun-nav-first { display: none; position: absolute; z-index: 99; background: #fff; left: 0; width: 100%; top: 100% } .lanyun-nav-first-item { position: relative } .lanyun-nav-first-item .mobile-dropdown { position: absolute; right: 14px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .lanyun-nav-first-name { width: -webkit-calc(100% - 40px); width: calc(100% - 40px); display: inline-block } .lanyun-nav-second { background: #efefef; width: 100% !important; z-index: 99; position: static } .lanyun-nav-second-name { width: -webkit-calc(100% - 35px); width: calc(100% - 35px); display: inline-block; padding-left: 10px } .lanyun-nav-second-item { position: relative } .lanyun-nav-second-item .mobile-dropdown { position: absolute; right: 14px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .lanyun-nav-third { position: static; width: 100% !important } .lanyun-nav-third-name { padding-left: 20px; display: block } .mobile-none .lanyun-nav-first-item { display: inline-block; vertical-align: top; margin: 0 10px; position: relative } .mobile-none .lanyun-nav-second { position: absolute; left: 0; z-index: 9; width: 120px; background: #efefef } .mobile-none .lanyun-nav-second-item { padding-left: 10px; line-height: 30px } .mobile-none .lanyun-nav-second-name { display: inline-block; width: -webkit-calc(100% - 25px); width: calc(100% - 25px) } .mobile-none .lanyun-nav-third { position: absolute; left: 100%; top: 0; z-index: 9; width: 120px; background: #ccc } .mobile-none .lanyun-nav-third-item { padding-left: 10px } .mobile-hide .lanyun-nav-first { display: none } } .lanyun-nav-first-item:hover a:visited, .lanyun-nav-second-item:hover a:visited, .lanyun-nav-third-item:hover a:visited { color: inherit !important } .lanyun-product-item>a { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100% } .img-pos-top { -ms-flex-wrap: wrap; flex-wrap: wrap } .img-pos-top .lanyun-row-img-wrap { width: 100% } .img-pos-left, .img-pos-right { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .img-pos-left .lanyun-row-img-wrap, .img-pos-right .lanyun-row-img-wrap { width: 50%; -webkit-box-flex: 0; -ms-flex: none; flex: none } .img-pos-right .lanyun-row-img-wrap { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .lanyun-section-product-row .lanyun-row-img-wrap { margin-bottom: 15px } .lanyun-section-product-row .lanyun-product-text { text-align: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 1px } .lanyun-section-product-row .lanyun-text-title { font-size: 16px; line-height: 35px; -webkit-line-clamp: var(--line-clamp); line-clamp: var(--line-clamp) } .lanyun-section-product-row .lanyun-text-desc { font-size: 14px; color: #888; margin-bottom: 0; line-height: 1.5; -webkit-line-clamp: var(--line-clamp); line-clamp: var(--line-clamp) } .lanyun-section-product-row .lanyun-btn { font-size: 14px; background: var(--theme-color, #333); color: #fff; padding: 12px 44px 12px 44px } @media(min-width:1024px) { .product-list-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .product-list-wrap .lanyun-inner-sort { width: 180px; margin-right: 20px; -webkit-box-flex: 0; -ms-flex: none; flex: none } .product-list-wrap .lanyun-product-wrap { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 1px } } .lanyun-paging { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px } .lanyun-paging-left { font-size: 14px; color: #333; margin-right: 10px } .lanyun-paging .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap } .lanyun-paging .lanyun-page-item { -webkit-box-flex: 0; -ms-flex: none; flex: none; border-width: 1px; border-color: #d5d5d5; font-size: 14px; color: #333; margin: 0 6px; cursor: pointer } .lanyun-paging .lanyun-page-item:not(.active):hover { background: #333; border-color: #333; color: #fff } .lanyun-paging .lanyun-page-item:not(.active):hover a { color: inherit } .lanyun-paging .lanyun-page-item.active { background: #333; border-color: #333; color: #fff } .lanyun-paging .lanyun-page-item.active a { color: inherit } .lanyun-paging .lanyun-page-item.disabled { cursor: not-allowed; opacity: .7 } .lanyun-paging .lanyun-page-link { width: 3em; height: 3em; line-height: 3em; text-align: center; display: block } @media(max-width:990px) { .lanyun-paging { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .lanyun-paging .lanyun-paging-left { margin-bottom: 10px } .lanyun-paging .lanyun-page-item { margin: 0 1px } .lanyun-paging .lanyun-page-link { width: 2.3em; height: 2.3em; line-height: 2.4em } } @media screen and (max-width:400px) { .lanyun-paging li.lanyun-page-item { display: none } .lanyun-paging .lanyun-page-item.active, .lanyun-paging .lanyun-page-item.disabled, .lanyun-paging .lanyun-page-item:first-child, .lanyun-paging .lanyun-page-item:last-child, .lanyun-paging .lanyun-page-item:nth-child(2), .lanyun-paging .lanyun-page-item:nth-last-child(2) { display: block } } .lanyun-section-product-list .lanyun-row-img-wrap { margin-bottom: 15px } .lanyun-section-product-list .lanyun-product-text { text-align: center } .lanyun-section-product-list .lanyun-text-title { font-size: 16px; line-height: 35px; -webkit-line-clamp: var(--line-clamp); line-clamp: var(--line-clamp) } .lanyun-section-product-list .lanyun-text-desc { font-size: 14px; margin-Bottom: 15px; line-height: 25px; -webkit-line-clamp: var(--line-clamp); line-clamp: var(--line-clamp) } .lanyun-section-product-list .lanyun-btn { font-size: 14px; background: var(--theme-color, #333); color: #fff; padding: 12px 44px 12px 44px } .lanyun-section-product-row .lanyun-dot { position: static !important } .lanyun-section-product-show .lanyun-product-detail-img { float: left; width: 45%; margin-right: 5% } .lanyun-section-product-show .lanyun-product-detail-effect { --product-thumbs-height: 360px } .lanyun-section-product-show .lanyun-effect-top { border-width: 1px; border-style: none; border-color: #efefef; margin-bottom: 10px; height: var(--product-thumbs-height); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; overflow: hidden } .lanyun-section-product-show .lanyun-effect-top video { width: 100%; height: 100%; display: block } .lanyun-section-product-show .lanyun-effect-top a { display: block; height: 100%; text-align: center; font-size: 0 } .lanyun-section-product-show .lanyun-effect-top a img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle } .lanyun-section-product-show .lanyun-effect-top a:after { content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0 } .lanyun-section-product-show .lanyun-effect-top .swiper-slide { height: auto } .lanyun-section-product-show .swiper-container-vertical { height: var(--product-thumbs-height) } .lanyun-section-product-show .lanyun-effect-thumbs-item { border-width: 1px; border-style: none; border-color: #efefef; --active-border-thumb-color: var(--theme-color, #4FA3F1); width: 100px; height: 70px; overflow: hidden } .lanyun-section-product-show .lanyun-effect-thumbs-item.swiper-slide-thumb-active { border-style: solid; border-color: var(--active-border-thumb-color) } .lanyun-section-product-show .lanyun-effect-thumbs .swiper-slide { cursor: pointer } .lanyun-section-product-show .lanyun-effect-thumbs .swiper-slide img { -o-object-fit: cover; object-fit: cover; position: absolute; left: 0; width: 100%; height: 100%; top: 0 } @media(min-width:990px) { .lanyun-section-product-show .lanyun-product-detail-list { overflow: hidden } } .lanyun-section-product-show .lanyun-product-detail-list .cate-list div { display: inline-block; vertical-align: middle } .lanyun-section-product-show .lanyun-product-detail-tab { margin-top: 30px } .lanyun-section-product-show .lanyun-hd>ul { display: -webkit-box; display: -ms-flexbox; display: flex; overflow-x: auto; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .lanyun-section-product-show .lanyun-hd>ul::-webkit-scrollbar { width: 1px; height: 5px } .lanyun-section-product-show .lanyun-hd>ul::-webkit-scrollbar-thumb { background: rgba(102, 102, 102, .5) } .lanyun-section-product-show .lanyun-hd>ul::-webkit-scrollbar-track { background: rgba(238, 238, 238, .5) } .lanyun-section-product-show .lanyun-hd li { -webkit-box-flex: 0; -ms-flex: none; flex: none } .lanyun-section-product-show .lanyun-tab-title.active { font-weight: 700; color: #333 } .lanyun-section-product-show .lanyun-detail-cate-item { display: inline-block; vertical-align: middle; border-radius: 5px; background: #eee; padding: 0 10px; margin-right: 5px; font-size: 14px } .lanyun-section-product-show .lanyun-detail-cate-item:last-child { margin-right: 0 } .lanyun-section-product-show .lanyun-detail-cate-item:hover { opacity: .9 } .lanyun-section-product-show .lanyun-product-detail-text img { max-width: 100% } @media(max-width:990px) { .lanyun-section-product-show .lanyun-product-detail-top { margin-bottom: 20px } .lanyun-section-product-show .lanyun-product-detail-effect, .lanyun-section-product-show .lanyun-product-detail-img { float: none; width: 100%; margin: 0 0 15px 0 } .lanyun-section-product-show .lanyun-product-detail-text img { width: auto !important; height: auto !important } .lanyun-section-product-show .lanyun-page-details-info li { display: block } .lanyun-section-product-show .lanyun-prev-next { display: block } .lanyun-section-product-show .lanyun-prev-next li { max-width: 100% } } .lanyun-section-product-show .lanyun-product-show-title { font-size: 20px } .lanyun-section-product-show .lanyun-product-show-summary { font-size: 14px; line-height: 28px; padding-bottom: 20px; margin-bottom: 20px; border-width: 0 0 1px 0; border-style: none; border-color: #ddd } .lanyun-section-product-show .lanyun-btn { font-size: 14px; background: var(--theme-color, #333); color: #fff; padding: 12px 44px 12px 44px; margin-top: 20px } .lanyun-section-product-show .lanyun-tab-title { font-size: 16px; color: #666; padding: 15px 30px } .lanyun-section-product-show .lanyun-product-detail-text { display: none; padding: 20px 20px 20px 20px; font-size: 14px; line-height: 30px } .lanyun-section-product-show .lanyun-product-detail-text.active { display: block } .lanyun-section-product-show .lanyun-tab-title { text-align: center; cursor: pointer } .lanyun-section-product-show .lanyun-page-details-info { font-size: 14px; color: #666; line-height: 30px } .lanyun-section-product-show .lanyun-hd { border-style: none; border-width: 0 0 1px 0; border-color: #ddd } .lanyun-section-product-show .lanyun-detail-cate-item { line-height: 30px } .lanyun-section-product-show .lanyun-product-url { font-size: 14px; line-height: 21px; color: #1b1f2e; margin-bottom: 10px } .lanyun-section-product-show .lanyun-product-tags { font-size: 14px; line-height: 21px; color: #1b1f2e; margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap } .lanyun-section-product-show .lanyun-product-tags a { padding: 5px 24px; display: inline-block; vertical-align: middle; background: #eee; border-radius: 20px; margin-right: 10px } .lanyun-section-product-show .lanyun-product-tags a:last-child { margin-right: 0 } .lanyun-section-product-show .lanyun-product-tags a:hover { background: #efefef } .detail-vertical .lanyun-product-detail-img { float: none; width: 100%; margin-right: 0; margin-bottom: 15px } .detail-vertical .lanyun-product-detail-list { width: 100% } .detail-left { display: -webkit-box; display: -ms-flexbox; display: flex } .detail-left .lanyun-effect-top { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .detail-left .lanyun-effect-thumbs { margin-right: 10px } .detail-right { display: -webkit-box; display: -ms-flexbox; display: flex } .detail-right .lanyun-effect-top { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .detail-right .lanyun-effect-thumbs { margin-left: 10px } .lanyun-related-title { color: #333; margin-bottom: 40px; padding-bottom: 16px; border-width: 0 0 1px 0; border-style: none; border-color: #ddd; position: relative } .lanyun-related-title span { display: inline-block; font-size: 18px; line-height: 24px } .lanyun-section-related-article .lanyun-article-item { --margin-right: 60px } .lanyun-section-related-article .lanyun-article-text { color: #333; line-height: 36px; margin-right: 10px } .lanyun-section-related-article .lanyun-text-title { font-size: 16px; -webkit-line-clamp: var(--line-clamp); line-clamp: var(--line-clamp) } .lanyun-section-related-article .lanyun-text-desc { font-size: 14px; -webkit-line-clamp: var(--line-clamp); line-clamp: var(--line-clamp) } .lanyun-section-related-article .lanyun-article-time { font-size: 12px; color: #666; line-height: 36px } .lanyun-section-related-article .lanyun-btn { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; background: var(--theme-color, #333); color: #fff; padding: 12px 44px 12px 44px } .lanyun-section-related-article .lanyun-btn-text { line-height: 1 } .lanyun-section-related-article .lanyun-btn-icon { line-height: 1 } .lanyun-section-related-product .lanyun-row-img-wrap { margin-bottom: 15px } .lanyun-section-related-product .lanyun-product-text { text-align: center } .lanyun-section-related-product .lanyun-text-title { font-size: 16px; line-height: 35px; -webkit-line-clamp: var(--line-clamp); line-clamp: var(--line-clamp) } .lanyun-section-related-product .lanyun-text-desc { font-size: 14px; margin-Bottom: 15px; line-height: 1.5; -webkit-line-clamp: var(--line-clamp); line-clamp: var(--line-clamp) } .lanyun-section-related-product .lanyun-btn { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; background: var(--theme-color, #333); color: #fff; padding: 12px 44px 12px 44px } .support { display: inline-block; line-height: 32px; color: rgba(250, 248, 248, .4) } .support a { position: relative; display: inline-block; height: 32px } .support a img { height: 32px; width: auto; position: absolute; top: 50%; margin-top: -16px } .support a:hover { color: #fff } .support a span.support-span { padding-left: 40px } .lanyun-section-thumb-row .thumb-list li, .lanyun-section-thumb-row .thumb-row-list li { width: -webkit-calc(25% - 12px); width: calc(25% - 12px); margin-right: 16px; margin-bottom: 16px; float: left } .lanyun-section-thumb-row .thumb-list li:nth-of-type(4n), .lanyun-section-thumb-row .thumb-row-list li:nth-of-type(4n) { margin-right: 0 } .lanyun-section-thumb-row .thumb-list li .img, .lanyun-section-thumb-row .thumb-row-list li .img { text-align: center; display: block; width: 100%; height: 200px; font-size: 0 } .lanyun-section-thumb-row .thumb-list li .img img, .lanyun-section-thumb-row .thumb-list li .img:after, .lanyun-section-thumb-row .thumb-row-list li .img img, .lanyun-section-thumb-row .thumb-row-list li .img:after { display: inline-block; vertical-align: middle } .lanyun-section-thumb-row .thumb-list li .img img, .lanyun-section-thumb-row .thumb-row-list li .img img { max-width: 100%; max-height: 100% } .lanyun-section-thumb-row .thumb-list li .img:after, .lanyun-section-thumb-row .thumb-row-list li .img:after { content: ""; height: 100% } .lanyun-section-thumb-row .thumb-list li .content h3, .lanyun-section-thumb-row .thumb-row-list li .content h3 { text-align: center; font-size: 16px } .lanyun-section-thumb-row .thumb-list li .content .summary, .lanyun-section-thumb-row .thumb-row-list li .content .summary { font-size: 14px; line-height: 1.5; color: #666; margin-top: 10px } .lanyun-section-thumb-row .thumb-list li a, .lanyun-section-thumb-row .thumb-row-list li a { display: block } @media(max-width:990px) { .lanyun-section-thumb-row .thumb-list li, .lanyun-section-thumb-row .thumb-row-list li { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); margin-right: 20px; margin-bottom: 20px } .lanyun-section-thumb-row .thumb-list li:nth-of-type(2n), .lanyun-section-thumb-row .thumb-row-list li:nth-of-type(2n) { margin-right: 0 } } .lanyun-video { position: relative } .lanyun-video embed, .lanyun-video iframe, .lanyun-video video { display: block; width: 100%; height: 100%; border: none } .lanyun-video .lanyun-video-icon { width: 55px; height: 55px; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; font-size: 55px; color: #ddd; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .lanyun-section-video .lanyun-video { position: relative; height: 304px } .lanyun-section-video .lanyun-video video::-webkit-media-controls { position: relative; z-index: 9 } .lanyun-section-video .lanyun-video-img { cursor: pointer; position: absolute; left: 0; width: 100%; top: 0; height: 100%; background-repeat: no-repeat; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-size: cover; background-position: center } .video-popup { position: fixed; left: 0; width: 100%; top: 0; height: 100vh; background: rgba(0, 0, 0, .5); z-index: 100001; -webkit-transition: .3s; transition: .3s } .video-popup:not(.video-popup-open) { overflow: hidden; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0) } .video-popup-content { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; width: 90%; height: 80% } @media(max-width:768px) { .video-popup-content { height: 50% } } .video-popup-content video { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; border: none } .video-popup-content:after { content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0 } .video-popup-content embed, .video-popup-content iframe { display: block; width: 100%; height: 100% } .video-popup-close { position: absolute; right: 3%; top: 3%; font-size: 30px; color: #fff; cursor: pointer } .lanyun-search-result-menu { border-bottom: 1px solid #efefef } .lanyun-search-result-tab-title { border: none; display: inline-block; width: 70px; line-height: 45px; text-align: center; font-size: 16px; margin-right: 20px } .lanyun-search-result-tab-title.active { border-bottom: 3px solid; font-weight: 700; margin-bottom: -1px } .search-result-line { height: 1px; background: #dcdcdc; margin-top: 30px } .lanyun-search-result-title { font-size: 16px; color: #333; font-weight: 700; padding-top: 30px } .lanyun-search-result-more { display: inline-block; font-size: 16px; background: var(--theme-color, #333); color: #fff; padding: 12px 44px 12px 44px; margin-top: 20px; margin-bottom: 20px } .lanyun-search-article-list { margin-top: 20px } .lanyun-search-article-list li { margin-bottom: 20px } .lanyun-search-article-list li .img-wrap { float: left; width: 162px; margin-right: 20px } .lanyun-search-article-list li .img-wrap .img { width: 100%; overflow: hidden; padding-bottom: 100%; position: relative } .lanyun-search-article-list li .img-wrap .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .lanyun-search-article-list li .text { overflow: hidden } .lanyun-search-article-list-title { color: #333; font-size: 16px; line-height: 50px; -webkit-line-clamp: var(--line-clamp); line-clamp: var(--line-clamp) } .lanyun-search-article-list-summary { font-size: 14px; color: #7d808d; line-height: 40px; -webkit-line-clamp: var(--line-clamp); line-clamp: var(--line-clamp) } .lanyun-search-article-list-time { font-size: 12px; color: #7d808d; line-height: 25px; display: block } .lanyun-search-product-list { margin-top: 20px } .lanyun-search-product-list li { float: left; width: -webkit-calc(25% - 12px); width: calc(25% - 12px); margin-right: 16px; margin-bottom: 10px } .lanyun-search-product-list li a { display: block } .lanyun-search-product-list li a .img-wrap { display: block; border: 1px solid #efefef } .lanyun-search-product-list li a .img-wrap .img { width: 100%; overflow: hidden; padding-bottom: 100%; position: relative } .lanyun-search-product-list li a .img-wrap .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .lanyun-search-product-list li:nth-of-type(4n) { margin-right: 0 } .lanyun-search-product-list:after { content: ""; display: table; clear: both } .lanyun-search-result-product-title { font-size: 16px; line-height: 50px; color: #333; text-align: center } .lanyun-search-result-more { font-size: 14px } .lanyun-search-btn { text-align: center } @media(max-width:990px) { .lanyun-search-product-list li { width: -webkit-calc(50% - 15px); width: calc(50% - 15px); margin-right: 15px } .lanyun-search-product-list li:nth-child(2n) { margin-right: 0 } .lanyun-search-result-product-title { font-size: 16px; line-height: 35px } .lanyun-search-result-more { padding: 8px 30px; margin-top: 10px; margin-bottom: 10px } .lanyun-search-article-list-title { font-size: 16px; line-height: 35px } .lanyun-search-article-list-summary { line-height: 1.7 } .lanyun-search-article-list li .img-wrap { width: 115px } } .lanyun-tag-result-menu { border-bottom: 1px solid #efefef } .lanyun-tag-result-tab-title { border: none; display: inline-block; width: 70px; line-height: 45px; text-align: center; font-size: 16px; margin-right: 20px } .lanyun-tag-result-tab-title.active { border-bottom: 3px solid; font-weight: 700; margin-bottom: -1px } .tag-result-line { height: 1px; background: #dcdcdc; margin-top: 30px } .lanyun-tag-result-title { font-size: 16px; color: #333; font-weight: 700; padding-top: 30px } .lanyun-tag-result-more { display: inline-block; font-size: 14px; background: var(--theme-color, #333); color: #fff; padding: 12px 44px 12px 44px; margin-top: 20px; margin-bottom: 20px } .lanyun-tag-article-list { margin-top: 20px } .lanyun-tag-article-list li { margin-bottom: 20px } .lanyun-tag-article-list li .img-wrap { float: left; width: 162px; margin-right: 20px } .lanyun-tag-article-list li .img-wrap .img { width: 100%; overflow: hidden; padding-bottom: 100%; position: relative } .lanyun-tag-article-list li .img-wrap .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .lanyun-tag-article-list li .text { overflow: hidden } .lanyun-tag-article-list-title { color: #333; font-size: 16px; line-height: 50px; -webkit-line-clamp: var(--line-clamp); line-clamp: var(--line-clamp) } .lanyun-tag-article-list-summary { font-size: 14px; color: #7d808d; line-height: 40px; -webkit-line-clamp: var(--line-clamp); line-clamp: var(--line-clamp) } .lanyun-tag-article-list-time { font-size: 12px; color: #7d808d; line-height: 25px; display: block } .lanyun-tag-product-list { margin-top: 20px } .lanyun-tag-product-list li { float: left; width: -webkit-calc(25% - 12px); width: calc(25% - 12px); margin-right: 16px; margin-bottom: 10px } .lanyun-tag-product-list li a { display: block } .lanyun-tag-product-list li a .img-wrap { display: block; border: 1px solid #efefef } .lanyun-tag-product-list li a .img-wrap .img { width: 100%; overflow: hidden; padding-bottom: 100%; position: relative } .lanyun-tag-product-list li a .img-wrap .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .lanyun-tag-product-list li:nth-of-type(4n) { margin-right: 0 } .lanyun-tag-product-list:after { content: ""; display: table; clear: both } .lanyun-tag-result-product-title { font-size: 16px; line-height: 50px; color: #333; text-align: center } .lanyun-search-btn { text-align: center } .lanyun-tag-sort { padding: 20px 0; font-size: 16px; font-weight: 700 } .lanyun-tag-sort-item { display: inline-block; font-size: 14px; margin-right: 20px; font-weight: 400 } @media(max-width:990px) { .lanyun-tag-product-list li { width: -webkit-calc(50% - 15px); width: calc(50% - 15px); margin-right: 15px } .lanyun-tag-product-list li:nth-child(2n) { margin-right: 0 } .lanyun-tag-result-product-title { font-size: 16px; line-height: 35px } .lanyun-tag-result-more { padding: 8px 30px; margin-top: 10px; margin-bottom: 10px } .lanyun-tag-article-list-title { font-size: 16px; line-height: 35px } .lanyun-tag-article-list-summary { line-height: 1.7 } .lanyun-tag-article-list li .img-wrap { width: 115px } } .lanyun-section-box.float-fix:not([editor]), .lanyun-section-box.is-float:not([editor]) { position: absolute; z-index: 999 } [class^=fix-place-] { position: relative; z-index: -1 } #fullpage:not(.fp-destroyed) .lanyun-section-box.float-fix:not([editor]), #fullpage:not(.fp-destroyed) .lanyun-section-box.is-float:not([editor]) { position: static } @media(max-width:1024px) { .lanyun-section-box { position: relative } } @media(max-width:768px) { .lanyun-section-box { position: relative } } .lanyun-section-column { display: -webkit-box; display: -ms-flexbox; display: flex } .lanyun-section-column>.lanyun-widget-container { width: 100%; padding: 10px } .lanyun-section-box .lanyun-box-container, .lanyun-section-inner-box>.lanyun-widget-container { display: -webkit-box; display: -ms-flexbox; display: flex } @media(max-width:1025px) { .lanyun-section-box .lanyun-box-container, .lanyun-section-inner-box>.lanyun-widget-container { -ms-flex-wrap: wrap; flex-wrap: wrap } .lanyun-section-column { width: 100% } } .pane .lanyun-box-container { margin: 0 auto; max-width: var(--container-width) } .height-adapt-screen .lanyun-box-container { height: 100vh } .height-min-height .lanyun-box-container { min-height: 400px } #fullpage:not(.fp-destroyed) .height-adapt-screen .lanyun-box-container { height: auto } #fullpage:not(.fp-destroyed) .height-min-height .lanyun-box-container { min-height: auto } .section .pane .lanyun-box-container { width: 100% } .lanyun-section-headline .lanyun-headline { font-size: 32px; font-weight: 700; margin: 0 } .lanyun-section-tab-box { overflow: hidden; position: relative } .lanyun-section-tab-box .lanyun-tab-tag { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; overflow-x: auto; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; padding-bottom: 5px } .lanyun-section-tab-box .lanyun-tab-tag::-webkit-scrollbar { width: 1px; height: 5px } .lanyun-section-tab-box .lanyun-tab-tag::-webkit-scrollbar-thumb { background: rgba(102, 102, 102, .5) } .lanyun-section-tab-box .lanyun-tab-tag::-webkit-scrollbar-track { background: rgba(238, 238, 238, .5) } .lanyun-section-tab-box .lanyun-tab-tag li { -webkit-box-flex: 0; -ms-flex: none; flex: none; padding: 8px 20px; font-size: 14px; color: #333; cursor: pointer; white-space: nowrap; margin-right: 6px; border-radius: 4px } .lanyun-section-tab-box .lanyun-tab-tag li.on { background: var(--theme-color, #333); font-weight: 700; color: #fff } .lanyun-section-tab-box .lanyun-tab-wrap { overflow: hidden } .lanyun-section-tab-box .lanyun-tab-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; will-change: transform; -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out } .lanyun-section-tab-box .lanyun-tab-content>.lanyun-section-column { visibility: hidden; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; -webkit-transition: opacity .3s; transition: opacity .3s; opacity: 1; outline: 0 } .lanyun-section-tab-box .lanyun-tab-content>.lanyun-section-column.on { visibility: visible } .lanyun-section-tab-box [class*=tag-pos-] { display: -webkit-box; display: -ms-flexbox; display: flex } .lanyun-img-box-wrap>a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .lanyun-section-img-box .lanyun-img img { max-width: 100%; display: block } .lanyun-section-img-box .lanyun-img-wrap { overflow: hidden } .lanyun-section-img-box .lanyun-text-title { font-size: 16px; line-height: 35px; -webkit-line-clamp: var(--line-clamp); line-clamp: var(--line-clamp) } .lanyun-section-img-box .lanyun-text-desc { font-size: 14px; line-height: 1.5; -webkit-line-clamp: var(--line-clamp); line-clamp: var(--line-clamp) } .lanyun-section-interval .lanyun-interval { height: 15px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .lanyun-section-interval .lanyun-divider { border: 0; width: 100%; display: inline; margin: 0; --border-color: #a2a9b6; --border-width: 1px; --border-style: solid; border-top: var(--border-width) var(--border-style) var(--border-color) } .lanyun-section-interval .lanyun-divider.lanyun-divider-content-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none } .lanyun-section-interval .lanyun-divider.lanyun-divider-content-wrap:before { display: block; content: ""; border-bottom: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-top: var(--border-width) var(--border-style) var(--border-color); -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .lanyun-section-interval .lanyun-divider.lanyun-divider-content-wrap:after { display: block; content: ""; border-bottom: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-top: var(--border-width) var(--border-style) var(--border-color); -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .lanyun-section-interval .lanyun-divider.left .lanyun-divider-content { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .lanyun-section-interval .lanyun-divider.left:before { display: none !important } .lanyun-section-interval .lanyun-divider.right .lanyun-divider-content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .lanyun-section-interval .lanyun-divider.right:after { display: none !important } .lanyun-section-interval .lanyun-divider-content { min-height: 15px; font-size: 15px; line-height: 1; max-width: 95%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } body.page-7582 .lanyun-section-ri16a1fo .lanyun-row-img { padding: 0 !important; } body.page-7582 .lanyun-section-ri16a1fo .lanyun-row-img .iconfont { font-size: 56px; } body.page-7582 .lanyun-section-ri16a1fo .lanyun-row-img .font { font-size: 16px; margin-top: 12px; } .img-scale-zoomin .lanyun-row-img-wrap { overflow: hidden; background: #fff; padding: 20px 0; } .img-scale-zoomin .lanyun-row-img { -webkit-transition: all .5s ease; transition: all .5s ease } .img-scale-zoomin-preview .lanyun-row-img, .img-scale-zoomin:hover .lanyun-row-img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .img-scale-zoomout .lanyun-row-img-wrap { overflow: hidden } .img-scale-zoomout .lanyun-row-img { -webkit-transition: all .5s ease; transition: all .5s ease; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .img-scale-zoomout-preview .lanyun-row-img, .img-scale-zoomout:hover .lanyun-row-img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .img-scale-zoomleft .lanyun-row-img-wrap { overflow: hidden } .img-scale-zoomleft .lanyun-row-img { -webkit-transition: all .5s ease; transition: all .5s ease; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .img-scale-zoomleft-preview .lanyun-row-img, .img-scale-zoomleft:hover .lanyun-row-img { -webkit-transform: translateX(-4%); -ms-transform: translateX(-4%); transform: translateX(-4%) } .img-scale-zoomright .lanyun-row-img-wrap { overflow: hidden } .img-scale-zoomright .lanyun-row-img { -webkit-transition: all .5s ease; transition: all .5s ease } .img-scale-zoomright-preview .lanyun-row-img, .img-scale-zoomright:hover .lanyun-row-img { -webkit-transform: translateX(4%); -ms-transform: translateX(4%); transform: translateX(4%) } .img-scale-zoomup .lanyun-row-img-wrap { overflow: hidden } .img-scale-zoomup .lanyun-row-img { -webkit-transition: all .5s ease; transition: all .5s ease } .img-scale-zoomup-preview .lanyun-row-img, .img-scale-zoomup:hover .lanyun-row-img { -webkit-transform: translateY(-4%); -ms-transform: translateY(-4%); transform: translateY(-4%) } .img-scale-zoomdown .lanyun-row-img-wrap { overflow: hidden } .img-scale-zoomdown .lanyun-row-img { -webkit-transition: all .5s ease; transition: all .5s ease } .img-scale-zoomdown-preview .lanyun-row-img, .img-scale-zoomdown:hover .lanyun-row-img { -webkit-transform: translateY(4%); -ms-transform: translateY(4%); transform: translateY(4%) } .btn-water-wave { position: relative; overflow: hidden } .btn-water-wave:before { content: ""; position: absolute; display: block; -webkit-transition: all .6s; transition: all .6s; width: 100%; height: 0; border-radius: 50%; left: 50%; top: 50%; padding-top: 100%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%) } .btn-water-wave-preview:before, .btn-water-wave:hover:before { -webkit-animation: button_style_0_anim .75s; animation: button_style_0_anim .75s; z-index: 1 } @-webkit-keyframes button_style_0_anim { 0% { background: rgba(0, 0, 0, .25); -webkit-transform: translateX(-50%) translateY(-50%) scale(0); transform: translateX(-50%) translateY(-50%) scale(0) } to { background: rgba(0, 0, 0, 0); -webkit-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1) } } @keyframes button_style_0_anim { 0% { background: rgba(0, 0, 0, .25); -webkit-transform: translateX(-50%) translateY(-50%) scale(0); transform: translateX(-50%) translateY(-50%) scale(0) } to { background: rgba(0, 0, 0, 0); -webkit-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1) } } .btn-glass-flick { overflow: hidden; position: relative } .btn-glass-flick:after { content: ""; position: absolute; top: 0; left: -200%; width: 200%; height: 100%; -webkit-transform: skewX(-20deg); -ms-transform: skewX(-20deg); transform: skewX(-20deg); background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, 0) 90%); background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, 0) 90%); -webkit-transition: all .2s; transition: all .2s } .btn-glass-flick-preview:after, .btn-glass-flick:hover:after { -webkit-animation: shine 1.6s ease; animation: shine 1.6s ease } @-webkit-keyframes shine { 100% { left: 200% } } @keyframes shine { 100% { left: 200% } } .btn-grow { -webkit-transition: all .2s; transition: all .2s } .btn-grow-preview, .btn-grow:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } @-webkit-keyframes btn-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1) } 75% { -webkit-transform: scale(.9); transform: scale(.9) } } @keyframes btn-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1) } 75% { -webkit-transform: scale(.9); transform: scale(.9) } } .btn-pulse { -webkit-transition: all .2s; transition: all .2s; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden } .btn-pulse-preview, .btn-pulse:hover { -webkit-animation-name: btn-pulse; animation-name: btn-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } @-webkit-keyframes btn-wobble { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px) } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px) } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px) } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px) } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes btn-wobble { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px) } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px) } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px) } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px) } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } .btn-wobble { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden } .btn-wobble-preview, .btn-wobble:hover { -webkit-animation-name: btn-wobble; animation-name: btn-wobble; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 } @-webkit-keyframes btn-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg) } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg) } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg) } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg) } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg) } 100% { -webkit-transform: skew(0); transform: skew(0) } } @keyframes btn-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg) } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg) } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg) } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg) } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg) } 100% { -webkit-transform: skew(0); transform: skew(0) } } .btn-wobble-skew { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden } .btn-wobble-skew-preview, .btn-wobble-skew:hover { -webkit-animation-name: btn-wobble-skew; animation-name: btn-wobble-skew; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 } @-webkit-keyframes btn-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg) } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg) } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg) } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg) } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg) } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg) } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg) } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg) } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0) } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0) } } @keyframes btn-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg) } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg) } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg) } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg) } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg) } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg) } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg) } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg) } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0) } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0) } } .btn-buzz-out { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden } .btn-buzz-out-preview, .btn-buzz-out:hover { -webkit-animation-name: btn-buzz-out; animation-name: btn-buzz-out; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 } .lanyun-section-bottom-nav { display: none; overflow: hidden } .lanyun-section-bottom-nav .lanyun-widget-container { background-color: #333; height: 50px } @media(max-width:768px) { .lanyun-bottom-nav-item>a { width: 100% } .lanyun-bottom-nav-item { color: #fff; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-color: #fff } .lanyun-bottom-nav-item .img { display: inline-block } .lanyun-bottom-nav-item .selected-img { display: none } .lanyun-bottom-nav-item.active { color: #1693f6 } .lanyun-bottom-nav-item.active .img { display: none } .lanyun-bottom-nav-item.active .selected-img { display: inline-block } .lanyun-section-bottom-nav { position: fixed !important; right: 0; left: 0; bottom: 0; z-index: 200; display: block; width: 100% } .lanyun-section-bottom-nav .lanyun-bottom-nav-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; height: 50px } .lanyun-section-bottom-nav .lanyun-bottom-nav-item { text-align: center } .lanyun-section-bottom-nav .lanyun-row-img { width: 100%; text-align: center } .lanyun-section-bottom-nav .lanyun-row-img img { max-width: 24px; height: 24px; -o-object-fit: contain; object-fit: contain } .lanyun-section-bottom-nav .lanyun-text-title { font-size: 12px; line-height: 1.2 } } @media(min-width:990px) { .lanyun-category-tree-mobile { display: none } .lanyun-category-tree-close { display: none } } .lanyun-category-tree { border-width: 1px; border-color: #dcdcdc } .lanyun-category-tree * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .lanyun-category-tree ul { display: none } .lanyun-category-tree li { position: relative; font-size: 16px; color: #333 } .lanyun-category-tree li a { color: inherit } .lanyun-category-tree li .lanyun-category-tree-arrow { width: 20px; text-align: center } .lanyun-category-tree li.on>ul { display: block } .lanyun-category-tree .lanyun-category-tree-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px; line-height: 1.5 } .lanyun-category-tree .lanyun-category-tree-item.active, .lanyun-category-tree .lanyun-category-tree-item:hover { color: var(--theme-color) } .lanyun-category-tree .lanyun-category-tree-item a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 1px; margin-right: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .lanyun-category-tree .lanyun-category-tree-ul-0 { display: block } .lanyun-category-tree-ul-1 li, .lanyun-category-tree-ul-2 li { font-size: 14px } .lanyun-category-tree-ul .lanyun-category-tree-item-0 { padding-left: 10px } .lanyun-category-tree-ul .lanyun-category-tree-item-1 { padding-left: 20px } .lanyun-category-tree-ul .lanyun-category-tree-item-2 { padding-left: 30px } .lanyun-category-tree-ul .lanyun-category-tree-item-3 { padding-left: 40px } .lanyun-category-tree-ul .lanyun-category-tree-item-4 { padding-left: 50px } .lanyun-category-tree-ul .lanyun-category-tree-item-5 { padding-left: 60px } .lanyun-category-tree-ul .lanyun-category-tree-item-6 { padding-left: 70px } .lanyun-category-tree-ul .lanyun-category-tree-item-7 { padding-left: 80px } .lanyun-category-tree-ul .lanyun-category-tree-item-8 { padding-left: 90px } .lanyun-category-tree-ul .lanyun-category-tree-item-9 { padding-left: 100px } .lanyun-category-tree-ul .lanyun-category-tree-item-10 { padding-left: 110px } @media(max-width:990px) { .lanyun-category-tree { font-size: 0; border: none !important; width: 100% !important; margin-right: 0 !important } .lanyun-category-tree.on .lanyun-category-tree-wrap { -webkit-transition: all .5s ease; transition: all .5s ease; opacity: 1; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); visibility: visible; z-index: 9999 } .lanyun-category-tree-mobile { font-size: 14px; line-height: 40px; overflow: hidden; color: #333; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 21px; margin-bottom: 15px } .lanyun-category-tree-close { position: absolute; right: 10px; top: 10px; z-index: 99999 } .lanyun-category-tree-close i { font-size: 21px; color: #fff } .lanyun-category-tree-wrap { position: fixed; z-index: 69; left: 0; width: 100%; top: 0; height: 100vh; opacity: 0; -webkit-transform: translate(-100%); -ms-transform: translate(-100%); transform: translate(-100%); visibility: hidden } .lanyun-category-tree-wrap:before { position: absolute; content: ""; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0, 0, 0, .4) } .lanyun-category-tree-arrow { width: 30px; text-align: center } .lanyun-category-tree ul { display: none } .lanyun-category-tree ul li { font-size: 12px } .lanyun-category-tree ul li a { display: inline-block; width: -webkit-calc(100% - 30px); width: calc(100% - 30px) } .lanyun-category-tree ul li.on>ul { display: block } .lanyun-category-tree .lanyun-category-tree-ul-0 { display: block; height: 100%; width: 70%; overflow-x: hidden; background: rgba(255, 255, 255, .9); position: relative; z-index: 99999 } } .section>.lanyun-section-box, .section>.lanyun-section-box>.lanyun-widget-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .fp-destroyed .section>.lanyun-section-box, .fp-destroyed .section>.lanyun-section-box>.lanyun-widget-container { display: block; height: auto } .fp-destroyed .fp-section, .fp-destroyed .fp-slide { height: 100% } #fullpage:not(.fp-destroyed) .section .header { position: absolute !important; left: 0; width: 100%; z-index: 10000; top: 0 } #fullpage:not(.fp-destroyed) .section .header.fixed { position: fixed !important } #fp-nav { z-index: 300 !important } .fullpage-none #fp-nav { display: none } .fullpage-dot #fp-nav ul li { padding: 20px 0 } .fullpage-dot #fp-nav ul li .fp-tooltip { display: none } .fullpage-dot #fp-nav ul li a span { height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; border: 1px solid #c2c2c2; background: 0 0 } .fullpage-dot #fp-nav ul li a.active span { border: 1px solid var(--theme-color, #c2c2c2); background: var(--theme-color, #c2c2c2) } .fullpage-dot-number #fp-nav ul { counter-reset: section } .fullpage-dot-number #fp-nav ul li { width: 50px; padding: 20px 0; counter-increment: section } .fullpage-dot-number #fp-nav ul li .fp-tooltip { display: none } .fullpage-dot-number #fp-nav ul li a:before { left: 0; content: "0" counter(section); font-size: 16px; color: #c2c2c2 } .fullpage-dot-number #fp-nav ul li a span { border-radius: 50%; position: absolute; z-index: 1; height: 4px !important; width: 4px !important; border: 0; background: #c2c2c2; margin: -2px 0 0 -2px !important; top: 9px; left: 30px } .fullpage-dot-number #fp-nav ul li a.active .fp-sr-only { font-size: 0; border: 1px solid var(--theme-color, #c2c2c2); background: 0 0; clip: auto; width: 12px !important; height: 12px !important; text-indent: -100px; left: 26px; top: 5px } .fullpage-dot-number #fp-nav ul li a.active:before { color: var(--theme-color, #c2c2c2) } .fullpage-dot-number #fp-nav ul li a.active span { background: var(--theme-color, #c2c2c2) } .fullpage-line-number #fp-nav ul { counter-reset: section } .fullpage-line-number #fp-nav ul li { width: 50px; padding: 20px 0; counter-increment: section } .fullpage-line-number #fp-nav ul li .fp-tooltip { display: none } .fullpage-line-number #fp-nav ul li a:before { position: absolute; left: 18px; content: "0" counter(section); font-size: 16px; color: #c2c2c2 } .fullpage-line-number #fp-nav ul li a span { display: none } .fullpage-line-number #fp-nav ul li a.active:before { position: absolute; left: 0; content: "0" counter(section); color: var(--theme-color, #c2c2c2) } .fullpage-line-number #fp-nav ul li a.active .fp-sr-only { display: block; clip: auto; width: 10px !important; height: 2px !important; text-indent: -100px; left: 30px; top: 14px; background: var(--theme-color, #c2c2c2) } .fullpage-line-word #fp-nav ul { counter-reset: section } .fullpage-line-word #fp-nav ul li { width: 80px; height: 35px } .fullpage-line-word #fp-nav ul li .fp-tooltip { color: #c2c2c2 } .fullpage-line-word #fp-nav ul li a span { width: 20px; height: 1px; right: 2px; left: auto; background: #c2c2c2 } .fullpage-line-word #fp-nav ul li a.active span { width: 76px; height: 1px; right: 0; left: auto; margin: -2px 0 0 -2px !important; background: var(--theme-color, #c2c2c2) } .fullpage-line-word #fp-nav ul li a.active span:before { position: absolute; right: -7px; top: -3px; width: 5px; height: 5px; border: 1px solid var(--theme-color, #c2c2c2); border-radius: 50%; content: "" } .fullpage-line-word #fp-nav ul li a.active .fp-sr-only { display: none } .fullpage-line-word #fp-nav ul li a.active+.fp-tooltip { opacity: 1; -webkit-transition: opacity .2s ease-in; transition: opacity .2s ease-in; width: auto; top: -5px; color: var(--theme-color, #c2c2c2) } .fullpage-line-word #fp-nav ul li:hover a span { width: 76px; height: 1px; right: 0; left: auto; margin: -2px 0 0 -2px !important; background: var(--theme-color, #c2c2c2) } .fullpage-line-word #fp-nav ul li:hover a span:before { position: absolute; right: -7px; top: -3px; width: 5px; height: 5px; border: 1px solid var(--theme-color, #c2c2c2); border-radius: 50%; content: "" } .fullpage-line-word #fp-nav ul li:hover a.active span { width: 76px; height: 1px; right: 0; left: auto; margin: -2px 0 0 -2px !important } .fullpage-line-word #fp-nav ul li:hover a.active span:before { position: absolute; right: -7px; top: -3px; width: 5px; height: 5px; border: 1px solid var(--theme-color, #c2c2c2); border-radius: 50%; content: "" } .fullpage-line-word #fp-nav ul li:hover a.active+.fp-tooltip { color: var(--theme-color, #c2c2c2) } .lanyun-links-wrap .lanyun-links-item { display: inline-block; margin: 3px } .lanyun-links-wrap .lanyun-links-item a:hover { color: var(--theme-color) } .lanyun-links-wrap .lanyun-row-img { padding-bottom: 75% } .lanyun-links-wrap .lanyun-text-title { font-size: 14px; -webkit-line-clamp: var(--line-clamp); line-clamp: var(--line-clamp) } .lanyun-links-wrap .lanyun-text-desc { font-size: 14px; -webkit-line-clamp: var(--line-clamp); line-clamp: var(--line-clamp) } .lanyun-links-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .lanyun-links-box .lanyun-links-title { font-size: 14px; margin-top: 3px } .lanyun-links-box.top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .lanyun-links-box.left { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .lanyun-links-box.left .lanyun-links-title { -webkit-box-flex: 0; -ms-flex: none; flex: none } .lanyun-links-box.left>ul { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 1px } .easyzoom { position: relative; display: inline-block } .easyzoom img { vertical-align: bottom } .easyzoom.is-loading img { cursor: progress } .easyzoom.is-ready img { cursor: crosshair } .easyzoom.is-error img { cursor: not-allowed } .easyzoom-notice { position: absolute; top: 50%; left: 50%; z-index: 150; width: 10em; margin: -1em 0 0 -5em; line-height: 2em; text-align: center; background: #fff; box-shadow: 0 0 10px #888 } .easyzoom-flyout { position: absolute; z-index: 100; overflow: hidden; background: #fff } .easyzoom--overlay .easyzoom-flyout { top: 0; left: 0; width: 100%; height: 100% } .easyzoom--adjacent .easyzoom-flyout { top: 0; left: 100%; width: 100%; height: 100%; margin-left: 20px } .msg-wrap, .n-icon, .n-inline-block, .n-msg, .nice-validator [contenteditable], .nice-validator input, .nice-validator select, .nice-validator textarea { display: inline-block; *display: inline; *zoom: 1 } .nice-validator .msg-container .msg-box { display: block } .nice-validator .msg-container .msg-wrap { position: static } .msg-box { position: relative; *zoom: 1 } .msg-wrap { position: relative; white-space: nowrap; line-height: 16px; font-size: 12px } .msg-wrap, .n-icon, .n-msg { vertical-align: top } .msg-box .msg-wrap .n-error, .msg-box .msg-wrap .n-ok, .msg-box .msg-wrap .n-tip { display: block; background: 0; box-shadow: none; padding: 3px 2px } .n-arrow { position: absolute; overflow: hidden } .n-arrow b, .n-arrow i { position: absolute; left: 0; top: 0; border: 0; margin: 0; padding: 0; overflow: hidden; font-weight: 400; font-style: normal; font-size: 12px; font-family: serif; line-height: 14px; _line-height: 15px } .n-arrow i { text-shadow: none } .n-icon { width: 16px; height: 16px; overflow: hidden; background-repeat: no-repeat } .n-msg { display: inline-block; *display: inline; *zoom: 1; margin-left: 1px } .n-error { color: #c33 } .n-ok { color: #390 } .n-loading, .n-tip .n-msg { color: grey } .n-error .n-icon { background-position: 0 0 } .n-ok .n-icon { background-position: -16px 0 } .n-tip .n-icon { background-position: -32px 0 } .n-bottom, .n-left, .n-right, .n-top { display: inline-block; *display: inline; *zoom: 1; line-height: 0; vertical-align: top; outline: 0 } .n-bottom .n-arrow, .n-top .n-arrow { height: 6px; width: 12px; left: 8px } .n-left .n-arrow, .n-right .n-arrow { width: 6px; height: 12px; top: 6px } .n-top { vertical-align: top } .n-top .msg-wrap { margin-bottom: 6px } .n-top .n-arrow { bottom: -6px } .n-top .n-arrow b { top: -6px } .n-top .n-arrow i { top: -7px } .n-bottom { vertical-align: bottom } .n-bottom .msg-wrap { margin-top: 6px } .n-bottom .n-arrow { top: -6px } .n-bottom .n-arrow b { top: -1px } .n-bottom .n-arrow i { top: 0 } .n-left .msg-wrap { right: 100%; margin-right: 6px } .n-left .n-arrow { right: -6px } .n-left .n-arrow b { left: -6px } .n-left .n-arrow i { left: -7px } .n-right .msg-wrap { margin-left: 6px } .n-right .n-arrow { left: -6px } .n-right .n-arrow b { left: 1px } .n-right .n-arrow i { left: 2px } .n-default .n-left, .n-default .n-right { margin-top: 5px } .n-default .n-top .msg-wrap { bottom: 100% } .n-default .n-bottom .msg-wrap { top: 100% } .n-default .msg-wrap { position: absolute; z-index: 1 } .n-default .n-tip .n-icon { display: none } .n-simple .msg-wrap { position: absolute; z-index: 1 } .n-simple .n-top .msg-wrap { bottom: 100% } .n-simple .n-bottom .msg-wrap { top: 100% } .n-simple .n-left, .n-simple .n-right { margin-top: 5px } .n-simple .n-bottom .msg-wrap { margin-top: 3px } .n-simple .n-tip .n-icon { display: none } .n-yellow .msg-wrap { position: absolute; z-index: 1; padding: 4px 6px; font-size: 12px; border: 1px solid transparent; background-color: #fffcef; border-color: #ffbb76; color: #db7c22; box-shadow: 0 1px 3px #ccc; border-radius: 2px } .n-yellow .msg-wrap .n-arrow b { color: #ffbb76; text-shadow: 0 0 2px #ccc } .n-yellow .msg-wrap .n-arrow i { color: #fffcef } .n-yellow .n-top .msg-wrap { bottom: 100% } .n-yellow .n-bottom .msg-wrap { top: 100% } .n-yellow .n-loading, .n-yellow .n-ok, .n-yellow .n-tip { background-color: #f8fdff; border-color: #ddd; color: #333; box-shadow: 0 1px 3px #ccc } .n-yellow .n-loading .n-arrow b, .n-yellow .n-ok .n-arrow b, .n-yellow .n-tip .n-arrow b { color: #ddd; text-shadow: 0 0 2px #ccc } .n-yellow .n-loading .n-arrow i, .n-yellow .n-ok .n-arrow i, .n-yellow .n-tip .n-arrow i { color: #f8fdff } .lb-loader, .lightbox { text-align: center; line-height: 0; position: absolute; left: 0 } body.lb-disable-scrolling { overflow: hidden } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: #000; filter: alpha(Opacity=80); opacity: .8; display: none } .lightbox { width: 100%; z-index: 10000; font-weight: 400; outline: 0 } .lightbox .lb-image { display: block; height: auto; max-width: inherit; max-height: none; border-radius: 3px; border: 4px solid #fff } .lightbox a img { border: none } .lb-outerContainer { position: relative; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; background-color: #fff } .lb-outerContainer:after { content: ""; display: table; clear: both } .lb-loader { top: 43%; height: 25%; width: 100% } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../images/loading.gif) no-repeat } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10 } .lb-container>.nav { left: 0 } .lb-nav a { outline: 0; background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) } .lb-next, .lb-prev { height: 100%; cursor: pointer; display: block } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(../images/prev.png) left 48% no-repeat; filter: alpha(Opacity=0); opacity: 0; -webkit-transition: opacity .6s; -moz-transition: opacity .6s; -o-transition: opacity .6s; transition: opacity .6s } .lb-nav a.lb-prev:hover { filter: alpha(Opacity=100); opacity: 1 } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(../images/next.png) right 48% no-repeat; filter: alpha(Opacity=0); opacity: 0; -webkit-transition: opacity .6s; -moz-transition: opacity .6s; -o-transition: opacity .6s; transition: opacity .6s } .lb-nav a.lb-next:hover { filter: alpha(Opacity=100); opacity: 1 } .lb-dataContainer { margin: 0 auto; padding-top: 5px; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px } .lb-dataContainer:after { content: ""; display: table; clear: both } .lb-data { padding: 0 4px; color: #ccc } .lb-data .lb-details { width: 100%; text-align: left; line-height: 1.1 } .lb-data .lb-caption { font-size: 13px; font-weight: 700; line-height: 1em } .lb-data .lb-caption a { color: #4ae } .lb-data .lb-number { display: block; text-align: center; clear: left; line-height: 30px; font-size: 14px; color: #999 } .lb-dataContainer { position: relative } .lb-closeContainer { position: absolute; right: 0; top: 10px; z-index: 9 } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(../images/close.png) top right no-repeat; text-align: right; outline: 0; filter: alpha(Opacity=70); opacity: .7; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s } .lb-data .lb-close:hover { cursor: pointer; filter: alpha(Opacity=100); opacity: 1 } @media (max-width:990px) { .lb-nav a.lb-prev { filter: alpha(Opacity=1); opacity: 1 } .lb-nav a.lb-next { filter: alpha(Opacity=1); opacity: 1 } } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100% } body { margin: 0 } main { display: block } h1 { font-size: 2em; margin: .67em 0 } hr { box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace, monospace; font-size: 1em } a { background-color: transparent } abbr[title] { border-bottom: 0; text-decoration: underline; text-decoration: underline dotted } b, strong { font-weight: bolder } code, kbd, samp { font-family: monospace, monospace; font-size: 1em } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } img { border-style: none } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 } button, input { overflow: visible } button, select { text-transform: none } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText } fieldset { padding: .35em .75em .625em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { vertical-align: baseline } textarea { overflow: auto } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details { display: block } summary { display: list-item } template { display: none } [hidden] { display: none } .lanyun-detail-share, .lanyun-detail-share-title { display: inline-block; vertical-align: middle } .lanyun-detail-share * { font-family: "Font Awesome 5 Brands"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1 } .lanyun-detail-share a { position: relative; text-decoration: none; margin: 4px; display: inline-block; outline: 0 } .icon-weibo:before { content: "\f18a" } .icon-qq:before { content: "\f1d6" } .icon-wechat:before { content: "\f1d7" } .icon-google:before { content: "\f1a0" } .icon-twitter::before { content: "\f099" } .icon-facebook::before { content: "\f39e" } .icon-linkedin::before { content: "\f0e1" } .social-share a { position: relative; text-decoration: none; margin: 4px; display: inline-block; outline: 0 } .social-share .social-share-icon { position: relative; display: inline-block; width: 1.6em; height: 1.6em; font-size: 20px; border-radius: 50%; line-height: 1.6em; border-width: 1px; border-color: #666; color: #666; text-align: center; vertical-align: middle; transition: background .6s ease-out 0s } .social-share .social-share-icon:hover { background: #666; color: #fff } .social-share .icon-weibo { color: #ff763b; border-color: #ff763b } .social-share .icon-weibo:hover { background: #ff763b } .social-share .icon-tencent { color: #56b6e7; border-color: #56b6e7 } .social-share .icon-tencent:hover { background: #56b6e7 } .social-share .icon-qq { color: #56b6e7; border-color: #56b6e7 } .social-share .icon-qq:hover { background: #56b6e7 } .social-share .icon-linkedin { color: #0077b5; border-color: #0077b5 } .social-share .icon-linkedin:hover { background: #0077b5 } .social-share .icon-facebook { color: #44619d; border-color: #44619d } .social-share .icon-facebook:hover { background: #44619d } .social-share .icon-google { color: #db4437; border-color: #db4437 } .social-share .icon-google:hover { background: #db4437 } .social-share .icon-twitter { color: #55acee; border-color: #55acee } .social-share .icon-twitter:hover { background: #55acee } .social-share .icon-diandian { color: #307dca; border-color: #307dca } .social-share .icon-diandian:hover { background: #307dca } .social-share .icon-wechat { position: relative; color: #7bc549; border-color: #7bc549 } .social-share .icon-wechat:hover { background: #7bc549 } .social-share .icon-wechat .wechat-qrcode { display: none; border: 1px solid #eee; position: absolute; z-index: 9; top: -205px; left: -84px; width: 200px; height: 192px; color: #666; font-size: 12px; text-align: center; background-color: #fff; box-shadow: 0 2px 10px #aaa; transition: all .2s; -webkit-tansition: all 350ms; -moz-transition: all 350ms } .social-share .icon-wechat .wechat-qrcode.bottom { top: 40px; left: -84px } .social-share .icon-wechat .wechat-qrcode.bottom:after { display: none } .social-share .icon-wechat .wechat-qrcode h4 { font-weight: 400; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777 } .social-share .icon-wechat .wechat-qrcode .qrcode { width: 105px; margin: 10px auto } .social-share .icon-wechat .wechat-qrcode .qrcode table { margin: 0 !important } .social-share .icon-wechat .wechat-qrcode .help p { font-weight: 400; line-height: 16px; padding: 0; margin: 0 } .social-share .icon-wechat .wechat-qrcode:after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent } .social-share .icon-wechat:hover .wechat-qrcode { display: block } .swiper-container { margin-left: auto; margin-right: 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: -22px; 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 } /* newfoot start */ .foot_warpper { margin-top: 40px; background-color: rgba(245, 246, 251, 1); padding: 40px 0; } .foot_container { margin: 0 auto; max-width: var(--container-width); } .foot .lf { width: 22%; } .foot .lf h1 { margin-bottom: 30px; } .foot .lf h1 img.logo {} .foot .lf p { margin: 20px 0; } .foot .foot_nav { width: 50%; } .foot .foot_nav ul {} .foot .foot_nav ul li { margin: 0 25px } .foot_nav ul li h4 { font-size: 18px; margin-bottom: 20px; } .foot_nav ul li a { font-size: 14px; margin-bottom: 10px; display: block; } .foot .lr { width: 15%; } .foot .lr .wechat { text-align: center; } .foot .lr .wechat img { width: 120px; display: inline-block; margin-bottom: 10px; } .foot .lr .iconItem { display: flex; /* justify-content: space-between; */ flex-wrap: wrap; } .foot .lr .iconItem a { /* width: 38%; */ margin: 16px 10px; } .foot .lr .iconItem i { font-size: 30px; border-radius: 50%; border: 1px solid #91919188; padding: 8px; } /* newfoot end */