@font-face { font-family: "PingFangRegular"; src:url("../fonts/PingFangRegular.otf"); } body, h1, h2, h3, h4, h5, h6, .uk-navbar-nav > li > a { font-family: 'Microsoft YaHei','PingFangRegular'; } /* Base ========================================================================== */ html { overflow-y: scroll; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Layout ========================================================================== */ a {text-decoration:none} .tm-background { background: #252525; } /* * Blocks */ .tm-middle, .tm-section, .tm-footer { padding: 50px 0; } /* Tablet and bigger */ .nav-ul {margin-left:50px;float:left;} .uk-forms {display:block} /* Large screen and bigger */ @media (min-width: 1220px) { .tm-middle, .tm-section, .tm-footer { padding: 120px 0; } } /* * Middle */ .tm-middle { background: #fff; } /* Tablet and bigger */ /* * Sections */ .tm-section .uk-heading-large { margin-bottom: 20px; } .tm-section .uk-text-large { margin-bottom: 60px; } .tm-section-color-1 { background: #2ba3d4 url("../images/bg_teaser.svg") 50% 50% no-repeat; } /* Desktop and bigger */ @media (max-width: 959px) { .tm-section-color-1 { background-image: none; } } .tm-section-color-2 { background: #3dc0f1; } .tm-section-colored, .tm-section-colored h1, .tm-section-colored h2, .tm-section-colored a:not([class]) { color: #fff !important; } .tm-section-color-2 a { text-decoration: underline; } .tm-section-color-white { background: #fff; } /* * Header section */ .tm-logo { margin: 10px 0 20px 0; } .tm-button-download { margin: -30px 0 15px 0; /* Style */ box-shadow: 1px 1px 1px rgba(0,0,0,0.1); background: #fff; border: none; color: #2ba3d4 !important; /* Size */ min-height: 50px; padding: 0 30px; line-height: 50px; font-size: 18px; } .tm-button-download:hover { background: #82cff0; color: #fff !important; text-shadow: 0 1px 0 rgba(0,0,0,0.1); -webkit-transition: background-color .15s ease-in-out; transition: background-color .15s ease-in-out; } .tm-button-download:focus, .tm-button-download:active { background: #2e93bc; color: #fff !important; text-shadow: 0 1px 0 rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,0.15), inset 0 -1px 0px rgba(0,0,0,0.05), inset 1px 0px 0px rgba(0,0,0,0.05), inset -1px 0px 0px rgba(0,0,0,0.05); -webkit-transition: background-color .05s ease-in-out; transition: background-color .05s ease-in-out; } .tm-image-pull { margin-bottom: -10px; } /* * Community */ .tm-margin-large-bottom { margin-bottom: 80px; } .tm-panel-link, .tm-panel-link:hover { text-decoration: none; color: #444; } .tm-panel-link { padding: 30px 30px 60px 30px; border: 1px solid #e5e5e5; } .tm-panel-link:after { content: ""; display: none; position: absolute; height: 5px; right: -1px; left: -1px; bottom: -1px; background: #0BA1D8; } .tm-panel-link:hover:after { display: block; } .tm-panel-link:hover h2 { color: #0BA1D8; } /* Only phones */ .tm-grid-margin-large .uk-grid-margin { margin-top: 50px; } .tm-icon { position: relative; width: 80px; margin: -60px auto 0 auto; border-radius: 5px; background: #0BA1D8; line-height: 80px; color: #fff; } .tm-icon:after { content: ""; display: block; position: absolute; bottom: -10px; left: 50%; width: 0; height: 0; margin-left: -10px; border: 10px solid #0BA1D8; border-right-color: transparent; border-left-color: transparent; border-bottom: none; } .tm-panel-link { -webkit-backface-visibility: hidden; } .tm-panel-link:hover .tm-icon { transform: translateY(5px); -webkit-transform: translateY(5px); transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out; } /* * Footer */ .tm-footer .uk-subnav-line > li:before { border-color: #ddd; } .tm-footer, .tm-footer a { color: #ddd !important; } .tm-footer a:hover { color: #fff !important; } /* UIkit component modifiers ========================================================================== */ /* * Navbar */ .tm-navbar { padding: 0px 0; border: none; background:rgba(255,255,255,0.5); } .tm-navbar .uk-navbar-content, .tm-navbar .uk-navbar-brand, .tm-navbar .uk-navbar-toggle { height: 40px; margin-top: 0; } .tm-navbar .uk-navbar-nav > li > a { height: 40px; margin: 0; border: none; font-size: 15px; } .tm-navbar .uk-navbar-nav > li { margin-left: 20px; } .tm-navbar .uk-navbar-nav > li a { padding-top:10px; display:inline-block; font-size:16px; } /* Hover */ .tm-navbar .uk-navbar-nav > li:hover > a, .tm-navbar .uk-navbar-nav > li > a:focus, .tm-navbar .uk-navbar-nav > li.uk-open > a { color: #fff; } /* Active */ .tm-navbar .uk-navbar-nav > li.uk-active > a { color: #fff; } /**其他页面导航**/ .tm-navbar .uk-navbar-nav.nav-a > li:hover > a, .tm-navbar .uk-navbar-nav.nav-a > li > a:focus, .tm-navbar .uk-navbar-nav.nav-a > li.uk-open > a { color: #fff; } /* Active */ .tm-navbar .uk-navbar-nav.nav-a > li.uk-active > a { color: red; } /* OnClick */ .tm-navbar .uk-navbar-nav > li > a:active { } /* * Nav */ .tm-nav > li > a { color: #777; } /* Hover */ .tm-nav > li > a:hover, .tm-nav > li > a:focus, .tm-nav > li.uk-active > a { } /* Sub-object: `nav-header` */ .tm-nav .uk-nav-header { color: #222; font-weight: normal; } /* * Nav */ .tm-subnav > li:nth-child(n+2) { margin-left: 20px; } /* * Article */ .tm-article-subtitle { padding-left: 6px; border-left: 3px solid #1FA2D6; font-size: 16px; line-height: 16px; } /* * Showcase Overlay */ .tm-overlay-icon:empty:before { content: "\f064"; width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; font-size: 60px; } /* Custom content ========================================================================== */ /* * Style grid for showcase purpose */ .tm-grid-truncate code { /* Truncate */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* Nedded */ max-width: 80%; display: inline-block; vertical-align: middle; line-height: 16px; } .tm-icons > [class*="uk-width-"] { padding-bottom: 5px; padding-top: 5px; } /* * Generate different grid panel colors */ .tm-grid-colors > * > * { padding: 20px; } .tm-grid-colors > :nth-child(8n-7) > * { background: rgba(130,200,240,0.1); } .tm-grid-colors > :nth-child(8n-6) > * { background: rgba(130,200,240,0.15); } .tm-grid-colors > :nth-child(8n-5) > * { background: rgba(130,200,240,0.2); } .tm-grid-colors > :nth-child(8n-4) > * { background: rgba(130,200,240,0.25); } .tm-grid-colors > :nth-child(8n-3) > * { background: rgba(130,200,240,0.3); } .tm-grid-colors > :nth-child(8n-2) > * { background: rgba(130,200,240,0.35); } .tm-grid-colors > :nth-child(8n-1) > * { background: rgba(130,200,240,0.40); } .tm-grid-colors > :nth-child(8n) > * { background: rgba(130,200,240,0.45); } /* * Generate different grid panel heights */ .tm-grid-heights > :nth-child(8n-7) > * { height: 80px; } .tm-grid-heights > :nth-child(8n-6) > * { height: 100px; } .tm-grid-heights > :nth-child(8n-5) > * { height: 160px; } .tm-grid-heights > :nth-child(8n-4) > * { height: 120px; } .tm-grid-heights > :nth-child(8n-3) > * { height: 180px; } .tm-grid-heights > :nth-child(8n-2) > * { height: 130px; } .tm-grid-heights > :nth-child(8n-1) > * { height: 150px; } .tm-grid-heights > :nth-child(8n) > * { height: 110px; } /* * Add a fixed height to grid items */ .tm-grid-height-250 > * > * { height: 250px; } /* Customizer ========================================================================== */ .cm-customizer, .cm-customizer body { height: 100%; overflow: hidden; } /* * Sidebar */ .cm-sidebar { position: fixed; top: 0; bottom: 0; left: 0; z-index: 1; width: 310px; border-right: 1px solid rgba(0,0,0,0.1); } .cm-sidebar-header { position: absolute; top: 0; left: 0; right: 0; height: 110px; padding: 20px 30px; border-bottom: 1px solid rgba(0,0,0,0.1); } .cm-sidebar-content { position: absolute; top: 151px; bottom: 116px; left: 0; right: 0; padding: 20px 20px 0 30px; overflow-y: scroll; } .cm-sidebar-footer { position: absolute; bottom: 0; left: 0; right: 0; height: 75px; padding: 20px 30px; border-top: 1px solid rgba(0,0,0,0.1); } .cm-sidebar-footer .uk-grid + .uk-grid { margin-top: 15px; } .cm-file-import { display: inline-block; position: relative; overflow: hidden; } .cm-file-import input[type=file] { position: absolute; right: 0; top: 0; font-size: 500px; opacity: 0; cursor: pointer; } /* * Iframe wrapper */ .cm-wrapper { position: absolute; top: 0; bottom: 0; left: 310px; right: 0; } .cm-wrapper > iframe { -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; padding-top: 70px; margin-top: -70px; } /* Fixed links in navbar not clickable caused by iframe overlay */ .tm-navbar { position: relative; } /* * Sidebar content */ .cm-vars { padding-bottom: 20px; font-size: 12px; } .cm-form-title .more-link:after { content: "(more)"; font-size: 12px; text-transform: none; } .show-more .cm-form-title .more-link:after { content: "(hide)"; } /* * Variables form */ .cm-form fieldset + fieldset { margin-top: 25px; } .cm-form-title { font-size: 16px !important; line-height: 22px !important; text-transform: capitalize !important; } .cm-form .uk-form-row + .uk-form-row { margin-top: 5px; } .cm-form .uk-form-label { float: left; line-height: 25px; /* Text truncate */ max-width: 180px; overflow: hidden; text-overflow: ellipsis; text-transform: capitalize; white-space: nowrap; } .cm-form .uk-form-controls { float: right; } .cm-form select, .cm-form.uk-form input { width: 60px; border: 0; box-shadow: none; } .cm-form.uk-form input { text-align: right; } .cm-form select:focus, .cm-form.uk-form input:focus { background: none; } .cm-form :-ms-input-placeholder { color: #ddd !important; } .cm-form ::-moz-placeholder { color: #ddd; } .cm-form ::-webkit-input-placeholder { color: #ddd; } /* * Advanced mode */ .cm-more-link, .cm-advanced, .cm-more { display: none; } .cm-show-advanced .cm-advanced, .cm-show-advanced .cm-show-more .cm-more { display: block; } .cm-show-advanced .cm-more-link { display: inline; } .cm-more-link:after { content: "(more)"; font-size: 12px; text-transform: none; line-height: 1; } .cm-show-more .cm-more-link:after { content: "(hide)"; } /* * Download modal */ .cm-modal textarea { height: 400px; resize: none; font-family: Consolas, monospace, serif; } /* * Loading spinner */ .cm-spinner { position: absolute; left: 50%; top: 50%; margin-top: -15px; margin-left: -15px; font-size: 30px; z-index: 1000; } /* * Error */ .cm-error { position: absolute; left: 50%; top: 40%; width: 300px; margin-left: -176px; display: none; z-index: 1000; } /* * Responsive behavior */ /* Fix sidebar position if offcanvas appears */ .uk-offcanvas-page .cm-sidebar { left: auto; } /* Colorpicker ========================================================================== */ .sp-placeholder { width: 15px; height: 15px; margin: 5px; border-radius: 2px; float: right; cursor: pointer; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .sp-placeholder-color { width: 15px; height: 15px; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; } .sp-replacer { padding: 5px; background: transparent; float: right; border: 0; } .sp-preview { height: 15px; width: 15px; margin: 0; border: none; border-radius: 2px; } .sp-preview-inner { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; border-radius: 2px; } .sp-dd { display: none; } .sp-container { border: 1px solid #d3d3d3; background-color: #fff; border-radius: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } input.sp-input { -moz-box-sizing: border-box !important; box-sizing: border-box !important; height: auto; padding: 5px 6px; border: 1px solid #e5e5e5; background: #fff; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08) inset; color: #444; transition: all 0.2s linear 0s; } .sp-input:focus { border-color: #99BACA; background-color: #f5fBfE; } .sp-picker-container { border-left: none; } .sp-dragger { height: 10px; width: 10px; border: none; background: #fff; border-radius: 10px; box-shadow: 0 0 3px rgba(0,0,0,0.5); } .sp-color, .sp-hue { border-color: #ccc; } .sp-slider { left: -4px; right: -4px; height: 8px; border-color: #ccc; } .sp-alpha-enabled .sp-top { margin-bottom: 28px; } .sp-alpha { bottom: -23px; height: 12px; } .sp-alpha-handle { border-color: #d3d3d3; } .sp-alpha-inner { border-color: #ddd; } .sp-container button { min-height: 30px; padding: 0 12px; border: 1px solid rgba(0,0,0,0.2); border-bottom-color: rgba(0,0,0,0.3); border-radius: 4px; background-color: #eee; background-image: -webkit-linear-gradient(top, #fff, #eee); background-image: linear-gradient(to bottom, #fff, #eee); color: #666; line-height: 28px; text-shadow: 0 1px 0 #fff; } .sp-container button:hover { border: 1px solid rgba(0,0,0,0.2); border-bottom-color: rgba(0,0,0,0.3); background-color: #f5f5f5; background-image: none; text-shadow: 0 1px 0 #fff; } .sp-container button:active { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); } .sp-cancel, .sp-reset { color: #0077DD !important; } .sp-cancel:hover, .sp-reset:hover { color: #005599 !important; text-decoration: underline; } .sp-container, .sp-container button, .sp-container input, .sp-color, .sp-cancel, .sp-reset, .sp-hue { font: inherit; } .sp-input-container { margin-bottom: 10px; } /**index z-index:9999;position: fixed;**/ .laydiv {height:100%;width:100%;background:#000000;overflow:hidden;z-index:9999;position: fixed;display:none;text-align:center} .venusm,.slogan {display:none;} .keywords {border:1px solid #FFFEFE;color:#fff;border-radius:5px;width:140px;background:url(../images/seach.svg) no-repeat 3px 3px;height:25px;} .langa {float:right;width:77px;margin-top:8px} .langa a{width:35px;display:inline-block;height:20px;line-height:20px;text-align:center;padding:0px;border-radius:10px;color:#fff;text-decoration:none} .langa a.hover {border:1px solid #ccc} .langa a{width:35px;display:inline-block;height:20px;line-height:20px;text-align:center;padding:0px;border-radius:10px;text-decoration:none} .index-a a{color:#fff;} .index-a a.hover {border:1px solid #ccc} .child-a a{color:#606266;} .child-a a.hover {color:#2d236c;} .lay_bottom {border-top:1px solid #eee;height:50px;line-height:50px;color:#fff;text-align:center;bottom:0px;position:absolute;width:100%} /***banner 大图**/ /* ========================================================================== Component: Flex Slider Plugin ============================================================================ */ .am-slider a:hover, .am-slider a:focus { outline: none; } .am-slides, .am-control-nav, .am-direction-nav { margin: 0; padding: 0; list-style: none; } .am-slider { margin: 0; padding: 0; } .am-slider .am-slides:before, .am-slider .am-slides:after { content: " "; display: table; } .am-slider .am-slides:after { clear: both; } .am-slider .am-slides > li { display: none; -webkit-backface-visibility: hidden; position: relative; } .no-js .am-slider .am-slides > li:first-child { display: block; } .am-slider .am-slides img { width: 100%; display: block; } .am-pauseplay span { text-transform: capitalize; } .am-slider { position: relative; } .am-viewport { -webkit-transition: all 1s ease; transition: all 1s ease; } .am-slider-carousel li { margin-right: 5px; } /**#customer.am-slider-carousel li {margin-right:0px;width:300px}***/ .am-control-nav { position: absolute; } .am-control-nav li { display: inline-block; } .am-control-thumbs { position: static; overflow: hidden; } .am-control-thumbs img { -webkit-transition: all 1s ease; transition: all 1s ease; } .am-slider-slide .am-slides > li { display: none; position: relative; } @media all and (transform-3d), (-webkit-transform-3d) { .am-slider-slide .am-slides > li { -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .am-slider-slide .am-slides > li.next, .am-slider-slide .am-slides > li.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; } .am-slider-slide .am-slides > li.prev, .am-slider-slide .am-slides > li.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; } .am-slider-slide .am-slides > li.next.left, .am-slider-slide .am-slides > li.prev.right, .am-slider-slide .am-slides > li.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } .am-slider-slide .am-slides > .active, .am-slider-slide .am-slides > .next, .am-slider-slide .am-slides > .prev { display: block; } .am-slider-slide .am-slides > .active { left: 0; } .am-slider-slide .am-slides > .next, .am-slider-slide .am-slides > .prev { position: absolute; top: 0; width: 100%; } .am-slider-slide .am-slides > .next { left: 100%; } .am-slider-slide .am-slides > .prev { left: -100%; } .am-slider-slide .am-slides > .next.left, .am-slider-slide .am-slides > .prev.right { left: 0; } .am-slider-slide .am-slides > .active.left { left: -100%; } .am-slider-slide .am-slides > .active.right { left: 100%; } /** * Slider Theme: Default */ .am-slider-default { margin: 0 0 20px; } .am-slider-default .am-viewport { max-height: 2000px; -webkit-transition: all 1s ease; transition: all 1s ease; } .loading .am-slider-default .am-viewport { max-height: 300px; } .am-slider-default .carousel li { margin-right: 5px; } .am-slider-default .am-direction-nav a { position: absolute; top: 50%; z-index: 10; display: block; width: 30px; height: 36px; margin: -18px 0 0; overflow: hidden; cursor: pointer; color: rgba(0, 0, 0, 0.65); -webkit-transition: all .3s ease; transition: all .3s ease; } .am-slider-default .am-direction-nav a:before { display: inline-block; content:"\f104"; font-family: "FontAwesome"; /*font-weight: normal; // 2 font-style: normal; // 2 vertical-align: baseline; // 3 line-height: 1; // 4*/ font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); width: 100%; color: #333333; font-size: 24px!important; text-align: center; line-height: 36px!important; height: 36px; background:#616263; } .am-slider-default .am-direction-nav a.am-next:before { content:"\f105"; } .am-slider-default .am-direction-nav .am-prev { left: 0px; } .am-slider-default .am-direction-nav .am-next { right: 0px; text-align: right; } .am-slider-default .am-direction-nav .am-disabled { opacity: 0!important; cursor: default; } .am-slider-default:hover .am-prev { opacity: 0.7; left: 0px; } .am-slider-default:hover .am-prev:hover { opacity: 1; } .am-slider-default:hover .am-next { opacity: 0.7; right: 0px; } .am-slider-default:hover .am-next:hover { opacity: 1; } .am-slider-default .am-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .am-slider-default .am-pauseplay a::before { font: normal normal normal 1.6rem/1 "FontAwesome", sans-serif; /*font-weight: normal; // 2 font-style: normal; // 2 vertical-align: baseline; // 3 line-height: 1; // 4*/ font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); font-size: 20px; display: inline-block; content: "\f04c"; } .am-slider-default .am-pauseplay a:hover { opacity: 1; } .am-slider-default .am-pauseplay a.am-play::before { content: "\f04b"; } .am-slider-default .am-slider-desc { background-color: rgba(0, 0, 0, 0.7); position: absolute; bottom: 0; padding: 10px; width: 100%; color: #fff; } .am-slider-default .am-control-nav { width: 100%; position: absolute; bottom: -15px; text-align: center; } .am-slider-default .am-control-nav li { margin: 0 6px; display: inline-block; } .am-slider-default .am-control-nav li a { width: 20px; height: 20px; display: block; background-color: #fff; line-height: 0; font-size: 0; cursor: pointer; text-indent: -9999px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } .am-slider-default .am-control-nav li a:hover { background-color: #333; background-color: rgba(0, 0, 0, 0.7); } .am-slider-default .am-control-nav li a.am-active { width:40px; background-color: #fff; cursor: default; } .am-slider-default .am-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .am-slider-default .am-control-thumbs li { width: 25%; float: left; margin: 0; } .am-slider-default .am-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; } .am-slider-default .am-control-thumbs img:hover { opacity: 1; } .am-slider-default .am-control-thumbs .am-active { opacity: 1; cursor: default; } .am-slider-default .am-control-thumbs i { position: absolute; } /***banner 大图***/ .uk-slidenav-position { position: relative;} .uk-slidenav-position .am-control-nav { width: 100%; position: absolute; bottom:30px ; text-align: center; } .uk-slidenav-position .am-control-nav li { margin: 0 6px; display: inline-block; } .uk-slidenav-position .am-control-nav li a { width: 20px; height: 3px; display: block; background-color: #88a8be; line-height: 0; font-size: 0; cursor: pointer; text-indent: -9999px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } .uk-slidenav-position .am-control-nav li a:hover { background-color: #333; background-color: rgba(0, 0, 0, 0.7); } .uk-slidenav-position .am-control-nav li.am-active a { width:20px; background-color: #343436; cursor: default; } .uk-slidenav-position .am-control-nav.circle li a { width: 10px; height: 10px; display: block; border:1xp solid #2D236C; background-color: #fff; line-height: 0; font-size: 0; cursor: pointer; text-indent: -9999px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } .uk-slidenav-position .am-control-nav.circle li a:hover { background-color: #fefefe; background-color: rgba(0, 0, 0, 0.7); } .uk-slidenav-position .am-control-nav.circle li.am-active a { background-color: #2D236C; cursor: default; } /***关于金莎国际网站官网入口 team**/ .uk-slidenav-position .am-control-nav.team li a { width: 30px; height: 30px; display: block; line-height: 30px; font-size:14px ; cursor: pointer; text-indent: -9999px; border-radius: 3px; background-color:#f0f2f5; } .uk-slidenav-position .am-control-nav.team li a:hover { background-color: #2d236c; } .uk-slidenav-position .am-control-nav.team li.am-active a { background-color: #2D236C; cursor: default; } .li-left a{background:url(../images/g-l.png) no-repeat} .li-1 a{background:url(../images/g-1.png) no-repeat} .li-2 a{background:url(../images/g-2.png) no-repeat} .li-3 a{background:url(../images/g-3.png) no-repeat} .li-4 a{background:url(../images/g-4.png) no-repeat} .li-5 a{background:url(../images/g-5.png) no-repeat} .li-right a{background:url(../images/g-r.png) no-repeat} .li-left a:hover{background:url(../images/w-l.png) no-repeat} .li-1 a:hover,.am-active.li-1 a{background:url(../images/w-1.png) no-repeat} .li-2 a:hover,.am-active.li-2 a{background:url(../images/w-2.png) no-repeat} .li-3 a:hover,.am-active.li-3 a{background:url(../images/w-3.png) no-repeat} .li-4 a:hover,.am-active.li-4 a{background:url(../images/w-4.png) no-repeat} .li-5 a:hover,.am-active.li-5 a{background:url(../images/w-5.png) no-repeat} .li-right a:hover{background:url(../images/w-r.png) no-repeat} .more,.arrow {color:#fff;display:block;width:150px;} .more {border-bottom:1px solid #fff;} .more:hover,.arrow:hover {color:#fff;text-decoration:none} .arrow { font-size:14px;letter-spacing:-5px;text-align:right;font-family:sans-serif;padding-top:4px; } .header {position:absolute;top:0px;z-index:999;width:100%} .websize {position:relative;} .uk-navbar-nav {height:60px;} .uk-navbar-nav li.active {border-top:2px solid #2d236c} .uk-navbar-nav.nav-a li.active {border-top:1px solid #fff} .uk-navbar-nav.nav-a li.active a {color:#fff} blockquote {padding:0px;font-style: normal;margin:0px;border:0px; } .aboutbg {background:#f8f9fb;width:100%;} /**.aboutus {width:1250px;background:url(../images/aboutbg.png) no-repeat right;margin:0px auto;height:520px;}**/ .aboutus {width:1200px;margin:0px auto;height:520px;} .aboutus-bg {background:url(../images/aboutbg.png) no-repeat right;} .aboutus h2 {font-size:22px;color:#2D236C;padding:70px 0px 0px;} .aboutus h3 {font-size:14px;color:#909399;padding:0px;margin-top:-10px} .aboutus p {width:560px;display:block;letter-spacing:1px;line-height:25px;font-size:12px} .aboutus p.line {width:900px;letter-spacing:-1px;color:#9f9fa0} .product-infos a,.aboutus a,.more-block {display:inline-block;width:110px;height:42px;font-size:12px;text-align:center;line-height:42px;background:#F1F5F6;} .aboutus a {color:#606266;margin-top:20px;display:none} .aboutus a.shows {display:block;} .aboutus p{display:none} .history {background:url(../images/historybg.jpg) no-repeat center #181e22;width:100%;height:720px;overflow:hidden} .history_c {width:1200px;margin:0px auto;height:720px;} .history_c h2 {font-size:22px;color:#fff;padding:60px 0px 0px;margin:0;} .history_c h3 {font-size:14px;color:#fff;padding:10px 0px;margin:0;} /*** 时间轴 ***/ ul{list-style:none} .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1;margin-top:50px} .swiper-container-no-flexbox .swiper-slide{float:left} .swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap} .swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto} .swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto} .swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height} .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000} .swiper-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;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;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;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10} .product-wrapper{max-width:1200px;padding-left:10px;padding-right:10px;margin-left:auto;margin-right:auto;position:relative} .product-features .product-body{margin:100px 25px 0px} .product-features .product-body:after{content:"";width:100%;height:3px;background:url(../images/productBase-features-model.png) no-repeat;background-size:100% auto;background-position:center;position:absolute;top:135px;left:0;z-index:0} /*li*/ .features-item{position:relative;float:left;height:400px} .features-slide .features-item>*{} .features-item .history_i {text-align:center;width:100%;} .features-item .time_img {height:120px;transition: all 0.6s; } .title_content {height:137px;} .title_content a {color:#dedfe0;text-decoration:none} .title_content p {padding:0px;margin:0px} .tit_cont_b {padding-top:50px;margin-left:50px} .features-item h3{font-size:16px;line-height:28px;color:#ffffff;transition:all 0.1s;text-align:center;font-family:Acens} .features-item i{position:absolute;width:75%;height:33px;background:url(../images/c.png) no-repeat;background-size:contain;background-position:right center;left:-25%;margin-left:10px;top:120px;z-index:3} .features-item .features-info{display:block;margin:0 auto;padding:0px 35px 43px;transition:all 0.3s;border-radius:2px} .features-item .features-info .features-info-t{font-size:16px;line-height:24px;overflow:hidden} .features-item .features-info .features-info-e{font-size:12px;line-height:24px;overflow:hidden} .features-item .features-info .features-info-c{font-size:12px;line-height:20px;padding-top:5px;width:220px} /*鼠标悬浮效果*/ .features-item:hover h3{font-size:18px;line-height:28px;opacity:0.9} .features-item:hover i{width:75%;margin-left:13px;background:url(../images/dark.png) no-repeat;background-size:contain;background-position:right center} .features-item:hover img {opacity:0.8;} .features-item:hover a {color:#b1b1b2} /*左右按钮*/ .product-features .swiper-button-prev{width:30px;height:40%;left:-15px;top:60%;background:none} .product-features .swiper-button-prev:after{content:"";display:inline-block;position:absolute;width:15px;height:30px;background:url(../images/productBase-features-left.png) no-repeat;background-size:100% 100%;top:50%;margin-top:-15px;left:50%;margin-left:-7px} .product-features .swiper-button-next{width:30px;height:40%;right:-15px;top:60%;background:none} .product-features .swiper-button-next:after{content:"";display:inline-block;position:absolute;width:15px;height:30px;background:url(../images/productBase-features-right.png) no-repeat;background-size:100% 100%;top:50%;margin-top:-15px;left:50%;margin-left:-7px} /*** 时间轴 ***/ .product-center {width:1200px;margin:0px auto;padding:20px 0px 0px;min-height:400px} .index-ii h2,.index-ii h3,.product-infos h4,.product-infos h5 {padding:0px;margin:0px} .index-ii h2,.index-ii h3 {padding:0px 50px;text-indent:30px;} .index-ii h2 {color:#2D236C;font-size:22px;padding-top:0px;;margin-top:0px;padding-top:20px} .index-ii h3 {font-size:14px;color:#999;;margin-top:0px} #Ellipse{ position:relative; visibility:visible; z-index:999; width:400px; height:200px; border:none; margin-top: 70px; float:left; } .RotatingIcon{ border:none; width:85px; } .product-infos { width:385px;float:right; height:250px; } .shows {display:block;} .hides {display:none;} .product-infos h4 {color:#2D236C;font-size:18px;} .product-infos h5 {color:#2D236C;font-size:12px;padding-top:5px;} .product-infos p {font-size:12px;color:#606266} .product-infos a.m {color:#666;margin-top:10px} .new-center {width:1200px;margin:0px auto;padding:0px;margin-top:-120px;height:500px} .new-center h2,.new-center h3 {padding:0px;margin:0px} .new-center h2 {color:#2D236C;font-size:22px;padding-top:20px;} .new-center h3 {font-size:14px;color:#999;float:left;margin-top:0px} .new_divs {width:1200px;margin:20px auto 0px;padding:0px;overflow:hidden;} .news_div {float:left;width:32%;overflow:hidden;height:350px;margin-left:24px;} .news_div:first-child {margin-left:0px} .news_div img {width:386px;height:156px} .news_div p {padding:0px;margin:0px;width:370px;} .news_div a.title {display:inline-block;font-size:18px;color:#333;padding-top:20px;width:370px;line-height:40px} .news_div a.title span {display:inline-block;width:30px;height:30px;border-radius:15px;border:1px solid #E4E7ED;background:url(../images/arrow-right.png) no-repeat center #fff;float:right} .subtitle {color:#999} .subtitle a{color:#999} .new-date {text-align:right;color:#999} .more-block {color:#666;float:right;margin-top:-30px;} .div_cont {margin:0px auto;padding:0px;width:1200px;color:#fff;} .div_cont h2,.div_cont h3,.account h2,.news-banner-bg h2,.news-banner-bg h3 {color:#fff;padding:0;margin:0} .div_cont h2 {font-size:22px;} .div_cont h3 {font-size:14px;opacity: 0.4;} .news-banner-bg h2 {font-size:22px;} .news-banner-bg h3 {font-size:14px;opacity: 0.4;} .copyright {height:auto;line-height:32px;text-align:center;width:100%;padding:20px 0px;} .index-copyright {border-top:1px solid #484848;color:#fefefe;opacity: 0.8;} .index-copyright a{color:#fff;} .copyright a:hover,.copyright a:hover p {;text-decoration:underline} .child-copyright {border-top:1px solid #ccc;color:#999;} .child-copyright a,.child-copyright a:hover {color:#999;} .f-l {float:left} .account-weixin {width:210px} .account-weixin h2 {font-size:16px} .account-weixin img {width:80px;height:80px} .contact-b {width:400px} .contact-b h2{ font-size:16px} .contact-b ul {padding:0px;margin:0px;width:600px;} .contact-b ul li {padding:10px 0px;float:left;line-height:20px;font-size:12px;color:#c6c6c6;} .contact-b ul li span {color:#fff;letter-spacing:1px} .contact-b ul li.l {width:310px;} .contact-b ul li.r {margin-left:110px} .contact-b ul li.r5 {margin-left:50px} .bottom-l {margin-left:110px;width:223px} .arrow-down {background:url(../images/arrow-down.svg) no-repeat right 25px;} .arrow-up{background:url(../images/arrow-up.svg) no-repeat right 25px;} .child-down{background:url(../images/arrow-g-down.png) no-repeat right 26px;} .child-up{background:url(../images/arrow-g-up.png) no-repeat right 25px;} .header .uk-navbar-nav li .child-down {background:url(../images/arrow-down.svg) no-repeat right 25px;} .header .uk-navbar-nav li .child-up{background:url(../images/arrow-up.svg) no-repeat right 25px;} .tm-navbar .uk-navbar-nav li ul {position:absolute;top:0px;z-index:999;left:10px;top:59px;width:200px;display:none;height:150px;padding-top:0px;padding-left:10px; background-color:rgba(0,0,0,0.2);} .tm-navbar .uk-navbar-nav li:hover {height:60px;} .tm-navbar .uk-navbar-nav li:hover a.child-down {background:url(../images/arrow-g-up.png) no-repeat right 25px;} .tm-navbar .uk-navbar-nav li:hover a.arrow-down {background:url(../images/arrow-up.svg) no-repeat right 25px;} .tm-navbar .uk-navbar-nav li:hover ul{display:block} .tm-navbar .uk-navbar-nav li:hover ul li:hover {height:auto} .tm-navbar .uk-navbar-nav > li ul li a,.tm-navbar .uk-navbar-nav > li:hover ul li a{color:#fff;font-size:12px;height:15px;;text-align:left;width:100%} .forms-li-cn {margin-left:30px;padding-top:10px} .forms-li-en {margin-left:15px;padding-top:10px} .child-banner {width:100%;min-height:450px;} .news-banner {background:#040404;width:100%;height:250px;} .news-banner11 {width:100%;height:252px;} .news-banner-bg,.n_categary {width:1100px;margin:0px auto;height:250px;} .news-banner-bg h2 {padding-top:100px} .n_categary {height:50px;padding:50px 0px 0px} .n_categary ul {padding:0px;margin:0;} .n_categary ul li {float:left} .n_categary ul li a {display:block;width:100px;height:34px;color:#333;text-align:center;line-height:34px;} .n_categary ul li.active a {color:#fff;background:#2d236c;border-radius:15px} .channe-bg {position:relative;z-index:99} .channe-img {position:absolute;z-index:99} .joinus-bg {margin:0px auto;position:absolute;z-index:999;top:50%;text-align:center;width:100%;margin-top:-30px} .joinus-bg h2 {font-size:50px;color:#333} .joinus-bg h3 {font-size:38px;color:#000;opacity:0.1;padding-top:5px} .join-con-bg {background:#f8f8f8;padding:50px 0px;overflow:hidden} .bg-white {background:#fff;overflow:hidden} .div_50 {width:50%;float:left;} .div_49 {width:49.5%;float:left;} .join-img1 {height:100%;width:100%} .div_20 {width:21.1%;float:left;text-align:center} .div_30 {width:29.3%;float:left;text-align:center} .div_100 {width:100%} .join-bg {position:relative;z-index:99} .channe-img {position:absolute;z-index:99} .jionus-bg {margin:0px auto;position:absolute;z-index:999;top:50%;text-align:center;width:100%;margin-top:-30px} .join-ys{color:#666;font-size:20px;padding-top:50px} .join-line {height:60px;width:1px;border-left:1px solid #ddd;margin:0px auto 20px;overflow:hidden;font-size:0px} .div_20 p{padding:0px;margin:0px;padding-bottom:5px;font-size:14px} .join-p {color:#fff;margin-top:20px;font-size:16px;} .join-a {float:right;margin-top:-30px;color:#fff;text-decoration:underline;margin-right:15%;font-size:20px;letter-spacing:2px} .join-a:hover {text-decoration:none;color:#fff;} .bgdd {background:url(../images/joinus2.png) no-repeat;overflow:hidden;} .news-list li {height:170px;} .news-list li:hover {background:url(../images/icon.jpg) no-repeat 45px 92px;} .span-date {width:146px;display:block;float:left;font-size:18px;padding-left:12px;margin-top:15px;color:#8a8d93} .hr-line {border:1px solid #a1a1a1;width:55px;float:left;margin-top:25px} .title-contents {float:left;width:687px;margin-left:30px;} .title-contents a {text-decoration:none} .news-list li:hover .title-contents a {color:#2d236c} .title-contents {padding-top:10px;} .titles {font-size:16px;} .title-contents p {font-size:14px;padding-top:15px;line-height:24px;} .title-contents p a {color:#888} .news-list li img {float:right;margin-top:24px;height:123px;width:184px;} .new-d-line {border-top:1px solid #ccc;} .nav-position {font-size:16px;padding:10px 0px} .nav-position a{color:#333;} .uk-article-title {font-size:30px;color:#000;padding:10px 0px 0px;margin:0px;text-align:center } .new-content-div p.img60 img{width:60%} .new-content-div em {color:#000} .p-date {margin-top:0px;text-align:center;font-size:24px;padding-top:20px} .pad-top-50 {padding-top:50px} .pad-bt-50 {padding-bottom:50px} .pre-next a {color:#666} .pre-next a:hover {color:#6459a4} .news-banner-bg .color-pur {color:#2D236C} .news-banner-bg .color-gray {color:#666} .news-banner-bg .color-white {color:#fff} .childs-div h1 {text-align:center;font-size:26px;color:#333;padding:30px 0px 20px;margin:0px;line-height:20px} .childs-div h2 {text-align:center;font-size:14px;color:#999;padding:0px 0px 10px;margin:0px;} .childs-div p {color:#666;font-size:16px;line-height:28px;text-indent:2em;margin-top:0px;} .line-1 {margin:25px 0px;border:0px;border-bottom:1px solid #eee;} .ul-style {padding:0px;margin:0px} .Our-History {height:790px;width:100%;background:#F7F8FA;margin-top:30px} .Our-History ul {width:100%;border-top:1px solid #eee;} .Our-History ul li {border-bottom:1px solid #eee;padding:0px;margin:0px;height:62px;line-height:62px;} .span-year {font-size:20px;color:#666} .span-line {letter-spacing:-1px;font-size:16px;display:inline-block;padding:0px 10px} .team_div {width:1200px;margin:20px auto 0px;padding:0px;overflow:hidden;height:577px;} .team_divs {float:left;width:25%;overflow:hidden;} .team_divs img {width:278px;height:293px;} .team-div-bg {font-size:14px;color:#999;width:278px;height:476px} .team_divs p {padding:0px;margin:0px;} .team_divs p.stitle {display:inline-block;padding:30px 18px 10px} .team_divs p.stitle span{font-size:20px;color:#333;} .team_divs p.summary {color:#666;padding:15px 18px;} .team-div-bg:hover {background:#4c59b1;cursor:pointer} .team-div-bg:hover p,.team-div-bg:hover p.stitle span {color:#fff;} /***公司荣誉**/ .Company-Honor {width:100%;background:url(../images/glory.png) no-repeat center;height:873px;} .Company-Honor h3{font-size:14px;color:#606266} .Company-Honor ul{padding:30px 0px 0;margin:0px;color:#606266} .Company-Honor ul li {height:40px} .Company-Honor ul li .year {font-size:20px;color:#333;} .Company-Honor ul li .line {color:#C7CACF} .Company-Honor ul li .org {font-size:14px;color:#333;display:inline-block;background:#6987C4;height:24px;color:#fff;border-radius: 2px;width:440px;text-align:center;line-height:24px;margin-left:10px} .w1000{width:80%;margin:0 auto;} .header{margin:0px 0 50px;text-align:center;} .f-r {float:right} .uk-thumbnail-small{width:584px;} .uk-thumbnail-small:hover {box-shadow:0 1px 4px rgba(0,0,0,.3)} .uk-thumbnail-small a {text-decoration:none} .pro-title {padding-top:15px} .pro-subtitle {font-size:12px;color:#999;text-align:center;padding:5px 0px;margin:0px;height:30px} .newsdate {margin-top:10px;height:34px;width:199px;border-radius:2px;border:1px solid #dbdee5;color:#777;} .form-div {width:1100px;margin:0px auto;padding:40px 0px 0px 0px} .form-div select {width:224px;float:left} .date-div {width:224px;height:38px;border:1px solid #DCDFE6;border-radius:3px; float:left;margin-left:15px;margin-top:10px;} .date-s {background:url(../images/date-s.gif) no-repeat 6px 0px} .date-e {background:url(../images/date-e.gif) no-repeat 6px 0px} .date-div input {margin-left:90px; margin-top:10px; background:none; outline:none; border:none; width:122px; } .submits {width:98px;height:34px;background:#2d236c;border:1px solid #201563;border-radius:3px; cursor:pointer; color:#fff;margin-left:10px} .cases-list {padding-top:80px;padding-bottom:0px;} .cases-list li {padding:0px;width:100%;line-height:50px;margin:0px} .uk-list-space>li:nth-child(n+2) {margin:0px} .cases-list li:nth-of-type(even) h3{ color:#2d236c} .case-span-date {width:120px;display:block;float:left;font-size:16px;padding-left:12px;color:#999} .cases-list li:hover {background:#fcfcfc} .cases-list h3 {padding:0px;margin:0px;float:left;width:85%;line-height:50px} .cases-list h3 a{font-size:18px;color:#333} .download {display:inline-block;background:url(../images/download.png) no-repeat 0px 13px;background-size:16px;width:16px;height:40px;text-decoration:none} .download:hover {text-decoration:none} .istop {color:#f5ac3c;font-size:12px;float:right} .ac-imgs {width:20%;float:left;} .active-info {float:left;width:60%} .active-info h2.h2-style a{font-size:16px;color:#333} .active-info h3.h3-style a{font-size:14px;color:#999} .active-list {padding:0px;margin:0px;} .ac-imgs img {width:auto;height:152px;padding-right:15px;padding-bottom:20px;} .active-info > *{padding:0px;margin:0px} .active-info h2 {padding-top:10px;} .active-info h3 {padding-top:0px} .active-date-p {padding-top:40px} .active-span-date {color:#a5a7ad;font-size:14px;} .active-span-date b {color:#666} .a-link {display:inline-block;float:right;border-radius:10px;height:30px; line-height:30px;width:106px;text-align:center;border:1px solid #E4E7ED; text-decoration:none; } .a-link:hover {background: #E4E7ED} #placeholder div {display:none} .product-img-div {text-align:center;height:304px;background:#eeeef2} .product-img-div img {height:304px;} .product-navgation {background:#292929;width:100%;height:50px} .product-navgation p {width:1200px;text-indent:30px;line-height:50px;color:#999} .product-navgation p a {color:#999;text-decoration:none} .product-navgation p a:hover {color:#fff} .product-bg {background:#f7f8fa;width:100%;padding:25px 0px;} .tab_div {width:100%;overflow:hidden;padding-bottom:5px;} .product-left {float:left;width:840px;} .product-img-bg {background:#fff;width:840px;height:760px;border-radius:3px;} .tab_div {padding: 0px 0px;} .tab {padding: 0px 0px;height:60px;background:url(../images/tag-bg.gif) repeat-x bottom;padding-left:30px;margin:0px} .tab li {float:left;list-style:none;text-align:center;display:block;color:#999;font-size:16px;cursor:pointer;line-height:60px;width:98px;height:58px;} .tab li.hover {border-bottom:2px solid #2a206a;color:#333;} .tab_div span {display:block;background:url(../images/view.gif) no-repeat left;text-indent:23px;color:#a8a9ae;float:right;width:80px;margin-top:20px} .div-3d {display:none} .product-detail {padding:20px 0px;line-height:25px;letter-spacing:2px;} .product-right-detail {width:330px;float:left;margin-left:30px;} .product-right-detail p.p-other {border-bottom:1px solid #dfe1e8;color:#000;padding-bottom:5px} .product-right-detail li {width:330px;height:95px;padding-bottom:20px} .product-right-detail li img {} .product-right-detail ul {padding:0px;margin:0;} .product-right-detail li a {color:#333;} .product-right-detail li:hover a{text-decoration:underline} .p-p-p {float:left;width:146px;padding:0px 0px 0px 10px;} .p-p-img {background:#000;display:block;width:148px;height:95px;float:left;} .p-p-title {display:block;padding-bottom:20px} .p-p-line {display:block;letter-spacing:-2px;border-left:1px solid #c5c9d1;height:18px;text-indent:15px;color:#000;background:url(../images/p-arrow.svg) no-repeat;width:100px} .status {float:left;width:72px;margin-right:20px;text-align:left;font-size:14px;padding-bottom:2px} .red {border-bottom:4px solid #F56C6C;color:#F56C6C;} .yellow {border-bottom:4px solid #FBB03E ;color:#FBB03E;} .blue {border-bottom:4px solid #409EFF ;color:#409EFF;} .green {border-bottom:4px solid #3BD575 ;color:#3BD575;} .cate-bg {height:36px;text-align:center;font-size:16px;float:left;width:23.6%;line-height:36px;} .cates {background:#646884;color:#fff;} .products {background:#F0F2F5;color:#606266;margin-top:20px} .bg-r {height:36px;float:left;width:76.4%;overflow:hidden} .cate-bg-r {background:#F0F2F5 url(../images/arrow-g-up.png) no-repeat 99% ;text-align:center;font-size:16px;color:#fff;} .bar {width:96%;height:14px;float:right} .bar-green {background:#3BD575;} .m-t20 {margin-top:20px;} .bar-p {width:96%;float:right;font-size:12px;color:#999;padding:5px 0px 0px;margin:0px;} .bar-gray {background:#EEF1F5;} .bar-red {background:#F56C6C;width:30%;height:14px;} .bar-blue {background:#409EFF;width:28%;height:14px;} .bar-yellow {background:#FBB03E;width:28%;height:14px;} .bg-r-h{float:left;width:76.4%;overflow:hidden} .cate-line {padding:40px 0px 0px;border:0px;border-top:1px solid #EDEFF3;margin:0px;margin-top:40px} .bar-p span {color:#67C23A} .w-p30 {width:30%} .w-p35 {width:35%} .w-p28 {width:28%} .dot-bg {background:url(../images/dot.gif) repeat-y 3%;} .hei50 {height:50px;line-height:20px;padding-top:10px} .pd-b50 {padding-bottom:50px} .index-ii {width:100%;background:url(../images/pbg.png) no-repeat;background-size:100%;padding:30px 0px 10px;overflow:hidden} .new-imgs {height:80px;width:auto;} .svg-div { width:1400px; height:600px; background:url("../images/img.svg") no-repeat center 50%; border:1px solid #ccc; } blockquote {padding:0px;font-style: normal;margin:0px;border:0px;} .uk-article blockquote {padding:0px;font-style: normal;margin:0px;border:0px;height:auto; } .pp-ul li { transition: all 0.3s ease-in-out;} .pp-ul li:hover { transform: scale(1.05); } @keyframes wrapper-gradient { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @keyframes img-gradient { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } } .gradient-wrapper { display: inline-block; overflow: hidden; animation: wrapper-gradient 2s linear; } .gradient-wrapper>img { animation: img-gradient 2s linear; } .textshouw { animation: fadeInAnimation ease 2s; animation-iteration-count: 1; animation-fill-mode: forwards; } .textshouw1 { animation: fadeInAnimation ease 3s; animation-iteration-count: 1; animation-fill-mode: forwards; } .aboutus { animation: fadeInAnimation ease 3s; animation-iteration-count: 1; animation-fill-mode: forwards; } @keyframes fadeInAnimation { 0% { opacity: 0; } 100% { opacity: 1; } } .keywords-w {border:1px solid #FFFEFE;color:#fff;border-radius:5px;width:140px;background:url(../images/search-w.svg) no-repeat 3px 3px;height:20px;} .nav-uls {margin-left:20px} .ul-li-en {margin-left:-20px} .uk-navbar-nav.ul-li-en>li>a {padding:10px 15px 0px 5px} .en-body {} .en-body div {display:none;} .en-body div.comingsoon {display:block;padding-top:10px} .en-iendx-langa {float:right;width:100px;margin-top:8px;padding-left:500px} .en-iendx-langa a{width:35px;display:inline-block;font-size:14px;height:20px;line-height:20px;text-align:center;padding:0px;border-radius:10px;color:#606266;text-decoration:none} .en-iendx-langa a.hover {border:1px solid #2d236c} /*数字++++++++++*/ .index-aboutus {background:url(../images/aboutusbg.png);width:100%;height:985px;position:relative; background-size:cover} .index-aboutus-info {width:45%;float:right;color:#fff;overflow:hidden} .index-aboutus-info h2 {padding:100px 0px 10px 80px;color:#fff;margin:0px;} .index-aboutus-info p {width:420px;margin:0px;font-size:16px;padding:10px 0px 0px 80px;} .div-more {width:100%;overflow:hidden;height:70px;float:left} .index-aboutus-info a.more-block {display:block;margin-left:80px;float:none;margin-top:30px} .digital{width: 100%;height: 150px;background-color: rgba(0, 0, 0, 0.3);color: #fff;position:absolute;bottom:0px;margin-bottom:0px} .index-case {overflow:hidden;width:100%;padding-left:80px;padding-top:30px} .index-case a {display:block;width:420px;height:44px;background-color: rgba(50, 65,93, 0.65);border-radius: 2px;color:#fff;text-indent:30px;margin-top:15px;line-height:44px;} .index-case a:hover {text-indent:60px;background: #DFE4EF url(../images/icon5.png) no-repeat 30px 14px; background-size:15px;color:#324471; text-decoration:none; } .main{width: 1230px;height: 150px;margin:0 auto;} .mumping_mun{width: 1230px;list-style: none;padding:0px;margin:0px} .mumping_mun li{width: 165px;display: inline-block;margin: 20px auto 0px;text-align:center} .mumping_mun li.width150 {width:150px} .mumping_mun li.width180 {width:180px} .mumping_mun{width: 1230px;list-style: none;} .mumping_mun li img {text-align:center;} .mumping_mun p{font-size: 12px;width: 100%;display: block;clear: both;text-align:center;padding:0px;margin:0px} .mumping_mun h2{font-size: 22px;font-weight: normal;margin-right: 10px;color:#fff;text-align:center;display:inline;margin:0px} .mun_top {font-size: 22px;} .font-s14 {font-size:12px} .height40 {height:40px;overflow:hidden} .englishs .mun_top{height:30px} .global {background:url(../images/g3.png) no-repeat;width:100%;min-height:803px;position:relative;text-align:center;background-size:100% 100%;padding:50px 0px 40px;} .global-h {position:absolute;top:10px;width:1200px;margin:0px auto;padding:50px;z-index:999;text-align:left} .global-h h2 {color:#fff;font-size:44px;} .global-h h3 {color:#999;font-size:14px} .global-map {width:1200px;height:776px;margin:0px auto;z-index:99;overflow:hidden} .map {z-index:100;position:relative;width:1200px;height:776px;} .map img {width:1200px;height:776px;position:absolute;left:0;top:0} .map p {margin:0px;font-size:12px;position:absolute;z-index:999;color:#fff;height:40px;padding-top:0px;line-height:20px; } .jump:hover {cursor:pointer} .map span {position:absolute;z-index:1500;color:#fff;width:280px;word-break: break-all;display:none;background-color:rgba(35,71,140,0.8);top:45%;left:53%;font-size:12px;text-align:left;padding:10px;border-radius:5px} .map span.dp {top:63%;left:55%;} .map span.aspan {left:70%;} .map span.espan {left:45%;} .map span.cspan {left:15%;top:43%} .map span.zspan {top:60%;} .map span.bspan {left:20%;top:75%} .map-dark {background:url(../images/d2.svg) no-repeat top;} p.map-dark1 {background:url(../images/mark.png) no-repeat top;background-size:100px 100px; width:100px;height:100px;} .china {padding:0px;background-image:none;position:absolute;top:53%;left:79%;} .china-e {left:78.7%;} .russia {left:892Px;top:225px;} .map p:hover,.map-light {background:url(../images/d1.svg) no-repeat top;} .map p.map-dark1:hover {background:url(../images/mark2.png) no-repeat top;background-size:100px 100px; width:100px;height:100px;} .t_p {left:74.5%;top:60%;} .t_p-e {left:73.1%;top:59%;} .m_i {left:73.3%;top:65%;} .india {left:817Px;top:450px;} .Asia {left:72%;top:30%;} .Pakistan {left:757Px;top:410px;} .Jordan {left:672Px;top:415px;} .zhongdong {left:54%;top:43%;} .Europe {left:602Px;top:337px;} .Europe1 {left:46%;top:28%;} .English {left:552Px;top:317px;} .Ireland {left:493Px;top:312px;text-align:left;width:90px;text-align:left;line-height:15px} .Canada {left:202Px;top:300px;} .Canada1 {left:15%;top:28%;} .US {left:212Px;top:377px;} .Brazil {left:392Px;top:557px;} .Brazil1 {left:27%;top:62%;} .Chile {left:318Px;top:627px;} .Argentina {left:338Px;top:647px;} .Hongkong {left:76.9%;top:57.5%;transform:scale(0.8);} .map p.Hongkong {line-height:12px;} .map p.aomen {line-height:80px} .aomen {left:76.6%;top:57.5%;transform:scale(0.8);} .map p.Macao {line-height:80px} .Macao {left:75.8%;top:57.5%;transform:scale(0.8);} .Hongkong-e {left:77.1%;} .Uruguay {left:30%;top:82%;} .Colombia{left:25%;top:66%;} .Dubai{left:61.5%;top:56%;} .Saudi{left:58.5%;top:57%;} .ME{left:56.5%;top:57%;} .Qatar{left:59.8%;top:55.5%;} .Egypt{left:54.5%;top:56%;} .Algeria{left:45.5%;top:55%;} .Morocco{left:43.6%;top:52.5%;} .Bahrain{left:59.8%;top:55.5%;} .Kyrgyzstan{left:65%;top:47%;} .Kazakhstan{left:64%;top:44%;} .Venezuela{left:27%;top:63.5%;} .Australia {left:82%;top:79%;} /* 定义keyframe动画,命名为blink */ @keyframes blink{ 0%{background:url(../images/d1.svg) no-repeat top;} 100%{background:url(../images/d2.svg) no-repeat top;} } /* 添加兼容性前缀 */ @-webkit-keyframes blink { 0%{background:url(../images/d1.svg) no-repeat top;} 100%{background:url(../images/d2.svg) no-repeat top;} } @-moz-keyframes blink { 0%{background:url(../images/d1.svg) no-repeat top;} 100%{background:url(../images/d2.svg) no-repeat top;} } @-ms-keyframes blink { 0%{background:url(../images/d1.svg) no-repeat top;} 100%{background:url(../images/d2.svg) no-repeat top;} } @-o-keyframes blink { 0%{background:url(../images/d1.svg) no-repeat top;} 100%{background:url(../images/d2.svg) no-repeat top;} } /* 定义blink类*/ .blink{ color: red; font-size:46px; animation: blink 1s linear infinite; /* 其它浏览器兼容性前缀 */ -webkit-animation: blink 1s linear infinite; -moz-animation: blink 1s linear infinite; -ms-animation: blink 1s linear infinite; -o-animation: blink 1s linear infinite; } .jump { animation: jump 1s linear infinite; -webkit-animation: jump 1s linear infinite; -moz-animation: jump 1s linear infinite; -ms-animation: jump 1s linear infinite; -o-animation: jump 1s linear infinite; } @keyframes jump { 0%{background:url(../images/a4.svg) no-repeat bottom;background-size:20px;} 100%{background:url(../images/a2.png) no-repeat bottom;background-size:20px} } /*** 添加兼容性前缀 */ @-webkit-keyframes jump { 0%{background:url(../images/a4.svg) no-repeat bottom;background-size:20px;} 100%{background:url(../images/a2.png) no-repeat bottom;background-size:20px} } @-moz-keyframes jump { 0%{background:url(../images/a4.svg) no-repeat bottom;background-size:20px;} 100%{background:url(../images/a2.png) no-repeat bottom;background-size:20px} } @-ms-keyframes jump { 0%{background:url(../images/a4.svg) no-repeat bottom;background-size:20px;} 100%{background:url(../images/a2.png) no-repeat bottom;background-size:20px} } @-o-keyframes jump { 0%{background:url(../images/a4.svg) no-repeat bottom;background-size:20px;} 100%{background:url(../images/a2.png) no-repeat bottom;background-size:20px} } .news-banner-bg .color-g {color:#303133;font-size:30px;padding-bottom:10px;padding-top:250px} .index_news {margin:0px;} .index_news .am-slides li {} .index_news .am-slides li .ab-leaders-bg {background:#fff;margin-left:30px;padding:15px;border-radius:5px;overflow:hidden} .index_news .am-slides li img{ width:120px;height:120px;border-radius:100px;float:left;margin-top:30px;margin-left:20px} .index_news .am-slides li:hover .ab-leaders-bg {background:#eee;} .index_news .am-slides li .stitle {float:left;padding-top:8px} .index_news .am-slides li .stitle p{float:left;width:320px; text-align:left;font-size:14px;line-height:26px;margin-left:20px; margin-top:0px;height:200px;color:#606266} .index_news .am-slides li h2 {font-size:18px;color:#000;text-align:left;padding-left:80px} .index_news .am-slides li span {font-size:12px;color:#909399;display:block} /***产品二级页面**/ .banner-c {margin:0px auto;width:1100px;overflow:hidden} .banner-c h1 {color:#6A78A0;font-size:48px;padding-top:100px;padding-bottom:10px} .banner-c h1.subtitle {font-size:24px;padding-top:95px;} .banner-c h1.subtitle-1 {font-size:24px;padding-top:65px;} .banner-c h1.subtitle-2 {font-size:24px;padding-top:35px;} .banner-c h1.pad70 {padding-top:70px;} .banner-c h2 {color:#6A78A0;font-size:16px; border: 1px solid #959EB6;text-align:center; height:37px;width:337px;line-height:37px; border-radius: 18.5px;} .banner-c b {font-size:42px;color:#6A78A0;font-family:"Arial";float:left;display:block} .banner-c b.y1 {padding-top:230px;padding-right:10px} .banner-c b.y2 {padding-top:324px;padding-left:10px} .banner-c p {font-size:16px;color:#606266;padding-top:10px} .div-scroll {overflow-y:scroll;height:200px;} .div-scroll::-webkit-scrollbar {display:none} .div-b-c {width:480px;float:left;height:526px;} .tab_ul {padding: 2px 0px 0px;height:60px;margin:0px auto;width:100%;max-width:1100px} .tab_ul li {float:left;letter-spacing:2px;list-style:none;text-align:center;display:block;color:#606266;font-size:18px;cursor:pointer;line-height:60px;width:50%;height:58px;} .tab_ul1 li {color:#fff} .tab_ul li.hover {border-bottom:2px solid #2C236B;color:#2C236B;} .div-2 {display:none} .div-1,.div-2 {width:1100px;margin:0px auto;overflow:hidden;padding-bottom:30px} .div-list {border-bottom:1px solid #E4E7ED;height:352px;width:100%;overflow:hidden;margin-top:40px;} .div-list .p-imgdiv {float:left;width:53%;overflow:hidden;min-height:303px} .div-list .p-imgdiv .product-img {position:relative;width:100%;height:auto;} .div-list .p-imgdiv .product-img img {border-radius:8px;position:absolute;z-index:9;width:100%;min-height:303px;top:0px;left:0px} .div-list .p-imgdiv .product-img span {color:#606266;font-size:14px;position:absolute;top:260px;right:20px;z-index:2203;} .div-list .p-imgdiv .product-img hr {border-top:1px solid #606266;width:12px;position:absolute;z-index:2203;top:240px;right:20px;} .div-list .p-contdiv {float:left;width:47%;overflow:hidden} .div-list .p-contdiv .p-conts-l {padding-left:60px;} .div-list .p-contdiv .p-conts-r {padding-right:60px;} .mar-l64 {margin-left:0px} .p-contdiv h2{font-size:18px;color:#2C236B;padding:0px;margin:0px} .p-contdiv h3{font-size:14px;color:#909399;padding:0px;margin:0px} .p-contdiv p {font-size:14px;color:#606266;padding-top:10px;} .p-contdiv a {display:block;color:#2C236B;font-size:14px;padding-top:30px;background:url(../images/play.svg) no-repeat 0px 30px;padding-left:25px} .p-contdiv a.lable-a {display:block;color:#2C236B;font-size:14px;padding:5px 0px 0px 25px;float:left;margin:-25px 0px 0px 150px;height:32px;background:url(../images/instructions-icon.svg) no-repeat 15px 8px;background-size:16px;text-indent:15px} .p-contdiv.a-nostyle a {display:inline;background:none;padding-left:2px} .lay{height:100%;width:100%;overflow:hidden;z-index:9999;position: fixed;display:none;text-align:center;background-color: rgba(0,0,0, 0.8);} .lay_body {background:#fff;border-radius:10px;height:500px;width:1000px;position:absolute;left:50%;margin-left:-500px;top:50%;margin-top:-250px} .l-title {width:100%;border-bottom:1px solid #ccc;height:40px;} .l-title h1 {float:left;font-size:16px;margin-left:20px} .l-title a {float:right;font-size:14px;color:#333;margin-right:15px;margin-top:10px} .l-v {padding:10px} /***end产品二级页面**/ ul {list-style:none} .list35-content {line-height:25px;content:#606266;padding-top:20px;} .list35-content h2 {font-size:36px;padding:30px 0px 20px;color:#303133} .index-38 {padding:40px 0px;margin:0px auto;} .col-3 {float:left;width:33.33333%;position:relative;min-height:173px} .col-3 img {position:absolute;z-index:99;width:100%;min-height:173px} .col-3 h4 {position:absolute;z-index:999;top:30px;text-align:center;width:100%;color:#fff} .col-3 a {position:relative;z-index:999;top:90px;display:block;width:70px;background:#F1F5F6; border-radius:3px;height:30px;color:#606266;text-align:center;line-height:30px;left:50%;margin-left:-35px;} .col-3 a:hover {text-decoration:none;background:#6574D6;color:#fff} .governance {margin:0px auto;overflow:hidden;padding-bottom:80px} .g-info{width:100%;padding-top:40px;overflow:hidden} .g-info-img {float:left;width:19%} .g-info-content {float:left;width:81%} .g-info-content h2 {padding-top:0px;font-size:16px;color:#303133;padding-left:20px} .g-info-content p {font-size: 14px;color: #909399;padding-left:20px} .g-info-content a {text-decoration:underline;margin-left:20px} .border-b {border-bottom:1px solid #C0C4CC;padding-bottom:40px;} .padding-t0 {padding-top:0px} .dataend {font-size:12px;width:100%;letter-spacing:1px;padding:5px 0px 0px;display:block;margin:0px; overflow:hidden;color:#fff;text-align:right;margin-right:-40px;float:right} .div_slides {width:500px;height:330px;float:left;margin-top:10px} .div-overflow {width:100%;overflow:hidden} .div-conten60 {width:58%;float:left;} .div-con60 {width:50%;float:left;padding-left:40px;padding-top:15px} .leaders {background:#f7f8fa;padding:0;margin:0px;width:100%} .div_slides img {border-radius:8px;border:1px solid #dcdcdc} .div-con60 h2 {color:#2C236B;font-size:18px;padding:10px 0px 10px 0px;margin:0px} .mart0 {margin-top:0px} .mart30 {margin-top:30px} .subscribe {letter-spacing:1px;font-size:16px} .childs-div h1.paddb30 {padding-bottom:30px} /**关于金莎国际网站官网入口*/ .ab-div_slides {width:500px;height:300px;float:left;margin-top:10px} .ab-div_slides img {border-radius:8px} .div-overflow {width:100%;overflow:hidden} .ab-div-conten60 {width:54%;float:left;} .ab-leaders {background:#f7f8fa;padding:0px 0px 20px 0px;margin:0px;width:100%;overflow:hidden} .ab-div-conten60 p{margin:0px;line-height:25px;} .ab-div-conten60.pline {line-height:23px;} .leaders-divs .am-slides {width:100%;background:red} .leaders-divs .am-slides li {width:50%;overflow:hidden;padding:0px;margin:0px;float:left;} .leaders-divs .am-slides li:first-child {margin-left:0px;} .ab-leaders-bg {background:#fff;border-radius:8px} .paddr30 {padding-right:30px;} .paddl30 {padding-left:30px} .mar-t20 {margin-top:20px} .mar-t10 {margin-top:10px} .mar-t30 {margin-top:30px} .leaders-divs {width:1110px;height:320px;margin:0px auto} .mobile {display:none} .pd-t80 {padding-top:80px} .footer-d {height:180px} .footer-bg-c {background:#131313;padding:60px 0 0px} .overflow-y {overflow-y:scroll;height:200px} .overflow-y260 {overflow-y:scroll;height:260px} .overflow-y260::-webkit-scrollbar,.overflow-y::-webkit-scrollbar {display:none} .subscribe { float:right;} .subscribe a {text-decoration:underline;color:#2C236B} .uk-container {width:1100px;} .i-banner-txt {text-align:center;width:100%;margin-top:-440px;} .videos {width:900px;height:420px} .rotating-text { font-family: Lato, sans-serif; font-weight: 600; font-size: 26px; color: white; transform: translateX(-80px); width:100px; margin-left:100px; margin-top:0px; } .datforen {margin-top:-13px;padding-top:0px} /*英文lable**/ .lable-bg {background:#f6f7ff ;width:100%;overflow:hidden;min-height:890px} .lable-left {float:left;width:45%;overflow:hidden;min-height:890px;position:relative} .left-img {height:100%;width:auto;position:absolute;z-index:99} .lable-left-content {float:right;position:absolute;z-index:999;margin-left:120px;} .lable-left .VenusP-Valve {width:25%;margin-left:20px} .lable-left h1 {font-size:26px;color:#57658E;text-align:left;padding-top:130px} .lable-left hr {width:20px;height:3px;border-bottom:3px solid #57658E; } .lable-center {float:left;width:30%;overflow:hidden;height:100%;} .center1 {width:40%;} .lable-left-content p{width:60%;} .lable-right {display:block;float:left;width:20%;background:url(../images/right.png) no-repeat bottom right;background-size:100% auto;overflow:hidden;height:100%;position:relative;} .lable-right img{width:100%;position:absolute;bottom:0px} /***end 英文lable**/ /**EIFU 页面**/ .eifu {padding-left:40px;padding-top:50px} .eifu h3 {color:#57658E;font-size:18px;padding-bottom:5px;margin:0px;line-height:20px} .eifu h4 {color:#57658E;font-size:14px;padding-bottom:0px;margin:0px;line-height:20px} .eifu p {padding:15px 0px 0px 0px;line-height:20px;margin:0px;} .eifu dl {margin-left:-4px} .eifu dl dd {padding-bottom:5px} .eifu dl dd lable {display:inline-block;width:115px} .selects {border-radius:5px;padding:3px;width:250px;color:#777} .input-text {border-radius:5px;background:#fff;padding:2px 3px;width:250px;border:1px solid #ccc;} .eifu-submit {border-radius:5px;background:#57658E;-webkit-appearance:none; padding:3px 15px;border:0px;color:#fff;cursor:pointer;float:left;display:inline-block;margin-top:20px;width:100px} .eifu-info {padding-left:40px;padding-top:40px} .in-disabled {cursor:not-allowed;background:#eee} .eifu {width:100%;overflow:hidden} .eifu h3 {width:100%} .eifu hr {width:100%} .eifu ul {padding:0px;margin:0px;overflow:hidden} .eifu ul li {padding-bottom:5px;overflow:hidden} .eifu ul span {display:inline-block;width:140px;float:left;} .eifu ul p {display:inline-block;width:270px;float:left;word-break: break-all;margin:0px;padding:0px;} .eifu div.doc-info {float:left;overflow:hidden} .eifu div.doc-view {float:left;margin-left:15px} .eifu div.doc-view a {display:inline-block;width:100px;float:left;margin-top:15px;background:#57658E;color:#fff;border-radius:5px;text-align:center;text-decoration:none;padding:3px 0px} .views {padding-top:20px} .views h3 {color:#57658E;padding-left:40px} .views p {padding-left:40px;} #tab{position:relative;left:0%} #tab .tabList ul li{ float:left; padding:5px 0; width:200px; text-align:center; margin-left:-1px; cursor:pointer; } #tab .tabCon{ position:absolute; left:-1px; top:32px; border-top:none; width: 100%;height: 0px; } #tab .tabList li.cur{ border-bottom:4px solid #57658E; color:#57658E; background:#fff; } @media (max-width: 767px) { body {color:red} .lable-bg {height:auto} .i-banner-txt {height:50px;padding-top:50px} .overflow-y {overflow-y:auto;height:auto} .langa,.pc {display:none} .uk-container {width:100%;} .mobile-banner {width:100%;display:block} .ab-div_slides {width:100%;float:left;margin-top:10px;height:auto} .div-overflow {width:100%;overflow:hidden;padding:15px} .ab-div-conten60 {width:100%;float:left;} .ab-leaders {background:#f7f8fa;padding:0px 0px 20px 0px;margin:0px;width:100%;overflow:hidden} .ab-div-conten60 p{margin:0px} .paddr30 {padding-right:0px;} .paddl30 {padding-left:0px} .pd-t80 {20px} .mar-t20,.mar-t10,.mar-t30 {margin-top:0px} .ab-slider img {width:100%} .mobile {display:block} .leaders-divs {width:100%;height:auto} .index_news .am-slides {width:100%} .index_news .am-slides li {width:100%;padding:15px;text-align:center} .index_news .am-slides li .ab-leaders-bg {background:#fff;margin-left:0px;padding:25px 30px;border-radius:5px;overflow:hidden} .index_news .am-slides li img{ width:120px;height:120px;border-radius:100px;margin:10px auto;float:none;border:1px solid #f1f1f1;text-align:center} .index_news .am-slides li .stitle {width:100%;padding-top:8px;} .index_news .am-slides li .stitle h2 {text-align:center;padding-left:0px} .index_news .am-slides li .stitle p{float:left;width:100%; text-align:left;font-size:12px;line-height:26px;margin:0px 0px;height:auto;color:#606266} .Company-Honor {width:100%;background:url(../images/glory.png) repeat-y top center;height:auto;padding-bottom:40px} .Company-Honor h3{font-size:12px;color:#606266;padding:0px 15px 20px;margin:0px;} .mobile-selectdate {padding-left:15px;padding-top:20px;margin-top:20px} .Company-Honor h1 {padding-bottom:0px} .Company-Honor h2 {padding-top:15px;} .Company-Honor ul{padding:15px 15px 0;margin:0px;color:#606266} .Company-Honor ul li {font-size:12px;height:auto;} .Company-Honor ul li .year {font-size:12px;color:#333;} .Company-Honor ul li .line {color:#C7CACF;} .Company-Honor ul li .org {font-size:14px;color:#333;display:inline-block;background:#6987C4;height:24px;color:#fff; border-radius: 2px;width:100%;text-align:center;line-height:24px;padding:0;margin:10px 0px;text-indent:0px;height:auto} /**end 关于金莎国际网站官网入口**/ .banner-c {margin:0px auto;width:100%;overflow:hidden;padding:15px;height:268px} .banner-c h1 {color:#6A78A0;font-size:20px;padding:10px 0px;margin:0px;line-height:20px} .banner-c h1.subtitle {font-size:16px;padding-top:15px;} .banner-c h1.subtitle-1 {font-size:24px;padding-top:65px;} .banner-c h1.subtitle-2 {font-size:14px;padding-top:25Px;} .banner-c h1.pad70 {padding-top:70px;} .banner-c h2 {color:#6A78A0;font-size:16px; border: 1px solid #959EB6;text-align:center; height:37px;width:337px;line-height:37px; border-radius: 18.5px;} .banner-c b {font-size:42px;color:#6A78A0;font-family:"Arial";float:left;display:block} .banner-c p {font-size:12px;color:#606266;margin:0px} .banner-c p.color2 {font-size:12px;color:#fff;margin:0px;padding-right:15px;width:96%} .tab_ul {padding: 2px 0px 0px;height:60px;margin:0px auto;width:100%;} .tab_ul li {float:left;letter-spacing:2px;list-style:none;text-align:center;display:block;color:#606266;font-size:14px;cursor:pointer;line-height:30px;width:50%;height:30px;} .tab_ul1 li {color:#fff} .tab_ul li.hover {border-bottom:2px solid #2C236B;color:#2C236B;} .div-2 {display:none} .div-1,.div-2 {width:100%;margin:0px auto;overflow:hidden;padding-bottom:30px} .div-list {border-bottom:1px solid #E4E7ED;width:100%;overflow:hidden;margin-top:20px;padding:0px 15px;height:auto;} .div-list .p-imgdiv {float:left;width:100%;height:auto;min-height:150px;overflow:visible} .div-list .p-imgdiv div { width:100%;min-height:150px;border-radius:8px;height:auto;position:relative;} .div-list .p-imgdiv .product-img img {border-radius:8px;position:absolute;z-index:9;width:100%;height:auto;top:0px;left:0px;min-height:auto} .div-list .p-imgdiv div span {display:none;} .div-list .p-imgdiv div hr {display:none} .div-list .p-contdiv {float:right;width:100%;padding-left:0px;padding-bottom:20px;padding-top:50px} .div-list .p-contdiv .p-conts-l {padding-left:0px;} .div-list .p-contdiv .p-conts-r {padding-right:0px;} .p-contdiv h2{font-size:14px;color:#2C236B;padding:0px;margin:0px} .p-contdiv h3{font-size:12px;color:#909399;padding:0px;margin:0px;margin-top:-5px} .p-contdiv p {font-size:12px;color:#606266;padding-top:0px;} .p-contdiv a {display:block;color:#2C236B;font-size:14px;padding-top:10px;background:url(../images/play.svg) no-repeat 0px 10px;padding-left:25px} .tab_ul1 li {color:#fff;font-size:12px;letter-spacing:0px;} .p-imgdiv {padding-bottom:0px} .div-list .p-contdiv.padd20 {padding-top:20px} .div-list .p-contdiv.padd0 {padding-top:0px} /**end 产品**/ .footer-bg-c {background:#131313;padding:30px 0 0px;overflow:hidden;height:450px} .account-weixin {width:30%;padding:0px 0px 30px;margin:0px auto;float:none} .account-weixin h2 {font-size:16px;text-indent:25px} .account-weixin-en h2 {font-size:16px;text-indent:10px} .account-weixin img {width:80px;height:80px} .contact-b {width:100%;padding:0px 0px 20px 0px;} .contact-b h2{ font-size:16px;padding-left:50px} .contact-b ul {padding:0px 0px 0px 50px;margin:0px;width:auto;} .contact-b ul li {padding:5px 0px;line-height:20px;font-size:12px;color:#c6c6c6;float:none} .contact-b ul li span {color:#fff;letter-spacing:1px} .contact-b ul li.l {width:auto;} .contact-b ul li.r {margin-left:0px} .copyright {height:auto;line-height:30px;padding-top:20px} .footer-d {height:auto;overflow:hidden;padding-left:0px;width:100%} .bottom-l {width:100%;text-align:center;margin:0px;float:none} .bottom-l .history-hr {color:#fff;letter-spacing:-4px;padding-top:0px;font-size:14px;margin-top:-5px} /**end 底部**/ .news-banner-bg {width:100%;margin:0px auto;padding:0px 30px} .news-banner-bg h2 {padding-top:50px} .form-div {width:100%;margin:0px auto;padding:15px 0px 0px 15px} .form-div select {width:224px;float:left} .cases-list {overflow:hidden;width:100%;padding:20px 15px 0px} .cases-list li {padding:0px 0px;width:100%;line-height:30px;margin:0px;height:auto;} .uk-list-space>li:nth-child(n+2) {margin:0px} .cases-list li:nth-of-type(even) h3{ color:#2d236c} .case-span-date {float:left;font-size:12px;color:#999;width:auto;display:inline-block;padding-left:0px;line-height:30px;} .cases-list li:hover {background:#fcfcfc} .cases-list h3 {padding:0px 0px 0px 10px;margin:0px;width:240px;line-height:30px;float:left;font-size:14px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;} .cases-list h3 a{font-size:12px;color:#333} .p-date {font-size:12px;} /**end 新闻**/ .joinus-bg {margin:0px auto;position:absolute;z-index:999;top:50%;text-align:center;width:100%;margin-top:-30px} .joinus-bg h2 {font-size:18px;color:#333;margin:0px;padding:0px} .joinus-bg h3 {font-size:14px;color:#000;opacity:0.1;padding:0px;margin-top:0px} .join-ys{color:#666;font-size:14px;padding-top:5px;margin:0px;text-align:center} .s-half .join-ys {text-align:center} .s-half p:first-child {margin-top:-10px;text-align:center} .s-half p {font-size:10px;text-align:center} .div_20 p{padding:0px;margin:0px;padding-bottom:5px;font-size:8px} .join-p {color:#fff;margin-top:20px;font-size:12px;} .join-a {float:right;margin-top:-20px;color:#fff;text-decoration:underline;margin-right:15%;font-size:12px;letter-spacing:2px} .join-a:hover {text-decoration:none;color:#fff;} .zpemails {font-size:10px;margin-top:-5px;text-align:center} .rotating-text {font-size:12px;margin:30px 50px 0px;} .join-con-bg {padding:0px} /**end 加入我们**/ .index-38 {padding:40px 15px 10px;margin:0px auto 30px;border-bottom:1px solid #dcdcdc;} .col-3 {float:left;width:100%;position:relative;min-height:173px;margin-bottom:20px} .g-info-img {float:left;width:100%;text-align:center;padding:0px 10px} .g-info-img img {width:100%} .g-info-content {float:left;width:100%} .g-info-content h2 {padding-top:0px;font-size:16px;color:#303133;padding-left:0px;text-align:center} .g-info-content p {font-size: 14px;color: #909399;padding:0px 15px} .g-info-content a {text-decoration:underline;margin-left:20px} /**企业管治**/ .subscribe {letter-spacing:1px;font-size:12px;float:left} .child-header,.header {padding:10px 0px} .download {display:inline-block;background:url(../images/download.png) no-repeat 0px 5px;background-size:16px;width:16px;height:40px;text-decoration:none} .langa {float:right;width:65px;margin-top:-30px;margin-right:0px} .langa a {width:25px} .i-banner-txt h1{font-size:20px} .m-logo.uk-margin-remove {margin-left:150px;float:left;padding-left:60px} .uk-article-title {font-size:16px;color:#000;padding:10px 0px 0px;margin:0px;text-align:center } .uk-article {padding:0px 15px} .global {background:url(../images/g3.png) no-repeat;background-size:auto 100%;width:100%;overflow:hidden;height:303px;min-height:303px;position:relative;text-align:center;padding:50px 0px 30px;} .global-h {position:absolute;top:10px;width:100%;margin:0px auto;padding:30px 0px;z-index:999;text-align:left} .global-h h2 {color:#fff;font-size:18px;text-align:center;letter-spacing:2px;} .global-h hr {width:20px;border-bottom:1px solid #fff;text-align:center;margin:-10px auto 0px;} .global-map {width:100%;min-height:276px;margin:50px auto;z-index:99;overflow:hidden} .map {z-index:100;position:relative;width:100%;height:auto;} .map img {width:100%;height:auto;position:relative;left:0;top:0} .map p {margin:0px;font-size:10px;position:absolute;z-index:999;color:#fff;height:40px;padding-top:20px;line-height:20px; -webkit-transform: scale(0.6); } .map-dark {background:url(../images/d2.svg) no-repeat top;background-size:20px 20px; } .china {padding:0px;position:absolute;top:43%;left:77%;background-size:20px 20px;padding-top:30px; } .russia {left:72%;top:25%;} .map p:hover,.map-light {background:url(../images/d1.svg) no-repeat top;background-size:20px 20px; } .t_p {left:72%;top:57%;} .m_i {left:69%;top:65%;} .india {top:52%;left:66%;} .Pakistan {top:47%;left:59%;} .Jordan {top:48%;left:53%;} .Europe {top:36%;left:52%;} .English {top:36%;left:43.9%;} .Ireland {top:36%;left:34%;text-align:left;width:90px;text-align:left;line-height:15px} .Canada {top:32%;left:14%;} .US {top:44%;left:17%;} .Brazil {top:66%;left:31%;} .Chile {top:79%;left:24%;} .Argentina {top:75%;left:25%;} .l-v {padding:5px;} .videos {width:95%;height:280px} .lay_body {background:#fff;border-radius:10px;height:360px;width:100%;position:absolute;left:0px;margin-left:0px;top:50%;margin-top:-150px} .index-aboutus { width:100%;min-height:986px;position:relative; background-image: linear-gradient(#ffffff, #dde4ed);height:auto} .mobile-bg { background-image: linear-gradient(#ffffff, #dde4ed);} .index-aboutus-info {width:85%;float:none;color:#2d236c;overflow:hidden;margin:0px auto;} .index-aboutus-info h2 {padding:40px 0px 10px 0px;color:#2d236c;margin:0px;text-align:center;} .index-aboutus-info h2.mobile {font-size:18px;letter-spacing:-3px;padding:0px 0px 10px 0px;} .index-aboutus-info p {width:100%;margin:0px;font-size:16px;padding:10px 0px 0px 0px;color:#666} .div-more {width:100%;overflow:hidden;height:72px;} .index-aboutus-info a.more-block {display:block;float:none;margin:28px auto 0px;border:1px solid #bfc3cb} .digital-bg {background:url(../images/digital.jpg) no-repeat;width:100%;min-height:470px;height:auto;background-size:100% 100%;padding-top:0px;overflow:hidden} .digital{width: 100%;height: auto;background:none;color: #fff;position:none;bottom:auto;margin-bottom:0px} .index-case {overflow:hidden;width:100%;padding:30px 0px;} .index-case a {display:block;width:100%;height:44px;background-color: rgba(50, 65,93, 0.65);border-radius: 2px;color:#fff;text-indent:30px;margin-top:15px;line-height:44px;} .index-case a:hover {text-indent:60px;background: #DFE4EF url(../images/icon5.png) no-repeat 30px 14px; background-size:15px;color:#324471; text-decoration:none; } .main{width: 100%;min-height:250px;margin:0 auto;padding-top:20px} .mumping_mun{width: 100%;list-style: none;padding:0px 0px 0px 15px;margin:0px} .mumping_mun li{width: 31%;display: inline-block;margin: 20px auto 0px;text-align:center;padding:0;} .mumping_mun li img {text-align:center;} .mumping_mun p{font-size: 12px;width: 100%;display: block;clear: both;text-align:center;padding:0px;margin:0px} .mumping_mun h2{font-size: 12px;font-weight: normal;margin-right: 10px;color:#fff;text-align:center;display:inline;margin:0px} .mun_top {font-size: 12px;} .height40 {white-space:normal;height:50px} .mumping_mun li.width150 {width:31%} .mumping_mun li.width180 {width:31%} .mun_top.font-s14 {font-size: 12px;} .dataend {font-size:12px;width:100%;letter-spacing:1px;padding:5px 0px 0px;display:block;margin:0px; overflow:hidden;color:#fff;text-align:center;} .datforen {margin-top:-30px} /**end首页**/ /*英文lable**/ .lable-bg-mobile {background:#f6f7ff ;width:100%;overflow:hidden;min-height:900px} .lable-left {width:100%;overflow:none;float:left;height:auto;position:relative;min-height:410px} .left-img {height:100%;width:auto;} .lable-left-content {float:right;margin-left:20px;} .lable-left .VenusP-Valve {width:60%;margin-left:20px} .lable-left h1 {font-size:16px;color:#57658E;text-align:left;padding-top:10px} .lable-left hr {width:20px;height:1px;border-bottom:1px solid #57658E; } .lable-center {width:100%;overflow:hidden;padding-bottom:30px} .lable-left-content p{width:60%} .lable-right {display:none} .eifu {width:100%;overflow:hidden;padding-left:20px} .eifu h3 {width:100%} .eifu hr {width:100%} .eifu ul {padding:0px;margin:0px;overflow:hidden} .eifu ul li {padding-bottom:25px} .eifu ul span {display:inline-block;width:140px;float:left;} .eifu ul p {display:inline-block;width:140px;float:left;word-break: break-all;margin:0px;padding:0px;} .eifu div.doc-info {float:left;overflow:hidden} .eifu div.doc-view {width:100%} .eifu div.doc-view a {display:block;margin-left:15px;width:100px;background:#57658E;color:#fff;border-radius:5px;text-align:center;text-decoration:none;margin-top:20px;padding:3px 0px} .views {padding-top:20px} .views h3 {color:#57658E;padding-left:40px} .views p {padding-left:40px;} .eifu-info {padding-left:20px} #tab {margin-bottom:10px;} .tabList {height:30px} #tab .tabList ul li {width:48%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;} #tab .tabList ul li select {width:95%} /***end 英文lable**/ } @media (min-width: 768px) and (max-width: 959px) { .p-date {font-size:12px;} .tm-sidebar { margin-right: -1px !important; border-right: 1px solid #E5E5E5; } .tm-main { padding-left: 50px !important; border-left: 1px solid #E5E5E5; } .tm-sidebar .uk-panel { padding-right: 20px; } .tm-section-color-white .uk-grid-divider:not(:empty) > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) { border-left: 1px dashed #ddd; } .tm-section-color-2 .uk-grid-divider:not(:empty) > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) { border-left: 1px dashed rgba(255,255,255,0.4); } .tm-middle, .tm-section, .tm-footer { padding: 90px 0; } .lay_center {width:400px;height:390px;text-align: center; position: relative; margin:0px auto;top:50%;margin-top:-250px;z-index:50;background:url(../images/heartbg.gif) no-repeat; } .global-h {position:absolute;top:10px;width:100%;margin:0px auto;padding:20px;z-index:999;text-align:left} .global-h h2 {color:#fff;font-size:18px;padding-left:50px} .global-h h3 {color:#999;font-size:14px} .global-h hr {width:20px;border-bottom:1px solid #fff;text-align:center;margin:-10px auto 0px;display:none} .global {background:url(../images/g3.png) no-repeat;background-size:100% 100%;width:100%;overflow:hidden;height:503px;min-height:503px;position:relative;text-align:center;padding:10px 0px 30px;} .global-map {width:100%;min-height:276px;margin:50px auto;z-index:99;overflow:hidden} .map {z-index:100;position:relative;width:100%;height:auto;} .map img {width:100%;height:auto;position:relative;left:0;top:0} .map p {margin:0px;font-size:10px;position:absolute;z-index:999;color:#fff;height:40px;padding-top:20px;line-height:20px; -webkit-transform: scale(0.6); } .map-dark {background:url(../images/d2.svg) no-repeat top;background-size:20px 20px; } .china {padding:0px;position:absolute;top:43%;left:77%;background-size:20px 20px;padding-top:30px; } .russia {left:72%;top:25%;} .map p:hover,.map-light {background:url(../images/d1.svg) no-repeat top;background-size:20px 20px; } .t_p {left:72%;top:57%;} .m_i {left:69%;top:65%;} .india {top:52%;left:66%;} .Pakistan {top:47%;left:59%;} .Jordan {top:48%;left:53%;} .Europe {top:36%;left:52%;} .English {top:36%;left:43.9%;} .Ireland {top:36%;left:34%;text-align:left;width:90px;text-align:left;line-height:15px} .Canada {top:32%;left:14%;} .US {top:44%;left:17%;} .Brazil {top:66%;left:31%;} .Chile {top:79%;left:24%;} .Argentina {top:75%;left:25%;} .venusm {width:240px;text-align: center; z-index:203; position:absolute; margin:0px auto;left:100px;top:70px} .slogan {text-align: center; z-index:101;color:#fff;font-size:14px;position:absolute; margin:0px auto;top:330px;left:140px} .nav-ul {margin-left:10px;float:left;} .uk-forms {display:none} .pc {display:none} .uk-container {width:100%;padding:0px 15px} .mobile-banner {width:100%;display:block} .ab-div_slides {width:100%;float:left;margin-top:10px;height:auto} .ab-div_slides img {width:100%} .div-overflow {width:100%;overflow:hidden;padding:15px} .ab-div-conten60 {width:100%;float:left;} .ab-leaders {background:#f7f8fa;padding:0px 0px 20px 0px;margin:0px;width:100%;overflow:hidden} .ab-div-conten60 p{margin:0px} .paddr30 {padding-right:0px;} .paddl30 {padding-left:0px} .pd-t80 {20px} .mar-t20,.mar-t10,.mar-t30 {margin-top:0px} .ab-slider img {width:100%} .mobile {display:block} .pc {display:none} .leaders-divs {width:100%;height:auto} .index_news .am-slides {width:100%} .index_news .am-slides li {margin-left:0px;background:none;text-align:center} .form-div {width:100%;margin:0px auto;padding:15px 0px 0px 15px} .cases-list {overflow:hidden;width:100%;padding:20px 15px 0px} .cases-list li {padding:0px 0px;width:100%;line-height:30px;margin:0px;height:auto;} .uk-list-space>li:nth-child(n+2) {margin:0px} .cases-list li:nth-of-type(even) h3{ color:#2d236c} .case-span-date {float:left;font-size:12px;color:#999;width:auto;display:inline-block;padding-left:0px;line-height:30px;} .cases-list li:hover {background:#fcfcfc} .cases-list h3 {padding:0px 0px 0px 10px;margin:0px;line-height:30px;float:left;font-size:14px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;} .cases-list h3 a{font-size:12px;color:#333} .news-banner-bg h2 {padding-top:0px;} .news-banner-bg {padding:40px} /**end 新闻**/ .padhide {display:none} .padshow {display:block;} .Company-Honor ul{padding:30px 0px 0;margin:0px;color:#606266} .Company-Honor ul li {height:40px;font-size:12px} .Company-Honor ul li .year {font-size:12px;color:#333;display:inline;margin-right:-6px} .Company-Honor ul li .line {color:#C7CACF;display:none} .Company-Honor ul li .org {font-size:12px;color:#333;display:inline-block;background:#6987C4;height:24px;color:#fff;border-radius: 2px; width:350px;text-align:center;line-height:24px;margin-left:-10px} .uk-navbar-brand, .uk-navbar-content, .uk-navbar-toggle {padding:0px;} .tm-navbar .uk-navbar-nav > li {margin-left:8px} .tm-navbar .uk-navbar-nav > li.active a{margin-top:-3px;font-size:14px} .tm-navbar .uk-navbar-nav > li a {font-size:14px;} .uk-navbar-nav>li>a {padding:0px 8px;} .langa {margin-top:18px;width:61px} .langa a{width:25px;font-size:12px;} .div-overflow {padding:0px;} /**end 关于金莎国际网站官网入口**/ .banner-c {margin:0px auto;width:100%;overflow:hidden;padding:35px;height:268px} .banner-c h1 {color:#6A78A0;font-size:20px;padding:10px 0px;margin:0px;line-height:20px} .banner-c h1.subtitle {font-size:16px;padding-top:15px;} .banner-c h1.subtitle-1 {font-size:24px;padding-top:65px;} .banner-c h1.subtitle-2 {font-size:14px;padding-top:25Px;} .banner-c h1.pad70 {padding-top:70px;} .banner-c h2 {color:#6A78A0;font-size:16px; border: 1px solid #959EB6;text-align:center; height:37px;width:337px;line-height:37px; border-radius: 18.5px;} .banner-c b {font-size:42px;color:#6A78A0;font-family:"Arial";float:left;display:block} .banner-c p {font-size:12px;color:#606266;margin:0px;width:50%} .banner-c p.color2 {color:#fff;width:70%} .tab_ul {padding: 2px 0px 0px;height:60px;margin:0px auto;width:100%;} .tab_ul li {float:left;letter-spacing:2px;list-style:none;text-align:center;display:block;color:#606266;font-size:14px;cursor:pointer;line-height:30px;width:50%;height:30px;} .tab_ul1 li {color:#fff} .tab_ul li.hover {border-bottom:2px solid #2C236B;color:#2C236B;} .div-2 {display:none} .div-1,.div-2 {width:100%;margin:0px auto;overflow:hidden;padding-bottom:30px} .div-list {border-bottom:1px solid #E4E7ED;width:100%;overflow:hidden;margin-top:20px;padding:0px 15px;height:auto} .div-list .p-imgdiv {float:left;width:53%;overflow:hidden;min-height:230px} .div-list .p-imgdiv .product-img {position:relative;width:100%;height:auto;} .div-list .p-imgdiv .product-img img {border-radius:8px;position:absolute;z-index:9;width:100%;min-height:200px;top:0px;left:0px} .div-list .p-imgdiv .product-img span {color:#606266;font-size:14px;position:absolute;top:170px;right:20px;z-index:2203;} .div-list .p-imgdiv .product-img hr {border-top:1px solid #606266;width:12px;position:absolute;z-index:2203;top:150px;right:20px;} .div-list .p-contdiv {float:left;width:47%;overflow:hidden} .div-list .p-contdiv .p-conts-l {padding-left:15px;} .div-list .p-contdiv .p-conts-r {padding-right:15px;} .mar-l64 {margin-left:0px} .p-contdiv h2{font-size:14px;color:#2C236B;padding:0px;margin:0px} .p-contdiv h3{font-size:12px;color:#909399;padding:0px;margin:0px;margin-top:-5px} .p-contdiv p {font-size:12px;color:#606266;padding-top:0px;line-height:16px;margin:5px 0px} .p-contdiv a {display:block;color:#2C236B;font-size:14px;padding-top:10px;background:url(../images/play.svg) no-repeat 0px 10px;padding-left:25px} .tab_ul1 li {color:#fff;font-size:12px;letter-spacing:0px;} .p-imgdiv {padding-bottom:20px} .lay_body {background:#fff;border-radius:10px;height:360px;width:600px;position:absolute;left:50%;margin-left:-300px;top:50%;margin-top:-180px} .l-title h1 {float:left;font-size:14px;margin-left:20px} .l-title a {float:right;font-size:12px;color:#333;margin-right:15px;margin-top:10px} .l-v {padding:0px 10px} .videos {width:380px;height:280px} .div-h150 {height:120px} .account-weixin {width:120px;padding-left:30px} .contact-b {padding-left:30px} .account-weixin h2 {text-indent:25px} .contact-b ul li {padding:10px 0px;float:left;line-height:20px;font-size:12px;color:#c6c6c6;} .contact-b ul li span {color:#fff;letter-spacing:1px} .contact-b ul li.l {width:230px;} .contact-b ul li.r {margin-left:80px} .bottom-l {margin-left:30px;width:93px} .join-ys{color:#666;font-size:14px;padding-top:15px;margin:0px} .join-line {display:none} .div_20 p{padding:0px;margin:0px;padding-bottom:5px;font-size:8px} .join-p {color:#fff;margin-top:20px;font-size:12px;} .join-a {float:right;margin-top:-20px;color:#fff;text-decoration:underline;margin-right:15%;font-size:16px;letter-spacing:2px} .join-a:hover {text-decoration:none;color:#fff;} .zpemails {font-size:14px;margin-top:-5px;} .rotating-text {font-size:16px;margin:30px 50px 0px;} /***end加入我们***/ .index-38 {padding:20px 15px 20px} .index-aboutus-info {width:45%;float:right;color:#fff;overflow:hidden;margin-right:15px} .index-aboutus-info h2 {padding:60px 0px 10px 0px;color:#fff;margin:0px;} .index-aboutus-info p {width:100%;margin:0px;font-size:16px;padding:10px 0px 0px 0px;} .index-case {overflow:hidden;width:100%;padding:30px 0px;} .index-case a {display:block;width:100%;height:44px;background-color: rgba(50, 65,93, 0.65);border-radius: 2px;color:#fff;text-indent:30px;margin-top:15px;line-height:44px;} .index-case a:hover {text-indent:60px;background: #DFE4EF url(../images/icon5.png) no-repeat 30px 14px; background-size:15px;color:#324471; text-decoration:none; } .main{width: 100%;height: 149px;margin:0 auto;} .mumping_mun{width: 100%;list-style: none;padding:0px;margin:0px} .mumping_mun li{width: 13%;display: inline-block;margin: 20px auto 0px;text-align:center} .mumping_mun{width: 100%;list-style: none;} .mumping_mun li img {text-align:center;} .mumping_mun p{font-size: 12px;width: 100%;display: block;clear: both;text-align:center;padding:0px;margin:0px} .mumping_mun h2{font-size: 22px;font-weight: normal;margin-right: 10px;color:#fff;text-align:center;display:inline;margin:0px} .dataend {font-size:12px;width:100%;letter-spacing:1px;padding:5px 0px 0px;display:block;margin:-1px; overflow:hidden;color:#fff;text-align:right;} .datforen {margin-top:-15px} /*英文lable**/ .lable-bg-mobile{background:#f6f7ff ;width:100%;overflow:hidden;height:400px} .lable-left {float:left;width:50%;overflow:hidden;height:400px;position:relative} .left-img {height:100%;width:auto;position:absolute;z-index:99} .lable-left-content {float:right;position:absolute;z-index:999;margin-left:60px;} .lable-left .VenusP-Valve {width:40%;margin-left:50px} .lable-left h1 {font-size:20px;color:#57658E;text-align:left;padding-top:80px} .lable-left hr {width:20px;height:3px;border-bottom:3px solid #57658E; } .lable-center {float:left;width:95%;overflow:hidden;height:100%;} .eifu {width:100%;overflow:hidden} .eifu h3 {width:100%} .eifu hr {width:100%} .eifu ul {padding:0px;margin:0px;overflow:hidden} .eifu ul li {padding-bottom:25px} .eifu ul span {display:inline-block;width:120px;float:left;} .eifu ul p {display:inline-block;width:240px;float:left;word-break: break-all;margin:0px;padding:0px;} .eifu div.doc-info {float:left;overflow:hidden} .eifu div.doc-view {float:right;width:90px;} .eifu-submit {display:block;width:90px;} .eifu div.doc-view a {display:inline-block;width:90px;margin-left:0px;margin-top:15px;background:#57658E;color:#fff;border-radius:5px;-webkit-appearance:none; text-align:center;text-decoration:none;padding:3px 0px} .views {padding-top:20px} .views h3 {color:#57658E;padding-left:40px} .views p {padding-left:40px;} .lable-right {display:none} /***end 英文lable**/ } @media (min-width: 960px) and (max-width:1199px) { .p-date {font-size:12px;} .uk-forms {display:none} .banner-c {width:100%;padding-left:30px} .div-2 {display:none} .div-1,.div-2 {width:100%;margin:0px auto;overflow:hidden;padding-bottom:30px} .div-list {padding-left:15px;padding-right:15px;} .div-list .p-contdiv .p-conts-l {padding-left:15px;} .div-list .p-contdiv .p-conts-r {padding-right:15px;} .news-banner-bg {padding-left:30px} .form-div {padding-left:30px} .uk-container {width:100%} .ab-div-conten60 {width:49%;} .ab-div-conten60 p{font-size:12px} .ab-div_slides {width:51%} .join-ys{color:#666;font-size:14px;padding-top:35px;margin:0px} .join-line {display:none} .div_20 p{padding:0px;margin:0px;padding-bottom:5px;font-size:8px} .join-p {color:#fff;margin-top:20px;font-size:12px;} .join-a {float:right;margin-top:-20px;color:#fff;text-decoration:underline;margin-right:15%;font-size:16px;letter-spacing:2px} .join-a:hover {text-decoration:none;color:#fff;} .zpemails {font-size:14px;margin-top:-5px;} .rotating-text {font-size:16px;margin:30px 50px 0px;} .bottom-l {width:93px;margin-left:50px} .account-weixin {padding-left:70px;} .contact-b {padding-left:20px} /***end加入我们***/ .pad1024hide {display:none} .index-aboutus-info {width:45%;float:right;color:#fff;overflow:hidden;margin-right:15px} .main{width: 100%;height: 149px;margin:0 auto;} .mumping_mun{width: 100%;list-style: none;padding:0px;margin:0px} .mumping_mun li{width: 13.3%;display: inline-block;margin: 20px auto 0px;text-align:center} .mumping_mun{width: 100%;list-style: none;} .mumping_mun li img {text-align:center;} .mumping_mun p{font-size: 12px;width: 100%;display: block;clear: both;text-align:center;padding:0px;margin:0px} .mumping_mun h2{font-size: 22px;font-weight: normal;margin-right: 10px;color:#fff;text-align:center;display:inline;margin:0px} .dataend {font-size:12px;width:100%;letter-spacing:1px;padding:5px 0px 0px;display:block;margin:-1px; overflow:hidden;color:#fff;text-align:right;padding-right:15px;} .datforen {margin-top:-15px} .global-h {position:absolute;top:10px;width:100%;margin:0px auto;padding:20px;z-index:999;text-align:left} .global-h h2 {color:#fff;font-size:30px;padding-left:50px} .global-h h3 {color:#999;font-size:14px} .global-h hr {width:20px;border-bottom:1px solid #fff;text-align:center;margin:-10px auto 0px;display:none} .global {background:url(../images/g3.png) no-repeat;background-size:100% 100%;width:100%;overflow:hidden;height:auto;min-height:700px;position:relative;text-align:center;padding:10px 0px 30px;} .global-map {width:100%;min-height:276px;margin:50px auto;z-index:99;overflow:hidden} .map {z-index:100;position:relative;width:100%;height:auto;} .map img {width:100%;height:auto;position:relative;left:0;top:0} .map p {margin:0px;font-size:10px;position:absolute;z-index:999;color:#fff;height:40px;padding-top:20px;line-height:20px; -webkit-transform: scale(0.6); } .map-dark {background:url(../images/d2.svg) no-repeat top;background-size:20px 20px; } .china {padding:0px;position:absolute;top:43%;left:77%;background-size:20px 20px;padding-top:30px; } .russia {left:72%;top:25%;} .map p:hover,.map-light {background:url(../images/d1.svg) no-repeat top;background-size:20px 20px; } .t_p {left:72%;top:57%;} .m_i {left:69%;top:65%;} .india {top:52%;left:66%;} .Pakistan {top:47%;left:59%;} .Jordan {top:48%;left:53%;} .Europe {top:36%;left:52%;} .English {top:36%;left:43.9%;} .Ireland {top:36%;left:34%;text-align:left;width:90px;text-align:left;line-height:15px} .Canada {top:32%;left:14%;} .US {top:44%;left:17%;} .Brazil {top:66%;left:31%;} .Chile {top:79%;left:24%;} .Argentina {top:75%;left:25%;} .i-banner-txt {padding-top:50px} .langa {float:right;width:65px;margin-right:0px} .langa a {width:25px} /***end首页***/ .lable-center {float:left;width:52%;overflow:hidden;height:100%;} .eifu {width:100%;overflow:hidden} .eifu h3 {width:100%} .eifu hr {width:100%} .eifu ul {padding:0px;margin:0px;overflow:hidden} .eifu ul li {padding-bottom:25px} .eifu ul span {display:inline-block;width:120px;float:left;} .eifu ul p {display:inline-block;width:240px;float:left;word-break: break-all;margin:0px;padding:0px;} .eifu div.doc-info {float:left;overflow:hidden} .eifu div.doc-view {float:right;width:90px;} .eifu-submit {display:block;width:90px;} .eifu div.doc-view a {display:inline-block;width:90px;margin-left:0px;margin-top:15px;background:#57658E;color:#fff;border-radius:5px;text-align:center;text-decoration:none;padding:3px 0px} .views {padding-top:20px} .views h3 {color:#57658E;padding-left:40px} .views p {padding-left:40px;} .lable-right {display:none} } @media (min-width: 1367px) and (max-width:1919px) { /*英文lable**/ .lable-bg {background:#f6f7ff ;width:100%;overflow:hidden;font-family:Arial} .lable-left {float:left;width:45%;overflow:hidden;height:100%;position:relative} .left-img {height:100%;width:auto;position:absolute;z-index:99;} .lable-left-content {float:right;position:absolute;z-index:999;margin-left:60px;margin-top:10px} .lable-left-content img {margin-top:30px} .lable-left .VenusP-Valve {width:25%;margin-left:50px} .lable-left h1 {font-size:23px;color:#57658E;text-align:left;padding-top:120px;font-weight:bold} .lable-left hr {width:25px;height:3px;border-bottom:5px solid #57658E;margin-top:20px } .lable-center {float:left;width:30%;overflow:hidden;height:100%;padding-left:30px} .center1 {width:40%} .lable-right {display:block;float:left;width:25%;background:url(../images/right.png) no-repeat bottom right;background-size:100% auto;overflow:hidden;height:100%;position:relative;} .lable-right img{width:100%;position:absolute;bottom:0px} .lable-right {display:block;float:left;width:20%;background:url(../images/right.png) no-repeat bottom right;background-size:100% auto;overflow:hidden;height:100%;position:relative;} .lable-right img{width:100%;position:absolute;bottom:0px} .eifu {width:100%;overflow:hidden} .eifu h3 {width:100%} .eifu hr {width:100%} .eifu ul {padding:0px;margin:0px;overflow:hidden} .eifu ul li {padding-bottom:25px} .eifu ul span {display:inline-block;width:140px;float:left;} .eifu ul p {display:inline-block;width:250px;float:left;word-break: break-all;margin:0px;padding:0px;} .eifu div.doc-info {float:left;overflow:hidden} .eifu div.doc-view {float:right;} .eifu-submit {width:100px} .eifu div.doc-view a {display:inline-block;width:100px;float:left;margin-top:20px;margin-left:0px;background:#57658E;color:#fff;border-radius:5px;text-align:center;text-decoration:none;padding:3px 0px} .views {padding-top:20px} .views h3 {color:#57658E;padding-left:40px} .views p {padding-left:40px;} /***end 英文lable**/ } @media (min-width: 1200px) and (max-width:1366px) { /*英文lable**/ .lable-bg {background:#f6f7ff ;width:100%;overflow:hidden;} .left-img {height:100%;width:auto;position:absolute;z-index:99} .lable-left-content {float:right;position:absolute;z-index:999;margin-left:80px;} .lable-left .VenusP-Valve {width:40%;margin-left:50px} .lable-left h1 {font-size:26px;color:#57658E;text-align:left;padding-top:80px} .lable-left hr {width:20px;height:3px;border-bottom:3px solid #57658E; } .center1 {width:43%} .lable-right {display:block;float:left;width:20%;background:url(../images/right.png) no-repeat bottom right;background-size:100% auto;overflow:hidden;height:100%;position:relative;} .lable-right img{width:100%;position:absolute;bottom:0px} .eifu {width:100%;overflow:hidden} .eifu h3 {width:100%} .eifu hr {width:100%} .eifu ul {padding:0px;margin:0px;overflow:hidden} .eifu ul li {padding-bottom:25px} .eifu ul span {display:inline-block;width:140px;float:left;} .eifu ul p {display:inline-block;width:250px;float:left;word-break: break-all;margin:0px;padding:0px;} .eifu div.doc-info {float:left;overflow:hidden} .eifu div.doc-view {float:right;margin-left:0px} .eifu-submit {width:100px} .eifu div.doc-view a {display:inline-block;width:100px;float:left;margin-top:20px;margin-left:0px;background:#57658E;color:#fff;border-radius:5px;text-align:center;text-decoration:none;padding:3px 0px} .views {padding-top:20px} .views h3 {color:#57658E;padding-left:40px} .views p {padding-left:40px;} /***end 英文lable**/ } body {overflow:hidden} .uk-nav, .uk-nav ul.nav-child-ul {padding-bottom:10px;overflow:hidden} .nav-child-ul li {text-indent:15px} .nav-child-ul li a {font-size:12px;} .span-sub {display:inline-block;width:120px;text-align:right} .lable-center .faq {padding-top:25px;padding-left:15px} .lable-center .faq h1 {color:#57658E;font-size:30px; } .lable-center .faq ul {} .lable-center .faq ul li {list-style:disc;padding:0px;margin-bottom:15px} .lable-center .faq ul h3 {color:#57658E;font-size:18px; padding:0px;margin:0px;margin-left:-5px;} .lable-center .faq ul p {padding:0px;margin:0px;margin-left:-5px;font-size:14px} #nav_li_23 ul {width:300px;height:180px}