/*--公共部分--*/ *, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; } a, input[type="button"], button, label, input[type="submit"], input[type="reset"] { cursor: pointer; } [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input, textarea, select, button { border: none; outline: none; color: inherit; font-size: 14px; background: none; font-family: inherit; outline: none;color:#fff } /*input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; border-radius: 0; color:#fff; width:95%; line-height:40px;border-radius:50px; border:#FFFFFF solid 1px; padding-left:5%}*/ textarea { overflow: auto; vertical-align: top; resize: none; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important; -webkit-appearance: none; background: none; outline: none; border: none; } a, button, input, optgroup, select, textarea { /* 移动端点击后会出现"暗色"的背景 */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } input::-ms-clear { display: none; } /* 去除IE浏览器器下输入框叉叉 */ input::-ms-reveal { display: none; } /* 去除IE浏览器器下输入框叉叉 */ input:-internal-autofill-previewed, input:-internal-autofill-selected { -webkit-text-fill-color: #999 !important; -webkit-transition: background-color 99999999s ease-in-out 0s !important; transition: background-color 99999999s ease-in-out 0s !important; } input, textarea { -webkit-appearance: none; } .bd_weixin_popup, .content-box { -webkit-box-sizing: content-box; box-sizing: content-box; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { *zoom: 1; } :root ul, :root li { margin: 0px; padding: 0px; list-style: none; } :root dd { list-style: none; margin: 0px; padding: 0px; } :root dt { list-style: none; margin: 0px; padding: 0px; } input, textarea, button { border: none; outline: none; color: inherit; font-size: 14px; background: none; font-family: inherit; outline: none; } textarea { resize: none; overflow: auto; } /* 去除input默认样式 */ input { -webkit-appearance: none; } input { background: none; outline: none; border: none; } /* 字体图标 */ .iconfont { color: inherit; font-size: inherit; display: inline-block; -webkit-font-smoothing: antialiased; /* 文字抗锯齿 */ -moz-osx-font-smoothing: grayscale; /* 文字抗锯齿 */ } .fl { float: left; } .fr { float: right; } .show { display: block !important; } .hide { display: none !important; } .commonweb { padding: 0px 10px; } .commonwebbox { margin-left: 0px; margin-right: 0px; } .commonleft { float: none; } .commonright { float: none; } .visible-sm, .visible-md, .visible-lg { display: none; } .hidden-sm, .hidden-md, .hidden-lg { display: block; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } @media (max-width: 320px) { body { min-width: 320px; } } @media (min-width: 768px) { .commonweb { padding: 0px 20px; } .commonwebbox { margin-left: -10px; margin-right: -10px; } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .visible-sm { display: block; } .hidden-sm { display: none; } .commonweb { margin: 0px auto; max-width: 750px; } } @media (min-width: 992px) { .commonweb { padding: 0px 10px; } .commonwebbox { margin-left: -10px; margin-right: -10px; } .commonleft { float: left; } .commonright { float: right; } .visible-md { display: block; } .hidden-md { display: none; } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .commonweb { max-width: 970px; } } @media (min-width: 1260px) { html { cursor: default; } .commonleft { float: left; } .commonright { float: right; } .visible-lg { display: block; } .hidden-lg { display: none; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } } @media (min-width: 1260px) { .commonweb { max-width: 1220px; } } /* layout start*/ .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; -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: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-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); -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; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; 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; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -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-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-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-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-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-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-pagination { position: absolute; text-align: center; -webkit-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-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:50px; left: 0; width: 100%; } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; -webkit-border-radius: 100%; border-radius: 100%; background: #000; opacity: .2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; 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: #fff; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .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); -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-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } .swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progress .swiper-pagination-progressbar { 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-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, 0.5); } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; } .swiper-container-3d { -webkit-perspective: 1200px; -o-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, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 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, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 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, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 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, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px; } .swiper-container-cube, .swiper-container-flip { overflow: visible; } .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .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, .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-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .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-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .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-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-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-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: 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-scrollbar { -webkit-border-radius: 10px; border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 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, 0.5); -webkit-border-radius: 10px; border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { 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); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .animated { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); transform: translateZ(0); } 40%, 43% { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 70% { -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%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); transform: translateZ(0); } 40%, 43% { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 70% { -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; -ms-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { 0%, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn); transform: perspective(400px) rotateY(-1turn); } 0%, 40% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg); transform: perspective(400px) translateZ(150px) rotateY(-190deg); } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg); transform: perspective(400px) translateZ(150px) rotateY(-170deg); } 50%, 80% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn); transform: perspective(400px) rotateY(-1turn); } 0%, 40% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg); transform: perspective(400px) translateZ(150px) rotateY(-190deg); } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg); transform: perspective(400px) translateZ(150px) rotateY(-170deg); } 50%, 80% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); } 60%, 80% { opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); } 60%, 80% { opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 0%, to { -webkit-transform-origin: center; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 0%, to { -webkit-transform-origin: center; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } 0%, to { -webkit-transform-origin: left bottom; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } 0%, to { -webkit-transform-origin: left bottom; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } 0%, to { -webkit-transform-origin: right bottom; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } 0%, to { -webkit-transform-origin: right bottom; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } 0%, to { -webkit-transform-origin: left bottom; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } 0%, to { -webkit-transform-origin: left bottom; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 0%, to { -webkit-transform-origin: right bottom; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 0%, to { -webkit-transform-origin: right bottom; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 0%, to { -webkit-transform-origin: center; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 0%, to { -webkit-transform-origin: center; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 0%, to { -webkit-transform-origin: left bottom; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 0%, to { -webkit-transform-origin: left bottom; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 0%, to { -webkit-transform-origin: right bottom; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 0%, to { -webkit-transform-origin: right bottom; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 0%, to { -webkit-transform-origin: left bottom; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 0%, to { -webkit-transform-origin: left bottom; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 0%, to { -webkit-transform-origin: right bottom; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 0%, to { -webkit-transform-origin: right bottom; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; } 0%, 20%, 60% { -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; } 0%, 20%, 60% { -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50%, to { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50%, to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } img.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } .PopupVideoBox { position: fixed; z-index: 9999; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; } .PopupVideo { position: absolute; left: 50%; width: 100%; top: 50%; max-width: 920px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 0px 25px; } .PopupVideo video { width: 100%; } .PopupVideo iframe { width: 100%; height: 460px; } .closeVideo { position: absolute; right: 25px; top: -25px; width: 22px; height: 22px; cursor: pointer; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .closeVideo::after { content: ''; display: block; position: absolute; width: 2px; height: 100%; background: #fff; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .closeVideo::before { content: ''; display: block; position: absolute; width: 100%; height: 2px; background: #fff; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .bd_weixin_popup_bg { position: absolute; left: -400px; top: -400px; width: 260px; height: 320px; border: 0; padding: 0; margin: 0; opacity: 0; filter: alpha(opacity=0); z-index: 11000; } .bd_weixin_popup { position: absolute; left: -400px; top: -400px; padding: 10px; width: 240px; height: 300px; background: #fff; border: solid 1px #d8d8d8; z-index: 11001; font-size: 12px; } .bd_weixin_popup .bd_weixin_popup_head { font-size: 12px; font-weight: bold; text-align: left; line-height: 16px; height: 16px; position: relative; color: #000; } .bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close { width: 16px; height: 16px; position: absolute; right: 0; top: 0; color: #999; text-decoration: none; font-size: 16px; } .bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close:hover { text-decoration: none; } .bd_weixin_popup .bd_weixin_popup_main { padding: 15px 10px; min-height: 150px; _height: 150px; } .bd_weixin_popup .bd_weixin_popup_foot { font-size: 12px; text-align: left; line-height: 22px; color: #666; } .bdshare-button-style0-16 .bds_qzone { background-position: 0 -52px; } .bdshare-button-style0-16 .bds_tsina { background-position: 0 -104px; } .bdshare-button-style0-16 .bds_renren { background-position: 0 -208px; } .bdshare-button-style0-16 .bds_tqq { background-position: 0 -260px; } .bdshare-button-style0-16 .bds_kaixin001 { background-position: 0 -312px; } .bdshare-button-style0-16 .bds_tqf { background-position: 0 -364px; } .bdshare-button-style0-16 .bds_hi { background-position: 0 -416px; } .bdshare-button-style0-16 .bds_douban { background-position: 0 -468px; } .bdshare-button-style0-16 .bds_tsohu { background-position: 0 -520px; } .bdshare-button-style0-16 .bds_tieba { background-position: 0 -728px; } .bdshare-button-style0-16 .bds_hx { background-position: 0 -988px; } .bdshare-button-style0-16 .bds_fx { background-position: 0 -1040px; } .bdshare-button-style0-16 .bds_ty { background-position: 0 -1196px; } .bdshare-button-style0-16 .bds_fbook { background-position: 0 -1352px; } .bdshare-button-style0-16 .bds_twi { background-position: 0 -1404px; } .bdshare-button-style0-16 .bds_linkedin { background-position: 0 -1664px; } .bdshare-button-style0-16 .bds_meilishuo { background-position: 0 -1716px; } .bdshare-button-style0-16 .bds_mogujie { background-position: 0 -1768px; } .bdshare-button-style0-16 .bds_diandian { background-position: 0 -1820px; } .bdshare-button-style0-16 .bds_huaban { background-position: 0 -1872px; } .bdshare-button-style0-16 .bds_duitang { background-position: 0 -2028px; } .bdshare-button-style0-16 .bds_youdao { background-position: 0 -2080px; } .bdshare-button-style0-16 .bds_wealink { background-position: 0 -2184px; } .bdshare-button-style0-16 .bds_copy { background-position: 0 -2288px; } .bdshare-button-style0-16 .bds_mail { background-position: 0 -2340px; } .bdshare-button-style0-16 .bds_print { background-position: 0 -2392px; } .bdshare-button-style0-16 .bds_mshare { background-position: 0 -2444px; } .bdshare-button-style0-16 .bds_sqq { background-position: 0 -2652px; } .bdshare-button-style0-16 .bds_sdo { background-position: 0 -2704px; } .bdshare-button-style0-16 .bds_qingbiji { background-position: 0 -2756px; } .bdshare-button-style0-16 .bds_people { background-position: 0 -2808px; } .bdshare-button-style0-16 .bds_xinhua { background-position: 0 -2912px; } .bdshare-button-style0-16 .bds_yaolan { background-position: 0 -2964px; } .bdshare-button-style0-16 .bds_thx { background-position: 0 -2496px; } .bdshare-button-style0-16 .bds_bdhome { background-position: 0 -156px; } .bdshare-button-style0-16 .bds_bdxc { background-position: 0 -2548px; } .bdshare-button-style0-16 .bds_bdysc { background-position: 0 -3068px; } .bdshare-button-style0-16 .bds_isohu { background-position: 0 -3016px; } .bdshare-button-style0-16 .bds_more { background-position: 0 0; } .bdshare-button-style0-16 .bds_ibaidu { background-position: 0 -3120px; } .bdshare-button-style0-16 .bds_weixin { background-position: 0 -1612px; } .bdshare-button-style0-16 .bds_iguba { background-position: 0 -1300px; } .bdshare-button-style0-16 { zoom: 1; } .bdshare-button-style0-16:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more { float: left; font-size: 12px; padding-left: 17px; line-height: 16px; height: 16px; background-image: url(../images/icons_0_16.png?v=d754dcc0.png); background-repeat: no-repeat; cursor: pointer; margin: 6px 6px 6px 0; } .bdshare-button-style0-16 a:hover { color: #333; opacity: .8; filter: alpha(opacity=80); } .bdshare-button-style0-16 .bds_more { color: #333; float: left; } .bdshare-button-style0-16 .bds_count { color: #333; background: url(../images/sc.png?v=a970ff04.png) no-repeat 0 -30px; width: 42px; height: 16px; padding: 0; margin: 6px 0 0; text-align: center; } .bdshare-button-style0-16 .bds_count:hover { background-position: -42px -30px; } .bdshare-button-style0-16 .bds_button_image { float: left; cursor: pointer; margin: 6px 6px 0 0; height: auto; padding: 0; } .bdshare-button-style0-16 .bdshare_button_count { background: url(../images/sc.png?v=a970ff04.png) no-repeat 0 0; width: 44px; height: 24px; line-height: 24px; } .bdshare-button-style0-16 .bdshare_button_count:hover { background-position: -44px 0; } .bds_tfh, .bds_baidu, .bds_qq, .bds_msn, .bds_sohu, .bds_qy, .bds_leho, .bds_ifeng, .bds_ff, .bds_tuita, .bds_ms, .bds_deli, .bds_s51, .bds_t163, .bds_share189, .bds_xg, .bds_s139 { display: none; } .commonTitleLocation { padding: 10px 0; border-bottom: 1px solid #ebebeb; } .commonTitleLocation h3 { float: left; font-size: 16px; position: relative; } .commonTitleLocation p { float: right; } .commonTitleLocation p a { font-size: 12px; vertical-align: middle; display: inline-block; color: #999; margin-left: 10px; padding-left: 15px; position: relative; } .commonTitleLocation p a::after { content: ''; position: absolute; left: 0px; top: 50%; width: 8px; height: 8px; border: 1px solid #999; border-left: none; border-top: none; -webkit-transform: rotate(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); } .commonTitleLocation p a:first-child { padding-left: 0px; margin: 0px; line-height: 11px; } .commonTitleLocation p a:first-child::after { display: none; } .commonTitleLocation p a.current { color: #333; } .commonTitleLocation p img { display: inline-block; vertical-align: middle; } .commonLocation { padding: 10px 0; border-bottom: 1px solid #ebebeb; } .commonLocation a { font-size: 12px; vertical-align: middle; display: inline-block; color: #999; margin-left: 10px; padding-left: 15px; position: relative; } .commonLocation a::after { content: ''; position: absolute; left: 0px; top: 50%; width: 8px; height: 8px; border: 1px solid #999; border-left: none; border-top: none; -webkit-transform: rotate(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); } .commonLocation a:first-child { padding-left: 0px; margin: 0px; line-height: 11px; } .commonLocation a:first-child::after { display: none; } .commonLocation a.current { color: #333; } .commonLocation img { display: inline-block; vertical-align: middle; } .select2-container { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { -webkit-box-sizing: border-box; box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; outline: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee)); background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc)); background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; -webkit-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee)); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff)); background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; -webkit-box-shadow: none; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: #fff; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } .DefaultSelector { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .DefaultSelector > span { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .DefaultSelector > span:nth-child(2) { margin-right: 10px; } .DefaultSelector > span:nth-child(4) { margin-right: 10px; } .DefaultSelector .select2-container--default .select2-selection--single { -webkit-border-radius: 0px; border-radius: 0px; height: 35px; } .DefaultSelector .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 35px; } .DefaultSelector .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; top: 0px; } .defaSearchList { padding: 50px 0px; } .defaSearchList dl { border-bottom: 1px solid #eee; padding-bottom: 10px; } .defaSearchList dl dt { float: left; font-size: 16px; } .defaSearchList dl dd { float: right; font-size: 14px; } .defaSearchList li { padding: 10px 20px 15px; margin-top: 15px; border-bottom: 1px solid #eee; background: #f6f6f6; } .defaSearchList li h3 { font-size: 16px; color: #1a1a1a; line-height: 26px; padding-bottom: 5px; } .defaSearchList li .defaDesc { font-size: 12px; color: #adadad; padding-top: 5px; line-height: 20px; } .defaWebMap { background-color: #fff; } .defaWebMap dl { border: 1px solid #e6e6e6; margin-top: 30px; } .defaWebMap dl h3 { padding-left: 20px; padding-bottom: 5px; } .defaWebMap dl h3 span { font-size: 20px; color: #dab866; position: relative; top: -12px; background-color: #fff; padding: 0px 13px; } .defaWebMap dl h3 span a { color: #dab866; } .defaWebMap dl dd { padding-left: 33px; padding-bottom: 15px; } .defaWebMap dl dd a { font-size: 14px; padding-right: 20px; display: inline-block; padding-bottom: 8px; } .defaWebMap dl dd a em { display: inline-block; margin-right: 8px; width: 3px; height: 3px; background-color: #dab866; vertical-align: middle; } .defaContent { font-size: 14px; line-height: 24px; } .defaContent p { margin-bottom: 10px; } .defaContent img { display: block; max-width: 100%; margin: 0px auto; } .defaPrevNextpage { margin-top: 40px; border-top: 1px solid #3d3f48; border-bottom: 1px solid #3d3f48; } .defaPrevNextpage p { border-bottom: 1px solid #dddddd; position: relative; padding: 0px 90px 0px 90px; font-size: 14px; line-height: 50px; white-space: nowrap; height: 50px; } .defaPrevNextpage p span { position: absolute; left: 0px; padding-left: 10px; top: 0px; display: block; width: 75px; } .defaPrevNextpage p span:after { content: ''; border-left: 5px solid transparent; border-bottom: 5px solid #000000; border-right: 5px solid transparent; position: absolute; right: 0%; width: 0px; height: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .defaPrevNextpage p em { position: absolute; right: 0px; font-style: normal; top: 0px; padding-right: 0px; width: 80px; display: block; } .defaPrevNextpage p a { display: block; text-overflow: ellipsis; overflow: hidden; } .defaPrevNextpage p:nth-child(2) { border: none; } .defaPrevNextpage p:nth-child(2) span:after { border-bottom: none; border-top: 5px solid #000000; } /* 背景图 */ .background_img { background-size: cover; background-repeat: no-repeat; background-position: center center; } /* 图片居中 */ .picture_container { position: relative; overflow: hidden; background: none;} .picture_container img { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-transition: all .3s linear; transition: all .3s linear; } [class*=animate_] { /* 动画时间，动画开始前的状态 */ -webkit-animation-duration: 1.2s; animation-duration: 1.2s; opacity: 0; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .bgcolor { background-color: #999; } .oneText { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .flex_column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flex_wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex_row_center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .flex_row_start { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .flex_row_end { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .flex_row_justify { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .flex_column_center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .flex_column_start { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .flex_column_end { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .flex1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .flex_rank_1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex_rank_2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .picture_scale { position: relative; overflow: hidden; } .picture_scale:hover img { -webkit-transform: translate3d(0, 0, 0) scale(1.1); transform: translate3d(0, 0, 0) scale(1.1); } /* 居中标签 */ .center1200 { width: 1200px; margin: 0 auto; } .center1300 { width: 1300px; margin: 0 auto; } .center1400 { width: 1400px; margin: 0 auto; } .center1440 { width: 1440px; margin: 0 auto; } .center1500 { width: 1500px; margin: 0 auto; } .center1600 { width: 1600px; margin: 0 auto; } @media (min-width: 768px) { .defaWebMap dl { margin-top: 50px; } .defaWebMap dl dd a { padding-right: 50px; } } @media (min-width: 992px) { .commonTitleLocation { padding: 20px 0; } .commonTitleLocation h3 { font-size: 24px; } .commonTitleLocation p { padding-top: 5px; } .commonTitleLocation p a { font-size: 14px; } .commonLocation { padding: 20px 0; } .commonLocation a { font-size: 14px; } .defaSearchList li { padding: 15px 35px 25px; margin-top: 25px; } .defaSearchList li h3 { font-size: 20px; line-height: 36px; padding-bottom: 5px; } .defaSearchList li .defaDesc { font-size: 13px; padding-top: 10px; line-height: 24px; } .defaPrevNextpage p span { position: absolute; left: 0px; padding-left: 40px; top: 0px; display: block; width: 15%; } .defaPrevNextpage p span:after { content: ''; border-left: 5px solid transparent; border-bottom: 5px solid #000000; border-right: 5px solid transparent; position: absolute; right: 0%; width: 0px; height: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .defaPrevNextpage p em { position: absolute; right: 0px; font-style: normal; top: 0px; padding-right: 30px; width: 120px; display: block; } .defaPrevNextpage p { border-bottom: 1px solid #dddddd; position: relative; padding: 0px 130px 0px 20%; font-size: 18px; line-height: 70px; white-space: nowrap; height: 70px; } } /* animate_fade 2020.02.27 zlz */ /* fade200 位移200px */ /* fade150 位移150px */ /* fade100 位移100px */ /* fade80 位移80px */ /* fade50 位移50px */ /* fade30 位移30px */ /* fade20 位移20px */ /* fade10 位移10px */ /* fadeLeft */ @-webkit-keyframes fadeInLeft200 { from { opacity: 0; -webkit-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft200 { from { opacity: 0; -webkit-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft200 { -webkit-animation-name: fadeInLeft200; animation-name: fadeInLeft200; } @-webkit-keyframes fadeInLeft150 { from { opacity: 0; -webkit-transform: translate3d(-150px, 0, 0); transform: translate3d(-150px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft150 { from { opacity: 0; -webkit-transform: translate3d(-150px, 0, 0); transform: translate3d(-150px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft150 { -webkit-animation-name: fadeInLeft150; animation-name: fadeInLeft150; } @-webkit-keyframes fadeInLeft100 { from { opacity: 0; -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft100 { from { opacity: 0; -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft100 { -webkit-animation-name: fadeInLeft100; animation-name: fadeInLeft100; } @-webkit-keyframes fadeInLeft80 { from { opacity: 0; -webkit-transform: translate3d(-80px, 0, 0); transform: translate3d(-80px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft80 { from { opacity: 0; -webkit-transform: translate3d(-80px, 0, 0); transform: translate3d(-80px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft80 { -webkit-animation-name: fadeInLeft80; animation-name: fadeInLeft80; } @-webkit-keyframes fadeInLeft50 { from { opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft50 { from { opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft50 { -webkit-animation-name: fadeInLeft50; animation-name: fadeInLeft50; } @-webkit-keyframes fadeInLeft30 { from { opacity: 0; -webkit-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft30 { from { opacity: 0; -webkit-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft30 { -webkit-animation-name: fadeInLeft30; animation-name: fadeInLeft30; } @-webkit-keyframes fadeInLeft20 { from { opacity: 0; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft20 { from { opacity: 0; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft20 { -webkit-animation-name: fadeInLeft20; animation-name: fadeInLeft20; } @-webkit-keyframes fadeInLeft10 { from { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft10 { from { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft10 { -webkit-animation-name: fadeInLeft10; animation-name: fadeInLeft10; } /* fadeRight */ @-webkit-keyframes fadeInRight200 { from { opacity: 0; -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight200 { from { opacity: 0; -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight200 { -webkit-animation-name: fadeInRight200; animation-name: fadeInRight200; } @-webkit-keyframes fadeInRight150 { from { opacity: 0; -webkit-transform: translate3d(150px, 0, 0); transform: translate3d(150px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight150 { from { opacity: 0; -webkit-transform: translate3d(150px, 0, 0); transform: translate3d(150px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight150 { -webkit-animation-name: fadeInRight150; animation-name: fadeInRight150; } @-webkit-keyframes fadeInRight100 { from { opacity: 0; -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight100 { from { opacity: 0; -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight100 { -webkit-animation-name: fadeInRight100; animation-name: fadeInRight100; } @-webkit-keyframes fadeInRight80 { from { opacity: 0; -webkit-transform: translate3d(80px, 0, 0); transform: translate3d(80px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight80 { from { opacity: 0; -webkit-transform: translate3d(80px, 0, 0); transform: translate3d(80px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight80 { -webkit-animation-name: fadeInRight80; animation-name: fadeInRight80; } @-webkit-keyframes fadeInRight50 { from { opacity: 0; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight50 { from { opacity: 0; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight50 { -webkit-animation-name: fadeInRight50; animation-name: fadeInRight50; } @-webkit-keyframes fadeInRight30 { from { opacity: 0; -webkit-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight30 { from { opacity: 0; -webkit-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight30 { -webkit-animation-name: fadeInRight30; animation-name: fadeInRight30; } @-webkit-keyframes fadeInRight20 { from { opacity: 0; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight20 { from { opacity: 0; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight20 { -webkit-animation-name: fadeInRight20; animation-name: fadeInRight20; } @-webkit-keyframes fadeInRight10 { from { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight10 { from { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight10 { -webkit-animation-name: fadeInRight10; animation-name: fadeInRight10; } /* fadeUp */ @-webkit-keyframes fadeInUp200 { from { opacity: 0; -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp200 { from { opacity: 0; -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp200 { -webkit-animation-name: fadeInUp200; animation-name: fadeInUp200; } @-webkit-keyframes fadeInUp150 { from { opacity: 0; -webkit-transform: translate3d(0, 150px, 0); transform: translate3d(0, 150px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp150 { from { opacity: 0; -webkit-transform: translate3d(0, 150px, 0); transform: translate3d(0, 150px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp150 { -webkit-animation-name: fadeInUp150; animation-name: fadeInUp150; } @-webkit-keyframes fadeInUp100 { from { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp100 { from { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp100 { -webkit-animation-name: fadeInUp100; animation-name: fadeInUp100; } @-webkit-keyframes fadeInUp80 { from { opacity: 0; -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp80 { from { opacity: 0; -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp80 { -webkit-animation-name: fadeInUp80; animation-name: fadeInUp80; } @-webkit-keyframes fadeInUp50 { from { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp50 { from { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp50 { -webkit-animation-name: fadeInUp50; animation-name: fadeInUp50; } @-webkit-keyframes fadeInUp30 { from { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp30 { from { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp30 { -webkit-animation-name: fadeInUp30; animation-name: fadeInUp30; } @-webkit-keyframes fadeInUp20 { from { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp20 { from { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp20 { -webkit-animation-name: fadeInUp20; animation-name: fadeInUp20; } @-webkit-keyframes fadeInUp10 { from { opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp10 { from { opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp10 { -webkit-animation-name: fadeInUp10; animation-name: fadeInUp10; } /* fadeDown */ @-webkit-keyframes fadeInDown200 { from { opacity: 0; -webkit-transform: translate3d(0, -200px, 0); transform: translate3d(0, -200px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown200 { from { opacity: 0; -webkit-transform: translate3d(0, -200px, 0); transform: translate3d(0, -200px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown200 { -webkit-animation-name: fadeInDown200; animation-name: fadeInDown200; } @-webkit-keyframes fadeInDown150 { from { opacity: 0; -webkit-transform: translate3d(0, -150px, 0); transform: translate3d(0, -150px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown150 { from { opacity: 0; -webkit-transform: translate3d(0, -150px, 0); transform: translate3d(0, -150px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown150 { -webkit-animation-name: fadeInDown150; animation-name: fadeInDown150; } @-webkit-keyframes fadeInDown100 { from { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown100 { from { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown100 { -webkit-animation-name: fadeInDown100; animation-name: fadeInDown100; } @-webkit-keyframes fadeInDown80 { from { opacity: 0; -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown80 { from { opacity: 0; -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown80 { -webkit-animation-name: fadeInDown80; animation-name: fadeInDown80; } @-webkit-keyframes fadeInDown50 { from { opacity: 0; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown50 { from { opacity: 0; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown50 { -webkit-animation-name: fadeInDown50; animation-name: fadeInDown50; } @-webkit-keyframes fadeInDown30 { from { opacity: 0; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown30 { from { opacity: 0; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown30 { -webkit-animation-name: fadeInDown30; animation-name: fadeInDown30; } @-webkit-keyframes fadeInDown20 { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown20 { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown20 { -webkit-animation-name: fadeInDown20; animation-name: fadeInDown20; } @-webkit-keyframes fadeInDown10 { from { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown10 { from { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown10 { -webkit-animation-name: fadeInDown10; animation-name: fadeInDown10; } /* fadeInWidth */ @-webkit-keyframes fadeInWidth100 { from { width: 0; opacity: 1; } to { width: 100%; opacity: 1; } } @keyframes fadeInWidth100 { from { width: 0; opacity: 1; } to { width: 100%; opacity: 1; } } .fadeInWidth100 { -webkit-animation-name: fadeInWidth100; animation-name: fadeInWidth100; } /* fadeIn */ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } /*--公共样式--*/ body { padding-top: 60px; } .hideScroll { overflow: hidden; } .defaheader { position: fixed; left: 0px; top: 0px; width: 100%; z-index: 999; padding: 15px; background: #000; } .defalogo { display: block; float: left; } .defalogo img { height: 30px; } .defanav { position: fixed; left: 0px; top: 60px; background: #fff; bottom: 0px; overflow-y: auto; right: 0px; display: none; } .defanav ul { padding: 20px; } .defanav ul li { border-bottom: 1px solid #eee; line-height: 40px; position: relative; } .defanav ul li > a { color: #000; display: block; } .defanav ul li p { display: none; padding: 0px 10px 10px; } .defanav ul li p a { display: block; font-size: 14px; line-height: 30px; } .defanav ul li p a:hover { color: red; } .defanavbtn { float: right; width: 28px; height: 22px; position: relative; cursor: pointer; margin-top: 5px; margin-left: 15px; } .defanavbtn span { display: block; height: 2px; background: #fff; top: 0px; position: absolute; width: 100%; -webkit-transition: all .3s ease; transition: all .3s ease; } .defanavbtn span:nth-child(2) { top: 8px; } .defanavbtn span:nth-child(3) { top: 17px; } .defacloseNavbtn span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 12px; } .defacloseNavbtn span:nth-child(2) { display: none; } .defacloseNavbtn span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 12px; } .defanav ul li i { position: absolute; right: 0px; top: 0px; height: 40px; width: 30%; } .defanav ul li i:before { position: absolute; top: 50%; right: 10px; width: 10px; height: 10px; border-top: 2px solid #555; border-right: 2px solid #555; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.5s; transition: all 0.5s; content: ""; } .defanav ul li.cur i:before { -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); } .defaSearch { float: right; padding-left: 20px; } .defaSearch span { width: 30px; height: 30px; cursor: pointer; background: url(../images/searchIcon.png) no-repeat center; display: block; } .defaSearch .defaSearchbox { position: fixed; width: 100%; background: #fff; right: 0px; left: 0px; top: 60px; max-height: inherit; display: none; } .defaSearch .defaSearchbox label { display: block; padding: 10px 65px 10px 15px; } .defaSearch .defaSearchbox label input { width: 100%; vertical-align: middle; } .defaSearch .defaSearchbox .defaSearchBtn { width: 50px; height: 100%; position: absolute; top: 0px; right: 0px; background: rgba(0, 0, 0, 0.6) url(../images/searchIcon.png) no-repeat center; } .defaSearch span.closeSearchbox { background: url(../images/closeIcon.png) no-repeat center; } .defaLanguage { float: right; font-size: 12px; color: #fff; margin-left: 20px; position: relative; } .defaLanguage span { display: inline-block; border: 1px solid #fff; width: 30px; height: 30px; text-align: center; line-height: 26px; } .defaLanguage span a { color: #fff; } .defaLanguage p { position: absolute; left: 0px; top: 100%; background: #fff; right: 0px; text-align: center; display: none; } .defaLanguage p a { display: block; line-height: 30px; } .defacommonBanner { position: relative; overflow: hidden; } .defacommonBanner img { display: block; height: 200px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .defacommonBanner h3 { font-size: 20px; position: absolute; left: 0px; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; text-align: center; } .defaBanner { overflow: hidden; position: relative; } .defaBanner img { display: block; height: 300px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .defaBanner ul li { overflow: hidden; } .defaBannerText { position: absolute; left: 0px; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .defaBannerText h3 { font-size: 24px; color: #fff; padding-bottom: 20px; -webkit-transition: all .8s ease; transition: all .8s ease; opacity: 0; visibility: hidden; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } .defaBannerText .desc { font-size: 14px; color: #fff; opacity: 0; visibility: hidden; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .4s; transition-delay: .4s; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } .defaBanner ul li.swiper-slide-active .defaBannerText h3 { opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .defaBanner ul li.swiper-slide-active .defaBannerText .desc { opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .defaBannerdot { position: absolute; left: 0px; bottom: 20px; width: 100%; z-index: 99; text-align: center; } .defaBannerdot span { width: 20px; height: 2px; background: rgba(255, 255, 255, 0.5); -webkit-border-radius: 0px; border-radius: 0px; margin: 0px 5px; } .defaBannerdot span.swiper-pagination-bullet-active { background: #fff; } .defaBannerPrev, .defaBannerNext { width: 20px; height: 40px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; z-index: 99; cursor: pointer; } .defaBannerPrev::after, .defaBannerNext::after { width: 10px; height: 10px; content: ""; display: block; position: absolute; border: 2px solid #fff; border-top: none; border-left: none; left: -webkit-calc(50% - 2px); left: calc(50% - 2px); top: 50%; } .defaBannerPrev { left: 10px; } .defaBannerPrev::after { -webkit-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); left: -webkit-calc(50% + 2px); left: calc(50% + 2px); } .defaBannerNext { right: 10px; } .defaBannerNext::after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .defaBannerPrev:hover, .defaBannerNext:hover { background: #fff; } .defaBannerPrev:hover::after, .defaBannerNext:hover::after { border-color: #666; } .defaSecondLevelColumn { overflow: hidden; position: relative; padding-right: 1px; } .defaSecondLevelColumn ul li { width: auto; font-size: 14px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin-right: -1px; } .defaSecondLevelColumn ul li a { display: block; padding: 0px 20px; } .WaterfallFlow ul li { width: 50%; position: relative; padding: 0px 5px; margin-bottom: 10px; } .WaterfallFlow ul li img { display: block; width: 100%; } .WaterfallFlow ul li .FlowContent { padding: 10px; background: #f3f3f3; } .WaterfallFlow ul li .FlowContent .time { font-size: 14px; padding-bottom: 10px; color: #585858; } .WaterfallFlow ul li .FlowContent h3 { font-size: 14px; color: #000000; font-weight: 700; line-height: 22px; } .WaterfallFlow ul li .FlowContent .desc { font-size: 12px; color: #585858; line-height: 18px; border-top: 1px solid #ebebeb; margin-top: 10px; padding-top: 10px; } @media (min-width: 768px) { body { padding-top: 0px; } .defaBanner img { display: block; width: 100%; height: auto; -webkit-transform: translate(0px); -ms-transform: translate(0px); transform: translate(0px); left: 0px; } .defaBannerText h3 { font-size: 38px; } .defaBannerText .desc { font-size: 16px; } .defaBannerdot span { width: 30px; height: 2px; } .defaBannerPrev, .defaBannerNext { width: 30px; height: 60px; } .defaBannerPrev::after, .defaBannerNext::after { width: 15px; height: 15px; left: -webkit-calc(50% - 5px); left: calc(50% - 5px); } .defaBannerPrev::after { left: -webkit-calc(50% + 5px); left: calc(50% + 5px); } .defacommonBanner h3 { font-size: 24px; } .defacommonBanner img { display: block; width: 100%; height: auto; -webkit-transform: translate(0px); -ms-transform: translate(0px); transform: translate(0px); left: 0px; } .WaterfallFlow ul li { width: 33.333%; padding: 0px 10px; margin-bottom: 20px; } .WaterfallFlow ul li .FlowContent { padding: 20px; } .WaterfallFlow ul li .FlowContent .time { font-size: 16px; } .WaterfallFlow ul li .FlowContent h3 { font-size: 20px; line-height: 28px; } .WaterfallFlow ul li .FlowContent .desc { font-size: 14px; line-height: 24px; margin-top: 25px; padding-top: 20px; } } @media (min-width: 1260px) { .defaBannerText h3 { font-size: 48px; } .defaBannerText .desc { font-size: 20px; } .defaBannerdot span { width: 40px; height: 3px; } .defaBannerPrev, .defaBannerNext { width: 40px; height: 80px; } .defaBannerPrev::after, .defaBannerNext::after { width: 20px; height: 20px; } .defaheader { background: none; padding: 15px 45px 0px; } .defalogo img { height: 55px; } .defanav { float: right; white-space: nowrap; padding-top: 15px; position: relative; overflow: visible; left: auto; right: auto; top: auto; bottom: auto; background: none; display: block; } .defanav ul { padding: 0px; } .defanav ul li { display: inline-block; margin-left: 20px; font-size: 16px; padding-bottom: 31px; position: relative; border-bottom: none; line-height: 24px; } .defanav ul li > a { color: #fff; } .defanav ul li p { background: #fff; position: absolute; left: -10px; right: -10px; top: 100%; text-align: center; max-height: 0px; overflow: hidden; -webkit-transition: all .4s ease; transition: all .4s ease; display: block; padding: 0px; } .defanav ul li i { display: none; } .defanav ul li:hover p { max-height: 300px; padding: 10px 0px; } .defaheaderbg { background: rgba(0, 0, 0, 0.5); } .defaSearch { padding-top: 12px; padding-bottom: 28px; } .defaSearch .defaSearchbox { max-height: 0px; left: auto; right: 45px; top: 100%; overflow: hidden; position: absolute; width: 300px; display: block; } .defaSearch:hover .defaSearchbox { max-height: 230px; -webkit-transition: all .8s ease; transition: all .8s ease; } .defaSearch:hover span { background: url(../images/closeIcon.png) no-repeat center; } .defaLanguage { padding-top: 12px; } .defaLanguage p { max-height: 0px; overflow: hidden; display: block; } .defaLanguage:hover p { max-height: 230px; -webkit-transition: all .8s ease; transition: all .8s ease; } .defanavbtn { display: none; } .defacommonBanner h3 { font-size: 30px; } } /* 头部菜单按钮 */ .head_mobile_btn1 { cursor: pointer; } .head_mobile_btn1 .btn1 { width: 28px; height: 21px; } .head_mobile_btn1 .btn1 .line { height: 3px; width: 100%; -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; -webkit-transition: all 0.5s; transition: all 0.5s; } .head_mobile_btn1.active .btn1 .line:nth-child(1) { -webkit-transform: translateY(8px) rotate(45deg); -ms-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg); } .head_mobile_btn1.active .btn1 .line:nth-child(2) { opacity: 0; } .head_mobile_btn1.active .btn1 .line:nth-child(3) { -webkit-transform: translateY(-8px) rotate(-45deg); -ms-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); width: 100%; } /* 头部菜单 */ .head_dropdown1 { border-top: 1px solid #eeeeee; display: none; z-index: 99; position: fixed; top: 120px; bottom: 0; left: 0; right: 0; margin: auto; } .head_dropdown1 .pc_down { width: 100%; height: 100%; background-color: #fff; } .head_dropdown1 .pc_down .swiper-container { height: 100%; } .head_dropdown1 .pc_down .swiper-container .swiper-slide:nth-child(1) .block { -webkit-animation-delay: 0s; animation-delay: 0s; } .head_dropdown1 .pc_down .swiper-container .swiper-slide:nth-child(2) .block { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .head_dropdown1 .pc_down .swiper-container .swiper-slide:nth-child(3) .block { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .head_dropdown1 .pc_down .swiper-container .swiper-slide:nth-child(4) .block { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .head_dropdown1 .pc_down .swiper-container .swiper-slide:nth-child(5) .block { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .head_dropdown1 .pc_down .swiper-container .swiper-slide:nth-child(6) .block { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .head_dropdown1 .pc_down .swiper-container .block_box { padding-top: 30%; background-color: #fff; height: 100%; -webkit-transition: all 0.5s; transition: all 0.5s; } .head_dropdown1 .pc_down .swiper-container .block_box:hover { background-color: transparent; } .head_dropdown1 .pc_down .swiper-container .block_box:hover .block { top: -30px; color: #fff; } .head_dropdown1 .pc_down .swiper-container .block { position: relative; top: 0; -webkit-transition: all 0.5s; transition: all 0.5s; text-align: center; } .head_dropdown1 .pc_down .swiper-container .block .icon { margin: 0 auto; margin-bottom: 20px; width: 1px; height: 50px; background-color: #dab866; } .head_dropdown1 .pc_down .swiper-container .block .number { font-size: 46px; margin-bottom: 30px; } .head_dropdown1 .pc_down .swiper-container .block .title { font-size: 22px; } .head_dropdown1 .pc_down .swiper-container .block .title:hover { color: #dab866; -webkit-transition: all 0.5s; transition: all 0.5s; } .head_dropdown1 .pc_down .swiper-container .block .second_nav { font-size: 16px; margin-top: 30px; line-height: 36px; } .head_dropdown1 .pc_down .swiper-container .block .second_nav .line { display: block; } .head_dropdown1 .pc_down .swiper-container .block .second_nav .line:hover { color: #dab866; -webkit-transition: all 0.5s; transition: all 0.5s; } .head_dropdown1 .mobile_down { width: 100%; height: 100%; background-color: #fff; } .head_dropdown1 .mobile_down .mobile_search { width: 96%; margin-bottom: 10px; -webkit-border-radius: 35px; border-radius: 35px; border: 1px solid #999999; padding: 0 15px; } .head_dropdown1 .mobile_down .mobile_search input { line-height: 46px; padding: 0 5px; color: #999999; } .head_dropdown1 .mobile_down .mobile_search .iconfont { color: #999999; font-size: 26px; cursor: pointer; } .head_dropdown1 .mobile_down .block { color: #333333; text-align: center; border-bottom: 1px solid #f4f4f4; } .head_dropdown1 .mobile_down .block .title { line-height: 30px; font-size: 16px; position: relative; } .head_dropdown1 .mobile_down .block .title .iconfont { position: absolute; top: 50%; right: 5px; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); font-size: 14px; } .head_dropdown1 .mobile_down .block .mobile_nav_down { background-color: #fafafa; display: none; padding: 5px 0; } .head_dropdown1 .mobile_down .block .mobile_nav_down .line { line-height: 22px; } .head_dropdown1 .mobile_down .block .mobile_nav_down .line:hover { color: #dab866; } .head_dropdown1 .mobile_down .block.active .title, .head_dropdown1 .mobile_down .block:hover .title { color: #dab866; } @media (max-width: 768px) { .pc_down { display: none; } .mobile_down { display: block; } } .social-share { font-size: inherit; font-style: inherit; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; /* 使用自定义样式，修改为背景图，删除上面的字体图标 */ /* 微信二维码 */ } .social-share .social-share-icon { position: relative; display: block; font-size: 27px; line-height: 27px; color: #b3b3b3; text-align: center; top: 10px; opacity: 0; -webkit-transition: 0.2s; transition: 0.2s; } .social-share .social-share-icon:not(:first-child) { margin-top: 15px; } .social-share .social-share-icon:nth-child(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .social-share .social-share-icon:nth-child(3) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .social-share .icon-weibo { color: #b3b3b3; } .social-share .icon-weibo:hover { color: #ff763b; } .social-share .icon-tencent { color: #56b6e7; border-color: #56b6e7; } .social-share .icon-tencent:hover { background: #56b6e7; } .social-share .icon-qq { color: #b3b3b3; } .social-share .icon-qq:hover { color: #56b6e7; } .social-share .icon-qzone { color: #FDBE3D; border-color: #FDBE3D; } .social-share .icon-qzone:hover { background: #FDBE3D; } .social-share .icon-douban { color: #33b045; border-color: #33b045; } .social-share .icon-douban:hover { background: #33b045; } .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: unset; color: #b3b3b3; } .social-share .icon-wechat:hover { color: #7bc549; } .social-share .icon-tencent { background-image: url(); } .social-share .icon-qq { background-image: url(); } .social-share .icon-weibo { background-image: url(); } .social-share .icon-wechat { background-image: url(); } .social-share .icon-douban { background-image: url(); } .social-share .icon-heart { background-image: url(); } .social-share .icon-like { background-image: url(); } .social-share .icon-qzone { background-image: url(); } .social-share .icon-linkedin { background-image: url(); } .social-share .icon-diandian { background-image: url(); } .social-share .icon-facebook { background-image: url(); } .social-share .icon-google { background-image: url(); } .social-share .icon-twitter { background-image: url(); } .social-share a { position: relative; text-decoration: none; outline: none; } .social-share .icon-wechat .wechat-qrcode { display: none; border: 1px solid #eee; position: fixed; z-index: 20; top: 50%; left: 50%; width: 250px; color: #666; font-size: 12px; text-align: center; background-color: #fff; -webkit-box-shadow: 0 2px 10px #aaa; box-shadow: 0 2px 10px #aaa; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .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: normal; 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: 200px; margin: 20px auto; text-align: center; } .social-share .icon-wechat .wechat-qrcode .qrcode img { width: 150px; height: 150px; margin: 0 auto; } .social-share .icon-wechat .wechat-qrcode .qrcode table { margin: 0 !important; } .social-share .icon-wechat .wechat-qrcode .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; } .social-share .icon-wechat:hover .wechat-qrcode { display: block; } .crumbs { border-top: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6; } .crumbs .content .block { z-index: 10; position: relative; width: 26.66667%; cursor: pointer; border-right: 1px solid #e6e6e6; font-family: '方正兰亭中黑_GBK'; } .crumbs .content .block:not(:first-child) { border-left: 0; } .crumbs .content .block .title { position: relative; font-size: 16px; line-height: 68px; letter-spacing: -1px; color: #333333; padding: 0 30px; } .crumbs .content .block .title .iconfont { font-weight: bold; } .crumbs .content .block .down { display: none; position: absolute; left: -1px; width: -webkit-calc(100% + 2px); width: calc(100% + 2px); top: 100%; max-height: 173px; overflow-y: auto; } .crumbs .content .block .down::-webkit-scrollbar { width: 2px; background-color: #fff; } .crumbs .content .block .down::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; } .crumbs .content .block .down::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #dab866; } .crumbs .content .block .down .line { padding: 0 30px; line-height: 42px; display: block; -webkit-transition: all .5s; transition: all .5s; background-color: #fff; border: 1px solid #e6e6e6; } .crumbs .content .block .down .line:not(:first-child) { border-top: 0; } .crumbs .content .block .down .line:hover { color: #fff; background-color: #dab866; border: 1px solid #dab866; } .crumbs .content .block .down .line:hover:not(:first-child) { border-top: 0; } .crumbs .content .block.blocks { width: 80px; text-align: center; font-size: 15px; color: #0171bc; line-height: 68px; } .layui-box { margin-top: 70px; text-align: center; 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; } .layui-box em { font-style: normal; } .layui-box a, .layui-box .layui-laypage-curr { width: 40px; height: 40px; display: block; line-height: 40px; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; font-size: 24px; color: #333333; margin: 0 2px; -webkit-transition: all .5s; transition: all .5s; border: solid 1px transparent; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .layui-box a:hover, .layui-box .layui-laypage-curr:hover { color: #fff; background-color: #dab866; border: solid 1px #dab866; } .layui-box .layui-laypage-spr { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .layui-box .layui-laypage-curr { color: #fff; border: solid 1px #dab866; background-color: #dab866; } .layui-box .layui-laypage-prev, .layui-box .layui-laypage-next, .layui-box .layui-laypage-last, .layui-box .layui-laypage-first { font-size: 12px; font-weight: bold; color: #989ba0; line-height: 38px; margin: 0 5px; border: solid 1px #dedede; } .layui-box .layui-laypage-next { margin-left: 17px; } .layui-box .layui-laypage-prev { margin-right: 17px; } .layui-box .layui-laypage-last { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .layui-box .layui-laypage-first { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } /* 详情页切换 */ .switch .line { padding: 30px 40px; font-size: 18px; font-family: 'MicrosoftYaHei'; color: #333333; -webkit-transition: all 0.5s; transition: all 0.5s; } .switch .line .tag { padding-right: 35px; position: relative; } .switch .line .tag::after { content: ' '; position: absolute; right: 0; width: 0; height: 0; border: 5px solid; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: all 0.5s; transition: all 0.5s; } .switch .line.prev { border-top: 1px solid #141d29; border-bottom: 1px solid #dddddd; } .switch .line.prev .tag::after { top: -webkit-calc(50% - 2px); top: calc(50% - 2px); border-color: transparent transparent #333333 transparent; } .switch .line.next { border-bottom: 1px solid #141d29; } .switch .line.next .tag::after { top: -webkit-calc(50% + 2px); top: calc(50% + 2px); border-color: #333333 transparent transparent transparent; } .switch .line .name { width: 72.72727%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .switch .line .time { color: #333333; } .switch .line:hover { color: #dab866; } .switch .line:hover .time { color: #dab866; } .switch .line:hover.prev .tag::after { border-color: transparent transparent #dab866 transparent; } .switch .line:hover.next .tag::after { border-color: #dab866 transparent transparent transparent; } .search .main1 { padding: 80px 0; } .search .main1 .search_title { text-align: center; font-size: 32px; font-weight: bold; } .search .main1 .search_box { width: 60%; margin: 30px auto 30px; border: 1px solid #dab866; -webkit-border-radius: 25px; border-radius: 25px; overflow: hidden; } .search .main1 .search_box input { padding: 0 20px; line-height: 48px; } .search .main1 .search_box .btn { background-color: #dab866; width: 80px; cursor: pointer; font-size: 28px; color: #fff; } .search .main1 .content { border-top: 1px solid #dddddd; } .search .main1 .content .length { padding: 10px 0; } .search .main1 .content .block_box .block { padding: 20px 0; } .search .main1 .content .block_box .block:not(:first-child) { border-top: 1px solid #dddddd; } .search .main1 .content .block_box .block .img { width: 23.33333%; } .search .main1 .content .block_box .block .img .picture_container { padding-top: 60.71429%; } .search .main1 .content .block_box .block .txt { width: 70%; padding-left: 20px; } .search .main1 .content .block_box .block .txt .name { font-size: 20px; margin-bottom: 10px; font-weight: bold; max-height: 48px; line-height: 24px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s; } .search .main1 .content .block_box .block .txt .abstract { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 26px; } .search .main1 .content .block_box .block:hover .txt .name { color: #dab866; } /** Inspiration for this project found at: https://markus.oberlehner.net/blog/pure-css-animated-svg-circle-chart 1. The `reverse` animation direction plays the animation backwards which makes it start at the stroke offset 100 which means displaying no stroke at all and animating it to the value defined in the SVG via the inline `stroke-dashoffset` attribute. 2. Rotate by -90 degree to make the starting point of the stroke the top of the circle. 3. Using CSS transforms on SVG elements is not supported by Internet Explorer and Edge, use the transform attribute directly on the SVG element as a . workaround. */ .circle-chart { width: 60px; height: 60px; } .circle-chart__circle { stroke: rgba(255, 255, 255, 0.2); stroke-width: 1; stroke-linecap: square; fill: none; -webkit-animation: circle-chart-fill 2s reverse; animation: circle-chart-fill 2s reverse; /* 1 */ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); /* 2, 3 */ -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; /* 4 */ } .circle-chart__circle--negative { -webkit-transform: rotate(-90deg) scale(1, -1); -ms-transform: rotate(-90deg) scale(1, -1); transform: rotate(-90deg) scale(1, -1); /* 1, 2, 3 */ } .circle-chart__background { stroke: rgba(255, 255, 255, 0.2); stroke-width: 1; fill: none; } .circle-chart__info { -webkit-animation: circle-chart-appear 2s forwards; animation: circle-chart-appear 2s forwards; opacity: 0; -webkit-transform: translateY(0.3em); -ms-transform: translateY(0.3em); transform: translateY(0.3em); } .circle-chart__percent { alignment-baseline: central; text-anchor: middle; font-size: 8px; } .circle-chart__subline { alignment-baseline: central; text-anchor: middle; font-size: 3px; } .success-stroke { stroke: #bf9d61; } .warning-stroke { stroke: #bf9d61; } .danger-stroke { stroke: #bf9d61; } @-webkit-keyframes circle-chart-fill { to { stroke-dasharray: 0 100; } } @keyframes circle-chart-fill { to { stroke-dasharray: 0 100; } } @-webkit-keyframes circle-chart-appear { to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes circle-chart-appear { to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } /* .index .mainSwiper { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } */ .index .mainSwiper{height: 100vh;} .index{ width:100%; float:left} .index .main1 { height: 100%; } .index .main1 .indexBannerSwiper { height: 100%; } .index .main1 .indexBannerSwiper .swiper-button-prev, .index .main1 .indexBannerSwiper .swiper-button-next { background-image: none; width: 60px; height: 60px; text-align: center; line-height: 54px; font-size: 24px; color: #ffffff; border: 3px solid #ffffff; opacity: 1; -webkit-transition: all .3s; transition: all .3s; } .index .main1 .indexBannerSwiper .swiper-button-prev:hover, .index .main1 .indexBannerSwiper .swiper-button-next:hover { color: #ffffff; background-color: #dab866; border: 3px solid #dab866; } .index .main1 .indexBannerSwiper .swiper-button-prev { left: 40px; } .index .main1 .indexBannerSwiper .swiper-button-next { right: 40px; } .index .main1 .indexBannerSwiper .swiper-pagination { right: 25px; bottom: 45px; width: auto; left: auto; } .index .main1 .indexBannerSwiper .swiper-pagination-bullet { width: 40px; height: 4px; -webkit-border-radius: 0; border-radius: 0; opacity: 1; background-color: rgba(255, 255, 255, 0.4); } .index .main1 .indexBannerSwiper .swiper-pagination-bullet-active { background-color: #fff; } .indexBannerSwiper .swiper-slide{overflow: hidden;} .index .main2 { height: 100%; padding-bottom:120px;} .index .main2 .title_box { text-align: center; color: #ffffff; } .index .main2 .title_box .tag { font-size: 36px; font-weight: lighter; line-height: 1.1; letter-spacing: 4px; text-indent: 4px; color: #ffffff; } .index .main2 .title_box .title { font-size: 42px; font-weight: bold; line-height: 1.1; letter-spacing: 8px; text-indent: 8px; color: #ffffff; margin-top: 30px; } .index .main2 .title_box .abstract { font-size: 22px; line-height: 40px; color: #ffffff; margin-top: 20px; } .index .main2 .content { width: 1658px; margin: 0 auto; margin-top: 110px; position: relative; } .index .main2 .content .block { display: block; position: relative; } .index .main2 .content .block .bg_img .picture_container { padding-top: 100%; } .index .main2 .content .block .bg_img .picture_container img { width: 100%; } .index .main2 .content .block .bg_img .img_on { opacity: 0; } .index .main2 .content .block .box { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .index .main2 .content .block .box .icon { width: 61px; margin: 0 auto; margin-top: -20px; } .index .main2 .content .block .box .icon .picture_container { padding-top: 100%; } .index .main2 .content .block .box .icon .img_on { opacity: 0; } .index .main2 .content .block .box .dian { margin-top:11px; width: 8px; height: 8px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #ffffff; -webkit-transition: all .5s; transition: all .5s; } .index .main2 .content .block .box .name { text-align: center; font-size:18px; font-weight: bold; line-height: 1.1; color: #ffffff; margin-top: 30px; -webkit-transition: all .5s; transition: all .5s; } .index .main2 .content .block:hover .bg_img { -webkit-animation: icon_bgT 5s linear infinite; animation: icon_bgT 5s linear infinite; } .index .main2 .content .block:hover .bg_img .img_on { opacity: 1; } .index .main2 .content .block:hover .bg_img .img_off { opacity: 0; } .index .main2 .content .block:hover .box .icon .img_on { opacity: 1; } .index .main2 .content .block:hover .box .icon .img_off { opacity: 0; } .index .main2 .content .block:hover .box .dian { background-color: #dab866; } .index .main2 .content .block:hover .box .name { color: #dab866; } .index .main2 .content .swiper-button-prev, .index .main2 .content .swiper-button-next { display: none; background-image: none; width: 60px; height: 60px; text-align: center; line-height: 54px; font-size: 24px; color: #ffffff; border: 3px solid #ffffff; opacity: 1; -webkit-transition: all .3s; transition: all .3s; } .index .main2 .content .swiper-button-prev:hover, .index .main2 .content .swiper-button-next:hover { color: #ffffff; background-color: #dab866; border: 3px solid #dab866; } .index .main2 .content::after { content: ' '; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 1px; width: 100vw; left: 50%; background-color: rgba(255, 255, 255, 0.4); } .index .main3 { background-image: url(../images/index_main2_bg.png); padding: 190px 0 290px; padding-left: 6.51042%; position: relative; } .index .main3 .title { font-size: 80px; font-weight: bold; line-height: 1.1; letter-spacing: -2px; color: #fff; } .index .main3 .indexMain2Swiper { margin-left: 110px; margin-top: 25px; } .index .main3 .swiper-slide { width: 1365px; } .index .main3 .block { padding-bottom: 60px; display: block; } .index .main3 .block .s_title .cn { font-size: 24px; font-weight: bold; line-height: 1.1; color: #ffffff; } .index .main3 .block .s_title .img_txt { margin-left: 65px; } .index .main3 .block .box { margin-top: -10px; } .index .main3 .block .img { width: 52.74725%; position: relative; -webkit-box-shadow: 20px 30px 40px -10px #333; box-shadow: 20px 30px 40px -10px #333; } .index .main3 .block .img .picture_container { padding-top: 61.11111%; } .index .main3 .block .img .number_box { position: absolute; top: 50%; right: -90px; z-index: 2; width: 180px; height: 180px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .index .main3 .block .img .number_box .border_box { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; border: dashed 2px #ffffff; -webkit-border-radius: 50%; border-radius: 50%; } .index .main3 .block .img .number_box .number { text-align: center; font-size: 42px; line-height: 1.1; letter-spacing: -2px; color: #ffffff; width: 100%; } .index .main3 .block .txt_box { color: #fff; margin-left: 120px; } .index .main3 .block .txt_box .name { font-size: 48px; font-weight: bold; line-height: 1.1; } .index .main3 .block .txt_box .icon { width: 40px; height: 4px; margin-top: 30px; background-color: #ffffff; } .index .main3 .block .txt_box .tag { font-size: 30px; font-weight: lighter; line-height: 40px; margin-top: 20px; } .index .main3 .block .txt_box .abstract { font-size: 16px; line-height: 28px; color: #ffffff; opacity: 0.8; margin-top: 15px; } .index .main3 .block .txt_box .more { width: 200px; padding: 0 20px; line-height: 58px; border: solid 2px #ffffff; font-size: 16px; color: #ffffff; margin-top: 20px; } .index .main3 .bg_icon { position: absolute; top: 50%; left: 50%; width: 890px; height: 890px; -webkit-border-radius: 50%; border-radius: 50%; margin-left: -445px; margin-top: -445px; border: dashed 2px rgba(255, 255, 255, 0.3); -webkit-animation: icon_bgT 40s linear infinite; animation: icon_bgT 40s linear infinite; } .index .main3 .bg_icon .icon { position: absolute; width: 16px; height: 16px; -webkit-border-radius: 50%; border-radius: 50%; left: -10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #00ac6f; } .index .mainContentSwiper { height: 100%; } .index .mainContentSwiper .swiper-slide { height: auto; } .index .main4 { padding-top: 320px; margin-top: -320px; } .index .main4 .content { width: 1460px; margin: 0 auto; } .index .main4 .left_box { width: 35.61644%; } .index .main4 .left_box .title_box { color: #ffffff; } .index .main4 .left_box .title_box .en { font-size: 48px; line-height: 1.1; letter-spacing: -2px; } .index .main4 .left_box .title_box .cn { font-size: 30px; line-height: 1.1; margin-top: 20px; } .index .main4 .left_box .title_box .icon { width: 40px; height: 4px; margin-top: 25px; background-color: #d1dce4; } .index .main4 .left_box .title_box .name { margin-top: 35px; font-size: 34px; line-height: 1.1; color: #ffffff; } .index .main4 .left_box .txt_box { margin-top: 108px; } .index .main4 .left_box .txt_box .swiper-button-prev, .index .main4 .left_box .txt_box .swiper-button-next { width: 70px; height: 70px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 70px; opacity: 1; position: relative; border: solid 1px #ffffff; background-image: none; top: auto; left: auto; right: auto; margin-top: 0; } .index .main4 .left_box .txt_box .swiper-button-prev::after, .index .main4 .left_box .txt_box .swiper-button-next::after { content: ' '; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .index .main4 .left_box .txt_box .swiper-button-prev::after { width: 0; height: 0; border: 5px solid; border-color: transparent #fff transparent transparent; } .index .main4 .left_box .txt_box .swiper-button-next { margin-top: 10px; } .index .main4 .left_box .txt_box .swiper-button-next::after { width: 0; height: 0; border: 5px solid; border-color: transparent transparent transparent #fff; } .index .main4 .left_box .txt_box .txt { color: #fff; margin-left: 30px; } .index .main4 .left_box .txt_box .name { font-size: 20px; line-height: 1.1; } .index .main4 .left_box .txt_box .abstract { font-size: 14px; line-height: 24px; margin-top: 10px; } .index .main4 .right_box { width: 720px; } .index .main4 .right_box .swiper-slide { width: 720px; } .index .main4 .right_box .swiper-slide .img { -webkit-border-radius: 50%; border-radius: 50%; } .index .main4 .right_box .swiper-slide .picture_container { padding-top: 100%; } .index .main5 { padding: 60px 0; } .index .main5 .left_box { width: 48.47222%; } .index .main5 .left_box .title_box { width: 180px; } .index .main5 .left_box .title_box .title { font-size: 48px; line-height: 1.1; letter-spacing: -2px; color: #ffffff;} .index .main5 .left_box .title_box .line_box { margin-top: 0; transition: all 0.4s;} .index .main5 .left_box .title_box .line_box:hover{transform: scale(1.2);} .index .main5 .left_box .title_box .line { font-size: 30px; line-height: 1.1; color: #ffffff; cursor: pointer; } .index .main5 .left_box .title_box .line:not(:first-child) { margin-top: 20px; } .index .main5 .left_box .title_box .line.active { color: #fff; } .index .main5 .left_box .txt_box { width: calc(100% - 180px); width: -webkit-calc(100% - 180px); } .index .main5 .left_box .txt_box .box:not(:first-child) { display: none; } .index .main5 .left_box .txt_box .top_block { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .index .main5 .left_box .txt_box .top_block .time { text-align: center; width: 108px; padding: 30px 0; background-color: rgba(255, 255, 255, 0.2); } .index .main5 .left_box .txt_box .top_block .time .day { font-size: 52px; font-weight: bold; line-height: 1.1; letter-spacing: -3px; color: #dab866; } .index .main5 .left_box .txt_box .top_block .time .year { font-size: 18px; line-height: 1.1; letter-spacing: -1px; color: #dab866; margin-top: 20px; } .index .main5 .left_box .txt_box .top_block .txt { width: 71.2963%; margin-left: 20px; } .index .main5 .left_box .txt_box .top_block .name { font-size: 18px; line-height: 1.1; color: #ffffff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-transition: all .5s; transition: all .5s; } .index .main5 .left_box .txt_box .top_block .abstract { font-size: 14px; color: #ffffff; opacity: 0.5; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 22px; margin-top: 10px; } .index .main5 .left_box .txt_box .top_block:hover .name { color: #dab866; } .index .main5 .left_box .txt_box .link_box .link { color: #ffffff; font-size: 14px; opacity: 0.5; line-height: 1.1; -webkit-transition: all .5s; transition: all .5s; } .index .main5 .left_box .txt_box .link_box .link p { opacity: 0.5; width: 60%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-transition: all .5s; transition: all .5s; } .index .main5 .left_box .txt_box .link_box .link:hover { opacity: 1; } .index .main5 .left_box .txt_box .link_box .link:hover p { opacity: 1; } .index .main5 .left_box .txt_box .link_box .link:not(:first-child) { margin-top: 17.7px; } .index .main5 .right_box { width: 49.44444%; } .index .main5 .right_box .video_box { width: 63.20225%; position: relative; } .index .main5 .right_box .video_box .mask { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 2; cursor: pointer; } .index .main5 .right_box .video_box .mask .video_btn { width: 58px; height: 58px; text-align: center; line-height: 56px; border: 2px solid #fff; color: #fff; } .index .main5 .right_box .video_box .picture_container { padding-top: 62.22222%; } .index .main5 .right_box .video_box .name { position: absolute; bottom: 0; left: 0; right: 0; line-height: 58px; font-size: 18px; color: #fdfeff; padding-left: 30px; background-color: rgba(0, 0, 0, 0.2); } .index .main5 .right_box .kanwu_box { width: 35.39326%; } .index .main5 .right_box .kanwu_box .img { position: relative; display: block; } .index .main5 .right_box .kanwu_box .picture_container { padding-top: 111.11111%; } .index .main5 .right_box .kanwu_box .txt { position: absolute; top: 0; bottom: 0; right: 0; left: 0; padding: 40px 0 0 40px; } .index .main5 .right_box .kanwu_box .txt .cn { font-size: 18px; line-height: 1.1; color: #709aa3; } .index .main5 .right_box .kanwu_box .txt .en { font-size: 14px; line-height: 14px; color: #ccdddd; margin-top: 20px; } @-webkit-keyframes icon_bgT { 0% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @keyframes icon_bgT { 0% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @-webkit-keyframes icon_bgF { 0% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } 100% { -webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } } @keyframes icon_bgF { 0% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } 100% { -webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } } .imgbox img { width: 100%; } .flex_center { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .bgimg { background-position: center; background-repeat: no-repeat; background-size: cover; } .sub_banner { position: relative; } .sub_banner .sub_mask { position: absolute; text-align: center; top: 36%; left: 50%; -webkit-transform: translate(-50%, -5%); -ms-transform: translate(-50%, -5%); transform: translate(-50%, -5%); } .sub_banner .sub_mask h2 { color: #fff; line-height: 1; font-size: 100px; letter-spacing: -2px; font-weight: bold; } .subnavbox { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 40px; } /* .subnavbox h2 { font-size: 120px; line-height: 1; color: #fff; letter-spacing: -6px; font-weight: bold; } */ .subnavbox h2 { font-size: 48px; line-height: 1; color: #fff; font-weight: bold; letter-spacing: 4px;} .compmayLogo{display: flex;margin-top: 30px;align-items: flex-start;} .compmayLogo img{height: 68px;margin-right: 20px;} .subnav_swiper { margin-top: 55px; width: -webkit-calc(100% - 70px); width: calc(100% - 70px); margin-left: 0; margin-right: 0; } .subnav_swiper a { color: #fff;font-size: 16px; } .subnav_swiper .swiper-slide { width: auto; } .subnav_swiper .swiper-slide a.active, .subnav_swiper .swiper-slide a:hover { color: #b9995e; } .subnavbox .center1440 { position: relative; } .slidedown { position: absolute; bottom: 0; right: 0; width: 60px; height: 60px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; -webkit-transition: all 0.4s; transition: all 0.4s; cursor: pointer; } .slidedown i { color: #1265ef; line-height: 60px; font-size: 24px; padding-top: 5px; } .slidedown:hover { background: #1265ef; } .slidedown:hover i { color: #fff; } .mobile_show { display: none; } .about_main1 { background: #c5ddf7; padding-top: 50px; } .tong_title { text-align: center; margin-bottom: 50px; } .tong_title h2 { font-size: 36px; line-height: 1; margin-bottom: 10px; } .tong_title p { font-size: 30px; text-transform: uppercase; opacity: 0.2; line-height: 1; letter-spacing: -2px; } .companycont { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .about_cont .left { padding-left: -webkit-calc((100% - 1440px) / 2); padding-left: calc((100% - 1440px) / 2); padding-top: 90px; padding-bottom: 90px; padding-right: 90px; } .about_cont .right { padding-right: -webkit-calc((100% - 1440px) / 2); padding-right: calc((100% - 1440px) / 2); } .companycont .left { color: #fff; width: 50%; background: #1c509c; position: relative; z-index: 2; background: url(../images/bluebg.jpg) center no-repeat; background-size: cover; } .companycont .right { width: 50%; position: relative; z-index: 2; } .companycont .left h2 { font-size: 28px; margin-bottom: 20px; margin-top: 4px; } .companycont .left h6 { font-size: 18px; } .companycont .left p { font-size: 16px; line-height: 26px; opacity: 0.8; } .companycont .left h3 { font-size: 24px; margin-top: 45px; } .companycont .left ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .companycont .left ul li { border: 1px solid rgba(255, 255, 255, 0.6); padding: 30px 15px; text-align: center; margin-top: 26px; width: 46%; margin-right: 6%; -webkit-transition: all 0.4s; transition: all 0.4s; } .companycont .left ul li:hover { background: #c29f64; border-color: #c29f64; } .companycont .left ul li p:first-child { font-size: 68px; line-height: 1; opacity: 1; font-weight: bold; letter-spacing: -4px; } .companycont .left ul li p:last-child { font-size: 14px; opacity: 0.8; margin-top: 15px; line-height: 18px; } .companycont .left ul li:nth-child(2n) { margin-right: 0; } .companycont .right .rightbox { height: 100%; } .about_cont::before { position: absolute; left: 0; right: 0; bottom: 0; height: 50%; background: #fff; display: block; content: ""; } .about_main2 { position: relative; } .about_main2 .center1440 { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: center; top: 110px; } .abminbox { text-align: center; line-height: 24px; color: #70757c; padding-bottom: 100px; } .abminbox h2 { font-size: 30px; line-height: 1; color: #333; margin-bottom: 30px; } .abminbox p{width: 1000px;text-align: left !important;max-width: 100%;margin-left: auto !important;margin-right: auto !important;} .abmin3_cont .left { padding: 130px -webkit-calc((100% - 1440px) / 2) 180px 90px; padding: 130px calc((100% - 1440px) / 2) 180px 90px; } .abmin3_cont .right { padding-left: -webkit-calc((100% - 1440px) / 2); padding-left: calc((100% - 1440px) / 2); } .abmin3_cont ul { margin-top: 30px; } .about_main4 { background: #c5ddf7; position: relative; } .abtmain_box { padding-top: 130px; padding-bottom: 160px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 2; } .abtmain_box .left p { font-size: 18px; } .abtmain_box .left h2 { font-size: 30px; margin-top: 5px; } .abtmain_box .left { width: 22.22222%; padding-top: 120px; } .abtmain_box .right { width: 74.51389%; } .abtmain_box .right .ditu_box { position: relative; } .yuandian { position: absolute; z-index: 100; } .yuandian .ydbox { width: 10px; height: 10px; background: #00ac6f; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; -webkit-transition: all 0.4s; transition: all 0.4s; position: relative; } .yuandian .ydbox::after { display: block; content: ""; width: 18px; height: 18px; position: absolute; top: -4px; left: -4px; z-index: -1; background-color: rgba(0, 172, 111, 0.9); -webkit-animation: warn 1.5s ease-out 0s infinite; animation: warn 1.5s ease-out 0s infinite; -webkit-border-radius: 50%; border-radius: 50%; } .yuandian .ydbox::before { display: block; content: ""; width: 18px; height: 18px; position: absolute; top: -4px; left: -4px; z-index: -1; background-color: rgba(0, 172, 111, 0.5); -webkit-animation: warn 1.5s ease-out 0s infinite; animation: warn 1.5s ease-out 0s infinite; -webkit-border-radius: 50%; border-radius: 50%; } .ydbox_show { z-index: 100; position: absolute; right: 0; top: 10px; width: 460px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s; } .ydbox_show .ydbox_circle { width: 120px; height: 120px; -webkit-border-radius: 50%; border-radius: 50%; border: 1px dotted #b29661; padding: 10px; position: absolute; top: -60px; right: -60px; } .ydbox_show .ydbox_circle .circle { -webkit-border-radius: 50%; border-radius: 50%; background: #d1a455; width: 100%; height: 100%; text-align: center; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .ydbox_show::after { display: block; content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: #fff; opacity: 0.6; } .ydbox_show .ydbox_circle .circle p { padding-top: 34px; } .ydbox_show::before { display: block; content: ""; position: absolute; top: -4px; right: -4px; width: 8px; height: 8px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; z-index: 10; } .yuandian:hover .ydbox_show { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition-delay: 0.4s !important; transition-delay: 0.4s !important; } .yuandian .ydbox:hover { background-color: #d1a455; } .yuandian:hover { z-index: 101; } .yuandian1 { top: 38.04143%; left: 17.70736%; } .yuandian2 { top: 71.18644%; left: 30.28891%; } .yuandian3 { top: 29.75518%; left: 55.35881%; } .yuandian4 { top: 39.92467%; right: 33.17801%; } .yuandian5 { top: 40.48964%; right: 20.03728%; } .yuandian6 { top: 42.37288%; right: 19.3849%; } .yuandian7 { top: 38.6064%; right: 19.19851%; } .yuandian8 { top: 40.48964%; right: 18.63933%; } .yuandian9 { bottom: 20.71563%; right: 15.84343%; } body { overflow-x: hidden; } .abtmain_box .left { position: relative; } .abtmain_box .left::after { display: block; content: ""; position: absolute; width: 99999%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 250px; height: 1px; background: #aac9f0; } .abentext { font-size: 120px; line-height: 1; position: absolute; left: 0; bottom: 280px; color: rgba(255, 255, 255, 0.4) !important; text-shadow: 1px 1px #adcbee, -1px -1px #adcbee, 1px -1px #adcbee, -1px 1px #adcbee; letter-spacing: -6px; } .about_main5 { padding-top: 130px; padding-bottom: 100px; } .about_fws { color: #c8e0f8; line-height: 26px; } .about_fws > h2 { font-size: 30px; color: #fff; line-height: 1; margin-bottom: 30px; } .about_fws .about_fwsDesc{max-width: 630px;font-size: 16px;} .fws_ul li { color: #d1a455; width: 184px; background-size: cover; height: 183px; margin-top: 40px; position: relative; } .fws_ul li p { font-size: 12px; text-align: center; } .fws_ul li h2 { font-size: 18px; color: #d1a455; margin-top: 4px; line-height: 20px; text-align: center; } .fws_ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 630px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .fws_ul li .fwsbgimg { background: url(../images/circle_img.png) no-repeat; width: 100%; height: 100%; background-size: cover; -webkit-transition: all 2s; transition: all 2s; } .fws_ul li .box { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; text-align: center; } .fws_ul li:hover .fwsbgimg { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .pddtop110 { padding-top: 50px; } .company_main1 { background: #c5ddf7; } .company_main1 .comcont { padding-top: 50px; padding-bottom: 70px; } .comcont .tong_title { text-align: left; color: #fff; margin-bottom: 0 !important; } .comcont .tong_title p { opacity: 0.2; } .company_main1 .comcont_desc { color: #fff; font-size: 14px; line-height: 26px; margin-top: 70px; } .company_main1 .comcont_desc h2 { font-size: 28px; margin-bottom: 24px; } .comcont_desc .ctdescul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 50px; } .comcont_desc .ctdescul li { width: 220px; position: relative; margin-right: 40px; } .comcont_desc .ctdescul li::after { display: block; content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -30px; background: url(../images/jiahao.png) no-repeat; width: 21px; height: 21px; } .comcont_desc .ctdescul li img { width: 100%; } .comcont_desc .ctdescul li:last-child:after { display: none; } .comcont_desc .ctdescul li .libox { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } .comcont_desc .ctdescul li .libox h3 { font-size: 48px; line-height: 1; font-weight: bold; margin-bottom: 6px; } .comcont_desc .ctdescul li:last-child { margin-right: 0; } .company_main2 { padding: 120px 0; background-image: url(../images/company2.jpg); background-position: top; } .company_main2 .com2_title { color: #fff; text-align: center; margin-bottom: 50px; } .company_main2 .com2_title h2 { font-size: 28px; margin-bottom: 26px; } .company_main2 .com2_title p { font-size: 16px; line-height: 26px; } .com2_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .com2_list .item { margin-right: 20px; width: -webkit-calc(33.3333% - 40px / 3); width: calc(33.3333% - 40px / 3); border: 1px solid #d1a455; padding: 60px 10px; color: #fff; text-align: center; margin-bottom: 20px; -webkit-transition: all 0.4s; transition: all 0.4s; } .com2_list .item .shuzi { font-size: 48px; line-height: 1; font-weight: bold; letter-spacing: -2px; margin-bottom: 15px; } .com2_list .item:nth-child(3n) { margin-right: 0; } .com2_list .item:hover { background: #d1a455; } .management_main1 { background: #c5ddf7; } .management_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .management_box .left { width: 50%; } .management_box { background: #fff; padding: 100px 0; } .management_box .right { width: 50%; color: #70757c; line-height: 30px; padding-left: 55px; padding-right: -webkit-calc((100% - 1440px) / 2); padding-right: calc((100% - 1440px) / 2); } .management_box .right h2 { line-height: 1; font-size: 28px; } .vision_main1 { background-color: #e0eaf5; padding-bottom: 1px; } .vision_big { position: relative; } .vision_big::after { display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 50%; background: #fff; } .vision_big .center1440 { position: relative; z-index: 2; } .vision_bigbox { position: relative; } .vision_main1 .visimg_test { position: absolute; top: 40%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 13.54167%; } .vision_main1 .visimg_test h2 { font-size: 40px; margin-bottom: 26px; color: #123870; } .vision_main1 .visimg_test h3 { font-size: 48px; line-height: 1; text-transform: uppercase; opacity: 0.2; color: #0c2377; letter-spacing: -4px; } .vision_main2 { padding-top: 220px; padding-bottom: 240px; background: url(../images/vision_bgimg.png) center bottom no-repeat; } .vision_main2 .visionlist { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .vision_main2 .visionlist .item { background: #1c4f9c; margin-right: 50px; width: -webkit-calc(50% - 25px); width: calc(50% - 25px); padding: 160px 15px; color: #fff; text-align: center; position: relative; } .vision_main2 .visionlist .item:nth-child(2n) { margin-right: 0; } .vision_main2 .visionlist .item .iconbox { width: 240px; height: 240px; -webkit-border-radius: 50%; border-radius: 50%; background: #d1a455; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: -120px; } .vision_main2 .visionlist .item .icontext h2 { font-size: 24px; margin-bottom: 5px; } .vision_main2 .visionlist .item .icontext p { font-size: 16px; line-height: 30px; } .header .head_nav .block { position: relative; } .header .head_nav .headsub_nav { position: absolute; top: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; width: 180px; background-color: #fff; left: 50%; -webkit-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); transform: translate(-50%, 10px); pointer-events: none; opacity: 0; } .head_search { cursor: pointer; } .header .head_nav .headsub_nav a { display: block; padding: 10px 0; text-align: center; font-size: 14px; -webkit-transition: all 0.3s; transition: all 0.3s; } .header .head_nav .block:hover .headsub_nav { pointer-events: initial; opacity: 1; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .headsub_nav a:hover { background: #b89864; color: #fff; } .header .head_search .head_form { display: none; opacity: 1; top: 70px; right: 0; width: 300px; height: 45px; line-height: 45px; } .header .head_search .head_form .flex { width: 100%; height: 100%; } .header .head_search .head_form input { width: 100%; padding: 0 10px; } .header .head_search .head_form button { width: 45px; position: absolute; top: 0; right: 0; bottom: 0; background: #b89864; } .header.header_active .head_form i { color: #fff !important; } .tong_main { background: #e0eaf5; padding-top: 50px; padding-bottom:50px; } .tong_main .tong_title { margin-bottom: 0 !important; } .throughput_main1 { padding-top: 100px; padding-bottom: 160px; } .throughput_main1 .tbtitle { font-size: 20px; line-height: 1; color: #b89864; margin-bottom: 30px; } .tb_content { overflow-x: auto; padding-bottom: 0 !important; } .tb_content img { max-width: initial; } /*滚动条样式*/ .tb_content::-webkit-scrollbar { height: 7px; } .tb_content::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: #d1a455; } .tb_content::-webkit-scrollbar-track { -webkit-border-radius: 10px; border-radius: 10px; background: #e0eaf5; } .dot2 { -webkit-line-clamp: 2; } .dot3 { -webkit-line-clamp: 3; } .dot4 { -webkit-line-clamp: 4; } .dot5 { height: 130px; -webkit-line-clamp: 5;} .dot1 { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dot2, .dot3, .dot4 ,.dot5 { display: -webkit-box; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; } .newsnav_main { background: #fff; } .newsnav_main .subnavbox { position: static !important; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important; } .news_first { margin-left: -webkit-calc((100% - 1440px) / 2); margin-left: calc((100% - 1440px) / 2); background: #fff; position: relative; } .news_first .center1440 { margin: 0 !important; } .news_swiper .swiper-slide a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .news_swiper .swiper-slide .imgbox { width: 40%; } .news_swiper .swiper-slide .newsimg_desc { width: 60%; padding-left: 7.63889%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .news_swiper .swiper-slide .newsimg_desc h2 { font-size: 20px; line-height: 28px; } .news_swiper .swiper-slide .newsimg_desc .desc { color: #70757c; font-size: 14px; line-height: 26px; margin-top: 30px; margin-bottom: 65px; } .news_swiper .swiper-slide .newsimg_desc .date { font-size: 20px; color: #b89458; } .newsjiantou { position: absolute; right: 0; bottom: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 100; } .newsjiantou .newsbtn { width: 70px; height: 70px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #b89458; cursor: pointer; } .newsjiantou .n_prev { margin-right: 20px; } .newsjiantou .n_prev i { border-top: 5px solid transparent; border-right: 6px solid #b89458; border-bottom: 5px solid transparent; width: 0; height: 0; } .newsjiantou .n_next i { border-top: 5px solid transparent; border-left: 6px solid #b89458; border-bottom: 5px solid transparent; width: 0; height: 0; } .newsjiantou .newsbtn:hover { background: #b89458; } .newsjiantou .n_prev:hover i { border-right: 6px solid #fff; } .newsjiantou .n_next:hover i { border-left: 6px solid #fff; } .newsimg_descbox { margin-top: -100px; } .news_first { margin-top: 35px; } .newsnav_maincont { margin-top: -9%; padding-bottom: 40px; } .news_pagination { text-align: center; margin-top: 38px; } .newssearch { margin-top: 38px; } .news_pagination span { width: 10px; height: 10px; margin: 0 10px; background-color: #fff; opacity: 1; } .news_pagination .swiper-pagination-bullet-active { background: #b89458; } .newssearch { background: #fff; padding: 28px 38px; } .newssearch_form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .newssearch_form .left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 450px; } .newssearch_form .right { width: -webkit-calc(100% - 490px); width: calc(100% - 490px); } .newssearch_form .left label { margin-right: 20px; } .newssearch_form .left .cable_input { position: relative; width: 180px; height: 44px; border: 1px solid #cecece; } .newssearch_form .left .cable_input input { width: 100%; padding: 0 10px; line-height: 44px; } .newssearch_form .left .cable_input img { position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .newssearch_form .left .xian { height: 1px; width: 40px; background: #cecece; } .newssearch_form .right .searchboxss { width: 100%; height: 44px; border: 1px solid #cecece; position: relative; } .newssearch_form .right .searchboxss input { width: 100%; padding: 0 20px; line-height: 44px; } .newssearch_form .right .searchboxss button { width: 44px; bottom: -1px; top: -1px; right: 0; background-color: #b89458; position: absolute; } .newssearch_form .right .searchboxss button i { color: #fff; } .search .main1 .search_box { margin-top: 0; } .newsmain_list .item { -webkit-transition: all 0.4s; transition: all 0.4s; } .newsmain_list .item a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #cecece; } .newsmain_list .item a .imgbox { width: 320px; padding-top: 11%; position: relative; overflow: hidden;} .newsmain_list .item a .imgbox p{position: absolute; background-position:center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; left: 0px; top: 0px;} .newsmain_list .item a .ndesc { width: -webkit-calc(100% - 360px); width: calc(100% - 360px); } .newsmain_list .item a .ndesc h2 { font-size: 20px; line-height: 28px; color: #333; } .newsmain_list .item a .ndesc .introduction { line-height: 26px; color: #70757c; margin-top: 15px; margin-bottom: 20px; } .newsmain_list .item a .ndesc .date { color: #b89458; font-size: 20px; } .newsmain_list .item:hover { background: #d9c29c; } .newsmain_list .item:hover a .ndesc h2, .newsmain_list .item:hover a .ndesc .introduction, .newsmain_list .item:hover a .ndesc .date { color: #fff; } .page_box a { margin: 0 5px; width: 45px; height: 45px; line-height: 45px !important; font-size: 16px; background: #f5f5f5; -webkit-border-radius: 0; border-radius: 0; padding: 0; border: none; } .page_box .layui-laypage-em { -webkit-border-radius: 0; border-radius: 0; } .page_box a:hover { border: none !important; background: #b89458 !important; } .page_box .layui-laypage-curr { padding: 0; font-size: 16px; width: 45px; height: 45px; line-height: 45px; } .layui-laypage > a:first-child, .layui-laypage > a:first-child em, .layui-laypage > a:last-child, .layui-laypage > a:last-child em { border: none; -webkit-border-radius: 0; border-radius: 0; } .layui-box .layui-laypage-last { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; border: none; } .layui-laypage .layui-laypage-spr { border: none; } .layui-box .layui-laypage-curr { border: none !important; } .layui-laypage .layui-laypage-curr em { background: #b89458 !important; } .layui-laypage .layui-laypage-curr .layui-laypage-em { left: 0; top: 0; padding: 0; } .news_main1 { padding-bottom: 140px; } .newstz_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newstz_list .item { background: #3b5979; width: 50%; height: 680px; -webkit-transition: all 0.4s; transition: all 0.4s; position: relative; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .newstz_list .item.active { background: #1c509d; } .newstz_list .item img { bottom: -20px; right: -10%; position: absolute; } .newstz_list .newstz_text { color: #fff; position: relative; } .newstz_list .newstz_text h2 { font-size: 40px; } .newstz_list .newstz_text .jiantou_yuan { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: -webkit-calc(100% + 30px); top: calc(100% + 30px); width: 70px; height: 70px; -webkit-border-radius: 50%; border-radius: 50%; background: #b89458; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s; } .newstz_list .newstz_text .jiantou_yuan i { border-top: 5px solid transparent; border-left: 6px solid #fff; border-bottom: 5px solid transparent; width: 0; height: 0; } .newstz_list .item.active .newstz_text .jiantou_yuan { opacity: 1; } .newstz_list .item:last-child img { right: 0; } .banner_bg { height: 640px; } .newsdetails_main { padding-top: 100px; padding-bottom: 135px; } .newsdetails_main .center1440{max-width: 1280px;} .arrow_left { border-top: 5px solid transparent; border-right: 6px solid #b89458; border-bottom: 5px solid transparent; width: 0; height: 0; } .arrow_right { border-top: 5px solid transparent; border-left: 6px solid #b89458; border-bottom: 5px solid transparent; width: 0; height: 0; } .back_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .back_list .backyuan { width: 40px; height: 40px; -webkit-border-radius: 50%; border-radius: 50%; background: #3b5a79; margin-right: 20px; } .back_list .backyuan i { border-right: 6px solid #fff; } .news_details { padding-top: 40px; border-top: 1px solid #eeeeee; margin-top: 20px; } /* .news_details .left { width: 440px; } display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; .news_details .right { width: -webkit-calc(100% - 500px); width: calc(100% - 500px); } display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; */ .news_details .left{border-bottom: 1px solid #eeeeee; padding-bottom: 30px;} .news_details .left .newtitle {font-size: 32px; font-weight: 600; line-height:34px; text-align: center; } .news_details .left .new_date { margin-top:10px; text-align: center; } .news_details .left .new_date .date { font-size: 80px; line-height: 1; color: #b89458; font-weight: bold; } .news_details .left .new_date .year { font-size: 20px; margin-left: 0px; color: #b89458; } .news_details .right { color: #262626; line-height: 1.75; font-size: 16px; padding-top: 35px; } .news_prevnext { margin-top: 90px; } .news_prevnext .newprev { padding: 30px 50px; border-top: 1px solid #eeeeee; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .news_prevnext .newprev:last-child { border-bottom: 1px solid #eeeeee; } .news_prevnext .newprev .d_line { width: -webkit-calc(100% - 88px); width: calc(100% - 88px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .news_prevnext .newprev .d_line .p_two { margin: 0 90px; } .news_prevnext .newprev .d_line .p_two i { font-size: 14px; } .news_prevnext .newprev .d_line .p_three { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: -webkit-calc(100% - 300px); width: calc(100% - 300px); } .news_prevnext .newprev .d_date { font-size: 16px; } .imgbox img { -webkit-transition: all 0.4s; transition: all 0.4s; } .internal_main { padding-top: 95px; padding-bottom: 135px; } .internal_main .internal_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .internal_main .internal_list .item { margin-right: 40px; width: -webkit-calc(25% - 30px); width: calc(25% - 30px); margin-bottom: 70px; } .internal_main .internal_list .item:nth-child(4n) { margin-right: 0; } .internal_main .internal_list .item .imgbox { overflow: hidden; } .internal_main .internal_list .item:hover .imgbox img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .internal_main .internal_list .item .itembox { position: relative; } .internal_main .internal_list .item p { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 20px; margin-top: 15px; text-align: center; } .internal_main .internal_list .item .bgyuan { background-image: url(../images/kanwu_yuan.png); width: 110%; height: 170px; position: absolute; bottom: 0; right: -100px; z-index: -1; } .morelinks { margin: 0 auto; text-align: center; } .morelinks p { font-size: 16px; color: #333; } .morelinks .morebox { width: 80px; height: 80px; background: #3b5a79; -webkit-border-radius: 50%; border-radius: 50%; margin-top: 16px; margin-left: auto; margin-right: auto; } .morelinks .morebox i { color: #fff; } .propaganda_main .imgbox { position: relative; } .propaganda_main .play_btn { width: 210px; height: 210px; -webkit-border-radius: 50%; border-radius: 50%; background: #d1a455; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; } .propaganda_main .imgtext { padding-top: 35px; padding-bottom: 55px; } .propaganda_main .play_btn i { color: #fff; font-size: 30px; padding-left: 10px; font-weight: bold; } .propaganda_main .imgtext p { font-size: 20px; color: #b89458; } .propaganda_main .imgtext h2 { font-size: 20px; margin-top: 10px; } .propagandalist_main { background: #e0eaf5; padding: 60px 0; } .propaganda_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .propaganda_list .item { margin-right: 60px; width: -webkit-calc(33.3333% - 40px); width: calc(33.3333% - 40px); margin-bottom: 40px; } .propaganda_list .item:nth-child(3n) { margin-right: 0; } .propaganda_list .item .imgbox { position: relative; } .propaganda_list .item .imgbox img{max-height: 190px; object-fit: cover;} .propaganda_list .item .play_btn { width: 80px; height: 80px; -webkit-border-radius: 50%; border-radius: 50%; background: #3b5a79; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; } .propaganda_list .item .play_btn i { color: #c09c5f; font-size: 20px; text-align: center; margin-left: 5px; font-weight: bold; } .propaganda_list .item .play_btn:hover { background: #b89458; } .propaganda_list .item .play_btn:hover i { color: #fff; } .propaganda_list .item .itemdesc { background: #fff; padding: 40px; } .propaganda_list .item .itemdesc p { font-size: 16px; color: #b89458; } .propaganda_list .item .itemdesc h2 { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; margin-top: 2px; } .picture_main { padding-top: 80px; padding-bottom: 140px; } .picture_category { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .picture_category a { display: block; font-size: 16px; -webkit-border-radius: 30px; border-radius: 30px; line-height: 1; padding: 20px 48px; border: 1px solid #dbdee3; -webkit-transition: all 0.4s; transition: all 0.4s; margin-right: 20px; } .picture_category a:last-child { margin-right: 0; } .picture_category a:hover, .picture_category a.active { background: #c09c5f; border-color: #c09c5f; color: #fff; } .picture_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .picture_list .item { margin-right: 40px; width: -webkit-calc(25% - 30px); width: calc(25% - 30px); margin-top: 40px; cursor: pointer; -webkit-transition: all 0.4s; transition: all 0.4s; } .picture_list .item:nth-child(4n) { margin-right: 0; } .picture_list .item .imgbox { overflow: hidden; } .picture_list .item:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .picture_list .item .tit { font-size: 16px; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center; margin-top: 15px; } .picture_alert { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; background: #2b3944; -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; } .picture_big { height: 100%; position: relative; } .picture_big::after { display: block; content: ""; height: 30%; position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.8))); background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8)); } .picture_bigswiper { height: 100%; } .picture_bigswiper .swiper-swrapper { height: 100%; } .picture_bigswiper .mobile_imgshow { display: none; } .picture_bigswiper .pc_imgshow { height: 100%; } .picture_smallswiper { padding-top: 15px; } .picture_small { position: absolute; z-index: 101; left: 40px; right: 40px; bottom: 20px; } .picture_smallswiper .imgbox::after { display: block; content: ""; left: 0; right: 0; top: 0; background: #c09c5f; position: absolute; height: 3px; opacity: 0; } .picture_smallswiper .imgbox::before { display: block; content: ""; left: 0; right: 0; top: 0; bottom: 0; background: rgba(23, 66, 126, 0.8); position: absolute; opacity: 0; } .picture_smallswiper .active .imgbox::after { opacity: 1; } .picture_smallswiper .active .imgbox::before { opacity: 1; } .picture_smallswiper .swiper-slide { cursor: pointer; -webkit-transition: all 0.4s; transition: all 0.4s; } .picture_smallswiper .swiper-slide:hover { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } .picture_btn { position: absolute; top: 0; right: 0; width: 80px; z-index: 10; } .picture_btn .item { height: 80px; background: #192232; cursor: pointer; position: relative; overflow: hidden; } .picture_btn .item:first-child { background: #787575; } .picture_btn .item::after { position: absolute; top: 100%; left: 0; right: 0; bottom: 0; -webkit-transition: all 0.4s; transition: all 0.4s; display: block; content: ""; background: #d1a455; } .picture_btn .item:first-child:after { background: #d1a455; } .picture_btn .item i { font-size: 16px; color: #fff; position: relative; z-index: 10; } .picture_btn .item:hover::after { top: 0; } .picture_btn .item:nth-child(2) { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .business_main1 { background: #e0eaf5; padding-bottom: 40px; } .sct_notice { padding-top: 115px; padding-bottom:115px; position: relative; margin-bottom: 40px; } .sct_notice::after { display: block; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(28, 80, 156, 0.9); } .sct_noticebox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 7.63889%; position: relative; z-index: 2; color: #fff; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .sct_noticebox .left { width: 140px; } /* .sct_noticebox .right { width: -webkit-calc(100% - 270px); width: calc(100% - 270px); } */ .sct_noticebox .left .b_date { font-size: 120px; line-height: 1; font-weight: bold; } .sct_noticebox .left .b_year { font-size: 44px; letter-spacing: -3px; margin-top: 10px; } .sct_noticebox .right h2 { font-size: 30px; margin-bottom: 45px; } .sct_noticebox .right h3 { font-size: 20px; margin-bottom: 30px; } .sct_noticebox .right .b_year{font-size: 20px; margin-bottom: 30px;} .sct_noticebox .right p { font-size: 16px; line-height: 40px; } .business_main2 { padding: 60px 0; overflow: hidden;} .business_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .business_list .item { -webkit-transition: all 0.4s; transition: all 0.4s; margin-right: 60px; width: -webkit-calc(33.3333% - 40px); width: calc(33.3333% - 40px); border: 1px solid #cecece; padding: 38px; margin-bottom: 40px; } .business_list .item:nth-child(3n) { margin-right: 0; } .business_list .item a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .business_list .item .left { width: 70px; } /* .business_list .item .right { width: -webkit-calc(100% - 110px); width: calc(100% - 110px); } */ .business_list .item .left .bus_date { font-size: 60px; line-height: 1; font-weight: bold; color: #b89458; } .business_list .item .left .bus_year { font-size: 20px; color: #b89458; line-height: 1; margin-top: 12px; } .business_list .item .right .bus_title { font-size: 20px; margin-bottom: 28px; } .business_list .item .right .bus_zjing { font-size: 16px; margin-bottom: 10px; } .business_list .item .right .bus_year{font-size: 16px; margin-bottom: 10px;} .business_list .item .right .bus_desc { font-size: 14px; line-height: 26px; color: #70757c; } .business_list .item .right .browseText{text-align:right; padding-top: 10px; color: #c09c5f;} .business_list .item:hover { color: #fff; border-color: #c09c5f; background: #c09c5f; } .business_list .item:hover .bus_date, .business_list .item:hover .bus_year, .business_list .item:hover .bus_title, .business_list .item:hover .bus_zjing { color: #fff; } .business_list .item:hover .bus_desc { color: #fff; opacity: 0.6; } .business_list .item:hover .browseText{ color: #fff;} .wharf_main { padding-top: 100px; padding-bottom: 160px; } .wharf_mainbox { background: #1c509c; padding: 55px; } .wharf_mainbox .wharf_cate { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 20px; border-bottom: 1px solid #fff; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .wharf_mainbox .wharf_cate .item { width: 50%; color: #fff; text-align: center; font-size: 30px; } .wharf_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 55px; } .wharf_content .left { width: 50%; border-right: 1px solid rgba(255, 255, 255, 0.2); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .wharf_content .right { width: 50%; } .wharf_content .left .item { width: 220px; padding: 25px 0; border: 1px solid rgba(255, 255, 255, 0.2); -webkit-border-radius: 40px; border-radius: 40px; font-size: 18px; color: #fff; text-align: center; cursor: pointer; -webkit-transition: all 0.4s; transition: all 0.4s; margin-right: 20px; margin-bottom: 10px; } .wharf_content .left .item:hover, .wharf_content .left .item.active { border-color: #d1a455; background: #d1a455; } .wharf_content .left .item:nth-child(2n) { margin-right: 0; } .wharf_content .right { color: #c09c5f; } .wharf_content .wharfdesc_list .item { text-align: center; } .wharf_content .wharfdesc_list h2 { font-size: 120px; line-height: 1; margin-bottom: 45px; letter-spacing: -4px; } .wharf_content .wharfdesc_list p { font-size: 18px; } .wharf_content .wharfdesc_list .item { display: none; } .wharf_content .wharfdesc_list .item:first-child { display: block; } .route_main { padding-top: 90px; padding-bottom: 140px; } .route_xianlu { background: #dcdddd; padding-top: 90px; padding-bottom: 25px; text-align: center; } .route_xianlu h2 { font-size: 40px; margin-bottom: 20px; } .route_xianlu p { font-size: 40px; line-height: 1; color: #1c509c; opacity: 0.2; text-transform: uppercase; letter-spacing: -2px; } .route_category { margin-top: 95px; margin-bottom: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .route_category a { width: 160px; height: 60px; text-align: center; line-height: 60px; border: 1px solid #d8dbe0; -webkit-border-radius: 30px; border-radius: 30px; font-size: 16px; margin-right: 20px; -webkit-transition: all 0.4s; transition: all 0.4s; } .route_category a:last-child { margin-right: 0; } .route_category a:hover, .route_category a.active { color: #fff; background: #c09c5f; border-color: #c09c5f; } .route_search { background: #e0eaf5; padding: 28px 40px; position: relative;z-index: 10;margin-top: 30px;} .route_search .route_form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .route_search .route_form .left { width: 450px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .route_search .route_form .right { width: -webkit-calc(100% - 490px); width: calc(100% - 490px); } .route_search .route_form .left label { font-size: 24px; color: #c09c5f; margin-right: 20px; } .route_search .route_select { width: -webkit-calc(100% - 146px); width: calc(100% - 146px); } .layui-input, .layui-select, .layui-textarea { height: 44px; } .route_sosuobox { height: 44px; background: #fff; width: 100%; line-height: 44px; position: relative; } .route_sosuobox input { padding: 0 20px; width: 100%; } .route_sosuobox button { width: 44px; height: 44px; background: #b89458; position: absolute; top: 0; right: 0; } .route_sosuobox button i { color: #fff; font-size: 18px; } .route_content { margin-top: 40px; } body { padding-top: 0; } .route_main .layui-form-select dl dd.layui-this { background-color: #c09c5f; } .head_mobile_btn1 .btn1 .line { height: 2px; } .route_tableone table { width: 100%; text-align: center; } .route_tableone table th { width: 20%; padding: 45px 5px; background: #f1f0ef; font-size: 24px; color: #c09c5f; } .route_tableone table tr td { padding: 28px 5px; font-size: 20px; } table th, table td { border-color: #cdc9c5; } .route_tableone table th { border-top: 2px solid #c09c5f; } .border_none td { border: none; } .head_dropdown1 .mobile_down .block .mobile_nav_down { background: none; padding-left: 15px; } .mobile_nav_down a { display: block; text-align: left; line-height: 30px !important; } .route_tabletwo table { width: 100%; text-align: center; } .route_tabletwo table th { border-top: 2px solid #c09c5f; } .route_tabletwo table th { padding: 40px 5px; background: #f1f0ef; font-size: 24px; color: #c09c5f; } .route_tabletwo table th:nth-child(1) { width: 6%; } .route_tabletwo table th:nth-child(2) { width: 8%; } .route_tabletwo table th:nth-child(3) { width: 10%; } .route_tabletwo table th:nth-child(4) { width: 14%; } .route_tabletwo table th:nth-child(5) { width: 10%; } .route_tabletwo table th:nth-child(6) { width: 10%; } .route_tabletwo table th:nth-child(7) { width: 42%; } .route_tabletwo table tr td { padding: 18px 20px; font-size: 14px; line-height: 24px; } .cooperative_main { padding-top: 90px; padding-bottom: 140px; } .cooperative_title { text-align: center; } .cooperative_title h2 { font-size: 30px; margin-bottom: 20px; } .cooperative_title p { font-size: 16px; color: #70757c; } .cooperative_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 50px; border-top: 1px solid #e8e8e7; } .cooperative_list .item { -webkit-transition: all 0.4s; transition: all 0.4s; width: 16.666666666666668%; min-height: 130px; border-bottom: 1px solid #e8e8e7; border-right: 1px solid #e8e8e7; } .cooperative_list .item:nth-child(6n) { border-right: none; } .cooperative_list .item .cpimgbox { text-align: center; padding: 10px; } .cooperative_list .item .custom2 { display: none; } /* .cooperative_list .item img { max-width: 90%; max-height:80%; } */ .cooperative_list .item:hover { background: #d2a456; } .cooperative_list .item:hover .custom2 { display: block; } .cooperative_list .item:hover .custom1 { display: none; } .header { } .company_main3 { padding-top: 160px; padding-bottom: 105px; background-image: url(../images/gkbgimg.jpg); } .company_gongsi { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .company_gongsi .left { width: 590px; } .company_gongsi .right { margin-right: 50px; } .gongsi_swiper { color: #fff; } .gongsi_swiper .gsitembox .gs_name { font-size: 24px; } .gongsi_swiper .gsitembox .gs_subname { font-size: 34px; font-weight: 100; margin-bottom: 40px; margin-top: 5px; } .gongsi_swiper .gsitembox .gs_desc { line-height: 26px; } .gongsi_btn { margin-top: 100px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .gongsi_btn .gongsibtnbox { cursor: pointer; width: 70px; height: 70px; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #b89458; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .gongsi_prev i { border-top: 5px solid transparent; border-right: 5px solid #b89458; border-bottom: 5px solid transparent; width: 0; height: 0; } .gongsi_next i { border-top: 5px solid transparent; border-left: 5px solid #b89458; border-bottom: 5px solid transparent; width: 0; height: 0; } .gongsi_btn .gongsibtnbox:hover { background: #b89458; } .gongsi_prev:hover i { border-right: 5px solid #fff; } .gongsi_next:hover i { border-left: 5px solid #fff; } .gongsi_btn img { margin: 0 8px; } .gongsi_btn span { font-size: 18px; color: #b89458; } .gongsi_btn .gs_active { margin-left: 20px; } .gongsi_btn .gs_num { margin-right: 20px; } .company_gongsi .right { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .gongsibig_box { position: absolute; top: -50px; left: -50px; right: -50px; bottom: -50px; border: dotted 2px #d1a455; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: icon_bgT 40s linear infinite; animation: icon_bgT 40s linear infinite; } .gongsibig_box .ggsb_quan { width: 16px; height: 16px; -webkit-border-radius: 50%; border-radius: 50%; background: #00ac6f; position: absolute; top: 0; left: 36%; } .gongsibig_swiper { width: 480px; height: 480px; } .gongsibig_swiper .yuanimg { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; } .company_main3 { overflow: hidden; position: relative; } .gongsismall_swiper { width: 100%; height: 100%; } .gongsismall_box { position: absolute; top: -170px; right: 6.25%; width: 340px; height: 340px; padding: 30px; border: dotted 2px #d1a455; -webkit-border-radius: 50%; border-radius: 50%; } .gongsismall_swiper .gssmall { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; } .service_main { background: #e0eaf5; padding-bottom: 1px; } .servicemain { position: relative; } .servicemain::before { display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 50%; background: #fff; } .service_content { height: 652px; position: relative; z-index: 3; } .service_content .service_box { text-align: center; } .service_content .service_box h2 { font-size: 30px; margin-bottom: 25px; } .service_content .service_box p { font-size: 16px; line-height: 26px; color: #7490a3; } .railway_main .service_box { padding-top: 150px; } .railway_router { padding-bottom: 120px; } .railwayrouter_content { margin-top: 90px; } .railwayrouter_content h2 { font-size: 30px; margin-bottom: 30px; text-align: center; } .railwayrouter_list .item { width: -webkit-calc(50% - 50px); width: calc(50% - 50px); margin-right: 40px; background: #e0eaf5; padding: 40px; } .railwayrouter_list .item:nth-child(2n) { margin-right: 0; } .railwayrouter_table { margin-top: 100px; } .railwayrouter_table table { width: 100%; } .railwayrouter_table table th { background: #c09c5f; color: #fff; padding: 20px 5px; border: none; } .railwayrouter_table table th h2 { font-size: 30px; margin-bottom: 5px; } .railwayrouter_table table tr:nth-child(2) { background-color: #f1f0ee; } .railwayrouter_table table tr td:nth-child(1) { background-color: #f1f0ee; color: #c09c5f; font-size: 24px; padding-left: 10px; padding-right: 10px; } .railwayrouter_table table tr td { padding: 20px 5px; text-align: center; font-size: 14px; } .railwayrouter_table table tr:nth-child(2) td { font-size: 20px; } .bochuan_main { position: relative; z-index: 3; padding:90px 15px; background: #dcdddd; margin-top: 70px; } .bochuan_main .service_box { padding-top: 0 !important; text-align: center; color: rgba(28,80,156,0.5); } .bochuan_main .service_box h2 { font-size: 30px; margin-bottom: 25px; color: #333; } .bochuan_main .service_box p { font-size: 16px; line-height: 26px; } .barge_router { padding-top: 90px; padding-bottom: 160px; } .barge_content > h2 { font-size: 30px; text-align: center; margin-bottom: 35px; } .barge_table table { width: 70%;margin:0 auto; } .barge_table table tr td { padding:0px 5px; text-align: center; } .barge_table table th { border-top: 2px solid #c09c5f; padding: 25px 5px; background: #f1f0ee; font-size: 20px; font-weight: normal; } .barge_table table tr td:nth-child(1) { color: #c09c5f; padding-left: 20px; padding-right: 20px; background: #f1f0ee; font-size: 16px; } .barge_table table tr th:nth-child(1) { color: #c09c5f; } .combined_main { background: #e0eaf5; } .combined_jianjie { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .combined_jianjie .left { padding-left: -webkit-calc((100% - 1440px) / 2); padding-left: calc((100% - 1440px) / 2); background: #1c4f9d; width: 50%; } .combined_jianjie .right { width: 50%; padding-right: -webkit-calc((100% - 1440px) / 2); padding-right: calc((100% - 1440px) / 2); } .combined_jianjie .comjj_desc { color: #fff; line-height: 26px; padding: 90px 0; padding-right: 30px; } .combined_jianjie .comjj_desc h2 { font-size: 24px; margin-bottom: 30px; } .combined_jianjie .comjj_desc p { opacity: 0.6; } .combined_jianjie .comjj_bg { height: 100%; } .project_characteristics { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-top: 60px; padding-bottom: 60px; } .project_characteristics .left { width: 38.19444%; } .project_characteristics .right { width: 48.26389%; } .project_characteristics .left h2 { font-size: 24px; margin-bottom: 20px; } .project_characteristics .left p { font-size: 20px; color: #d2a456; } .project_characteristics .left .shipimg { margin-top: 25px; } .project_characteristics .project_tdul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 70px 0; border-bottom: 1px solid #d4d9e1; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .project_characteristics .project_tdul li .num { font-size: 40px; color: #d2a456; font-weight: bold; } .project_characteristics .project_tdul li .desc { color: #70757c; line-height: 30px; padding-left: 30px;font-size: 16px;} .project_characteristics .project_tdul li:first-child { padding-top: 0; } .combined_main2 { padding: 100px 0; position: relative; } .combined_main2::after { display: none; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 15%; background: #e0eaf5; } .combined2_content { padding:25px 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; z-index: 3; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; align-items: center;} .combined2_content .left { width: 51.38889%; } .combined2_content .right { width: 43.75%; color: #70757c; line-height:30px; padding-top: 0 ; padding-bottom: 0px !important; font-size: 16px;} .combined2_content:nth-child(2n){flex-flow: row-reverse;} .combined_main3 { padding: 60px 0; background: #1c4f9d; } .combined_main3 .cmbpro_title { font-size: 24px; text-align: center; color: #fff; margin-bottom: 15px; } .memorabilia_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-top: 40px; } .memorabilia_item .left { width: 47.22222%; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .memorabilia_item .left .d_desc{ max-height: 280px;overflow-y: auto;width: calc(100% - 112px);} .memorabilia_item .right { width: 48.61111%; } .memorabilia_item .left .d_date { font-size: 20px; } .memorabilia_item .left .d_desc { line-height: 26px;padding-top: 3px; } .memorabilia_swiper { height: auto !important; } .memorabilia_swiper .swiper-slide { opacity: 0.6; } .memorabilia_swiper .swiper-slide-active { opacity: 1; } .memorabilia_swiper .swiper-slide-active .memorabilia_item { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .memorabilia_item .imgbox { position: relative; } .memorabilia_swiper .swiper-slide-active .imgbox::after { display: none; } .combined_jianjie .comjj_bg .imgbox { display: none; } .combined_main4 { padding: 80px 0; } .weilaiguihua { background: #f5f7fa; border: 5px solid #dbdee3; padding-top: 85px; padding-bottom: 105px; text-align: center; } .weilaiguihua h2 { font-size: 24px; margin-bottom: 40px; } .weilaiguihua p { line-height: 26px; } .port_category { 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-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 75px; padding-bottom: 90px; } .port_category a { width: 160px; height: 60px; line-height: 60px; text-align: center; -webkit-border-radius: 30px; border-radius: 30px; border: 1px solid #d7dadf; font-size: 16px; -webkit-transition: all 0.4s; transition: all 0.4s; margin: 0 10px; } .port_category a:hover, .port_category a.active { background: #d2a456; border-color: #d2a456; color: #fff; } .port_title { text-align: center; font-size: 30px; line-height: 1; margin-bottom: 38px; } .porttixi_swiper .porttixi_item { position: relative; background: #3b5979; padding: 65px 40px 40px 40px; display: block; color: #fff; overflow: hidden; } .porttixi_swiper .porttixi_item .ppp_tit { font-size: 20px; line-height: 1.5;height: 60px;} .porttixi_swiper .porttixi_item .imgbox { margin-top: 60px; margin-bottom: 40px;height: 250px; } .porttixi_swiper .porttixi_item .tx_time { padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.4); } /* display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; */ .porttixi_swiper .porttixi_item .tx_time .txtime_day { line-height: 0.8; font-size: 40px; color: #d2a456; font-weight: bold; letter-spacing: 0 !important; } .porttixi_swiper .porttixi_item .tx_time .txtime_year { opacity: 0.4; font-size: 18px; text-align: left; } .porttixi_swiper .porttixi_item .hover_content{ position: absolute; display: block; content: ""; left: 0; right: 0; bottom: -100%; height: 100%; -webkit-transition: all 0.4s; transition: all 0.4s; background: #d1a455; } .porttixi_swiper .porttixi_item .hover_content{padding: 60px 40px;} .hover_content .ho_title{font-size: 22px;} .hover_content .ho_desc{font-size: 16px;margin-top: 20px;} .porttixi_swiper .porttixi_item:hover .hover_content { bottom: 0; } .porttixi_swiper{width: 100%; position: relative;} .porttixi_swiper .porttixi_scrollbar{ position: absolute; width: 100%; bottom: -20px; height: 5px;background: rgba(0,0,0,.1);} .porttixi_swiper .porttixi_scrollbar .swiper-scrollbar-drag{height: 100%;width: 100%;position: relative;background: rgba(0,0,0,.5); border-radius: 10px; left: 0;top: 0} .tong_btn { 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; margin-top: 40px; margin-bottom: 90px; } .tong_prev, .tong_next { width: 70px; height: 70px; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; } .tong_prev { background: #3b5979; margin-right: 20px; } .tong_next { background: #3b5979; } .tong_prev:hover, .tong_next:hover { background: #d1a455; } .tong_prev i { border-right: 6px solid #fff; } .tong_next i { border-left: 6px solid #fff; } .port_main2 { margin-left: -webkit-calc((100% - 1440px) / 2); margin-left: calc((100% - 1440px) / 2); background: #1c4f9d; } .port_main3 { margin-top: 90px; position: relative; padding-bottom: 140px; } .port_main3::after { display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; background: #e0eaf5; height: 58%; } .notice_swiper .notice_desc { background-color: #fff; padding: 20px 35px; } .notice_swiper .notice_desc .name { font-size: 20px; } .notice_swiper .notice_desc .date { font-size: 20px; color: #97a0aa; } .notice_swiper .notice_boxbox { position: relative; display: block; } .notice_swiper .notice_boxbox .imgbox img{max-height: 190px; object-fit: cover;} .notice_swiper .notice_boxbox::after { position: absolute; display: block; content: ""; left: 0; right: 0; bottom: -100%; height: 100%; -webkit-transition: all 0.4s; transition: all 0.4s; background: #d1a455 url(../images/scale.png) no-repeat center; } .notice_swiper .notice_boxbox:hover::after { bottom: 0; } .notice_ctbox { position: relative; } .notice_ctbox .tong_prev { top: 45%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -110px; position: absolute; z-index: 10; margin-right: 0 !important; } .notice_ctbox .tong_next { top: 45%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -110px; position: absolute; z-index: 10; } .imgauto img { width: auto; } .company_commitment { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .company_commitment .left { width: 50%; padding-left: -webkit-calc((100% - 1440px) / 2); padding-left: calc((100% - 1440px) / 2); background: #1c4f9d; padding-top: 90px; padding-bottom: 90px; padding-right: 30px; color: #fff; } .company_commitment .right { width: 50%; padding-right: -webkit-calc((100% - 1440px) / 2); padding-right: calc((100% - 1440px) / 2); } .company_commitment .left h2 { font-size: 30px; margin-bottom: 40px; } .company_commitment .left h3 { font-size: 20px; margin-bottom: 5px; } .company_commitment .left p { font-size: 16px; color: #9db5d8; line-height: 26px; } .port_catebox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .port_fenlei a { display: inline-block; font-size: 18px; color: #333; line-height: 1; padding-bottom: 16px; margin-right: 45px; } .port_fenlei a.active, .port_fenlei a:hover { border-bottom: 4px solid #d2a456; color: #d2a456; } .port_fenlei a:last-child { margin-right: 0; } .notice_ctboxlist .notice_ctbox { display: none; } .notice_ctboxlist .notice_ctbox:first-child { display: block; } .port_environment { background-color: #e0eaf5; } .environment_content { position: relative; padding-bottom: 100px; } .environment_content::after { display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 80%; background: #fff; } .environment_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; z-index: 2; } .environment_list .item { cursor: pointer; margin-right: 40px; width: -webkit-calc(50% - 20px); width: calc(50% - 20px); background: #3b5979; color: #fff; padding: 85px 20px; text-align: center; -webkit-transition: all 0.4s; transition: all 0.4s; margin-bottom: 40px; } .environment_list .item .imgboxen img { margin: 0 auto; max-width: 270px; } .environment_list .item p { font-size: 24px; line-height: 1; margin-top: 15px; } .environment_list .item:nth-child(2n) { margin-right: 0; } .environment_list .item:hover { background: #d1a455; } .alert_environment { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 100; } .alert_environment .alert_envcont { width: 100%; height: 100%;justify-content: center; } .zsgkAboutContent .left ul li{width: 32%;margin-right: 2% !important;} .zsgkAboutContent .left ul li:nth-child(3n){margin-right: 0 !important;} .envcont_main { width: 900px; max-height: 100%; overflow-y: auto; } .envcont_desc { background: #fff; padding: 30px 80px 30px 80px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .envcont_desc .left { width: 35.13514%; } .envcont_desc .left img { -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid #c09c5f; } .envcont_desc .right { width: 54.05405%; } .envcont_desc .right h2 { font-size: 24px; margin-bottom: 25px; } .envcont_desc .right p { color: #72706c; line-height: 26px; } .envcont_desc .right .rightbox { max-height: 200px; overflow-y: auto; } .alert_envcont {position: relative;} .envcont_main{z-index: 10;} .alert_envcontbg_close{position: absolute;top:0;bottom:0;left: 0;right: 0;z-index: 2;} /*滚动条样式*/ .envcont_main::-webkit-scrollbar { width: 4px; height: 4px; } .envcont_main::-webkit-scrollbar-track { -webkit-border-radius: 2px; border-radius: 2px; } .envcont_main::-webkit-scrollbar-thumb { background: #d1a455; -webkit-border-radius: 10px; border-radius: 10px; } .envcont_main::-webkit-scrollbar-thumb:hover { background: #333; } .envcont_desc .right .rightbox::-webkit-scrollbar { width: 4px; height: 4px; } .envcont_desc .right .rightbox::-webkit-scrollbar-track { -webkit-border-radius: 2px; border-radius: 2px; } .envcont_desc .right .rightbox::-webkit-scrollbar-thumb { background: #d1a455; -webkit-border-radius: 10px; border-radius: 10px; } .envcont_desc .right .rightbox::-webkit-scrollbar-thumb:hover { background: #333; } .envcont_main { position: relative; } .alert_environment { display: none; } .envcont_btn { position: absolute; top: 0; right: 0; width: 80px; z-index: 10; } .envcont_btn .item { height: 80px; background: #192232; cursor: pointer; position: relative; overflow: hidden; } .envcont_btn .item:first-child { background: #787575; } .envcont_btn .item::after { position: absolute; top: 100%; left: 0; right: 0; bottom: 0; -webkit-transition: all 0.4s; transition: all 0.4s; display: block; content: ""; background: #d1a455; } .envcont_btn .item:first-child:after { background: #d1a455; } .envcont_btn .item i { font-size: 16px; color: #fff; position: relative; z-index: 10; } .envcont_btn .item:hover::after { top: 0; } .envcont_btn .item:nth-child(2) { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .greenPort_main1 { padding-top: 90px; padding-bottom: 100px; } .ditan_cont { background: #1c509c; padding: 65px 0; } .ditan_cont .dttitl { color: #d2a456; font-size: 24px; text-align: center; margin-bottom: 50px; } .ditan_imgbox { width: 410px; height: 340px; margin: 0 auto; display: block; } .ditan_imgbox { position: relative; } .ditan_item { position: absolute; } .ditan_item h2 { font-size: 16px; color: #fff; } .ditan_item p { font-size: 16px; color: #fff; opacity: 0.4; } .ditan_1 { top: -12px; left: -184px; } .ditan_2 { top: 47%; left: -242px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: right;} .ditan_3 { bottom: 2px; left: -220px;text-align: right; } .ditan_4 { top:-10px; right: -192px; } /* .ditan_5, .ditan_6, .ditan_7, .ditan_8 { right: -106px; text-align: right; } */ .ditan_5 { top: 47.5%; transform: translateY(-50%);right: -152px;} .ditan_6 { bottom: 12px;right: -148px;} .ditan_7 { bottom: 28%;} .ditan_8 { bottom: -3px; } .greenPort_main2 { position: relative; } .greenPort_product { padding-left: -webkit-calc((100% - 1440px) / 2); padding-left: calc((100% - 1440px) / 2); position: relative; z-index: 2; } .greenPort_main2::after { display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; background: #e0eaf5; height: 50%; } .greenPort_swiper .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .greenPort_swiper .left { width: 42.85714%; background: #1c4f9d; } .greenPort_swiper .right { width: 57.14286%; } .greenPort_swiper .right img { display: block; } .greenPort_swiper .left .leftbox { height: 100%; padding: 105px 120px 0 60px; color: #fff; } .greenPort_swiper .left .leftbox h2 { font-size: 30px; } .greenPort_swiper .left .green_ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 80px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .greenPort_swiper .left .green_ul li { max-width: 42%; text-align: center; margin-bottom: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -webkit-align-items: end; -ms-flex-align: end; align-items: end; } .greenPort_swiper .left .green_ul li .one { font-size: 30px; line-height: 1; width: 100%; } .greenPort_swiper .left .green_ul li .one span { font-size: 68px; line-height: 1; font-weight: bold; margin-right: 5px; } .greenPort_swiper .left .green_ul li .two { font-size: 16px; opacity: 0.6; margin-top: 5px; width: 100%; } .greenPort_swiper .left .green_ul li:nth-child(odd) { max-width: 38%; } .greenPort_btn { margin: 0 !important; position: absolute; left: -webkit-calc((100% - 1440px) / 2 + 60px); left: calc((100% - 1440px) / 2 + 60px); bottom: 60px; z-index: 10; } .greenPort_btn > div { background: none; border: 1px solid #fff; } .greenPort_btn > div:hover { border-color: #d1a455; } .greenPort_main3 { background: #e0eaf5; padding: 100px 0; } .greenPort_main3 .imgbox { position: relative; } .greenPort_main3 .imgtex { position: absolute; left: 12.5%; bottom: 19.29825%; color: #fff; } .greenPort_main3 .imgtex h2 { font-size: 48px; line-height: 1; } .greenPort_main3 .imgtex h2 span { font-size: 200px; letter-spacing: -5px; } .greenPort_main3 .imgtex p { font-size: 30px; margin-top: 10px; } .imgscale { overflow: hidden; } .imgscale img { -webkit-transition: all 0.4s; transition: all 0.4s; } .imgscale:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .greenPort_main4 { margin-top: 90px; margin-bottom: 140px; } .conservation_swiper .desc { margin-top: 30px; } .conservation_swiper .desc h2 { font-size: 20px; margin-bottom: 10px; } .conservation_swiper .desc p { line-height: 26px; color: #70757c; } .welfare_main { padding-bottom: 100px; } .welfare_list .item .left { width: 380px; } .welfare_list .item .right { width: 330px; } .welfare_list .item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 110px 0; border-bottom: 1px solid #d7dadf; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .welfare_list .item .center_c { width: 360px; height: 360px; position: relative; } .welfare_list .item .center_c .box { width: 100%; height: 100%; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; } .welfare_list .item .left .w_title { font-size: 20px; margin-bottom: 80px; } .welfare_list .item .left .w_date { font-size: 20px; color: #b89458; } .welfare_list .item .right { line-height: 26px; color: #72706c; } .welfare_btn { width: 60px; height: 60px; -webkit-border-radius: 50%; border-radius: 50%; background: #d1a455; position: absolute; right: 30px; bottom: 15px; z-index: 10; font-size: 24px; color: #fff; cursor: pointer; } .welfare_desc { background: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 60px 70px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .welfare_desc .left { width: 35.52632%; } .welfare_desc .right { width: 55.26316%; } .welfare_desc .left h2 { font-size: 20px; margin-bottom: 90px; } .welfare_desc .left p { color: #b89458; } .welfare_desc .right { line-height: 26px; color: #72706c; max-height: 240px; overflow-y: auto; } .welfare_desc .right::-webkit-scrollbar { width: 4px; height: 4px; } .welfare_desc .right::-webkit-scrollbar-track { background: #efefef; -webkit-border-radius: 2px; border-radius: 2px; } .welfare_desc .right::-webkit-scrollbar-thumb { background: #d1a455; -webkit-border-radius: 10px; border-radius: 10px; } .welfare_desc .right::-webkit-scrollbar-thumb:hover { background: #333; } .memorabilia_item .d_desc::-webkit-scrollbar { width: 4px; height: 4px; } .memorabilia_item .d_desc::-webkit-scrollbar-track { background: #efefef; -webkit-border-radius: 2px; border-radius: 2px; } .memorabilia_item .d_desc::-webkit-scrollbar-thumb { background: #d1a455; -webkit-border-radius: 10px; border-radius: 10px; } .memorabilia_item .d_desc::-webkit-scrollbar-thumb:hover { background: #333; } .layui-laydate .layui-laydate-content .layui-this { background-color: #d1a455 !important; } .join_main { padding-top: 90px; padding-bottom: 140px; } .join_title { text-align: center; } .join_title h2 { font-size: 30px; margin-bottom: 20px; } .join_title p { font-size: 16px; color: #70757c; } .join_list { margin-top: 30px; width: 80%;margin-left: auto;margin-right: auto;} .join_list .item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 40px; padding-right: 0 !important; } .join_list .item .left, .join_list .item .center, .join_list .item .right { width: 33.3333%; } .join_list .item .center { text-align: center; } .join_list .item .right { text-align: right; } .join_list .item:first-child { background: #d1a455; color: #fff; font-size: 16px; } .join_list .item:first-child .right { padding-right: 40px; } .join_list .item:not(:first-child) { padding: 20px 40px; border-bottom: 1px solid #d7dadf; font-size: 16px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-right: 0 !important; } .join_list .item:not(:first-child) a { float: right; transition: all 0.4s; width: 140px; text-align: center; font-size: 14px; color: #898c92; } .join_list .item:not(:first-child) a i { margin-left: 10px; display: none;} .join_list .item:not(:first-child) a:hover{color: #1c509c;} /* .join_list .item:not(:first-child) a:hover { color: #fff; background: #d1a455; } */ .application_method { padding: 95px 90px 135px 90px; margin-top: 100px; } .application_method h2 { font-size: 40px; line-height: 1; color: #1c509c; font-weight: bold; margin-bottom: 30px; } .application_method p { color: #515866; font-size: 20px; line-height: 40px; } .treatment_main { background: #e0eaf5; } .treatment_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 140px; position: relative; } .treatment_content::after { display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; background: #fff; height: 50%; } .treatment_content .left { width: 50%; padding-left: -webkit-calc((100% - 1440px) / 2); padding-left: calc((100% - 1440px) / 2); position: relative; z-index: 2; } .treatment_content .right { width: 50%; position: relative; z-index: 2; } .treatment_content .right .imgbox { height: 100%; width: 100%; } .treatment_content .right .imgbox img { display: none; } .treatment_content .left .leftbox { background: #1c509c; padding: 40px; } .treatment_content .left .leftbox table { width: 100%; color: #fff; } .treatment_content table tr td { border-color: #fff; } .treatment_content table tr td:first-child { font-size: 24px; text-align: center; width: 31.25%; } .treatment_content table tr td:nth-child(2) { width: 68.75%; } .treatment_content table tr td:not(:first-child) { font-size: 14px; line-height: 26px; padding: 20px 30px; } .treatment_content table tr td h2 { font-size: 14px; } .treatment_content table tr td ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px; } .treatment_content table tr td ul li p:nth-child(1) { width: 70px; } .treatment_content table tr td ul li p:nth-child(2) { width: -webkit-calc(100% - 70px); width: calc(100% - 70px); color: #afc7eb; } .development_main2 { background: #e0eaf5; } .development_main2::after { background: #fff !important; } .development_main2 .leftbox { padding: 105px 80px 0 70px !important; } .development_main2 .leftbox h3 { font-size: 30px; margin-bottom: 30px; } .development_main2 .leftbox p { color: #abcaf5; line-height: 26px; } .development_main2 .leftbox h1 { letter-spacing: -4px; font-size: 100px; line-height: 1; color: #295aa2; text-transform: uppercase; margin-top: 110px; } .development_main3 { padding-top: 100px; padding-bottom: 150px; text-align: center; color: #70757c; line-height: 26px; } .development_main3 h2 { font-size: 30px; color: #333; line-height: 1.5; margin-bottom: 30px; } .development_main3 h3 { font-size: 24px; color: #d1a455; margin-top: 60px; } .development_main3 .deimgbox { margin-top: 20px; } .development_main3 .btn { width: 360px; height: 80px; -webkit-border-radius: 40px; border-radius: 40px; background: #1c509c; color: #fff; font-size: 24px; margin: 0 auto; margin-top: 100px; } .literary_main { padding: 90px 0; } .literary_main .ttt { font-size: 30px; text-align: center; margin-bottom: 50px; } .literary_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .literary_list .item:nth-child(1) { width: 61.45833%; } .literary_list .item:nth-child(2) { width: 38.54167%; } .literary_list .item:nth-child(3) { width: 38.54167%; } .literary_list .item:nth-child(4) { width: 61.45833%; } .literary_list .item { position: relative; } .literary_list .item h2 { position: absolute; top: 50px; left: 90px; font-size: 40px; color: #fff; z-index: 2; } .literary_list .item::after { display: block; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 1; background: rgba(28, 80, 156, 0.4); -webkit-transition: all 0.4s; transition: all 0.4s; } .literary_list .item:hover::after { background: rgba(172, 237, 57, 0.2); } .smart_main1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; background: #e0eaf5; } .smart_main1::after { position: absolute; left: 0; right: 0; bottom: 0; height: 50%; display: block; content: ""; background: #fff; } .smart_main1 .left { width: 50%; position: relative; z-index: 2; } .smart_main1 .left .imgbox { height: 100%; } .smart_main1 .left .imgbox img { display: none; } .smart_main1 .right { width: 50%; padding-right: -webkit-calc((100% - 1440px) / 2); padding-right: calc((100% - 1440px) / 2); position: relative; z-index: 2; } .smart_main1 .right .right_box { height: 100%; background: #1c4f9d; color: #fff; padding: 80px 75px; } .smart_main1 .right .right_box h4 { font-size: 18px; margin-bottom: 5px; } .smart_main1 .right .right_box h2 { font-size: 30px; margin-bottom: 40px; } .smart_main1 .right .right_box p { line-height: 26px; opacity: 0.8; } .smart_main2 { background: url(../images/zhbg.jpg) bottom no-repeat; padding-top: 110px; padding-bottom: 230px; } .smart_main2 .smartm_tit { text-align: center; } .smart_main2 .smartm_tit h3 { font-size: 18px; } .smart_main2 .smartm_tit h2 { font-size: 30px; margin-bottom: 40px; } .smart_main2 .smartm_tit p { line-height: 24px; color: #70757c; } .smartlist { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 200px; } .smartlist .item { text-align: center; } .smartlist .item .one { font-size: 30px; color: #d2a456; line-height: 1; } .smartlist .item .couter { font-size: 68px; line-height: 1; color: #d2a456; font-weight: bold; letter-spacing: -4px; } .smartlist .item .two { margin-top: 20px; } .smartlist .item .jzshuz { margin-left: 15px; } .smart_main4 { background: url(../images/ryimg.png) left bottom no-repeat; padding-top: 95px; padding-bottom: 60px; } .smart_rongyu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .smart_rongyu .left { width: 46.52778%; } .smart_rongyu .right { width: 49.65278%; } .smart_rongyu .left p { font-size: 18px; } .smart_rongyu .left h2 { font-size: 30px; line-height: 40px; margin-top: 10px; } .smart_rongyu .left img { margin-top: 160px; } .smart_rongyu .right ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 40px 0; border-bottom: 1px solid #d7dadf; } .smart_rongyu .right ul li .s_year { font-size: 40px; line-height: 1; color: #d2a456; font-weight: bold; } .smart_rongyu .right ul li .s_desc { font-size: 16px; color: #70757c; padding-left: 20px; } .wisdom_main1 { padding-top: 95px; padding-bottom: 270px; background: url(../images/wisdom_bg.jpg) center no-repeat; background-size: cover; } .wisdom_main1 .wistit { text-align: center; color: #fff; font-size: 28px; } .wisdom_cont .wis_img { text-align: center; } .wiscontent { 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; margin-top: 70px; } .wiscontent .wisbox { position: relative; } .wiscontent .wis_item { position: absolute; } .wiscontent .wis_item .wiscontbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .wiscontent .wis_item9 .wiscontbox { display: block; } .wiscontent .wis_item .icon { position: relative; width: 100px; height: 100px; -webkit-border-radius: 50%; border-radius: 50%; background: #3361a7;margin: 0 auto;} .wiscontent .wis_item .icon::after { display: block; content: ""; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; background: #c09c5f; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .wiscontent .wis_item.text_right .icon::after { right: -3.5px; } .wiscontent .wis_item.text_left .icon::after { left: -3.5px; } .wiscontent .wis_item.text_bottom .icon::after { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: -3.5px; } .wiscontent .wis_item .icon_text { color: #fff; } .wiscontent .wis_item .icon img { -webkit-transition: all 0.4s; transition: all 0.4s; } .wiscontent .wis_item .icon:hover img { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .wiscontent .wis_item .icon_text h2 { font-size: 18px; margin-bottom: 10px; } .wiscontent .wis_item .icon_text p { font-size: 14px; opacity: 0.6; } .wiscontent .wis_item.text_right { text-align: right; } .wiscontent .wis_item.text_right .icon_text { margin-right: 20px; } .wiscontent .wis_item.text_left { text-align: left; } .wiscontent .wis_item.text_left .icon_text { margin-left: 20px; } .wiscontent .wis_item.text_bottom { text-align: center; display: block; } .wiscontent .wis_item.text_bottom .icon_text { margin-top: 10px; } .wiscontent .wis_item1 { top: -9%; left: -31%; } .wiscontent .wis_item2 { top: 21.5%; left: -49.8%; } .wiscontent .wis_item3 { top: 52%; left: -43.8%; } .wiscontent .wis_item4 { top: 82.3%; left: -43.2%; } .wiscontent .wis_item5 { top: -9%; right: -49.5%; } .wiscontent .wis_item6 { top: 21.5%; right: -43.9%; } .wiscontent .wis_item7 { top: 52%; right: -49.9%; } .wiscontent .wis_item8 { top: 82.3%; right: -53.5%; } .wiscontent .wis_item9 { bottom: -31%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .wisdom_main2 { padding-top: 100px; padding-bottom: 230px; position: relative; overflow: hidden; } .wisdom_main2 > img { position: absolute; left: 0; bottom: 0; max-height: initial; } .wisdom_liucheng .upimgbox { text-align: center; } .wislc_list { position: relative; z-index: 3; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 70px; } .wislc_list::after { display: block; content: ""; position: absolute; width: 999999%; height: 1px; background-color: #d7dadf; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 60px; z-index: -1; } .wislc_list .item .icon { width: 120px; height: 120px; -webkit-border-radius: 50%; border-radius: 50%; background: #e0eaf4; } .wislc_list .item .icon_text { margin-top: 20px; text-align: center; } .wislc_list .item .icon_text h2 { font-size: 18px; color: #1c4f9d; margin-bottom: 10px; font-weight: bold; } .wislc_list .item .icon_text p { color: #70757c; } .wislc_list .item:nth-child(5) { margin-top: -50px; } .wislc_list .item:nth-child(5) .icon { width: 210px; height: 210px; } .wislc_list .item:nth-child(5) .icon .iconbox { background: #1c4f9d; -webkit-border-radius: 50%; border-radius: 50%; width: 85.71429%; height: 85.71429%; text-align: center; } .wislc_list .item:nth-child(5) .icon .iconbox p { color: #c09c5f; font-size: 28px; margin-top: 5px; } .wisdom_lcbtn { width: 360px; height: 140px; background: #c09c5f; -webkit-border-radius: 70px; border-radius: 70px; text-align: center; color: #fff; margin: 30px auto 0 auto; position: relative; z-index: 3; } .wisdom_lcbtn h2 { font-size: 24px; } .wisdom_lcbtn p { font-size: 20px; } .contact_main1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #1a549a;} .contact_main1 .left { width: 50%; padding-left: -webkit-calc((100% - 1440px) / 2); padding-left: calc((100% - 1440px) / 2); padding-right: 30px; padding-top: 100px; } .contact_main1 .right { width: 50%; } .company_nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .company_nav a { cursor: pointer; padding: 20px 25px; line-height: 1; color: #fff; border: 1px solid rgba(255, 255, 255, 0.6); -webkit-border-radius: 30px; border-radius: 30px; margin-right: 10px; -webkit-transition: all 0.4s; transition: all 0.4s; } .company_nav a:last-child { margin-right: 0; } .company_nav a.active, .company_nav a:hover { border-color: #d1a455; background: #d1a455; } .comadd_list { margin-bottom: 35px; } .comadd_list .item { display: block; } .comadd_list .item img { max-height: 100px; margin-bottom: 30px; } .comadd_list .item p { color: #fff; font-size: 16px; } .comadd_list .item.active { display: block; } .contact_main2 { padding-left: -webkit-calc((100% - 1440px) / 2); padding-left: calc((100% - 1440px) / 2); margin-top: -270px; } .contact_main3 { padding-top: 90px; padding-bottom: 160px; background: #1c4f9d;} .contact_main3 .contma_tit p{ color: #fff;} .contact_main3 .contma_tit h2{ color: #b8cce7;} .contma_tit p { font-size: 30px; margin-bottom: 10px; } .contma_tit h2 { font-size: 48px; line-height: 1; opacity: 0.2; letter-spacing: -3px; text-transform: uppercase; } .contact_form { margin-top: 35px; } .contact_form .ct_formline { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #fff; } .contact_form .ct_formline .ctfbox { width: 31.25%; border: 1px solid #b8cce7; height: 80px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 30px; } .contact_form .ct_formline .ctfbox .ctfbox_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; } .contact_form .ct_formline .ctfbox .ctfbox_box label { font-size: 16px; width: 80px; color: #b8cce7; } .contact_form .ct_formline .ctfbox .ctfbox_box input { width: -webkit-calc(100% - 80px); width: calc(100% - 80px); } .ct_textarea { margin-top: 40px; } .ct_textarea .ctfbox { width: 100% !important; height: 160px !important; } .ct_textarea .ctfbox .ctfbox_box { height: 100%; padding: 25px 0; } .ct_textarea .ctfbox textarea { height: 100%; width: -webkit-calc(100% - 80px); width: calc(100% - 80px); } .ct_xieyi { margin-top: 15px; } .ct_xieyi a { color: #d1a455; border-bottom: 1px solid #d1a455; } .contact_form button { width: 210px; height: 65px; background: #fff;color: #333; transition: all 0.4s;-webkit-border-radius: 40px; border-radius: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;justify-content:center; font-size: 18px;padding: 0 30px; float: right; } .contact_form button:hover{background: #d1a455;color: #fff;} .contact_main4 { padding-top: 95px; padding-bottom: 120px; } .contact_rexian { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; color: #d1a455; } .contact_rexian .left { width: 26.38889%; } .contact_rexian .right { width: 69.44444%; margin-right: 4.16667%; } .contact_rexian .contact_nav { color: #333; margin-top: 35px; } .contact_rexian .contact_nav .item { width: 260px; height: 80px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 40px; border-radius: 40px; border: 1px solid #d7dadf; cursor: pointer; -webkit-transition: all 0.4s; transition: all 0.4s; margin-bottom: 20px; } .contact_rexian .contact_nav .item:hover, .contact_rexian .contact_nav .item.active { border-color: #d1a455; background: #d1a455; color: #fff; } .contact_rexian .contact_nav .item:last-child { margin-bottom: 0; } .contact_list .ctnav_title { margin-bottom: 65px; font-size: 30px; text-align: center; line-height: 1; } .contact_list .sktlist { 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; margin-bottom: 40px; } .contact_list .sktlist p { font-size: 24px; line-height: 1; padding-bottom: 22px; margin-right: 60px; cursor: pointer; color: #333; } .contact_list .sktlist p.active, .contact_list .sktlist p:hover { color: #d1a455; color: #d1a455; border-bottom: 3px solid #d1a455; } .contact_list .sktlist p:last-child { margin-right: 0; } .sktcont_list { 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; } .sktcont_list .skt_item { width: 36%; } .sktcont_list .skt_item .iconyuan { width: 200px; height: 200px; -webkit-border-radius: 50%; border-radius: 50%; background: rgba(209, 164, 85, 0.1); text-align: center;margin: 0 auto; } .sktcont_list .skt_item .iconyuan img { width: 40px; } .sktcont_list .skt_item .iconyuan p { font-size: 18px; margin-top: 16px; color: #d1a455; } .barge_table tr:nth-child(1) th{background: #c09c5f !important; color: #fff !important;} .sktcont_list .skt_item .skt_phone { color: #333; font-size: 22px; text-align: center; margin-top: 35px; } .sktcont_list .skt_item:nth-child(2) { margin-left: -40px; margin-right: -40px; } .contact_list .skcchildren_list .schide_item { display: none; } .contact_list .skcchildren_list .schide_item:first-child { display: block; } .contact_list > .item { display: none; } .contact_list > .item:first-child { display: block; } .contact_list .no_nav { margin-top: 120px; } .cmdddd_main { width: 100%; } .cmdddd_main .cd_list { height: 400px; overflow: hidden; } .cmdddd_main .cd_list p { width: 80%; margin: 0 auto; height: 400px; background-color: #eee; text-align: center; } .project_memorabilia { width: 100%; overflow: hidden; } .project_memorabilia .memorabilia_list { width: 100%; height: 100%; } .project_memorabilia .memorabilia_list .memorabilia_item { width: 100%;} .memorabilia_item .imgbox::after { display: block; content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .portcommon_main2 { margin-left: -webkit-calc((100% - 1440px) / 2); margin-left: calc((100% - 1440px) / 2); background: #1c4f9d; padding-right: -webkit-calc((100% - 1440px) / 2); padding-right: calc((100% - 1440px) / 2); } .portcommon_main2 .portcommon .left h2 { font-size: 30px; color: #fff; line-height: 1; margin-bottom: 100px; } .portcommon_main2 .portcommon .left .portcom_nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #fff; font-size: 18px; } .portcommon_main2 .portcommon .left .pptcont_list { margin-left: 20px; margin-top: 40px; } .portcommon_main2 .portcommon .left .pptcont_list a { margin-bottom: 50px; cursor: pointer; display: block; color: #fff; } .portcommon_main2 .portcommon .left .pptcont_list a:last-child { margin-bottom: 0; } .portcommon_main2 .portcommon .left .pptcont_list a:hover, .portcommon_main2 .portcommon .left .pptcont_list a.active { color: #d1a455; } .portcommon_main2 .portcommon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .portcommon_main2 .portcommon .left { padding-top: 75px; width: 27.77778%; padding-left: 60px; } .portcommon_main2 .portcommon .right { padding-top: 40px; padding-bottom: 40px; width: 65.27778%; } .portmore_list .ptitbox_list .downBtn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .portmore_list .ptitbox_list .a_lf { width: 140px; } .portmore_list .ptitbox_list .a_lr { width: -webkit-calc(100% - 180px); width: calc(100% - 180px); color: #fff; padding-right: 21.2766%; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .portmore_list .ptitbox_list .a_lr .ttt { font-size: 20px; line-height: 36px; width: 100%; } .portmore_list .ptitbox_list .a_lr .ttt_dexc { font-size: 20px; width: 100%; } .portmore_list .ptitbox_list .li a { padding: 40px; } .portmore_list .ptitbox_list .a_lr .downbox { position: absolute; width: 60px; height: 60px; background: #fff; -webkit-border-radius: 50%; border-radius: 50%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; } .portmore_list .ptitbox_list .li a:hover { background: #d1a455; } .portmore_list .itembox_box { width: 100%; overflow: hidden; } .portmore_list .itembox_box .ptitbox_list { width: 100%; height: 100%; } .envment_main { margin-top: 100px; } .envment_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .envment_content .left { width: 31.25%; } .envment_content .right { width: 65.625%; } .envment_content .left .en_title { font-size: 30px; margin-bottom: 60px; } .envment_content .left .envment_nav a { display: block; width: 280px; text-align: center; padding: 15px 0; font-size: 16px; border: 1px solid #d7dadf; -webkit-border-radius: 30px; border-radius: 30px; margin-bottom: 20px; -webkit-transition: all 0.4s; transition: all 0.4s; } .envment_content .left .envment_nav a:hover, .envment_content .left .envment_nav a.active { color: #fff; border-color: #d1a455; background: #d1a455; } .envment_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .envment_list .item { margin-right: 40px; width: -webkit-calc(33.3333% - (80px / 3)); width: calc(33.3333% - (80px / 3)); margin-bottom: 30px; } .envment_list .item:nth-child(3n) { margin-right: 0; } .envment_list .item .wnvimgbox { background: #3b5979; padding: 40px; overflow: hidden; } .envment_list .item .wnvimgbox img { width: 100%; -webkit-transition: all 0.4s; transition: all 0.4s; } .envment_list .item:hover .wnvimgbox img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .envment_list .item .name { font-size: 20px; margin-top: 10px; } .envment_list .item .date { font-size: 20px; color: #97a0aa; } .enrightbox { position: relative; } .envmentnav_list { height: 670px; overflow-y: auto; } .enrightbox.active::after { display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 40%; background-image: -webkit-gradient(linear, left bottom, left top, from(white), to(rgba(255, 255, 255, 0.5))); background-image: linear-gradient(to top, white, rgba(255, 255, 255, 0.5)); -webkit-transition: all 0.4s; transition: all 0.4s; } .envmentnav_list .env_item { display: none; } .envmentnav_list .env_item:first-child { display: block; } .smart_main3 { background: #1c4f9d; padding: 60px 0; color: #fff; padding-bottom: 20px; } .smartbox_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .smartbox_content .left { width: 47.22222%; padding-top: 50px; } .smartbox_content .right { width: 50%; } .smartbox_content .left h3 { font-size: 18px; } .smartbox_content .left h2 { font-size: 30px; } .smartbox_content .left .smtdesc { line-height: 24px; margin-top: 48px; } .smartboxcont_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .smartboxcont_list .item { width: 50%; margin-right: 40px; width: -webkit-calc(50% - 20px); width: calc(50% - 20px); background: #3c73c8; 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; text-align: center; padding-top: 55px; padding-bottom: 85px; margin-bottom: 40px; } .smartboxcont_list .item:nth-child(2n) { margin-right: 0; } .smartboxcont_list .item .icon { width: 140px; height: 140px; -webkit-border-radius: 50%; border-radius: 50%; background: #d2a456; margin: 0 auto; } .smartboxcont_list .item h2 { font-size: 18px; margin-top: 30px; } .smartboxcont_list .item p { opacity: 0.6; margin-top: 10px; } .smartbox_content .cicrle_yuan { margin-top: 300px; } .cicrle_yuan { width: 60px; height: 60px; color: #fff; position: relative; } .cicrle_yuan .circlechart { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .cicrle_yuan .circle { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .circles-integer, .circles-text { display: none; } .portcommon .cicrle_yuan { margin-top: 170px; margin-bottom: 30px; } .portmore_list > .item { display: none; } .portmore_list > .item:first-child { display: block; } .portcommon_one .cicrle_yuan { margin-top: 580px; } .course_main { padding-bottom: 130px; padding-top: 20px; } .course_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .course_content .left { width: 52.08333%; } .course_content .right { width: 40.27778%; } .cyar_content { height: 660px; position: relative; overflow: hidden; } .cyar_content .circle { position: absolute; top: 50%; left: 56%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .courseyear_list .li { padding: 70px 0; border-bottom: 1px solid #eeeeee; } .courseyear_list .li .date { color: #70757c; } .courseyear_list .li .desc { color: #2e394a; font-size: 16px; margin-top: 30px; } .yearboxcont { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; } .yearboxcont .yearnain { font-size: 260px; letter-spacing: -20px; line-height: 200px; font-weight: bold; color: #1c4f9d; margin-right: 10px; } .year_swiper { height: 220px; } .year_swiper .year { font-size: 260px; color: #f2f4f7; letter-spacing: -20px; line-height: 200px; font-weight: bold; } .year_swiper .swiper-slide-active .year { color: #1c4f9d; } .more:hover { background: #dab866; border-color: #dab866 !important; } .pc_down .swiper-slide:hover .number { color: #333; } .pc_down .swiper-slide { border-right: 1px solid #f9f4f4; } @-webkit-keyframes warn { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 1; } 30% { opacity: 0.6; } 100% { -webkit-transform: scale(1.4); transform: scale(1.4); opacity: 0; } } @keyframes warn { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 1; } 30% { opacity: 0.6; } 100% { -webkit-transform: scale(1.4); transform: scale(1.4); opacity: 0; } } .index .main4 .left_box { margin-top: 60px; } .index .main4 .left_box .txt_box .txt { margin-top: 15px; } .swiper_col > div:hover { background: #dab866; border-color: #dab866 !important; } .swiper_col .swiper-button-prev::after { left: 45% !important; } .swiper_col .swiper-button-next::after { left: 55% !important; } .index .main4 .right_box { width: 61.9863%; } .index .main4 .right_box .swiper-slide { width: 100% !important; } .sqwimgbox img { -webkit-border-radius: 50%; border-radius: 50%;overflow: hidden; } .index .main4 .right_box { position: relative; } .main4small_swiper .msimgbox { -webkit-border-radius: 50%; border-radius: 50%; } .main4dotbox {display: none; color: #fff; width: 180px; height: 180px; background-color: rgba(37, 69, 142, 0.9); position: absolute; -webkit-border-radius: 50%; border-radius: 50%; top: 38%; right: 12.1547%; z-index: 10; } .main4dotbox:after { background-color: rgba(37, 69, 142, 0.9); } .main4dotbox:before { background-color: rgba(37, 69, 142, 0.3); } .main4dotbox:before, .main4dotbox:after { z-index: -1; content: ''; width: 220px; height: 220px; position: absolute; left: 50%; top: 50%; margin-top: -110px; margin-left: -110px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: warn 1.5s ease-out 0s infinite; animation: warn 1.5s ease-out 0s infinite; } .main4dotbox .cur { font-size: 40px; } .main4dotbox .sum { font-size: 16px; margin-left: 5px; } .main4dotbox .sum span { margin-left: 3px; } .index .main5 { padding-top: 0 !important; } .main4boxbox { padding-bottom: 180px; } .main4boxbox { position: relative; overflow: hidden; } .main4xian_one { -webkit-animation: 40s linear 0s infinite normal none running icon_bgT; animation: 40s linear 0s infinite normal none running icon_bgT; width: 1080px; height: 1080px; position: absolute; bottom: 17%; left: -6%; border: dotted 2px rgba(255, 255, 255, 0.3); -webkit-border-radius: 50%; border-radius: 50%; } .index .main4 { padding-top: 268px; } .main4boxbox { padding-top: 152px; } .main4xian_two { -webkit-animation: 40s linear 0s infinite normal none running icon_bgF; animation: 40s linear 0s infinite normal none running icon_bgF; width: 1080px; height: 1080px; position: absolute; top: 0; right: -40%; border: dotted 2px rgba(255, 255, 255, 0.3); -webkit-border-radius: 50%; border-radius: 50%; } .main4xian_two::after { content: ""; display: block; position: absolute; top: 12%; left: 15.7%; -webkit-border-radius: 50%; border-radius: 50%; background: #00ac6f; width: 16px; height: 16px; } .index .main5 .left_box .txt_box .top_block .time { padding: 20px 0; } .index .main5 .right_box .video_box .mask .video_btn:hover { background: #dab866; border-color: #dab866; } .pc_down .swiper-slide:hover .number, .pc_down .swiper-slide:hover .title, .pc_down .swiper-slide:hover .second_nav a { color: #fff; } .index .main3 .block .txt_box { width: 520px; } .index .main3 .block .box { margin-top: 0 !important; } .cooperative_list .company_show { color: #fff; } .cooperative_list .company_show .cn { font-size: 20px; } .cooperative_list .company_show .en { font-size: 16px; margin-top: 2px; font-weight: 100; } .index .main4 .right_box { overflow: hidden; } .main4small_swiper { position: absolute; top: 15px; right: 30%; width: 66.29834%; opacity: 0; -webkit-transition: all 1s; transition: all 1s; -webkit-transition-delay: 1s; transition-delay: 1s; } .indexMain4Swiper { width: 79.55801%; margin-left: 50%; opacity: 0; -webkit-transition: all 1s; transition: all 1s; } .main3titbox { margin-top: 15px; margin-left: 110px; } .main3titbox .cn { font-size: 24px; font-weight: bold; line-height: 1.1; color: #ffffff; } .main3titbox .s_title .img_txt { margin-left: 65px; } .index .main3 .indexMain2Swiper { margin-top: -5px; } .index .main5 .left_box .title_box .title { line-height: 1; margin-top: -2px; } .mobileShow { display: none; } .about_main1 .mobileShow { background-position: top; } .common_main { padding: 60px 0; } /* .barge_table table tr:nth-child(2n +1) td { height: 40px; } */ .barge_table table tr td { border-color: #e4e4e3; border-collapse: collapse; } .barge_table table tr td:nth-child(2) { width: 19%; } #echarts_box { height: 660px; } .index .main3 .block .txt_box { display: none; } .main3content_box { position: relative; } .main3textbox { position: absolute; top: 54px; left: 52.74725%; color: #fff; width: 520px; } .main3textbox .m3swbox .name { font-size: 48px; font-weight: bold; line-height: 1.1; } .main3textbox .m3swbox .icon { width: 40px; height: 4px; margin-top: 30px; background-color: #ffffff; } .main3textbox .m3swbox .tag { font-size: 30px; font-weight: lighter; line-height: 40px; margin-top: 20px; } .main3textbox .m3swbox .abstract { font-size: 16px; line-height: 28px; color: #ffffff; opacity: 0.8; margin-top: 15px; } .main3textbox .m3swbox .more { width: 200px; padding: 0 20px; line-height: 58px; border: solid 2px #ffffff; font-size: 16px; color: #ffffff; margin-top: 20px; -webkit-transition: all 0.4s; transition: all 0.4s; } .main3textbox .m3swbox .more:hover { border-color: #dab866; background: #dab866; } .main3text_swiper .swiper-slide { width: 100% !important; } .main3parent { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 52.74725%; color: #fff; width: 180px; height: 180px; -webkit-border-radius: 50%; border-radius: 50%; border: dashed 2px #ffffff; font-size: 42px; 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; z-index: 99; margin-left: -12%; } .circle_donghua { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 340px; z-index: 2; } .circle_donghua img { width: 100%; -webkit-animation: icon_bgT 6s linear infinite; animation: icon_bgT 6s linear infinite; } .project_memorabilia .memorabilia_list{width: 1100px;max-width: 100%;margin: 0 auto;} .combined_main3 .cmbpro_title{width: 1100px;max-width: 100%;margin: 0 auto;text-align: left;} /* .cmbproSubtitle{width: calc(47.22222% - 112px);} */ .memorabilia_item .left .d_desc{font-size: 16px;line-height: 30px;} .ditan_imgbox > img { z-index: 3; position: relative; } .wislc_list .item .icon { -webkit-transition: all 0.4s; transition: all 0.4s; } .wislc_list .item.item:not(:nth-child(5)) .icon:hover { background: #c09c5f; } .wislc_list .item:not(:nth-child(5)) .icon .img2 { display: none; } .wislc_list .item.item:not(:nth-child(5)) .icon:hover .img2 { display: block; } .wislc_list .item.item:not(:nth-child(5)) .icon:hover .img1 { display: none; } .m3swbox a { color: #fff; } .ygbox_content { position: relative; max-width: 500px; margin: 0 auto; margin-top: 25px; } .ygboxyuan { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 76%; -webkit-border-radius: 50%; border-radius: 50%; background: #fbf7f1; height: 76%; } .ygboxyuan .ygyuan { z-index: 3; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 68.5%; height: 68.5%; -webkit-border-radius: 50%; border-radius: 50%; background: #d1a455; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .ygboxyuan .ygyuan img { width: 70%; } .ygbox_title { font-size: 20px; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); color: #000; font-weight: bold; } .ygtext_list li { z-index: 3; font-weight: bold; background: #fff; position: absolute; width: 120px; height: 120px; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #d5d9dc; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; color: #1c509c; line-height: 20px; } .ygtext_list li:nth-child(1) { top: 8%; left: -5%; } .ygtext_list li:nth-child(2) { bottom: 14%; left: -4%; } .ygtext_list li:nth-child(3) { bottom: -12%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .ygtext_list li:nth-child(4) { top: 8%; right: -5%; } .ygtext_list li:nth-child(5) { bottom: 14%; right: -4%; } .sanjiaobg { position: absolute; top: 90%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 670px; } .ygboximg { position: relative; z-index: 3; } .ygtext_list li:hover { background: #d1a455; color: #fff; } .main3banyuan { position: absolute; bottom: 70px; left: -100%; right: 0; -webkit-transition: all 1s; transition: all 1s; } .main3banyuan img { width: 36.40625%; } .main3 .title, .main3content_box { position: relative; z-index: 3; } .main2 .title_item { display: none; } .main2 .title_item:first-child { display: block; } .index .main4 .left_box .title_box { position: relative; } .index .main4 .left_box .title_box::after { display: block; content: ""; height: 1px; width: 9999999999999px; background-color: rgba(255, 255, 255, 0.2); position: absolute; bottom: -60px; left: -50%; } .bnaner_video video { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .sub_banner .scalebox { position: relative; } .subbanner_video video { width: 100%; display: block; } .giimgboxxian { position: absolute; top: -125px; left: -105px; } .picture_next i, .picture_prev i { font-size: 12px !important; } /*--铁路服务列表--*/ .railwayServicesList{padding-top: 70px;} .railwayServicesList dl{ display:flex;flex-wrap:wrap; align-items: center;} .railwayServicesList dl dt{ position: relative; width: 50%; padding-top:27.326%;} .railwayServicesList dl dt p{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position:center;} .railwayServicesList dl dd{width: 50%; padding: 0px 50px;} .railwayServicesList dl dd h3{font-size: 30px; color: #000; padding-bottom: 10px;} .railwayServicesList dl dd .line { position: relative; padding: 25px 0px; height: 3px; display: none; } .railwayServicesList dl dd .line::after {width: 195px;height: 3px;left: -140px; background: #b9995e; content: ''; display: block; position: absolute;} .railwayServicesList dl dd .desc{font-size: 16px; line-height: 24px; color: #828282;} .railwayServicesList dl:nth-child(2n){flex-flow: row-reverse} .railwayServicesList dl:nth-child(2n) .line::after {right: -140px; left:auto;} @media (max-width: 1800px) { .main3titbox, .index .main3 .indexMain2Swiper { margin-left: 0 !important; } .index .main3 .block .img { width: 50%; } .index .main3 { padding-bottom: 12%; } } @media (max-width: 1700px) { .index .main2 .content { width: 100%; padding: 0 30px; } .index .main3 .bg_icon { width: 800px; height: 800px; } } @media (max-width: 1600px) { .index .main3 .indexMain2Swiper { margin-left: 0; } .index .main3 { padding-left: 30px; } .index .main4 .content { width: 100%; padding: 0 30px; } .main3parent { left: 50.74725%; } .main3textbox { left: 50.74725%; } .combined2_content{padding: 20px 0px;} .combined2_content .right{padding-bottom: 100px;} .combined_main2::after{height: 13%;} } @media (max-width: 1500px) { .main3parent { left: 53.74725%; } .index .main3 { padding-left: 30px; } .index .main4 .left_box .title_box .en { font-size: 30px; } .index .main4 .left_box .title_box .name { font-size: 22px; } .index .main5 { padding-top: 100px; } .index .main3 .block .txt_box .name { font-size: 34px; } .index .main3 .block .txt_box .tag { font-size: 22px; line-height: 34px; } .index .main3 .block .txt_box .abstract { font-size: 14px; } .index .main3 .block .txt_box .abstract br { display: none; } .main3textbox { left: inherit; right: 30px; width: 600px; } .main3text_swiper .m3swbox { text-align: left; } .index .main5 .left_box .txt_box .link_box .link:not(:first-child) { margin-top: 15px; } .index .main5 .left_box .title_box .title{font-size: 30px;} .newsnav_maincont{ margin-top: -20%;} } @media (max-width: 1440px) { .center1440 { width: 100%; } .main3parent { left: 50.74725%; } .main3textbox { width: 500px; right: inherit; left: 52%; } .main3textbox .m3swbox .abstract br { display: none; }} @media (max-width: 1400px) { .sktcont_list .skt_item .skt_phone{font-size: 18px;} .header { padding: 8px 20px; } .center1300{ width: 100%;} .header .head_nav .block:not(:first-child) { margin-left: 20px; } .index .main3 .swiper-slide { width: 90%; } .index .main3 .block .box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .treatment_content table tr td br,.development_main2 .leftbox p br{display:none;} .news_details .left .newtitle {font-size:26px; line-height:28px;} .railwayServicesList{padding-top: 50px;} .railwayServicesList dl dt{width: 50%; padding-top:27.326%;} .railwayServicesList dl dd{width: 50%; padding: 0px 35px;} .railwayServicesList dl dd h3{font-size: 24px;} .railwayServicesList dl dd .line {padding: 20px 0px;} .railwayServicesList dl dd .line::after{width: 150px;left: -110px;} .railwayServicesList dl dd .desc{font-size: 14px; line-height: 24px;} .railwayServicesList dl:nth-child(2n) .line::after {right: -110px; left:auto;} .combined2_content{padding: 15px 0px;} .combined2_content .right{padding-bottom: 80px;} .combined_main2::after{height: 13%;} } @media (max-width: 1260px) { .index .main4 .content { padding: 0 15px; } .index .main5 .left_box .txt_box .link_box .link:not(:first-child) { margin-top: 11px; } .newsnav_maincont{ margin-top: -23%;} .combined2_content{padding: 20px 0px;} .combined2_content .right{padding-bottom: 60px;} .combined_main2::after{height: 10%;} } .phoneShow{display: none;} @media (max-width: 1200px) { .sktcont_list .skt_item .skt_phone{font-size: 16px;} .index .main3 .block .img { width: 100% !important; } .head_logo .bot{display: none;} .header{height: 60px;} .head_dropdown1{top: 60px;} .header .head_nav { display: none; } .phoneShow{display: block;margin-top: 15px;} .phoneLogo{ display: flex; justify-content: center; align-items: flex-end; align-items: end; } .phoneLogo img{width: 100px;margin: 0 5px;} .index .main2 .title_box { padding: 0 15px; } .index .main1 .indexBannerSwiper .swiper-button-next { right: 15px; } .index .main1 .indexBannerSwiper .swiper-button-prev { left: 15px; } .index .main3 { padding: 190px 0 200px 15px; background-position: center -50px; } .index .main3 .title { font-size: 70px; } .index .main3 .block .txt_box .name { font-size: 38px; } .index .main3 .block .txt_box .tag { font-size: 22px; } .index .main3 .block .box { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .index .main3 .block .img { width: 80%; } .index .main3 .block .img img { width: 100%; } .index .main3 .block .txt_box { width: 100%; margin-left: 0; margin-top: 40px; } .news_details .left .newtitle {font-size:20px; line-height:24px;} .railwayServicesList{padding-top: 40px;} .railwayServicesList dl dt{width: 50%; padding-top:27.326%;} .railwayServicesList dl dd{width: 50%; padding: 0px 25px;} .railwayServicesList dl dd h3{font-size: 20px;} .railwayServicesList dl dd .line {padding: 15px 0px;} .railwayServicesList dl dd .line::after{width: 130px;left: -90px;} .railwayServicesList dl dd .desc{font-size: 14px; line-height: 24px;} .railwayServicesList dl:nth-child(2n) .line::after {right: -90px; left:auto;} .combined2_content{padding: 10px 0px;} .combined2_content .right{padding-bottom: 0px;} .combined_main2::after{height: 10%;} } @media (min-width: 1260px) { .index .main3 .title { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 0.8s; transition: all 0.8s; -webkit-transition-delay: 1.4s; transition-delay: 1.4s; opacity: 0; } .main3 .main3content_box { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 0.8s; transition: all 0.8s; -webkit-transition-delay: 1.6s; transition-delay: 1.6s; opacity: 0; } .main3animate .main3banyuan { left: 0; } .main3.main3animate .title { opacity: 1; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .main3.main3animate .main3content_box { opacity: 1; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .main4Ranimate .indexMain4Swiper { margin-left: 0; opacity: 1; } .main4Ranimate .main4small_swiper { right: 0; opacity: 1; } } @media (max-width: 1560px) { .index .main2 .title_box { margin-top: 70px; } .index .main4 .right_box{width: 56%;} .index .main2 .content { margin-top: 60px; } .main3titbox { margin-left: 0; } .envcont_main { width: 650px; } .envcont_desc { padding: 30px; } .smartbox_content .cicrle_yuan { margin-top: 250px; } .envcont_desc .right p br { display: none; } .sub_banner .sub_mask h2 { font-size: 90px; } .center1440 { width: auto; margin: 0 30px; } .center1200 { width: auto; margin: 0 30px; } .contact_main1 .left { padding-left: 30px; padding-top: 60px; } .contact_main2 { padding-left: 30px; } .portcommon_main2 { margin-left: 30px; padding-right: 30px; } .portmore_list .ptitbox_list .a_lr .ttt { font-size: 16px; line-height: 26px; } .portmore_list .ptitbox_list .a_lr .ttt_dexc { font-size: 16px; } .subnavbox { width: 100%; } .sub_banner .sub_mask { width: 100%; } .subnav_swiper { margin-top: 30px; } .about_cont .left { padding-left: 30px; padding-right: 30px; padding-top: 40px; padding-bottom: 40px; } .about_cont .right { padding-right: 30px; } .companycont .left ul li p:first-child { font-size: 30px; } .companycont .left h2 { font-size: 24px; } .companycont .left p { font-size: 14px; } .tong_title p { font-size: 26px; } .tong_title h2 { font-size: 30px; } .join_title h2{font-size: 24px;} .about_main1 { padding-top: 80px; } .index .main3 { padding-top: 140px; padding-bottom: 18 0px; } .companycont .left h3 { font-size: 22px; } .companycont .left ul li p:last-child { font-size: 12px; } .abmin3_cont .left { padding: 40px 30px; } .abmin3_cont .right { padding-left: 30px; } .about_main2 .center1440 { width: 100%; margin: 0 auto; } .abentext { font-size: 70px; bottom: 225px; } .abtmain_box .left h2 { font-size: 24px; } .about_main5 { padding: 80px 0; } .about_fws > h2 { font-size: 25px; } .fws_ul li { margin-top: 20px; } .management_box .right { padding: 0 30px; } .management_box .right br { display: none; } .management_box .right h2 { margin-bottom: 20px !important; } .management_box .right p { margin-bottom: 16px !important; } .management_box { padding: 80px 0; } .vision_main1 .visimg_test h2 { font-size: 30px; margin-bottom: 10px; } .vision_main1 .visimg_test h3 { font-size: 30px; letter-spacing: 0; } .vision_main2 { padding-bottom: 160px; } .news_first { margin-left: 30px; } .news_swiper .swiper-slide .newsimg_desc { padding-left: 4%; } .newsjiantou { right: 30px; } .banner_bg { height: 500px; } .internal_main .internal_list .item .bgyuan { right: -20%; } .route_xianlu h2 { font-size: 30px; } .route_xianlu p { font-size: 26px; letter-spacing: 0; } .cooperative_list .item { height: 110px; } .gongsismall_box { width: 300px; height: 300px; top: -150px; right: 30px; } .gongsibig_swiper { width: 420px; height: 420px; } .combined_jianjie .left { padding-left: 30px; } .combined_jianjie .comjj_desc p br { display: none; } .company_commitment .left { padding-left: 30px; } .company_commitment .right { padding-right: 30px; } .port_main3 { padding-bottom: 100px; } .notice_ctbox .tong_prev { left: -30px; } .notice_ctbox .tong_next { right: -30px; } .greenPort_product { padding-left: 30px; } .greenPort_btn { left: 90px; } .greenPort_swiper .left .leftbox { padding: 60px 30px 0 30px; } .greenPort_swiper .left .green_ul li .one span { font-size: 45px; } .greenPort_swiper .left .leftbox h2 { font-size: 22px; } .greenPort_main3 .imgtex h2 span { font-size: 150px; } .greenPort_main3 .imgtex p { font-size: 22px; } .treatment_content .left { padding-left: 30px; } .development_main2 .leftbox { padding: 60px 30px 0 30px !important; } .development_main2 .leftbox h1 { font-size: 80px; margin-top: 40px; } .literary_list .item h2 { font-size: 30px; left: 50px; } .literary_main .ttt { font-size: 26px; } .smart_main1 .right { padding-right: 30px; } .smart_main4 { background-position: -40% bottom; } .wisdom_cont .wis_img img { width: 550px; } .wisdom_main1 { padding-bottom: 200px; } .wiscontent .wis_item.text_left .icon_text { margin-left: 10px; } .wiscontent .wis_item.text_right .icon_text { margin-right: 10px; } .wiscontent .wis_item1 { top: -11.3%; left: -42%; } .wiscontent .wis_item2 { top: 19.2%; left: -61.8%; } .wiscontent .wis_item3 { top: 49.6%; left: -54.8%; } .wiscontent .wis_item4 { top: 80%; left: -57.2%; } .wiscontent .wis_item5 { top: -11.5%; right: -64.5%; } .wiscontent .wis_item6 { top: 19.5%; right: -54.9%; } .wiscontent .wis_item7 { top: 50%; right: -62.9%; } .wiscontent .wis_item8 { top: 80.3%; right: -69.5%; } .contma_tit h2 { font-size: 30px; } .envment_list .item .name, .envment_list .item .date { font-size: 16px; } .envmentnav_list { height: 500px; } .envment_content .left .en_title { font-size: 24px; margin-bottom: 40px; } .envment_content .left .envment_nav a { width: 240px; font-size: 14px; } .portcommon_main2 .portcommon .left h2 { font-size: 24px; } .portcommon_main2 .portcommon .left { padding-top: 50px; padding-left: 30px; } .smartbox_content .left h2 { font-size: 24px; } .smartbox_content .left .smtdesc { margin-top: 20px; } .yearboxcont .yearnain { font-size: 230px; } .year_swiper .year { font-size: 230px; } .main4xian_one, .main4xian_two { display: none; } .main4boxbox { padding-top: 100px; padding-bottom: 100px; } .cooperative_list .company_show .cn { font-size: 16px; } .cooperative_list .company_show .en { font-size: 14px; } .cooperative_list .item .custom2 { padding: 0 5px; } .main3textbox .m3swbox .name { font-size: 34px; } .main3textbox .m3swbox .tag { font-size: 22px; line-height: 30px; } .main3text_swiper .m3swbox { padding-left: 30px; } } .OperationFlow { padding-top: 120px; background-color: #e0eaf5; margin-bottom: 155px; } .OperationFlow .con { margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .OperationFlow .con .left { width: 50%; padding: 64px 20px 48px; position: relative; background-color: #1c509c; } .OperationFlow .con .left .img { margin: 0 auto; text-align: center; } .OperationFlow .con .left .img img { max-width: 100%; } .OperationFlow .con .left .FlowTabBar { position: absolute; width: 57.5%; padding-top: 62%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .OperationFlow .con .left .FlowTabBar .tabTerm { position: absolute; width: 65px; height: 65px; line-height: 65px; background-color: #c09c5f; font-size: 24px; color: #fff; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; cursor: pointer; } .OperationFlow .con .left .FlowTabBar .tabTerm:nth-child(1) { top: 22px; left: 22px; } .OperationFlow .con .left .FlowTabBar .tabTerm:nth-child(2) { top: 22px; right: 22px; } .OperationFlow .con .left .FlowTabBar .tabTerm:nth-child(3) { bottom: 22px; left: 22px; } .OperationFlow .con .left .FlowTabBar .tabTerm:nth-child(4) { bottom: 22px; right: 22px; } .OperationFlow .con .left .FlowTabBar .tabTerm::before { content: ""; width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #c09c5f; opacity: 0.7; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: donhua1 linear 2s infinite; animation: donhua1 linear 2s infinite; z-index: -1; display: none; } .OperationFlow .con .left .FlowTabBar .tabTerm::after { content: ""; width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #c09c5f; opacity: 0.9; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: donhua2 linear 2s infinite; animation: donhua2 linear 2s infinite; z-index: -1; display: none; } .OperationFlow .con .left .FlowTabBar .tabTerm.active::before { display: block; } .OperationFlow .con .left .FlowTabBar .tabTerm.active::after { display: block; } .OperationFlow .con .left::before { content: ""; border: 34px solid transparent; border-left-color: #1c509c; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 100%; } .OperationFlow .con .right { width: 50%; background: url(../images/Flowimg2.jpg) no-repeat; background-size: cover; } .OperationFlow .con .right .FlowTabCont { position: relative; width: 100%; height: 100%; } .OperationFlow .con .right .FlowTabCont .tabItem { position: absolute; top: 0; left: 0; display: none; } .OperationFlow .con .right .FlowTabCont .tabItem.active { position: static; display: block; } .OperationFlow .con .right .FlowTabCont .tabItem .text { width: 67.70833%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 0 24px 60px 100px; } .OperationFlow .con .right .FlowTabCont .tabItem .text h5 { font-size: 30px; font-weight: bold; color: #000; } .OperationFlow .con .right .FlowTabCont .tabItem .text .t1 { margin-top: 30px; } .OperationFlow .con .right .FlowTabCont .tabItem .text .t1 p { font-size: 16px; color: #000; line-height: 30px; } .OperationFlow .con .right .FlowTabCont .tabItem .text::before { content: ""; width: 38px; height: 31px; background: url(../images/Flowicon1.png) no-repeat; background-size: 100%; position: absolute; left: 0; top: -45px; } .OperationFlow .con .right .FlowTabCont .tabItem .text::after { content: ""; width: 38px; height: 31px; background: url(../images/Flowicon2.png) no-repeat; background-size: 100%; position: absolute; right: 0; bottom: 0; } @-webkit-keyframes donhua1 { from { opacity: 0.7; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } to { opacity: 0.2; -webkit-transform: translate(-50%, -50%) scale(1.6); transform: translate(-50%, -50%) scale(1.6); } } @keyframes donhua1 { from { opacity: 0.7; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } to { opacity: 0.2; -webkit-transform: translate(-50%, -50%) scale(1.6); transform: translate(-50%, -50%) scale(1.6); } } @-webkit-keyframes donhua2 { from { opacity: 0.9; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } to { opacity: 0.4; -webkit-transform: translate(-50%, -50%) scale(1.3); transform: translate(-50%, -50%) scale(1.3); } } @keyframes donhua2 { from { opacity: 0.9; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } to { opacity: 0.4; -webkit-transform: translate(-50%, -50%) scale(1.3); transform: translate(-50%, -50%) scale(1.3); } } @media (max-width: 1260px) { .OperationFlow .con .right .FlowTabCont .tabItem .text { padding: 0 10px 10px 10px; width: 80%; } } @media (max-width: 992px) { .OperationFlow { padding-top: 30px; margin-bottom: 30px; } .OperationFlow .con .left { padding: 25px; } .OperationFlow .con .left .FlowTabBar .tabTerm { width: 50px; height: 50px; line-height: 50px; font-size: 18px; } .OperationFlow .con .left::before { border: 20px solid transparent; } .OperationFlow .con .right .FlowTabCont .tabItem .text h5 { font-size: 22px; } .OperationFlow .con .right .FlowTabCont .tabItem .text .t1 { margin-top: 10px; } .OperationFlow .con .right .FlowTabCont .tabItem .text .t1 p { font-size: 14px; line-height: 1.5; } .OperationFlow .con .right .FlowTabCont .tabItem .text::before { width: 20px; top: 0; height: 16px; } .OperationFlow .con .right .FlowTabCont .tabItem .text::after { width: 20px; height: 16px; } } @media (max-width: 765px) { .OperationFlow .con { display: block; } .OperationFlow .con .left { width: 100%; padding: 20px; } .OperationFlow .con .left::before { display: none; } .OperationFlow .con .left .FlowTabBar .tabTerm { width: 40px; height: 40px; line-height: 40px; font-size: 15px; } .OperationFlow .con .right { width: 100%; padding: 20px 10px; } .OperationFlow .con .right .FlowTabCont .tabItem { padding: 20px 10px; } .OperationFlow .con .right .FlowTabCont .tabItem .text { position: static; -webkit-transform: none; -ms-transform: none; transform: none; width: 100%; } .OperationFlow .con .right .FlowTabCont .tabItem .text h5 { font-size: 18px; } } .honners_content{background: #fff;} .honners_conList { position: relative;overflow: hidden; } .honners_conList .dian { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 0; } .honners_conList .line { width: 1px; height: 110%; background-color: #e0e0e0; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .honners_conList .box1 { width: 100%; } .honners_conList .box1 .box2 { position: relative; width: 50%; padding-top: 200px; } .honners_conList .box1 .box2 .right { position: absolute; right: -10px; top: 200px; } .honners_conList .box3 {margin-top: -200px; } .honners_conList .box3 .box2 { position: relative; width: 50%; padding-top: 0px; float: right; } .honners_conList .box3 .box2 .right { position: absolute; left: -10px; top: 0px; text-align: right; } .honners_conList .box3 .box2 .box4 { text-align: left; width: 85%; float: right; } .honners_conList .box1 .box2 .box5 { text-align: right; width: 85%; float: left; } .honners_conList .box3 .time, .honners_conList .box1 .time { font-size: 48px; color: #0e5dac; line-height: 48px; } .honners_conList .box3 .text, .honners_conList .box1 .text { font-size: 14px; color: #828282; margin: 20px 0; text-align: left; overflow-y: auto; max-height: 200px;} .honners_conList .box3 .img img, .honners_conList .box1 .img img { width: 100%; } .honners_conList .more {width: 100%; } .honners_conList .more a { display: block; padding: 20px 0; font-size: 14px; background-color: #efefef; text-align: center; width: 100%; } .honners_conList .box3 .box2 .right { position: absolute; left: -10px; top: 0px; text-align: left; } .honners_conList .box3 .time, .honners_conList .box1 .time { font-size: 24px; } .honners_conList .box1 .box2 .right { right: -3px; top: 98px; } .honners_conList .rightimg { width: 23%; } .honners_conList .box3 .text, .honners_conList .box1 .text { font-size: 13px; line-height:20px; margin: 5px 0 10px; } .honners_conList .box3 .time, .honners_conList .box1 .time { font-size: 24px; line-height: 24px; } .honners_conList .box1 .box2 { padding-top: 100px; } .honners_conList .box3 .box2 .right { left: -4px; } @media (min-width: 768px) { .honners_conList .rightimg { width: 60%; } .honners_conList { position: relative; } .honners_conList .dian { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: -15px; } .honners_conList .line { width: 1px; height: 110%; background-color: #e0e0e0; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .honners_conList .box1 .box2 { position: relative;padding-top: 200px; } .honners_conList .box1 .box2 .right { position: absolute; right: -10px; top: 200px; } .honners_conList .box3 {margin-top: -200px; } .honners_conList .box3 .box2 { position: relative;padding-top: 0px;} .honners_conList .box3 .box2 .right { position: absolute; left: -10px; top: 0px; text-align: left; } .honners_conList .box3 .box2 .box4 { text-align: left; width: 75%; float: right; } .honners_conList .box1 .box2 .box5 { text-align: right; width: 75%; float: left; } .honners_conList .box3 .time, .honners_conList .box1 .time { font-size: 48px; color: #0e5dac; line-height: 48px; } .honners_conList .box3 .text, .honners_conList .box1 .text { font-size: 16px; line-height: 30px; color: #828282; margin: 20px 0; } .honners_conList .box3 .img img, .honners_conList .box1 .img img { width: 100%; } .honners_conList .more { width: 100%; } .honners_conList .more a { display: block; padding: 20px 0; background-color: #efefef; text-align: center; width: 100%; } .about5 .center .rightimg { width: 90%; } .about5 .center { max-width: 730px; padding: 60px 0; } .about5 .center .main1 .cn { font-size: 26px; color: #0f58b4; padding: 0 0 20px; text-align: center; } .about5 .center .rightimg { width: 60%; } .honners_conList .box3 .box2 .right { position: absolute; left: -10px; top: 0px; text-align: left; } .honners_conList .box3 .time, .honners_conList .box1 .time { font-size: 36px; } } @media (min-width: 992px) { .honners_conList .box3 .box2 .right { position: absolute; left: -10px; top: 0px; text-align: left; } .honners_conList .box3 .time, .honners_conList .box1 .time { font-size: 40px; } .honners_conList .rightimg { width: 80%; } } @media (min-width: 1200px){ .honners_conList { position: relative; } .honners_conList .dian { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: -15px; } .honners_conList .line { width: 1px; height: 110%; background-color: #e0e0e0; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .honners_conList .box1 .box2 { position: relative; padding-top: 140px; } .honners_conList .box1 .box2 .right { position: absolute; right: -10px; top: 140px; } .honners_conList .box3 {margin-top: -200px; } .honners_conList .box3 .box2 { position: relative; padding-top: 0px;} .honners_conList .box3 .box2 .right { position: absolute; left: -10px; top: 0px; text-align: left; } .honners_conList .box3 .box2 .box4 { text-align: left; width: 75%; float: right; } .honners_conList .box1 .box2 .box5 { text-align: right; width: 75%; float: left; } .honners_conList .box3 .time, .honners_conList .box1 .time { font-size: 48px; color: #004070; line-height: 48px; } .honners_conList .box3 .text, .honners_conList .box1 .text { font-size: 16px; line-height: 30px; color: #828282; margin: 20px 0; } .honners_conList .box3 .img img, .honners_conList .box1 .img img { width: 70%; } .honners_conList .box1 .img{text-align: center;} .honners_conList .more { width: 100%; } .honners_conList .more a { display: block; padding: 20px 0; background-color: #efefef; text-align: center; width: 100%; } .honners_conList .rightimg { width: 90%; } } .disclosure_content{background: #fff;} .disclosure_content{padding: 50px 0;} .download_list ul li{height: 60px;box-sizing: border-box;border: 1px solid #f2f2f2;margin-bottom: 25px;} .download_list ul li .right{width: 180px;height: 100%;} .download_list ul li .right>a{background: #f2f2f2;box-sizing: border-box;height: 100%;width: 50%;display: block;} .download_list ul li .right>a:first-child{border-right: 1px solid #fff;} .download_list ul li .left{height: 100%;width: 100%;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;padding: 0 25px;} .download_list ul li .left .title{font-size: 15px;color: #565b62;} .download_list ul li:hover .title{color: #fff;} .download_list ul li p.time{color: #888888;} .download_list ul li .left .title{max-width: calc(100% - 100px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .download_list ul li .right a{display: flex;justify-content: center;align-items: center;} .download_list ul li .right a i{font-size: 30px;color: #666666;} .download_list ul li:hover{background: #004070;} .download_list ul li:hover a,.download_list ul li:hover .left a,.download_list ul li:hover .right a i{color: #fff;} .download_list ul li:hover .right>a:first-child{background: #004070;border-color: #004070;} .download_list ul li:hover .right>a:last-child{background: #004070;} .download_list ul li:hover .left .time{color: #fff;} .download_list ul li:last-child{margin-bottom: 0 !important;} @media screen and (max-width: 768px) { .index .main2 .title_box { margin-top: 50px; } .index .main2 .title_box .abstract { font-size:15px; line-height:22px; color: #ffffff; margin-top:0px; } .index .main2 .content .block .box .name { text-align: center; font-size:15px; font-weight: bold; line-height: 1.1; color: #ffffff; margin-top:20px; -webkit-transition: all .5s; transition: all .5s; } .swiper-wrapper { position: relative; width:50%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .index .main2 .content .block .box .icon { width:35px; margin: 0 auto; margin-top:0px; } .index .main2 .content .block .box .icon img{ width:30px; margin: 0 auto; margin-top:0px; } .index .main2 .content .block .box .dian { margin-top:0px; width: 8px; height: 8px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #ffffff; -webkit-transition: all .5s; transition: all .5s; } .index .main2 { height: 100%; padding-bottom:50px;} }