.swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-vertical>.swiper-wrapper { flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box } .swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0) } .swiper-pointer-events { touch-action: pan-y } .swiper-pointer-events.swiper-vertical { touch-action: pan-x } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform } .swiper-slide-invisible-blank { visibility: hidden } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { transform-style: preserve-3d } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, .15) } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none } .swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start } .swiper-horizontal.swiper-css-mode>.swiper-wrapper { scroll-snap-type: x mandatory } .swiper-vertical.swiper-css-mode>.swiper-wrapper { scroll-snap-type: y mandatory } .swiper-centered>.swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999 } .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before) } .swiper-centered.swiper-horizontal>.swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after) } .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before) } .swiper-centered.swiper-vertical>.swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after) } .swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align: center center } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0) } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size) } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size) } :root { --swiper-navigation-size: 44px } .swiper-button-next, .swiper-button-prev { position: absolute; top: 40%; width: 46px; height: 46px; margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)) } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1 } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 2.5%; right: auto } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {} .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 2.5%; left: auto } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {} .swiper-button-lock { display: none } .swiper-pagination { text-align: center; transition: .3s opacity; transform: translate3d(0, 0, 0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-pagination-disabled>.swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important } .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .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 { transform: scale(.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33) } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color, #000); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet:only-child { display: none !important } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)) } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0) } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform, .2s top } .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px) } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s left } .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s right } .swiper-pagination-progressbar { background: rgba(0, 0, 0, .25); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top } .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1) } .swiper-scrollbar-disabled>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important } .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-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: flex; justify-content: 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%; 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; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-free-mode>.swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto } .swiper-grid>.swiper-wrapper { flex-wrap: wrap } .swiper-grid-column>.swiper-wrapper { flex-wrap: wrap; flex-direction: column } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-cube { overflow: visible } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100% } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0 } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next+.swiper-slide, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: .6; z-index: 0 } .swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px) } .swiper-flip { overflow: visible } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height } .swiper-cards { overflow: visible } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden } .swiper-container { width: 100%; height: 100%; color: #262626; text-align: center; } .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 3px; background: #222; margin-right: 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; } #banner img, #swiper img { width: 100%; } .swiper-active-switch { background: #fff; } .swiper-scrollbar { background: none; position: absolute; right: 0px; top: 40px; height: 90%; width: 10px; border-radius: 0; } .swiper-scrollbar .swiper-scrollbar-drag { background: #cccccc; border-radius: 0; } .swiper-container { width: 100%; height: 100%; color: #262626; text-align: center; } .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 3px; background: #222; margin-right: 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; } .swiper-visible-switch { background: #aaa; } .swiper-active-switch { background: #fff; } .swiper-scrollbar { background: none; position: absolute; right: 0px; top: 40px; height: 90%; width: 10px !important; border-radius: 0; } .swiper-scrollbar .swiper-scrollbar-drag { background: #cccccc; border-radius: 0; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .swiper-container-multirow>.swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-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: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform, height } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 45px; left: 0; width: 100%; position: relative; z-index: 999; text-align: center; } .swiper-pagination-bullet { width: 15px; height: 15px; display: inline-block; border: 2px #004da1 solid; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; margin: 0 5px; } #swiper.bars .swiper-pagination-bullet { background-color: #875c1f; } #swiper.shops .swiper-pagination-bullet { background-color: #68b8a2; } #swiper.shops .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #004da1; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-white .swiper-pagination-bullet { background: #ffffff; } .swiper-pagination-bullet-active { background-color: #004da1; } #swiper.bars .swiper-pagination-bullet-active { background-color: #fff; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000 } .swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -o-transform: translate(0, -50%); -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block } .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x } .h_lHisPrevds, .h_lHisNextds, .h_lHisPrev, .h_lHisNext { display: block; position: absolute; bottom: 0%; transform: translateY(-50%); -webkit-transform: translateY(-50%); cursor: pointer; width: 33px; height: 33px; z-index: 9; } .wap_nav_sw { height: 100%; position: fixed; width: 100%; z-index: 999999; z-index: -1; opacity: 0; transition: all .5s ease; right: -100%; background-color: #000000; /* IE6閸滃矂鍎撮崚鍜篍7閸愬懏鐗抽惃鍕セ鐟欏牆娅?婵′縺Q濞村繗顫嶉崳锟?娑撳顤侀懝鑼额潶鐟曞棛娲 */ background-color: rgba(0, 0, 0, 0.4); /* IE6閸滃矂鍎撮崚鍜篍7閸愬懏鐗抽惃鍕セ鐟欏牆娅?婵′縺Q濞村繗顫嶉崳锟?娴兼俺顕伴幊鍌︾礉娴e棜袙閺嬫劒璐熼柅蹇旀 */ } .wap_nav_sw ul { width: 100%; background: #fff; height: 100vh; } .wap_nav_sw.header-show { right: 0; } .h_lHisPrevds { right: -35px; background: url(../images/lt.png) center center no-repeat; width: 30px; height: 30px; } .h_lHisNextds { right: -80px; background: url(../images/rt.png) center center no-repeat; width: 30px; height: 30px; } #swiper img { width: 100%; object-fit: cover; } .wap_nav { display: none } .box { width: 85%; margin: 0 auto } .header { position: fixed; width: 100%; top: 0; z-index: 999999999; border-bottom: 1px rgba(255, 255, 255, 0.18) solid; background: #fff; } .header .nav li a { padding: 0 15px; } .header .nav li.cur em { display: block; background: #0066ff; height: 3px; width: 100%; } .header .nav li:hover .menu-pub { z-index: 2; opacity: 1; visibility: visible; transition: All 0.3s; -moz-transition: All 0.3s; -webkit-transition: All 0.3s; -o-transition: All 0.3s; } .menu-pub { position: absolute; z-index: 99999; top: 95px; width: 1200px; background: #fff; padding: 50px 60px; opacity: 1; visibility: hidden; left: 50%; transform: translate(-50%, -0%); -webkit-transform: translate(-50%, 0%); } .menu-pub dl { display: flex; justify-content: space-between; } .header .nav li .menu-pub dt a { color: #4d4d4d; font-size: 16px; display: block; line-height: 60px; text-align: left; border-bottom: 1px #ebebeb solid; } .header .nav li .menu-pub dt a:hover { background: #0066ff; color: #fff; } .header.add_head#fix .nav li .menu-pub dt a:hover { background: #0066ff; color: #fff; } .header .nav li .menu-pub dd p { display: none; } .header .nav li .menu-pub dd p.cur { display: block; } .logo img { width: 100%; } .menu-pub dt { width: 300px; } .menu-pub dd { width: 550px; } .header .nav li a { font-size: 18px; text-align: center; display: block; line-height: 92px; font-weight: bold; } .header .nav li a sup { vertical-align: super; line-height: 0; } .header .nav li.cur a { color: #0066ff; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; animation-name: bounce; } .video h5 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .video p.p { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .index_tow { background: #f3f3f3; } .index_tow .img img { display: block; margin: 0 auto; } #videoIds { width: 100%; height: 100vh; object-fit: cover; } .video span { cursor: pointer; position: absolute; bottom: 80px; left: 50%; transform: translate(-50%, -0%); -webkit-transform: translate(-50%, -0%); } .video .word { position: absolute; top: 50%; color: #fff; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); color: #fff; text-align: center; } .video .word h2 { font-size: 66px; font-weight: bold; line-height: 76px; letter-spacing: 6px; } .video .word p { font-size: 24px; margin: 30px 0; } .video .word a { display: block; width: 150px; line-height: 40px; background: #0066ff; font-size: 15px; text-align: center; color: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 50px auto; } .header .logo { width: 11.67%; } /* .header .nav { width: 81.67%; } */ .header .nav .search { -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; width: 160px; color: #727272; margin: 0 30px; border: 1px solid rgba(0, 0, 0, 0.36); /* background-color: #000000; */ /* IE6閸滃矂鍎撮崚鍜篍7閸愬懏鐗抽惃鍕セ鐟欏牆娅?婵′縺Q濞村繗顫嶉崳锟?娑撳顤侀懝鑼额潶鐟曞棛娲 */ /* background-color: rgba(0, 0, 0, 0.36); */ /* IE6閸滃矂鍎撮崚鍜篍7閸愬懏鐗抽惃鍕セ鐟欏牆娅?婵′縺Q濞村繗顫嶉崳锟?娴兼俺顕伴幊鍌︾礉娴e棜袙閺嬫劒璐熼柅蹇旀 */ } .header .nav .search .text { background: none; border: 0; padding: 7px 15px; width: 80%; color: #727272; } .header .nav .search img { width: 14px; height: 14px; align-self: center; margin-right: 10px; cursor: pointer; } .header .nav .language { width: 80px; } .header .nav .language a { width: 50%; padding: 8px 0; text-align: center; display: block; color: #fff; font-size: 13px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .header .nav .language a:nth-child(1) { -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; } .header .nav .language a:nth-child(2) { -moz-border-radius: 0 6px 6px 0; -webkit-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; } .header .nav .language a.cur { /* background: -webkit-linear-gradient(left, #0090db, #0066b6); background: -o-linear-gradient(bottom, #0090db, #0066b6); background: -moz-linear-gradient(bottom, #0090db, #0066b6); background: linear-gradient(to bottom, #0090db, #0066b6); */ background: #0066ff; } .header .nav .language a { background: -webkit-linear-gradient(left, #868686, #757575); background: -o-linear-gradient(bottom, #868686, #757575); background: -moz-linear-gradient(bottom, #868686, #757575); background: linear-gradient(to bottom, #868686, #757575); } .index_one { padding: 70px 0; } .index_one dl { width: 20%; text-align: center; cursor: pointer; } .index_one h2 { font-size: 24px; color: #666; margin: 20px auto; } .index_one p { width: 190px; margin: 0 auto; font-size: 16px; color: #666; line-height: 28px; } .index_one dt img:nth-child(2), .index_one dl:hover dt img:nth-child(1) { display: none; } .index_one dl:hover dt img:nth-child(2) { display: block; margin: 0 auto; } .index_one dt { text-align: center; margin: 0 auto; } .index_one dl:hover h2 { color: #0066ff; } .index_tow dt b { display: none; animation: warn 1.5s ease-out 0s infinite; width: 50px; height: 50px; -moz-border-radius: 500px; -webkit-border-radius: 500px; border-radius: 500px; background-color: #a7c4eb; text-align: center; background-color: rgba(37, 89, 165, 0.22); } .index_tow dt i { display: block; width: 18px; height: 18px; -moz-border-radius: 500px; -webkit-border-radius: 500px; border-radius: 500px; background-color: #00a0e9; position: relative; border: 1px #a7c4eb solid; top: -27px; left: 9px; } @keyframes warn { 1% { transform: scale(0.5); opacity: 1; width: 100%; } 30% { opacity: 1; width: 100%; } 100% { transform: scale(1.4); opacity: 0.5; width: 100%; } } @keyframes warns { 1% { transform: scale(0.5); opacity: 1; width: 100%; } 30% { opacity: 1; width: 100%; } 100% { transform: scale(0.5); opacity: 0.5; width: 100%; } } .index_tow .box.dd { z-index: 999; position: absolute; top: 0; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -0%); left: 50%; } .index_tow .box .dl { position: absolute; left: 50%; transform: translate(-50%, -0%); -webkit-transform: translate(-50%, -0%); top: 0; width: 100%; } .index_tow .dl dt { font-size: 20px; font-weight: bold; color: #0066ff; line-height: 56px; text-align: center; position: relative; overflow: hidden; } .index_tow .dl dt em { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .index_tow .dl dl, .index_tow .dl dd { position: absolute; } .index_tow .dl dl:nth-child(1) { left: 675px; } .index_tow .dl dl:nth-child(1) dd { left: 237px; top: 80px; } .index_tow .dl dl:nth-child(2) { left: 405px; top: 182px; } .index_tow .dl dl:nth-child(2) dd { left: 185px; top: 80px; } .index_tow .dl dl:nth-child(3) { left: 495px; top: 480px; } .index_tow .dl dl:nth-child(3) dd { left: 162px; top: 67px; } .index_tow .dl dl:nth-child(4) { right: 304px; top: 90px; } .index_tow .dl dl:nth-child(4) dd { right: -70px; top: 86px; } .index_tow .dl dl:nth-child(5) { right: 323px; top: 358px; } .index_tow .dl dl:nth-child(5) dd { right: -60px; top: 76px; } .index_tow .dl dl:nth-child(1) dt { background: url(../images/name_1.png) no-repeat; /* width: 205px; */ background-size: 100% 100%; padding: 0 20px; height: 56px; } .index_tow .dl dl:nth-child(2) dt, .index_tow .dl dl:nth-child(3) dt, .index_tow .dl dl:nth-child(5) dt { background: url(../images/name_2.png) no-repeat; /* width: 153px; */ background-size: 100% 100%; padding: 0 20px; height: 56px; } .index_tow .dl dl:nth-child(4) dt { background: url(../images/name_3.png) no-repeat; /* width: 138px; */ background-size: 100% 100%; padding: 0 20px; height: 56px; } .index_th .swiper-pagination-bullet { width: 35px; height: 2px; background: #0066ff; display: inline-block; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin: 0 3px; } .swiper-pagination { text-align: center; padding: 40px 0 80px 0; } .index_th .swiper-pagination-bullet-active { background: #c6c6c6; width: 70px; } .index_th .swiper-slide { position: relative; } .index_th .swiper-slide dt { height: 380px; overflow: hidden; } .index_th .swiper-slide { cursor: pointer; } .index_th .swiper-slide p { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #0066ff; /* IE6閸滃矂鍎撮崚鍜篍7閸愬懏鐗抽惃鍕セ鐟欏牆娅?婵′縺Q濞村繗顫嶉崳锟?娑撳顤侀懝鑼额潶鐟曞棛娲 */ background-color: rgba(0, 91, 172, 0.44); /* IE6閸滃矂鍎撮崚鍜篍7閸愬懏鐗抽惃鍕セ鐟欏牆娅?婵′縺Q濞村繗顫嶉崳锟?娴兼俺顕伴幊鍌︾礉娴e棜袙閺嬫劒璐熼柅蹇旀 */ } .index_th .h_lHisPrevd, .index_th .h_lHisNextd { display: block; position: absolute; top: 40%; transform: translateY(-50%); -webkit-transform: translateY(-50%); cursor: pointer; width: 46px; height: 46px; z-index: 9; } .index_th .h_lHisPrevd { left: 2.5%; background: url(../images/lt.png) center center no-repeat; } .index_th .h_lHisPrevd:hover { left: 2.5%; background: url(../images/lt_1.png) center center no-repeat; } .index_th .h_lHisNextd { right: 2.5%; background: url(../images/rt.png) center center no-repeat; } .index_th .h_lHisNextd:hover { right: 2.5%; background: url(../images/rt_1.png) center center no-repeat; } .index_th .swiper-container { text-align: left; } .index_th .swiper-slide dd { position: absolute; left: 50%; bottom: -25%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); color: #fff; font-size: 30px; } .index_th .swiper-slide dd h2 { font-weight: bold; } .index_four .test dd h2 span i { display: none; } .index_th .swiper-slide dd a { display: block; text-align: center; color: #fff; background: #0066ff; margin: 25px auto 0 auto; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width: 150px; line-height: 40px; background: #0066ff; font-size: 14px; } .index_th .swiper-slide:hover dd { bottom: 23%; } .index_four { padding-bottom: 75px; background: #f3f3f3; } .pub_name { padding-bottom: 40px; } .pub_name a, .pub_name { color: #0066ff; align-self: center; } .pub_name h2 { font-size: 24px; } .index_four .img { width: 585px; position: relative; } .index_four .img dt { height: 500px; overflow: hidden; } .index_four .w585 { width: 49%; } .index_four .img dd { color: #fff; padding: 20px 15px; position: absolute; width: 100%; bottom: 0; background-color: #0066ff; /* IE6閸滃矂鍎撮崚鍜篍7閸愬懏鐗抽惃鍕セ鐟欏牆娅?婵′縺Q濞村繗顫嶉崳锟?娑撳顤侀懝鑼额潶鐟曞棛娲 */ background-color: rgba(0, 102, 255, 0.72); /* IE6閸滃矂鍎撮崚鍜篍7閸愬懏鐗抽惃鍕セ鐟欏牆娅?婵′縺Q濞村繗顫嶉崳锟?娴兼俺顕伴幊鍌︾礉娴e棜袙閺嬫劒璐熼柅蹇旀 */ } .index_four .img h2 { font-size: 20px; margin-bottom: 12px; } .index_four .img h2 em { width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .index_four .img h2 img { position: relative; top: -7px; } .index_four .img p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .index_four .test h3 { width: 155px; height: 120px; overflow: hidden; } .index_four .test a, .index_four .test dd { display: flex; justify-content: space-between; } .index_four .test dl { background: #fff; box-shadow: 0px 3px 19px 0px rgba(0, 0, 0, 0.21); padding: 15px 30px; margin-top: 25px; } .index_four .test dl:nth-child(1) { margin-top: 0; } .index_four .test dt { width: 100px; color: #909090; font-size: 18px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } .index_four .test dt img { margin-top: 20px; } .index_four .test dd { width: 80%; } .index_four .test dd h2 { width: 65% } .index_four .test dd h2 span { color: #333; } .index_four .test dd h2 em { color: #909090; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 30px; margin-top: 15px; } .index_four .test dl:hover h2 span { color: #0066ff; } .index_five { padding-bottom: 75px; } .index_five .pic img { display: block; margin: 0 auto; } .index_five .img, .index_five .dl { margin-top: -220px } .index_five .dl p { width: 10%; margin-left: 1.2%; } .index_five .dl p:nth-child(9n+1) { margin-left: 0; } .index_five .dl p img { border: 1px #ededed solid; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; width: 100%; margin-top: 20px; } .pub_form { background: url(../images/bg_1.jpg) no-repeat; padding-bottom: 75px; background-size: 100% 100%; } .pub_form .name { padding-top: 75px; font-size: 24px; color: #454545; padding-bottom: 35px; } .pub_form .ck_sw { width: 85%; background: #fff; padding: 50px 30px; padding-bottom: 0; } .pub_form .ck { width: 15%; } .pub_form .ck p { background: #0066ff; line-height: 68px; color: #fff; cursor: pointer; margin-top: 15px; font-size: 18px; padding-left: 30px; } .pub_form .ck p:nth-child(1) { margin-top: 0; } .pub_form .ck p.cur { background: #fff; color: #0066ff; } .pub_form .ck p i { display: inline-block; width: 25px; height: 25px; background-size: 25px 25px; position: relative; top: 6px; margin-right: 20px; } .pub_form .ck p:nth-child(1) i { background: url(../images/fm_1.png) no-repeat; } .pub_form .ck p:nth-child(1).cur i { background: url(../images/fm_01.png) no-repeat; } .pub_form .ck p:nth-child(2) i { background: url(../images/fm_2.png) no-repeat; } .pub_form .ck p:nth-child(2).cur i { background: url(../images/fm_02.png) no-repeat; } .pub_form .ck p:nth-child(3) i { background: url(../images/fm_3.png) no-repeat; } .pub_form .ck p:nth-child(3).cur i { background: url(../images/fm_03.png) no-repeat; } .pub_form .ck p:nth-child(4) i { background: url(../images/fm_4.png) no-repeat; } .pub_form .ck p:nth-child(4).cur i { background: url(../images/fm_04.png) no-repeat; } .pub_form .ck p:nth-child(5) i { background: url(../images/fm_5.png) no-repeat; } .pub_form .ck p:nth-child(5).cur i { background: url(../images/fm_05.png) no-repeat; } .pub_form .ck p:nth-child(6) i { background: url(../images/fm_6.png) no-repeat; } .pub_form .ck p:nth-child(6).cur i { background: url(../images/fm_06.png) no-repeat; } .pub_form .ck_sw .one p { width: 32.33%; border: 1px #dcdcdc solid; background: #fcfcfc; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px } .pub_form .ck_sw .tow { border: 1px #dcdcdc solid; background: #fcfcfc; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; width: 100%; height: 158px; } .pub_form .ck_sw .one { margin-bottom: 20px; } .pub_form .ck_sw .text { padding: 12px 15px; width: 80%; background: none; border: 0; color: #bdbdbd; font-size: 16px; } .pub_form .ck_sw img { margin-left: 15px; } .pub_form .ck_sw .tow img { align-self: baseline; margin-top: 15px; } .pub_form .textarea { padding: 15px; width: 98%; background: none; border: 0; color: #bdbdbd; font-family: 瀵邦喛钂嬮梿鍛寸拨; font-size: 16px; } .button { width: 225px; text-align: center; line-height: 50px; background: #0066ff; font-size: 20px; color: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin: 30px auto; cursor: pointer; } .footer { background: #24282a; padding-top: 60px; } .foot .dl { width: 78.75%; color: #fff; font-size: 18px; } .foot .core { width: 13%; color: #fff; font-size: 15px; } .foot .dl dl a, .foot .dl dl dd p { display: block; color: #fff; font-size: 14px; line-height: 38px; } .foot .dl dt img { display: block; margin: 20px 0; } .foot .dl dl:nth-child(2) { width: 208px; } .foot .dl dl:nth-child(2) dd { display: flex; justify-content: space-between; flex-wrap: wrap; } .foot .dl dl:nth-child(2) dd a { width: 50%; } .foot .dl dl:nth-child(2) dd a:nth-child(even) { text-align: right; } .foot .dl dl dd p img { margin-right: 16px; } .foot .core dd { padding: 10px 0 20px 0; } .foot .core img { width: 110px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px } .Copyrights { color: #c7c7c7; font-size: 14px; padding: 20px 0; border-top: 1px #323948 solid; } .Copyrights a, .Copyrights i { color: #c7c7c7; margin-left: 20px; } .add_head .logo img:nth-child(2), .header.add_head#fix .logo img:nth-child(1) { display: none; } .header.add_head.fix img:nth-child(2), .header.add_head#fix img:nth-child(2) { display: block; } .header.add_head.fix, .header.add_head#fix { background: #fff; } .header.add_head.fix, .header.add_head#fix { background: #fff; } .header.add_head.fix .nav li a, .header.add_head#fix .nav li a { color: #4d4d4d; } .header.add_head.fix .nav li.cur a, .header.add_head#fix .nav li.cur a { color: #0066ff; } .header.add_head#fix .nav li.cur .menu-pub dt a { color: #4d4d4d; } .header.add_head#fix .nav li.cur .menu-pub dt a:hover { color: #fff; } .header#fix .nav .search .text::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; font-size: 14px; } .header.add_head#fix .logo img:nth-child(1), .logo img:nth-child(1) { display: none; } .header.add_head.fix img:nth-child(2), .header.add_head#fix img:nth-child(2), .add_head .logo img:nth-child(2) { display: block; } .header.add_head.fix, .header.add_head#fix { background: #fff; } .header.add_head.fix .nav li a, .header.add_head#fix .nav li a { color: #4d4d4d; } .header.add_head.fix .nav li.cur a, .header.add_head#fix .nav li.cur a { color: #0066ff; } .header.add_head#fix .nav li.cur .menu-pub dt a { color: #4d4d4d; } .header.add_head#fix .nav li.cur .menu-pub dt a:hover { color: #fff; } .header#fix .nav .search .text::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; font-size: 14px; } .header#fix .nav .search .text::-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; font-size: 14px; } #banner { margin-top: 95px; } #banner .box { position: absolute; top: 50%; color: #fff; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); font-size: 24px; } #banner .box h2 { font-size: 46px; margin-bottom: 25px; font-weight: bold; } #banner .box p em { margin: 0 13px; } .pro_one { padding: 60px 0; } ..pro_one .word p { color: #464646; } .pro_one .dl dl { width: 30.33%; margin-top: 50px; display: flex; justify-content: space-between; color: #666; cursor: pointer; } .pro_one .dl dl h2 { font-size: 20px; margin-bottom: 12px; } .pro_one .dl dd { align-self: center; line-height: 24px; width: 80%; } .pro_one .dl dl:hover dt img { margin-top: -6px; } .pro_one .dl dl:hover h2 { color: #0066ff; } .pro_ck { background: #f3f3f3; padding: 8px 35px 3px 35px; } .pro_tow { padding: 80px 0; } .pro_tow .pro_ck span { font-size: 22px; font-weight: 600; padding: 12px 40px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; cursor: pointer; position: relative; } .pro_tow .pro_ck span.cur, .pro_tow .pro_ck span:hover { background: #0066ff; color: #fff; } .pro_tow .pro_ck span img { display: none; } .pro_tow .pro_ck span.cur img, .pro_tow .pro_ck span:hover img { display: block; } .pro_tow .pro_ck span.cur i, .pro_tow .pro_ck span:hover i { position: absolute; bottom: -4px; left: 50%; transform: translate(-50%, -0%); -webkit-transform: translate(-50%, -0%); } .pro_ck_sw .text p { margin-top: 30px; } .pro_ck_sw .dl { margin-top: 35px; } .pro_ck_sw .dl dl { width: 31.33%; margin-left: 3%; margin-bottom: 50px; } .pro_ck_sw .dl dl:nth-child(3n+1) { margin-left: 0; } .pro_ck_sw .dl dt { color: #0066ff; font-size: 20px; background: url(../images/ww.jpg) no-repeat 0 10px; padding-left: 16px; margin-bottom: 18px; } .pro_ck_sw .dl dd { line-height: 30px; padding-left: 16px; } .pro_four dl { width: 49%; height: 360px; background: url(../images/bg_01.jpg) no-repeat; background-size: 100% 360px; padding: 35px 30px; margin-bottom: 40px; cursor: pointer; position: relative; } .pro_four dl:hover { background: url(../images/bg_010.jpg) no-repeat; background-size: 100% 360px; } .pro_four dl:hover h2 { color: #fff; } .pro_four dl:hover dt a { background: #00a0e9; } .pro_four dt h2 { font-size: 24px; } .pro_four dt a { width: 210px; line-height: 46px; text-align: center; background: #0066ff; color: #fff; display: block; margin-top: 35px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px } .pro_four dd { position: absolute; right: 35px; bottom: 30px; } .pro_tow .pro_ck_sw .one { display: none; } .pro_tow .pro_ck_sw .one.cur { display: block; } .pro_tow .pro_ck_sw .add_name { color: #0066ff; font-size: 24px; margin-top: 50px; } .pro_ck_sw .dl.add_dl_1 { justify-content: space-between; } .pro_ck_sw .dl.add_dl_1 dl { width: 515px; margin-left: 0; } .pro_ck_sw .add_box { position: absolute; top: 45px; left: 50%; transform: translate(-50%, -0%); -webkit-transform: translate(-50%, -0%); color: #fff; } .pro_ck_sw .add_box { padding-bottom: 150px; } .pro_ck_sw .add_box .tit { font-size: 24px; } .pro_ck_sw .add_box .add_dl h2 { background: url(../images/ee.png) no-repeat 0 10px; padding-left: 15px; font-size: 20px; margin: 25px 0 12px 0; } .pro_ck_sw .add_box .add_dl dl { width: 47%; } .pro_ck_sw .add_box .add_dl p { line-height: 28px; margin-bottom: 30px; } .pro_ck_sw .add_box .add_dl img { box-shadow: 0px 3px 19px 0px rgba(0, 0, 0, 0.21); } .pro_tow .pro_ck_sw .one:nth-child(4) .add_four { min-height: 620px; } .pro_five { background: url(../images/bg_3.jpg) no-repeat; color: #fff; padding-top: 60px; margin-top: 50px; } .pro_five .ck_ck { border-bottom: 1px #4785d3 solid; padding-bottom: 20px; } .pro_five .ck_ck span { position: relative; cursor: pointer; } .pro_five .ck_ck img { display: none; margin: 0 auto; position: absolute; bottom: -26px; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .pro_five .ck_ck span.cur img { display: block; } .pro_five .ck_ck span.cur { font-size: 20px; font-weight: bold; } .ck_ck_sw .main p { line-height: 32px; margin-top: 40px; } .ck_ck_sw .main { display: none; } .ck_ck_sw .main.cur { display: block; } .ck_ck_sw .main .dl span { display: block; width: 18.33%; line-height: 54px; background: #1f80d7; color: #fff; text-align: center; margin-left: 2.08%; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px } .ck_ck_sw .main .dl span:nth-child(5n+1) { margin-left: 0; } .ck_ck_sw .main .dl span i { display: inline-block; background: url(../images/on_on.png) no-repeat; background-size: 20px 20px; width: 20px; height: 20px; margin-right: 15px; position: relative; top: 4px; } #banner img { width: 100%; object-fit: cover; } .name_h2 { font-size: 24px; color: #0066ff; margin-bottom: 30px; } .add_pt50 { border-bottom: 1px #eeeeee solid; padding-bottom: 55px; margin-bottom: 50px; } .dl_dl_pub dl { width: 49%; display: flex; justify-content: space-between; margin-bottom: 60px; } .dl_dl_pub { margin-top: 45px; } .dl_dl_pub dd { width: 87%; } .dl_dl_pub dt { width: 130px; text-align: center; } #product .pro_one { padding-bottom: 0; } .dl_dl_pub h2 { color: #464646; font-size: 20px; font-weight: bold; margin-bottom: 8px; } .dl_dl_pub p { line-height: 24px; } .dl_dl_pub dl:hover dt img { margin-top: -8px; } .dl_dl_pub dl { cursor: pointer; } .dl_dl_pub dl:hover h2 { color: #0066ff; } .solution { padding: 60px 0 30px 0; } .solution .one { margin-bottom: 40px; box-shadow: 0px 3px 19px 0px rgba(241, 241, 241); cursor: pointer; } .solution .one .img { height: 385px; overflow: hidden; } .w50 { width: 50%; } .solution .one:nth-child(odd) .img, .solution .one:nth-child(even) .word { float: left; } .solution .one:nth-child(even) .img, .solution .one:nth-child(odd) .word { float: right; } .solution .one .word { padding: 55px 75px; } .solution .one .word h2 { font-size: 24px; color: #4d4d4d; } .solution .one .word p { margin: 35px 0 95px 0; color: #7f7f7f; line-height: 32px; font-weight: lighter; } .solution .one .word a { display: block; width: 210px; text-align: center; line-height: 44px; background: #0066ff; color: #fff; font-size: 18px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px } .solution .one:hover h2 { color: #0066ff; } #txt p { font-size: 16px; line-height: 30px; width: 960px; } .solution .dl_dl_pub dd { width: 85%; } .solution .pro_one { padding: 0; } .solu_tow .box { position: absolute; top: 55px; left: 50%; transform: translate(-50%, -0%); -webkit-transform: translate(-50%, -0%); color: #fff; } .solu_tow .word h2 { font-size: 24px; } .solu_tow .word p { line-height: 32px; width: 850px; margin: 35px 0 100px 0; } .solu_tow .dl { background: #fff; padding: 35px 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; box-shadow: 0px 3px 9px 0px rgba(241, 241, 241); } .solu_tow .dl dl { width: 25%; text-align: center; background: url(../images/bg_01.png) no-repeat; } .solu_tow .dl dt { font-size: 22px; color: #464646; font-weight: bold; margin-bottom: 25px; } .solu_tow { min-height: 670px; } .dl_th_pub dl { width: 49%; position: relative; margin-bottom: 30px; } .dl_th_pub dt { width: 100%; height: 280px; overflow: hidden; } .dl_th_pub dt img.npn { position: absolute; top: 0; left: 0; } .dl_th_pub dd p { font-size: 20px; line-height: 42px; color: #fff; width: 310px; } .dl_th_pub dd { position: absolute; top: 50%; left: 40px; transform: translate(-0%, -50%); -webkit-transform: translate(-0%, -50%); } .pro_one.case_add .name_h2 { margin-bottom: 0; } .pro_one.case_add a { color: #464646; } .pro_one.case_add a:hover { color: #0066ff; } .pro_one.case_add #swiper { margin: 35px 0 70px 0; } .pro_one.case_add #swiper dd h2 { padding: 15px; color: #212121; font-size: 20px; width: 85%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .pro_one.case_add #swiper .swiper-container { text-align: left; padding-bottom: 20px; } .pro_one.case_add #swiper dl:hover h2 { color: #0066ff; } .pro_one.case_add #swiper dd { box-shadow: 0px 3px 19px 0px rgba(215, 215, 215); display: flex; justify-content: space-between; border-left: 1px #f6f6f6 solid; } .pro_one.case_add #swiper dt { height: 195px; overflow: hidden; } .pro_one.case_add #swiper dd img { width: 56px; height: 56px; } .pro_one.case_add .h_lHisPrevd, .pro_one.case_add .h_lHisNextd { display: block; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); cursor: pointer; width: 34px; height: 70px; } .pro_one.case_add .h_lHisPrevd { left: -60px; background: url(../images/c_lt.png) center center no-repeat; } .pro_one.case_add .h_lHisNextd { right: -60px; background: url(../images/c_rt.png) center center no-repeat; } .case .pro_one .word p { line-height: 32px; } /* .case_one #swiper dl { display: flex; justify-content: space-between; } */ .case_one #swiper dt { width: 57.5%; height: 365px; overflow: hidden; float: right; } .case_one #swiper .swiper-container { text-align: left; } .case_one #swiper dd img { width: 15px; margin-right: 5px; } .case_one #swiper dd h2 { font-size: 24px; color: #464646; font-weight: bold; } .case_one #swiper dd { width: 36.25%; float: left; } .case_one #swiper dd h3 { margin: 15px 0 30px 0; font-weight: lighter; } .case_one #swiper dd p { line-height: 32px; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; word-break: break-all; display: -webkit-box; } .case_one #swiper dd a { display: block; width: 150px; line-height: 40px; background: #0066ff; font-size: 15px; text-align: center; color: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin-top: 45px; } .case_one #swiper .swiper-pagination-bullet { width: 8px; height: 8px; border: 0; background: #d7d7d7; margin: 0 5px; } .case_one #swiper .swiper-pagination-bullet-active { background: #0066ff; } .case_one #swiper .swiper-pagination { text-align: left; padding: 0; margin-top: -20px; } .case_tow .ck_ck em, .case_tow .ck_ck i { display: block; font-size: 14px; } .case_tow .ck_ck span { width: 10%; text-align: center; position: relative; color: #0066ff; padding: 12px 0; cursor: pointer; } .case_tow .ck_ck span em img:nth-child(2), .case_tow .ck_ck span.cur em img:nth-child(1) /* ,.case_tow .ck_ck span:hover em img:nth-child(1) */ { display: none; } .case_tow .ck_ck span.cur em img:nth-child(2) /* ,.case_tow .ck_ck span:hover em img:nth-child(2) */ { display: block; margin: 0 auto; } .case_tow .ck_ck span b { display: none; } .case_tow .ck_ck span.cur /* ,.case_tow .ck_ck span:hover */ { background: #0066ff; color: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px } .case_tow .ck_ck span.cur b /* ,.case_tow .ck_ck span:hover b */ { display: block; position: absolute; left: 50%; transform: translate(-50%, -0%); -webkit-transform: translate(-50%, -0%); bottom: -5px; } .case_tow .ck_sw { margin-top: 35px; } .case_tow .ck_sw .one_tow dl { width: 31.67%; background: #fff; box-shadow: 0px 3px 19px 0px rgba(241, 241, 241); cursor: pointer; margin-left: 2.49%; margin-bottom: 30px; padding: 25px 30px; } .case_tow .ck_sw .one_tow dl:nth-child(3n+1) { margin-left: 0; } .case_tow .ck_sw .one_tow h2 { font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .case_tow .ck_sw .one_tow h3 { margin: 12px 0 25px 0; font-weight: lighter; } .case_tow .ck_sw .one_tow h3 img { margin-right: 6px; } .case_tow .ck_sw .one_tow dt { height: 170px; overflow: hidden; } .case_tow .ck_sw .one_tow dl:hover h2, .case_one #swiper dl:hover h2 { color: #0066ff; } .case_one #swiper dl { cursor: pointer; } #pages { display: flex; } .page { text-align: center; width: 100%; margin: 40px auto 70px auto; justify-content: center; } .page ul { justify-content: center; } .page li { background: #fdfdfd; border: 1px #e8e8e8 solid; color: #282828; font-size: 16px; text-align: center; padding: 8px 15px; margin: 0 3px; cursor: pointer; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px } .page li:hover, .page li.active { background: #0066ff; border: 1px #0066ff solid; color: #fff; display: block; } .page li:hover a { color: #fff; } #case { border-top: 1px #ebebeb solid; padding-top: 160px; } #case .tit h2 { font-size: 24px; color: #464646; font-weight: bold; } #case .tit h3 { margin: 15px 0 30px 0; font-weight: lighter; } #case .tit h3 img { width: 15px; margin-right: 5px; } #case .tit p { line-height: 32px; } #case .word .one { padding: 35px 0; border-bottom: 1px #eeeeee solid; } #case .word .one:nth-child(1) { padding-top: 0; } #case .word .one .tits h2 { font-size: 24px; color: #464646; background: url(../images/tits.png) no-repeat 0 4px; padding-left: 40px; margin-bottom: 35px; } #case .word .one:nth-child(2) .tits h2 { background: url(../images/tits2.png) no-repeat 0 4px; } #case .word .one:nth-child(3) .tits h2 { background: url(../images/tits3.png) no-repeat 0 4px; } #case .word .one .txt p { background: url(../images/aa.png) no-repeat 0 14px; padding-left: 15px; color: #464646; line-height: 32px; } #case .word .one .txt h3 { font-size: 20px; font-weight: bold; color: #464646; margin: 30px 0 20px 0; } #case .word .one video { height: 675px; margin-top: 40px; width: 100%; object-fit: cover; } #case .word .one .comBox4 { margin-top: 40px; } #case .word .one .swiper-pagination-bullet { width: 35px; height: 2px; background: #0066ff; display: inline-block; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin: 0 3px; } #case .word .one .swiper-pagination { text-align: center; padding: 40px 0; } #case .word .one .swiper-pagination-bullet-active { background: #c6c6c6; width: 70px; } #case .word .one .swiper-slide dt { height: 335px; overflow: hidden; } #case .word .one .swiper-container { text-align: left; } #case .word .one .swiper-slide dd { font-size: 20px; color: #383838; margin-top: 10px; } #service .service_one { padding-top: 270px; padding-bottom: 130px; text-align: center; width: 1200px; } #service .service_one .dl { position: absolute; top: 0; left: 50%; width: 690px; display: flex; justify-content: space-between; flex-wrap: wrap; text-align: center; transform: translate(-50%, -0%); -webkit-transform: translate(-50%, -0%); } #service .service_one dd { width: 216px; padding: 30px 0; position: relative; background: #fff; cursor: pointer; box-shadow: 0px 3px 19px 0px rgba(240, 238, 238); margin-bottom: 30px; } #service .service_one dl:nth-child(even) { margin-left: 250px; } #service .service_one dd p { color: #595757; font-size: 20px; line-height: 42px; position: relative; z-index: 9; } #service .service_one dd h5 img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); filter: alpha(opacity=5); -moz-opacity: 0.05; -khtml-opacity: 0.05; opacity: 0.05; z-index: 0; } #service .service_one dt em { display: block; width: 56px; text-align: center; line-height: 44px; background: #0066ff; color: #fff; font-size: 20px; font-weight: bold; margin: 0 auto; } #service .service_one dt h2 { font-size: 24px; font-weight: bold; color: #0066ff; margin: 20px auto 45px auto; } #service .service_one .dl dd:hover { background: #0066ff; } #service .service_one .dl dd:hover p { color: #fff; } #service .service_one .dl dd:hover h5 img { filter: alpha(opacity=45); -moz-opacity: 0.45; -khtml-opacity: 0.45; opacity: 0.45; } #service .service_tow { background: #f7fafd; padding-bottom: 60px; } #service .service_tow dl { width: 25%; text-align: center; border-left: 1px #ddeaf8 solid; padding: 75px 0; cursor: pointer; } .index_four .test dl:hover dt img { margin-left: 15px; } #service .service_tow dl:nth-child(1), #service .service_tow dl:nth-child(2), #service .service_tow dl:nth-child(3), #service .service_tow dl:nth-child(4) { border-bottom: 1px #ddeaf8 solid; } #service .service_tow dl:nth-child(1), #service .service_tow dl:nth-child(5) { border-left: 0 } #service .pro_one { padding-bottom: 0; } #service .service_tow dd { color: #404040; font-size: 20px; margin-top: 25px; } #service .service_tow dl:hover { background: #fff; box-shadow: 0px 3px 19px 0px rgba(240, 238, 238); } #service .service_tow dl:hover dd { color: #0066ff; font-weight: bold; } #service .service_tow dl:hover dt img { margin-top: -5px; } #service .service_th { padding-bottom: 70px; } #service .service_th dl { display: flex; cursor: pointer; } #service .service_th dd { font-size: 24px; color: #383838; align-self: center; margin-left: 20px; } #service .service_th .words { margin: 40px auto; } .news .ck { border-bottom: 1px #ebebeb solid; display: flex; justify-content: center; } .news .ck a { font-size: 24px; color: #4d4d4d; margin: 0 40px; padding-bottom: 20px; } .news { padding: 55px 0 0 0; } .news .ck a.cur, .news .ck a:hover { color: #0066ff; } .news .ck a.cur i, .news .ck a:hover i { display: block; width: 60px; height: 3px; background: #0066ff; margin: 0 auto; position: relative; bottom: -20px; } .news .dl dl { width: 30.83%; background: #fff; box-shadow: 0px 3px 19px 0px rgba(234, 234, 234); margin-left: 3.75%; margin-top: 45px; padding: 20px 30px; } .news.marketing .dl dl { padding: 0; } .news.marketing .dl dt { height: 330px; overflow: hidden; } .news.marketing .dl dd { padding: 20px; border-bottom: 0; margin-bottom: 0; } .news.marketing .dl dd span { background: -webkit-linear-gradient(left, #3083ff, #0066ff); background: -o-linear-gradient(right, #3083ff, #0066ff); background: -moz-linear-gradient(right, #3083ff, #0066ff); background: linear-gradient(to right, #3083ff, #0066ff); color: #fff; font-size: 14px; font-weight: bold; padding: 10px 14px; display: inline-block; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px } .news.marketing .dl dd h2 { margin: 20px 0 30px 0; } .news.marketing .dl dd p { justify-content: initial; } .news.marketing .dl dd p img { margin-right: 10px; } .news.marketing .dl dd p em:nth-child(2) { width: 93%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .pub_form.add_pub_form .add_ck { width: 528px; background: url(../images/add_img_1.jpg) no-repeat; background-size: 100% 513px; color: #fff; padding: 50px; } .pub_form.add_pub_form { padding: 60px 0; } .pub_form.add_pub_form .add_ck dt { font-weight: bold; font-size: 30px; margin-bottom: 50px; text-transform: uppercase; } #banner.add_attract .box h2 { font-size: 60px; margin-bottom: 25px; font-weight: bold; color: #1d213a; margin-bottom: 30px; } #banner.add_attract .box p { color: #1d213a; font-size: 16px; line-height: 36px; width: 60%; } #banner.add_attract .box a { background: #0066ff; width: 180px; text-align: center; line-height: 42px; color: #fff; font-size: 18px; display: block; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin-top: 65px; } .color_w, .attract .color_w .add_tit_cent h2 { color: #fff; } .attract .add_tit_cent { padding-top: 80px; } .attract .add_tit_cent h2 { font-size: 40px; } .attract .add_tit_cent p { font-size: 24px; margin-top: 30px; } .attract .att_one .word { margin-top: 200px; } .attract .att_one .word p { font-size: 18px; line-height: 40px; } .att_th .dl { margin-top: 100PX; } .att_th .dl dl { width: 30%; } .att_th .dl dt { font-size: 28px; color: #fff; font-weight: bold; background: url(../images/add_name.png) no-repeat; background-size: 173px 54px; text-align: center; line-height: 54px; margin: 0 auto -27px auto; width: 173px; position: relative; } .att_th .dl dd { background: rgb(7, 40, 89, 0.5); border: 1px #3e5c89 solid; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; text-align: center; height: 340px; display: flex; flex-direction: column; justify-content: center; } .att_th .dl dd p { font-size: 24px; margin-top: 40px; } .att_th .dl dd p:nth-child(1) { margin-top: 0; } .att_four dl { width: 33.33%; text-align: center; } .att_four h3 { color: #1d213a; font-size: 24px; margin: 15px auto 25px auto; font-weight: bold; } .att_four p { color: #1d213a; font-size: 16px; line-height: 28px; } .att_four dl h2 { font-size: 54px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin-top: 30px; background-image: linear-gradient(150deg, #0066ff, #9bd1f4); background-clip: text; color: transparent; -webkit-background-clip: text; } .att_four .dl { padding-top: 105px; } .att_five .dl { padding-top: 30px; } .att_five dl { text-align: center; position: relative; z-index: 9; background: #fff; width: 160px; } .att_four dt img, .att_th .dl dl { position: relative; top: 0; } .att_four dl:hover dt img, .att_th .dl dl:hover { top: -15px; } .att_five dd { color: #1d213a; font-size: 20px; margin-top: 22px; } .mn_add { border-bottom: 1px #0066ff dashed; position: relative; top: 90px; } .att_one { background: url(../images/att_bg_1.jpg) no-repeat; background-size: 100% 900px; height: 900px; } .att_tow { background: url(../images/att_bg_2.jpg) no-repeat; background-size: 100% 900px; height: 900px; } .att_th { background: url(../images/att_bg_3.jpg) no-repeat; background-size: 100% 900px; height: 900px; } .att_four { background: url(../images/att_bg_4.jpg) no-repeat; background-size: 100% 900px; height: 900px; } .att_five { background: url(../images/att_bg_5.jpg) no-repeat; background-size: 100% 900px; height: 900px; } .att_tow .dl dl { width: 48.5%; background: #fff; border: 1px #e5efff solid; padding: 45px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; display: flex; margin-top: 30px; box-shadow: 0px 3px 19px 0px rgba(0, 0, 0, 0.05); } .att_tow .dl dt { margin-right: 50px; align-self: center; } .att_tow .dl dd h2 { font-size: 20px; color: #222; margin-bottom: 20px; font-weight: bold; } .att_tow .dl dd p { font-size: 16px; color: #464646; line-height: 32px; } .pub_form.add_pub_form .add_ck dd p { font-size: 20px; line-height: 36px; } .pub_form.add_pub_form .ck_sw select { background: #fcfcfc; border: 0; width: 73%; color: #aaaaaa; margin-left: 15px; } .add_en_form .add_add { position: absolute; top: 55%; right: -13px; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); } .add_en_form { background: #fff; width: 415px; position: fixed; right: 90px; top: 15%; z-index: 99999999; padding: 20px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; display: none;border: 1px #e0ecff solid;box-shadow: 0px 3px 19px 0px rgba(0, 0, 0, 0.05); } .add_en_form .close { position: absolute; right: 20px; cursor: pointer; } .add_en_form .tit h2 { font-size: 24px; font-weight: bold; color: #222; } .add_marketing { padding: 70px 0; } .add_en_form .form dt { padding: 10px 0; } .add_en_form .form .text, .add_en_form .form .textarea , .add_en_form .form .select{ line-height: 38px; height: 38px; width: 100%; border: 1px #dcdcdc solid; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 0 15px; background: #fff; } .add_en_form .form .textarea { height: 100px; font-family: 寰蒋闆呴粦; line-height: 20px; font-size: 14px; padding: 15px; } .add_en_form .form .btn_add_en { background: #0066ff; cursor: pointer; padding: 15px 0; text-align: center; color: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-top: 15px; } .add_marketing .title h2 { color: #4d4d4d; font-size: 30px; display: flex; } .add_marketing .title h2 em { font-size: 14px; align-self: baseline; color: #fff; font-weight: bold; background: -webkit-linear-gradient(left, #3083ff, #0066ff); background: -o-linear-gradient(right, #3083ff, #0066ff); background: -moz-linear-gradient(right, #3083ff, #0066ff); background: linear-gradient(to right, #3083ff, #0066ff); color: #fff; font-size: 14px; font-weight: bold; padding: 10px 14px; display: inline-block; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-right: 20px; } .add_marketing ul { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px 0; border-bottom: 1px #efefef solid; } .add_marketing ul li { color: #7d7d7d; font-size: 16px; line-height: 36px; } .add_marketing ul li:nth-child(odd) { width: 20%; } .add_marketing ul li:nth-child(even) { width: 76%; } .add_marketing ul li img { margin-right: 15px; } .pub_form.add_pub_form .ck_sw .one p em i { color: #ff0000; } .pub_form.add_pub_form .button { text-transform: uppercase; } .add_marketing .word p { font-size: 20px; line-height: 42px; color: #4d4d4d; margin-top: 35px; } .add_marketing .word p img { display: block; margin: 0 auto; } .add_marketing .title h2 span { width: 90%; } .add_wap_sw { display: none; } .pub_form.add_pub_form .ck_sw { width: 1097px } .pub_form.add_pub_form .ck_sw .one p { width: 48.5%; background: #fcfcfc; display: flex; } .pub_form.add_pub_form .ck_sw .one p em { width: 110px; align-self: center; padding-left: 20px; font-size: 16px; } .pub_form.add_pub_form .ck_sw .text { width: auto; } .news .dl dl:nth-child(3n+1) { margin-left: 0; } .news .dl h2 { font-size: 20px; line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 60px; } .news .dl p { margin: 15px 0; display: flex; justify-content: space-between; color: #7d7d7d; } .news .dl p i { color: #0066ff; } .news .dl dt { height: 250px; overflow: hidden; } .news .dl dd { padding-bottom: 12px; margin-bottom: 18px; border-bottom: 1px #ebebeb solid; } .news .dl dl:hover h2 { color: #0066ff; } #news { padding-top: 160px; } #news .title h2 { font-size: 30px; line-height: 42px; color: #4d4d4d; } #news .title p { color: #4c4c4c; padding: 20px 0; border-bottom: 1px #ebebeb solid; } .new_lt { width: 66.25%; } .new_rt { width: 30%; } .new_lt .test p { font-size: 20px; line-height: 42px; color: #4d4d4d; margin-top: 35px; } .new_lt .test p img, .new_lt .test img { display: block; margin: 0 auto; } .pev_net { border-top: 1px #e7e7e7 solid; margin-top: 40px; padding-top: 40px; padding-bottom: 80px; } .pev_net .list { margin-top: 40px; } .pev_net p { margin-top: 20px; } .pev_net a:hover { color: #196fb8; } .pev_net img { margin-right: 35px; cursor: pointer; } .nav_nav .name { font-size: 24px; color: #4d4d4d; } .nav_nav .name img { margin-right: 15px; } .new_rt .nav_nav:nth-child(2) a { display: flex; justify-content: space-between; padding: 20px 0; border-bottom: 1px #efefef solid; } .nav_nav dt { width: 25%; height: 1.5rem; overflow: hidden; border: 2px #abaeb7 solid; } .nav_nav dd { width: 72%; } .nav_nav dd h2 { color: #6d6d6d; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .nav_nav dd p { color: #6d6d6d; font-size: 15px; margin-top: 5px; } .nav_nav dl:hover h2 { color: #0066ff; } .nav_nav ul li { background: #f7f7f7; margin-bottom: 20px; padding-left: 45px; } .nav_nav ul li a { font-size: 20px; display: block; color: #5c5c5c; background: url(../images/sen.jpg) no-repeat 0 26px; padding-left: 15px; display: flex; justify-content: space-between; line-height: 55px; } .nav_nav ul { margin: 30px 0; } .nav_nav ul li i { background: url(../images/q.jpg) no-repeat; display: block; width: 55px; height: 55px; } .contact .map { width: 60%; } .contact .test { width: 40%; align-self: center; padding: 0 60px; } .contact .test h2 { font-size: 24px; font-weight: bold; color: #0066ff; margin-bottom: 30px; } .contact .test p { margin-top: 20px; } .contact .test p img { margin-right: 15px; } .contact { padding: 60px 0; } .maped { width: 100%; height: 325px; margin: 0 auto; } .contact_tow { border: 1px #d02127 dashed; padding: 20px; margin: 0 auto 60px auto; } .contact_tc { background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0px 3px 19px 0px rgba(0, 0, 0, 0.15); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .contact_tc .txted { padding: 20px; color: #666666; font-size: 15px; } .contact_tc .txted img { width: 16px; height: 14px; position: relative; top: 5px; margin-right: 10px; } .contact .test p em, .foot .dl dl dd p em { margin: 0 10px; } .join { padding: 60px 0; } .join dl { width: 48.5%; position: relative; } .join dl dt img { width: 100%; } .join dd { position: absolute; top: 50%; left: 60px; transform: translate(-0%, -50%); -webkit-transform: translate(-0%, -50%); } .join dd h2 { font-size: 30px; font-weight: bold; color: #0066ff; } .join dd a { display: block; width: 120px; text-align: center; line-height: 54px; background: #0066ff; color: #fff; font-size: 18px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-top: 30px; } .header { border-bottom: 1px #ebebeb solid; } #about .name { font-size: 24px; color: #0066ff; padding: 50px 0 30px 0; } #about .ab_one .img { width: 36.25%; } #about .ab_one .img img { width: 100%; } #about .ab_one .test { width: 59.17%; } #about .ab_one .test .txt p { line-height: 32px; color: #464646; margin-bottom: 40px; } #about .ab_one .dl dl { width: 25%; text-align: center; } #about .ab_one .dl dd { color: #464646; } #about .ab_one .dl dt { display: flex; justify-content: center; } #about .ab_one .dl dt h2 { font-size: 54px; font-weight: bold; color: #0066ff; } #about .ab_one .dl dt i { font-size: 26px; font-weight: bold; color: #0066ff; } .ab_one_tow { margin-top: 50px; padding: 35px 0; border-top: 1px #eeeeee solid; } .ab_one_tow dl { width: 14.2857%; text-align: center; } .ab_one_tow dd { color: #464646; margin-top: 12px; } #about .ab_tow { background: url(../images/ab_bg.jpg) no-repeat; padding: 10px 0 100px 0; background-size: 100% 100%; } #about .ab_tow .name { color: #fff; margin-bottom: 55px; } #about .ab_tow dl { width: 31.67%; height: 210px; cursor: pointer; padding-top: 35px; color: #fff; text-align: center; background-color: #0066ff; /* IE6閸滃矂鍎撮崚鍜篍7閸愬懏鐗抽惃鍕セ鐟欏牆娅?婵′縺Q濞村繗顫嶉崳锟?娑撳顤侀懝鑼额潶鐟曞棛娲 */ background-color: rgba(0, 102, 255, 0.72); /* IE6閸滃矂鍎撮崚鍜篍7閸愬懏鐗抽惃鍕セ鐟欏牆娅?婵′縺Q濞村繗顫嶉崳锟?娴兼俺顕伴幊鍌︾礉娴e棜袙閺嬫劒璐熼柅蹇旀 */ } #about .ab_tow dt { margin-bottom: 20px; display: flex; justify-content: center; } #about .ab_tow dt h2 { font-size: 18px; margin: 0 10px; } #about .ab_tow p { line-height: 32px; } #about .ab_tow dt img { display: none; } #about .ab_tow dl:hover img { display: block; } #about .ab_tow dl:hover { margin-top: -20px; } .ab_th { background: url(../images/ab_bg_2.jpg) no-repeat; padding-bottom: 70px; background-size: 100% 100%; } .ab_four .dl { padding-bottom: 80px; } .ab_four .dl dd p { color: #595757; line-height: 26px; } .ab_four .dl .img { width: 54.17%; border-right: 2px #f3f3f3 solid; } .ab_four .dl dl { width: 50%; text-align: center; margin-bottom: 25px; } .ab_four .word { width: 43.75%; padding-left: 70px; height: 555px; overflow-y: scroll; } .ab_four .word p { line-height: 52px; background: url(../images/aa.png) no-repeat 0 24px; padding-left: 20px; } * { scrollbar-color: #0066ff #f3f3f3; scrollbar-width: thin; } .ab_four .dl dl:nth-last-child(2), .ab_four .dl dl:nth-last-child(1) { margin-bottom: 0; } .comBox2Con { padding: 30px 0 30px; } .comBox2Item { margin: 0; } .comBox2Img { padding-right: 50px; } .comBox2Img img { width: 261px; } .comBox2Year { font-size: 70px; color: #cb103b; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .comBox2Text { font-size: 16px; color: #787878; line-height: 28px; font-weight: bold; } .comBox2Bot { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 20px; position: relative; background: #fff url(../images/comBox2BotBg.png) left 48px repeat-x; } .comBox2Bot:before { left: 0; } .comBox2Bot:after { right: 0; } .comBox2Bot .swiper-container { height: 50px } .comBox2Date { position: relative; padding-top: 0; font-size: 16px; color: #262626; font-family: Arial, Helvetica, sans-serif; cursor: pointer; } .comBox2Date:before, .comBox2Date:after { display: block; content: ""; position: absolute; border-radius: 50%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); } .comBox2Date:before { width: 13px; height: 13px; background: #f6fafa; top: 20px; } .comBox2Date:after { width: 15px; height: 15px; border: 1px solid #a7a7a7; top: 20px; } .comBox2Prev, .comBox2Next { position: absolute; bottom: 28px; color: #a7a7a7; cursor: pointer; font-size: 26px; display: block; transform: scaleY(1.1); -webkit-transform: scaleY(1.8); z-index: 99999; width: 60px; text-align: center; background: #fff } .comBox2Prev { left: 0; } .comBox2Next { right: 0; } .swiper-slide-active .comBox2Date { color: #0066ff; } .swiper-slide-active .comBox2Date:before { background: #fff; } .swiper-slide-active .comBox2Date:after { border-color: #0066ff; } @-webkit-keyframes fadeInRights { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRights { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRights { -webkit-animation-name: fadeInRights; animation-name: fadeInRights; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .comBox2Item.media .img { width: 64.17%; height: 430px; overflow: hidden; } .comBox2Item.media .txt { width: 31.25%; align-self: center; font-size: 30px; padding-right: 0 } .comBox2Item.media .txt h2 { margin-bottom: 25px; color: #0066ff; font-size: 42px; } .comBox2Item.media .txt p { font-size: 16px; line-height: 30px; } .comBox2Item.media .img img { width: 100%; } .pro_tows { background: #f3f3f3; padding: 65px 0; } .pro_tows .ck { border-bottom: 1px #d7d9de solid; padding-bottom: 15px; } .pro_tows .ck img { margin: 0 auto; position: relative; bottom: -20px; display: none; } .pro_tows .ck span { cursor: pointer; color: #4d4d4d; font-size: 20px; text-align: center; } .pro_tows .ck span.cur img { display: block; } .pro_tows .ck span.cur { color: #0066ff; font-weight: bold; } .pro_tows .ck_sw .one_one .dl { margin: 70px 0; } .pro_tows .ck_sw .one_one .dl dl { width: 33.33%; display: flex; margin-top: 35px; color: #4d4d4d; } .pro_tows .ck_sw .one_one .dl dt { margin-right: 25px; align-self: center; } .pro_tows .ck_sw .one_one .dl h2 { font-size: 36px; font-weight: bold; margin-bottom: 5px; } .pro_ths video { width: 100%; height: 500px; object-fit: cover; } .pro_ths { padding: 60px 0; } table.gridtable { font-family: verdana, arial, sans-serif; color: #333333; border-width: 1px; border-color: #666666; border-collapse: collapse; background: #f6f6f7; width: 100%; } table.gridtable td { border-width: 1px; padding: 12px; border-style: solid; border-color: #d7d9de; } table.gridtable tr td:nth-child(2), table.gridtable tr td:nth-child(3) { font-weight: bold; } .pro_tows .batle { width: 90%; margin: 0 auto; } .pro_tows .add_btn p { position: absolute; top: 65%; cursor: pointer; transform: translate(-0%, -50%); -webkit-transform: translate(-0%, -50%); } .pro_tows .add_btn p:nth-child(2) { right: 0; } .add_tab_1 { width: 45%; } .add_tab_1 .mySwiper .swiper-slide { height: 340px; margin-bottom: 25px; } .add_tab_1 .mySwiper2 .swiper-slide { border: 1px #d7d9de solid; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; cursor: pointer; } .add_tab_1 .mySwiper2 .swiper-slide-thumb-active { border: 1px #0066ff solid; } .pro_ten .mySwiper4 { width: 500px; margin-left: 0; margin-right: 0; } .pro_ten .mySwiper4 { font-size: 16px; color: #666; } .pro_ten .mySwiper4 img { display: none; margin: 15px auto 0 auto; position: relative; bottom: -5px; } .mySwiper4 .swiper-slide { flex-wrap: wrap; } .pro_ten .mySwiper4 .swiper-slide-thumb-active img { display: block; } .swiper.mySwiper4 { overflow: inherit; } .pro_ten .mySwiper4 .swiper-slide-thumb-active { color: #0066ff; } .mySwiper4 .swiper-slide { cursor: pointer; } .pro_ten .name { border-bottom: 1px #eeeeee solid; margin-bottom: 40px; } .mySwiper3 .swiper-slide p { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #0066ff; /* IE6閸滃矂鍎撮崚鍜篍7閸愬懏鐗抽惃鍕セ鐟欏牆娅?婵′縺Q濞村繗顫嶉崳锟?娑撳顤侀懝鑼额潶鐟曞棛娲 */ background-color: rgba(0, 91, 172, 0.44); /* IE6閸滃矂鍎撮崚鍜篍7閸愬懏鐗抽惃鍕セ鐟欏牆娅?婵′縺Q濞村繗顫嶉崳锟?娴兼俺顕伴幊鍌︾礉娴e棜袙閺嬫劒璐熼柅蹇旀 */ } .mySwiper3 .swiper-slide-active p { background-color: #0066ff; /* IE6閸滃矂鍎撮崚鍜篍7閸愬懏鐗抽惃鍕セ鐟欏牆娅?婵′縺Q濞村繗顫嶉崳锟?娑撳顤侀懝鑼额潶鐟曞棛娲 */ background-color: rgba(0, 91, 172, 0.2); /* IE6閸滃矂鍎撮崚鍜篍7閸愬懏鐗抽惃鍕セ鐟欏牆娅?婵′縺Q濞村繗顫嶉崳锟?娴兼俺顕伴幊鍌︾礉娴e棜袙閺嬫劒璐熼柅蹇旀 */ } .mySwiper3 .swiper-slide dd { position: absolute; left: 50%; bottom: 15px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); color: #fff; } .mySwiper3 .swiper-slide { overflow: hidden; cursor: pointer; } .mySwiper3 .swiper-slide dl:hover dd { bottom: 23%; } #mySwiper3 .swiper-slide dd { position: absolute; left: 60px; top: 50%; transform: translate(-0%, -50%); -webkit-transform: translate(-0%, -50%); color: #fff; } .mySwiper3 .swiper-slide dd h2 { font-weight: bold; font-size: 30px; } .mySwiper3 .swiper-slide dd a { display: none; width: 150px; text-align: center; line-height: 40px; color: #fff; font-size: 15px; background: #0066ff; margin: 25px auto 0 auto; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px } .mySwiper3 .swiper-slide dl:hover dd a { display: block; } .mySwiper3 .swiper-pagination-bullet { width: 35px; height: 2px; background: #0066ff; display: inline-block; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin: 0 3px; } .mySwiper3 .swiper-pagination { text-align: center; padding: 40px 0 80px 0; } .mySwiper3 .swiper-pagination-bullet-active { background: #c6c6c6; width: 70px; } .add_pt50.mtno { margin-bottom: 0; } .pro_tows .ck { justify-content: space-around; } .add_tab { width: 50%; } .add_txt p { line-height: 32px; margin: 35px 0; } .pro_tows .ck_sw .one_one.tow_tow .dl dl { width: 25%; } .add_tit_cent { padding: 65px 0; } .add_tit_cent h2 { color: #333333; font-size: 32px; font-weight: bold; line-height: 48px; } .add_tit_cent p { font-size: 16px; line-height: 24px; margin-top: 15px; } .event_box { width: 85%; margin: 0 auto 0; position: relative; } .event_box .parHd { width: 100%; display: inline-block; height: 92px; overflow: hidden; } .parHd ul { width: 100%; text-align: center; margin: 0 auto; } .parHd .tempWrap { margin: 0 auto; } .parHd .tempWrap:after { content: ''; width: 100%; height: 1px; background: #a7a7a7; position: absolute; /* top: 33%; */ /* right: -140%; */ right: 0%; top: 45%; /* margin-top: -0.5px; */ z-index: 10; } /*.parHd li:before{ content: ''; width: 180%; height: 1px; background: #580000; position: absolute;top: 0; right:-140%;right: 0;}*/ .parHd li.no_line:before { display: none; } .parHd li { display: inline-block; cursor: pointer; font-size: 16px; color: #000; margin: 0 95px; position: relative; height: 75px; } .parHd li:after { content: ''; border: 1px solid #a7a7a7; border-radius: 50%; background: #fff; width: 20px; height: 20px; position: absolute; z-index: 20; top: 22px; left: 50%; margin-left: -10px; } .sPrev, .sNext { position: absolute; bottom: 28px; color: #a7a7a7; cursor: pointer; font-size: 26px; display: block; transform: scaleY(1.1); -webkit-transform: scaleY(1.8); z-index: 99999; width: 60px; text-align: center; background: #fff; } .parHd li.act:after { border: 1px solid #0066ff; } .parHd li.act { color: #0066ff; } .parBd { text-align: center; } .parBd h4 { position: relative; font-size: 40px; margin-bottom: 3%; /*width: 200px;*/ padding: 0 60px; display: inline-block; text-align: center; } .parBd h4:after { content: ''; background: #000; width: 100px; height: 1px; position: absolute; left: -100px; bottom: 12px; } .parBd h4:before { content: ''; background: #000; width: 100px; height: 1px; position: absolute; right: -100px; bottom: 12px; } div#listBox { width: 100%; } .sPrev, .sNext { width: 30px; height: 30px; display: block; position: absolute; top: 30px; } .sPrev { left: 0; } .sNext { right: 0; } .sPrev img, .sNext img { transition: all .6s cubic-bezier(.51, 1.1, .9, .95); -moz-transition: all .6s cubic-bezier(.51, 1.1, .9, .95); -webkit-transition: all .6s cubic-bezier(.51, 1.1, .9, .95); -o-transition: all .6s cubic-bezier(.51, 1.1, .9, .95); } .slideBox dl { display: flex; justify-content: space-between; } .slideBox dt { width: 64.17%; height: 430px; overflow: hidden; } .slideBox dd { width: 31.25%; align-self: center; font-size: 30px; padding-right: 0; text-align: left; } .slideBox dd h2 { margin-bottom: 25px; color: #0066ff; font-size: 42px; } .slideBox dd p { font-size: 16px; line-height: 30px; } .index_th .swiper-slide dd h2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .parHd { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 20px; position: relative; background: #fff; margin-top: 30px; } .w-toolbar { top: 40%; position: fixed; right: 0; height: auto; z-index: 100; } .w-toolbar .toolbar-item { width: 64px; height: auto; background: #0066ff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; position: relative; text-align: center; font-size: 13px; display: block; border-bottom: 0; margin-bottom: 2px; } .pub_fix.flex { display: none; } .tool-icon-wrapper { position: relative; width: 44px; height: 47px; overflow: hidden; padding-top: 8px; display: inline-block; } .tool-zixun { color: #fff; margin-bottom: 10px; display: inline-block; } .w-toolbar .toolbar-item:hover { color: #fff; background: #5392ec; border-color: #5392ec; cursor: pointer; } .onlineService .online-wrapper { position: absolute; top: 0; right: 73px; width: 162px; box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 15%); display: none; background-color: #fff; color: #888; font-size: 14px; } .tel .toolbar-icon-tel { position: absolute; top: 0; right: 73px; width: 162px; box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 15%); display: none; background-color: #5392ec; color: #fff; font-size: 20px; padding: 5px 0; } .onlineService:hover .online-wrapper, .tel:hover .toolbar-icon-tel { display: block; } .onlineService .qrcode-img { width: 150px; margin-top: 10px; } .onlineService .online-p1 { color: #888; font-size: 14px; } .onlineService .online-p2 { color: #FDB11F; margin-bottom: 11px; font-size: 15px; margin-top: 4px; } .tool-icon { padding: 10px 20px 5px 20px; } @-webkit-keyframes bounces { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounces { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounces { -webkit-animation-name: bounces; animation-name: bounces; -webkit-transform-origin: center bottom; transform-origin: center bottom; -moz-animation: bounces 2s; -webkit-animation: bounces 2s; animation: bounces 2s; animation-name: bounces; animation-iteration-count: 2; -webkit-animation-iteration-count: 2; } .add_dui{ padding: 270px 0; } .add_dui dd{ color: #464646; font-size: 30px; margin: 30px auto; } .add_dui a{ display: block; width: 220px; text-align: center; line-height: 48px; background: #0066ff; color: #fff; margin: 0 auto; -moz-border-radius:60px; -webkit-border-radius: 60px; border-radius: 6px }