/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */ @font-face { font-family: 'webflow-icons'; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SAy0AAAC8AAAAYGNtYXAaVcxaAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZgscV1gAAAFwAAABhGhlYWQCkFKvAAAC9AAAADZoaGVhB0MDyQAAAywAAAAkaG10eBIAA10AAANQAAAAIGxvY2EBMADyAAADcAAAABJtYXhwAAwATQAAA4QAAAAgbmFtZWTuiIAAAAOkAAABe3Bvc3QAAwAAAAAFIAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAwPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYD//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEgAAADIAOAAAUAAAkBBwkBFwMg/kBAAYD+gEABwAHAQP6A/oBAAAEA4AAAAuADgAAFAAATARcJAQfgAcBA/oABgEABwAHAQP6A/oBAAAADAMAA4ANAAsAAGAAxAEoAAAEhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIwMg/cAHCwkFBQkLBwJABwsJBQUJCwf9wAcLCQUFCQsHAkAHCwkFBQkLB/3ABwsJBQUJCwcCQAcLCQUFCQsHAsAFCQsHIAcLCQUFCQsHIAcLCQXABQkLByAHCwkFBQkLByAHCwkFwAUJCwcgBwsJBQUJCwcgBwsJBQAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFFv+egGGAAAAAAEAAAABAADSLAJOXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAAAAACgAUAB4AMgBGAKwAwgAAAAEAAAAIAEsAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAaAAAAAQAAAAAAAgAOAHEAAQAAAAAAAwAaADAAAQAAAAAABAAaAH8AAQAAAAAABQAWABoAAQAAAAAABgANAEoAAQAAAAAACgA0AJkAAwABBAkAAQAaAAAAAwABBAkAAgAOAHEAAwABBAkAAwAaADAAAwABBAkABAAaAH8AAwABBAkABQAWABoAAwABBAkABgAaAFcAAwABBAkACgA0AJkAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4Ac3dlYmZsb3ctaWNvbnMAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVcAAoAAAAABRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAZMAAAGTuzUomU9TLzIAAAKIAAAAYAAAAGAOkgMtY21hcAAAAugAAABMAAAATBpVzFpnYXNwAAADNAAAAAgAAAAIAAAAEGhlYWQAAAM8AAAANgAAADYCkFKvaGhlYQAAA3QAAAAkAAAAJAdDA8lobXR4AAADmAAAACAAAAAgEgADXW1heHAAAAO4AAAABgAAAAYACFAAbmFtZQAAA8AAAAF7AAABe2TuiIBwb3N0AAAFPAAAACAAAAAgAAMAAAEABAQAAQEBDndlYmZsb3ctaWNvbnMAAQIAAQA6+BwC+BsD+BgEHgoACXf/i4seCgAJd/+LiwwHi0v6lPpUBR0AAACaDx0AAACfER0AAAAJHQAAAYoSAAkBAQ4bHR8iJywxNndlYmZsb3ctaWNvbnN3ZWJmbG93LWljb25zdTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzAAACAYkABgAIAQEEBwoNJDvH4P6UDv6UDv6UDvyUDvm0+FQV/FT4VEtL+BT8FPwU/BTLSwUO93T4VBX4VPhUy0v8FPwU+BT8FEtLBQ75tPlUFfzUiwV5i319i3kIi2sFi3mZfZ2LCPjUiwWdi5mZi50Ii6sFi519mXmLCIv7VBX81IsFeYt9fYt5CItrBYt5mX2diwj41IsFnYuZmYudCIurBYudfZl5iwiL+1QV/NSLBXmLfX2LeQiLawWLeZl9nYsI+NSLBZ2LmZmLnQiLqwWLnX2ZeYsIDvm4+SkV+6n7qvuq96ovLvgG/Bj4BvgYBQ76lBT6lBWLDAoAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gMDwP/A/8ADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmA//9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAC1pQTjXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAUAAACAAAAAAADgCuAAEAAAAAAAEAGgAAAAEAAAAAAAIADgBxAAEAAAAAAAMAGgAwAAEAAAAAAAQAGgB/AAEAAAAAAAUAFgAaAAEAAAAAAAYADQBKAAEAAAAAAAoANACZAAMAAQQJAAEAGgAAAAMAAQQJAAIADgBxAAMAAQQJAAMAGgAwAAMAAQQJAAQAGgB/AAMAAQQJAAUAFgAaAAMAAQQJAAYAGgBXAAMAAQQJAAoANACZAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHN3ZWJmbG93LWljb25zAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff'); font-weight: normal; font-style: normal; } /*---------------Icons----------------*/ [class^="w-icon-"], [class*=" w-icon-"] { font-family: 'webflow-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .w-icon-slider-right:before { content: "\e600"; } .w-icon-slider-left:before { content: "\e601"; } .w-icon-nav-menu:before { content: "\e602"; } .w-icon-arrow-down:before, .w-icon-dropdown-toggle:before { content: "\e603"; } /*---------------2. General Css Style ----------------*/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { height: 100%; } body { margin: 0; min-height: 100%; background-color: #fff; color: #333; } img { max-width: 100%; max-height: 100%; vertical-align: middle; display: inline-block; } html.w-mod-touch * { background-attachment: scroll !important; } a:focus { outline: 0; } .w-block { display: block; } .w-inline-block { max-width: 100%; display: inline-block; } .w-clearfix:before, .w-clearfix:after { content: " "; display: table; } .w-clearfix:after { clear: both; } .w-hidden { display: none; } html[w-dynpage] [w-cloak] { color: transparent !important; } h1, h2, h3, h4, h5, h6 { margin: 0; } p { margin: 0; } blockquote { margin: 0; } ul, ol { margin-top: 0; margin-bottom: 0; } .w-list-unstyled { padding-left: 0; list-style: none; } .w-embed:before, .w-embed:after { content: " "; display: table; } .w-embed:after { clear: both; } .w-video { width: 100%; position: relative; padding: 0; } .w-video iframe, .w-video object, .w-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } fieldset { padding: 0; margin: 0; border: 0; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } .w-form { margin: 0 0 15px; } .w-form-done { display: none; margin-top: 15px; padding: 10px; background-color: #dddddd; } .w-form-fail { display: none; margin-top: 10px; padding: 10px; background-color: #ffdede; } label { display: block; margin-bottom: 5px; font-weight: bold; } .w-input, .w-select { display: block; width: 100%; height: 38px; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.428571429; color: #555555; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; } .w-input:-moz-placeholder, .w-select:-moz-placeholder { color: #999999; } .w-input::-moz-placeholder, .w-select::-moz-placeholder { color: #999999; opacity: 1; } .w-input:-ms-input-placeholder, .w-select:-ms-input-placeholder { color: #999999; } .w-input::-webkit-input-placeholder, .w-select::-webkit-input-placeholder { color: #999999; } .w-input:focus, .w-select:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; } .w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select { cursor: not-allowed; background-color: #eeeeee; } textarea.w-input, textarea.w-select { height: auto; } .w-select[multiple] { height: auto; } .w-button { display: inline-block; padding: 12px; background-color: black; color: white; border: 0; line-height: inherit; } .w-form-label { display: inline-block; cursor: pointer; font-weight: normal; margin-bottom: 0px; } .w-checkbox, .w-radio { display: block; margin-bottom: 5px; padding-left: 20px; } .w-checkbox:before, .w-radio:before, .w-checkbox:after, .w-radio:after { content: " "; display: table; } .w-checkbox:after, .w-radio:after { clear: both; } .w-checkbox-input, .w-radio-input { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; float: left; margin-left: -20px; } .w-radio-input { margin-top: 3px; } /*--------------- 3. Container, rows and columns ----------------*/ .w-container { margin-left: auto; margin-right: auto; max-width: 940px; } .w-container:before, .w-container:after { content: " "; display: table; } .w-container:after { clear: both; } .w-container .w-row { margin-left: -10px; margin-right: -10px; } .w-row:before, .w-row:after { content: " "; display: table; } .w-row:after { clear: both; } .w-row .w-row { margin-left: 0; margin-right: 0; } .w-col { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; } .w-col .w-col { padding-left: 0; padding-right: 0; } .w-col-1 { width: 8.33333333%; } .w-col-2 { width: 16.66666667%; } .w-col-3 { width: 25%; } .w-col-4 { width: 33.33333333%; } .w-col-5 { width: 41.66666667%; } .w-col-6 { width: 50%; } .w-col-7 { width: 58.33333333%; } .w-col-8 { width: 66.66666667%; } .w-col-9 { width: 75%; } .w-col-10 { width: 83.33333333%; } .w-col-11 { width: 91.66666667%; } .w-col-12 { width: 100%; } .w-col-push-1 { left: 8.33333333%; } .w-col-push-2 { left: 16.66666667%; } .w-col-push-3 { left: 25%; } .w-col-push-4 { left: 33.33333333%; } .w-col-push-5 { left: 41.66666667%; } .w-col-push-6 { left: 50%; } .w-col-push-7 { left: 58.33333333%; } .w-col-push-8 { left: 66.66666667%; } .w-col-push-9 { left: 75%; } .w-col-push-10 { left: 83.33333333%; } .w-col-push-11 { left: 91.66666667%; } .w-col-pull-1 { right: 8.33333333%; } .w-col-pull-2 { right: 16.66666667%; } .w-col-pull-3 { right: 25%; } .w-col-pull-4 { right: 33.33333333%; } .w-col-pull-5 { right: 41.66666667%; } .w-col-pull-6 { right: 50%; } .w-col-pull-7 { right: 58.33333333%; } .w-col-pull-8 { right: 66.66666667%; } .w-col-pull-9 { right: 75%; } .w-col-pull-10 { right: 83.33333333%; } .w-col-pull-11 { right: 91.66666667%; } .w-col-offset-1 { margin-left: 8.33333333%; } .w-col-offset-2 { margin-left: 16.66666667%; } .w-col-offset-3 { margin-left: 25%; } .w-col-offset-4 { margin-left: 33.33333333%; } .w-col-offset-5 { margin-left: 41.66666667%; } .w-col-offset-6 { margin-left: 50%; } .w-col-offset-7 { margin-left: 58.33333333%; } .w-col-offset-8 { margin-left: 66.66666667%; } .w-col-offset-9 { margin-left: 75%; } .w-col-offset-10 { margin-left: 83.33333333%; } .w-col-offset-11 { margin-left: 91.66666667%; } .w-hidden-main { display: none !important; } /*---------------4. General Css Style for screen max width 991px----------------*/ @media screen and (max-width: 991px) { .w-container { max-width: 728px; } .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: none !important; } .w-col-medium-1 { width: 8.33333333%; } .w-col-medium-2 { width: 16.66666667%; } .w-col-medium-3 { width: 25%; } .w-col-medium-4 { width: 33.33333333%; } .w-col-medium-5 { width: 41.66666667%; } .w-col-medium-6 { width: 50%; } .w-col-medium-7 { width: 58.33333333%; } .w-col-medium-8 { width: 66.66666667%; } .w-col-medium-9 { width: 75%; } .w-col-medium-10 { width: 83.33333333%; } .w-col-medium-11 { width: 91.66666667%; } .w-col-medium-12 { width: 100%; } .w-col-medium-push-1 { left: 8.33333333%; } .w-col-medium-push-2 { left: 16.66666667%; } .w-col-medium-push-3 { left: 25%; } .w-col-medium-push-4 { left: 33.33333333%; } .w-col-medium-push-5 { left: 41.66666667%; } .w-col-medium-push-6 { left: 50%; } .w-col-medium-push-7 { left: 58.33333333%; } .w-col-medium-push-8 { left: 66.66666667%; } .w-col-medium-push-9 { left: 75%; } .w-col-medium-push-10 { left: 83.33333333%; } .w-col-medium-push-11 { left: 91.66666667%; } .w-col-medium-pull-1 { right: 8.33333333%; } .w-col-medium-pull-2 { right: 16.66666667%; } .w-col-medium-pull-3 { right: 25%; } .w-col-medium-pull-4 { right: 33.33333333%; } .w-col-medium-pull-5 { right: 41.66666667%; } .w-col-medium-pull-6 { right: 50%; } .w-col-medium-pull-7 { right: 58.33333333%; } .w-col-medium-pull-8 { right: 66.66666667%; } .w-col-medium-pull-9 { right: 75%; } .w-col-medium-pull-10 { right: 83.33333333%; } .w-col-medium-pull-11 { right: 91.66666667%; } .w-col-medium-offset-1 { margin-left: 8.33333333%; } .w-col-medium-offset-2 { margin-left: 16.66666667%; } .w-col-medium-offset-3 { margin-left: 25%; } .w-col-medium-offset-4 { margin-left: 33.33333333%; } .w-col-medium-offset-5 { margin-left: 41.66666667%; } .w-col-medium-offset-6 { margin-left: 50%; } .w-col-medium-offset-7 { margin-left: 58.33333333%; } .w-col-medium-offset-8 { margin-left: 66.66666667%; } .w-col-medium-offset-9 { margin-left: 75%; } .w-col-medium-offset-10 { margin-left: 83.33333333%; } .w-col-medium-offset-11 { margin-left: 91.66666667%; } .w-col-stack { width: 100%; left: auto; right: auto; } } /*---------------5. General Css Style for screen max width 767px----------------*/ @media screen and (max-width: 767px) { .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: inherit !important; } .w-hidden-small { display: none !important; } .w-row, .w-container .w-row { margin-left: 0; margin-right: 0; } .w-col { width: 100%; left: auto; right: auto; } .w-col-small-1 { width: 8.33333333%; } .w-col-small-2 { width: 16.66666667%; } .w-col-small-3 { width: 25%; } .w-col-small-4 { width: 33.33333333%; } .w-col-small-5 { width: 41.66666667%; } .w-col-small-6 { width: 50%; } .w-col-small-7 { width: 58.33333333%; } .w-col-small-8 { width: 66.66666667%; } .w-col-small-9 { width: 75%; } .w-col-small-10 { width: 83.33333333%; } .w-col-small-11 { width: 91.66666667%; } .w-col-small-12 { width: 100%; } .w-col-small-push-1 { left: 8.33333333%; } .w-col-small-push-2 { left: 16.66666667%; } .w-col-small-push-3 { left: 25%; } .w-col-small-push-4 { left: 33.33333333%; } .w-col-small-push-5 { left: 41.66666667%; } .w-col-small-push-6 { left: 50%; } .w-col-small-push-7 { left: 58.33333333%; } .w-col-small-push-8 { left: 66.66666667%; } .w-col-small-push-9 { left: 75%; } .w-col-small-push-10 { left: 83.33333333%; } .w-col-small-push-11 { left: 91.66666667%; } .w-col-small-pull-1 { right: 8.33333333%; } .w-col-small-pull-2 { right: 16.66666667%; } .w-col-small-pull-3 { right: 25%; } .w-col-small-pull-4 { right: 33.33333333%; } .w-col-small-pull-5 { right: 41.66666667%; } .w-col-small-pull-6 { right: 50%; } .w-col-small-pull-7 { right: 58.33333333%; } .w-col-small-pull-8 { right: 66.66666667%; } .w-col-small-pull-9 { right: 75%; } .w-col-small-pull-10 { right: 83.33333333%; } .w-col-small-pull-11 { right: 91.66666667%; } .w-col-small-offset-1 { margin-left: 8.33333333%; } .w-col-small-offset-2 { margin-left: 16.66666667%; } .w-col-small-offset-3 { margin-left: 25%; } .w-col-small-offset-4 { margin-left: 33.33333333%; } .w-col-small-offset-5 { margin-left: 41.66666667%; } .w-col-small-offset-6 { margin-left: 50%; } .w-col-small-offset-7 { margin-left: 58.33333333%; } .w-col-small-offset-8 { margin-left: 66.66666667%; } .w-col-small-offset-9 { margin-left: 75%; } .w-col-small-offset-10 { margin-left: 83.33333333%; } .w-col-small-offset-11 { margin-left: 91.66666667%; } } /*---------------6. General Css Style for screen max width 479px----------------*/ @media screen and (max-width: 479px) { .w-container { max-width: none; } .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: inherit !important; } .w-hidden-small { display: inherit !important; } .w-hidden-tiny { display: none !important; } .w-col { width: 100%; } .w-col-tiny-1 { width: 8.33333333%; } .w-col-tiny-2 { width: 16.66666667%; } .w-col-tiny-3 { width: 25%; } .w-col-tiny-4 { width: 33.33333333%; } .w-col-tiny-5 { width: 41.66666667%; } .w-col-tiny-6 { width: 50%; } .w-col-tiny-7 { width: 58.33333333%; } .w-col-tiny-8 { width: 66.66666667%; } .w-col-tiny-9 { width: 75%; } .w-col-tiny-10 { width: 83.33333333%; } .w-col-tiny-11 { width: 91.66666667%; } .w-col-tiny-12 { width: 100%; } .w-col-tiny-push-1 { left: 8.33333333%; } .w-col-tiny-push-2 { left: 16.66666667%; } .w-col-tiny-push-3 { left: 25%; } .w-col-tiny-push-4 { left: 33.33333333%; } .w-col-tiny-push-5 { left: 41.66666667%; } .w-col-tiny-push-6 { left: 50%; } .w-col-tiny-push-7 { left: 58.33333333%; } .w-col-tiny-push-8 { left: 66.66666667%; } .w-col-tiny-push-9 { left: 75%; } .w-col-tiny-push-10 { left: 83.33333333%; } .w-col-tiny-push-11 { left: 91.66666667%; } .w-col-tiny-pull-1 { right: 8.33333333%; } .w-col-tiny-pull-2 { right: 16.66666667%; } .w-col-tiny-pull-3 { right: 25%; } .w-col-tiny-pull-4 { right: 33.33333333%; } .w-col-tiny-pull-5 { right: 41.66666667%; } .w-col-tiny-pull-6 { right: 50%; } .w-col-tiny-pull-7 { right: 58.33333333%; } .w-col-tiny-pull-8 { right: 66.66666667%; } .w-col-tiny-pull-9 { right: 75%; } .w-col-tiny-pull-10 { right: 83.33333333%; } .w-col-tiny-pull-11 { right: 91.66666667%; } .w-col-tiny-offset-1 { margin-left: 8.33333333%; } .w-col-tiny-offset-2 { margin-left: 16.66666667%; } .w-col-tiny-offset-3 { margin-left: 25%; } .w-col-tiny-offset-4 { margin-left: 33.33333333%; } .w-col-tiny-offset-5 { margin-left: 41.66666667%; } .w-col-tiny-offset-6 { margin-left: 50%; } .w-col-tiny-offset-7 { margin-left: 58.33333333%; } .w-col-tiny-offset-8 { margin-left: 66.66666667%; } .w-col-tiny-offset-9 { margin-left: 75%; } .w-col-tiny-offset-10 { margin-left: 83.33333333%; } .w-col-tiny-offset-11 { margin-left: 91.66666667%; } } /*---------------7. Widgets and slider----------------*/ .w-widget { position: relative; } .w-widget-map { width: 100%; height: 400px; } .w-widget-map label { width: auto; display: inline; } .w-widget-map img { max-width: inherit; } .w-widget-map .gm-style-iw { width: 90% !important; height: auto !important; top: 7px !important; left: 6% !important; display: inline; text-align: center; overflow: hidden; } .w-widget-map .gm-style-iw + div { display: none; } .w-widget-twitter { overflow: hidden; } .w-widget-gplus { overflow: hidden; } .w-slider { position: relative; height: 300px; text-align: center; background: rgba(153, 153, 153, 0.5); clear: both; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-mask { position: relative; display: block; overflow: hidden; z-index: 1; left: 0; right: 0; height: 100%; white-space: nowrap; } .w-slide { position: relative; display: inline-block; vertical-align: top; width: 100%; height: 100%; white-space: normal; text-align: left; } .w-slider-nav { position: absolute; z-index: 2; top: auto; right: 0; bottom: 0; left: 0; margin: auto; padding-top: 10px; height: 40px; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-nav.w-round > div { -webkit-border-radius: 100%; -webkit-background-clip: padding-box; -moz-border-radius: 100%; -moz-background-clip: padding; border-radius: 100%; background-clip: padding-box; } .w-slider-nav.w-num > div { width: auto; height: auto; padding: 0.2em 0.5em; font-size: inherit; line-height: inherit; } .w-slider-nav.w-shadow > div { -webkit-box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); -moz-box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); } .w-slider-nav-invert { color: #fff; } .w-slider-nav-invert > div { background-color: rgba(34, 34, 34, 0.4); } .w-slider-nav-invert > div.w-active { background-color: #222; } .w-slider-dot { position: relative; display: inline-block; width: 1em; height: 1em; background-color: rgba(255, 255, 255, 0.4); cursor: pointer; margin: 0 3px 0.5em; -webkit-transition: background-color 100ms, color 100ms; -moz-transition: background-color 100ms, color 100ms; -o-transition: background-color 100ms, color 100ms; transition: background-color 100ms, color 100ms; } .w-slider-dot.w-active { background-color: #fff; } .w-slider-arrow-left, .w-slider-arrow-right { position: absolute; width: 80px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; cursor: pointer; overflow: hidden; color: white; font-size: 40px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] { position: absolute; } .w-slider-arrow-left { z-index: 3; right: auto; } .w-slider-arrow-right { z-index: 4; left: auto; } .w-icon-slider-left, .w-icon-slider-right { top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 1em; height: 1em; } .w-dropdown { display: inline-block; position: relative; text-align: left; margin-left: auto; margin-right: auto; z-index: 900; } .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { position: relative; vertical-align: top; text-decoration: none; color: #222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; white-space: nowrap; } .w-dropdown-toggle { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; cursor: pointer; padding-right: 40px; } .w-dropdown-toggle:focus { outline: 0; } .w-icon-dropdown-toggle { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; margin-right: 20px; width: 1em; height: 1em; } .w-dropdown-list { position: absolute; background: #f2f2f2; display: none; min-width: 100%; } .w-dropdown-list.w--open { display: block; } .w-dropdown-link { padding: 10px 20px; display: block; } .w-dropdown-link.w--current { color: #339ce1; } .w-nav[data-collapse="all"] .w-dropdown, .w-nav[data-collapse="all"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="all"] .w-dropdown-list { position: static; } @media screen and (max-width: 991px) { .w-nav[data-collapse="medium"] .w-dropdown, .w-nav[data-collapse="medium"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="medium"] .w-dropdown-list { position: static; } } @media screen and (max-width: 767px) { .w-nav[data-collapse="small"] .w-dropdown, .w-nav[data-collapse="small"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="small"] .w-dropdown-list { position: static; } .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { .w-nav[data-collapse="tiny"] .w-dropdown, .w-nav[data-collapse="tiny"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="tiny"] .w-dropdown-list { position: static; } } /** * ## Note * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well. * For example percentage units do not work on descendants of elements that * have any dimensions expressed in viewport units. It also doesn’t handle them at * all in `calc()`. */ /** * Wrapper around all lightbox elements * * 1. Since the lightbox can receive focus, IE also gives it an outline. * 2. Fixes flickering on Chrome when a transition is in progress * underneath the lightbox. */ .w-lightbox-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; color: #fff; font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, "Microsoft YaHei", sans-serif; font-size: 17px; font-weight: 300; text-align: center; background: rgba(0, 0, 0, 0.9); z-index: 2000; outline: 0; /* 1 */ opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-transform: translate(0, 0);/* 2 */ } /** * Neat trick to bind the rubberband effect to our canvas instead of the whole * document on iOS. It also prevents a bug that causes the document underneath to scroll. */ .w-lightbox-backdrop, .w-lightbox-container { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } .w-lightbox-content { position: relative; height: 100vh; overflow: hidden; } .w-lightbox-view { position: absolute; width: 100vw; height: 100vh; opacity: 0; } .w-lightbox-view:before { content: ""; height: 100vh; } /* .w-lightbox-content */ .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 86vh; } .w-lightbox-frame, .w-lightbox-view:before { display: inline-block; vertical-align: middle; } /* * 1. Remove default margin set by user-agent on the
element. */ .w-lightbox-figure { position: relative; margin: 0;/* 1 */ } .w-lightbox-group .w-lightbox-figure { cursor: pointer; } /** * IE adds image dimensions as width and height attributes on the IMG tag, * but we need both width and height to be set to auto to enable scaling. */ .w-lightbox-img { width: auto; height: auto; max-width: none; } .w-lightbox-image { display: block; max-width: 100vw; max-height: 100vh; } .w-lightbox-group .w-lightbox-image { max-height: 86vh; } .w-lightbox-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: .5em 1em; background: rgba(0, 0, 0, 0.4); text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .w-lightbox-embed { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .w-lightbox-control { position: absolute; top: 0; width: 4em; background-size: 24px; background-repeat: no-repeat; background-position: center; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } .w-lightbox-left { display: none; bottom: 0; left: 0; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); } .w-lightbox-right { display: none; right: 0; bottom: 0; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); } /* * Without specifying the with and height inside the SVG, all versions of IE render the icon too small. * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows. * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer) */ .w-lightbox-close { right: 0; height: 2.6em; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); background-size: 18px; } /** * 1. All IE versions add extra space at the bottom without this. */ .w-lightbox-strip { padding: 0 1vh; line-height: 0; /* 1 */ white-space: nowrap; overflow-x: auto; overflow-y: hidden; } /* * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)` * which doesn’t work in Safari anyway. * 2. Chrome renders images pixelated when switching to GPU. Making sure * the parent is also rendered on the GPU (by setting translate3d for * example) fixes this behavior. */ .w-lightbox-item { display: inline-block; width: 10vh; padding: 2vh 1vh; box-sizing: content-box; /* 1 */ cursor: pointer; -webkit-transform: translate3d(0, 0, 0);/* 2 */ } .w-lightbox-active { opacity: .3; } .w-lightbox-thumbnail { position: relative; height: 10vh; background: #222; overflow: hidden; } .w-lightbox-thumbnail-image { position: absolute; top: 0; left: 0; } .w-lightbox-thumbnail .w-lightbox-tall { top: 50%; width: 100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .w-lightbox-thumbnail .w-lightbox-wide { left: 50%; height: 100%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } /* * Spinner * * Absolute pixel values are used to avoid rounding errors that would cause * the white spinning element to be misaligned with the track. */ .w-lightbox-spinner { position: absolute; top: 50%; left: 50%; box-sizing: border-box; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; border: 5px solid rgba(0, 0, 0, 0.4); border-radius: 50%; -webkit-animation: spin .8s infinite linear; animation: spin .8s infinite linear; } .w-lightbox-spinner:after { content: ""; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border: 3px solid transparent; border-bottom-color: #fff; border-radius: 50%; } /* * Utility classes */ .w-lightbox-hide { display: none; } .w-lightbox-noscroll { overflow: hidden; } @media (min-width: 768px) { .w-lightbox-content { height: 96vh; margin-top: 2vh; } .w-lightbox-view, .w-lightbox-view:before { height: 96vh; } /* .w-lightbox-content */ .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 84vh; } .w-lightbox-image { max-width: 96vw; max-height: 96vh; } .w-lightbox-group .w-lightbox-image { max-width: 82.3vw; max-height: 84vh; } .w-lightbox-left, .w-lightbox-right { display: block; opacity: .5; } .w-lightbox-close { opacity: .8; } .w-lightbox-control:hover { opacity: 1; } } .w-lightbox-inactive, .w-lightbox-inactive:hover { opacity: 0; } .w-nav { position: relative; background: #BBB; z-index: 1000; } .w-nav:before, .w-nav:after { content: " "; display: table; } .w-nav:after { clear: both; } .w-nav-brand { position: relative; float: left; text-decoration: none; color: #222; } .w-nav-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: #222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; } .w-nav-link.w--current { color: #339ce1; } .w-nav-menu { position: relative; float: left; } .w--nav-menu-open { display: block !important; position: absolute; top: 100%; left: 0; right: 0; background: #999; text-align: center; overflow: visible; min-width: 200px; } .w--nav-link-open { display: block; position: relative; } .w-nav-overlay { position: absolute; overflow: hidden; display: none; top: 100%; left: 0; right: 0; width: 100%; } .w-nav-overlay .w--nav-menu-open { top: 0; } .w-nav[data-animation="over-left"] .w-nav-overlay { width: auto; } .w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] .w--nav-menu-open { right: auto; z-index: 1; top: 0; } .w-nav[data-animation="over-right"] .w-nav-overlay { width: auto; } .w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] .w--nav-menu-open { left: auto; z-index: 1; top: 0; } .w-nav-button { position: relative; float: right; padding: 18px; font-size: 24px; display: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .w-nav-button.w--open { background-color: #999; color: white; } .w-nav[data-collapse="all"] .w-nav-menu { display: none; } .w-nav[data-collapse="all"] .w-nav-button { display: block; } @media screen and (max-width: 991px) { .w-nav[data-collapse="medium"] .w-nav-menu { display: none; } .w-nav[data-collapse="medium"] .w-nav-button { display: block; } } @media screen and (max-width: 767px) { .w-nav[data-collapse="small"] .w-nav-menu { display: none; } .w-nav[data-collapse="small"] .w-nav-button { display: block; } .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { .w-nav[data-collapse="tiny"] .w-nav-menu { display: none; } .w-nav[data-collapse="tiny"] .w-nav-button { display: block; } } .w-tabs { position: relative; } .w-tabs:before, .w-tabs:after { content: " "; display: table; } .w-tabs:after { clear: both; } .w-tab-menu { position: relative; } .w-tab-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; padding: 8px 30px; text-align: left; cursor: pointer; background-color: #E8E8E8; } .w-tab-link.w--current { background-color: #BCD3F3; } .w-tab-content { position: relative; display: block; overflow: hidden; } .w-tab-pane { position: relative; display: none; } .w--tab-active { display: block; } @media screen and (max-width: 479px) { .w-tab-link { display: block; } } .w-ix-emptyfix:after { content: ""; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .w-dyn-loading { display: block; padding: 10px; } .w-dyn-items { display: none; } .w-dyn-items.visible { display: block; } .w-dyn-empty { padding: 10px; background-color: #dddddd; } .w-dyn-error { display: none; padding: 10px; background-color: #ffdede; } .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .collapse.in { height: auto; } /* revolution slider, header responsive*/ @media (max-width: 991px) { .tp-banner-container { margin-top: 93px; } .w-nav.navbar.transparent_header:not(.pos-left) .dark_logo { display: block; } .w-nav.navbar.transparent_header:not(.pos-left) .light_logo { display: none; } .w-nav.navbar.transparent_header:not(.pos-left) .nav-link { color: #222; } } @media (max-width: 991px) { .top-nav-collapse .menu-button { margin-top: -10px !important; } .tp-banner-container { margin-top: 93px; } .circle-icon-block.social.contact { padding-top: 10px !important; } .circle-icon-block { padding-top: 12px !important; } } @media (max-width: 767px) { .tp-banner-container { margin-top: 85px; } } @media (min-width: 767px) and (max-width: 991px) { } @media (max-width: 979px) { .navbar.pos-left { clear: both; width: 100% !important; height: 80px !important; padding: 0px !important; } } /*--------end css styles-------*/ /*新改nav*/ .top-nav-r{ margin-top:23px;} .c_1200_1_r .lang .a2:hover{ background-image:url(/skin/images/ico1_4.png);} .c_1200_1_r{float:right;} .c_1200_1_r .sc { float: left; font-size: 12px; color: #aaa; } .c_1200_1_r .sc a { color: #aaa; } .c_1200_1_r .btn { float: left; } .c_1200_1_r .btn a.a1 { background: url(/skin/images/btn1_1.png) no-repeat center; } .c_1200_1_r .btn a.a2 { background: url(/skin/images/btn1_3.png) no-repeat center; } .c_1200_1_r .btn a { display: block; width: 22px; height: 22px; float: left; position: relative; margin-left: 5px; } .c_1200_1_r .btn a .top-ewm { width: 116px; height: 123px; padding: 19px 12px 12px 12px; background-size: 100%; position: absolute; left: 50%; top:21px; margin-left: -55px; filter: alpha(opacity=0); z-index:999999999999999; display:none; } .c_1200_1_r .btn a .top-ewm img { width: 100%; } .c_1200_1_r .btn a.a3 { background: url(/skin/images/btn1_5.png) no-repeat center; } .c_1200_1_r .lang { float: right; font-size: 12px; color: #3dc0da; margin-left:4px; } .c_1200_1_r .lang .a1.on, .c_1200_1 .c_1200_1_r .lang .a1:hover { background-image: url(/skin/images/ico1_2.png); } .c_1200_1_r .lang a.a1 { background: url(/skin/images/ico1_1.png) no-repeat left center; } .c_1200_1_r .lang a { display: inline-block; padding-left: 22px; margin-left: 5px; color: #333; font-family: "微软雅黑"; } .c_1200_1_r .lang a.a2 { background: url(/skin/images/ico1_3.png) no-repeat left center; } .c_1200_1_r .btn a:hover .top-ewm{display: block;} /*新改nav*/ .container-x{max-width: 1700px; margin: 0 auto; box-sizing: border-box; overflow: hidden;} .container-x2{max-width: 1400px;margin: 0 auto;} .header{width: 100%;background: #fff;height: 4.25rem;box-sizing: border-box;position: fixed; z-index: 999;} .logo_box{width:10%;height: 4.25rem;display: inline-block;line-height: 4.25rem;margin-right: 4.5rem;} .logo_box img{vertical-align: middle;} .nav-x{width: 56%;display: inline-block;font-size: 0;height: 85px;} .nav-x>li:hover{background: #dcdcdc;} .nav-x li{display: inline-block;padding:0 1.4rem;transition: .5s;} .nav-x li a{text-align: center;color: #595757;font-size:15px;line-height: 4.25rem;display: inline-block;width: 100%;height: 100%;font-family: "Microsoft YaHei";} .header form{display: inline-block;} .header form input{width: 7.7rem;background:transparent;border:1px solid #c0c0c0;height: 20px;padding:.2rem;} .header form button{width: 20px;height: 20px;display: inline-block;outline: none;border:none;transform: translate(-1.5rem,.2rem);background: url('../images/search.png')no-repeat center;} .second_nav_box{position: absolute;left: 0;top: 4.2rem;z-index: 8000000;box-sizing: border-box;line-height: 3.65rem;font-size: 0;width: 100%;display: none;background: rgba(255,255,255,.8); text-align: center;} .second_nav{width: 100%;box-sizing: border-box;} .second_nav li{display: inline-block;width: 11%;transition: .3s;margin-right: 2.3rem;padding-left: 0;} .second_nav li a{display: inline-block;width: 100%;height: 100%;text-align: center;} .active_nav{ color:#2eb6d1;height:68px;transition: .3s;} .pro_nav_ul{padding:1rem 0 4rem 0;} .pro_nav_ul li a{line-height: 1rem;text-align: left;} .pro_nav_ul li{ vertical-align: top;line-height: 1rem;} .pro_nav_ul li ul{margin-top: .5rem;} .pro_nav_ul li ul li {display: inline-block;width: 100%;line-height: 1rem;} .pro_nav_ul li ul li a{text-align: left;line-height: 1rem;} .nav_r{line-height: 4.25rem;} .m_nav,.m_footer_bottom,.hr_con>div .m_add_p,.ds_r,.m_c_b_l,.m_cer_r{display: none;} .header-on{background: #fff;} @media screen and (max-width: 1700px) { .container-x{max-width: 1400px;} } @media screen and (max-width: 1450px) { .nav-x li{padding:0 .9rem;} .second_nav li{padding-left: 0;padding-right: 0;width: 12%;} .container-x2{max-width: 1200px;margin: 0 auto;} } @media screen and (max-width: 1250px) { .container-x{max-width: 1000px;} .nav-x li{padding:0 .5rem;} .container-x2{max-width: 1000px;margin: 0 auto;} .second_nav li{margin-right: 1rem;padding-left: 0;} .nav-x li a{font-size: .6rem;} } @media screen and (max-width: 1050px){ .container-x{max-width: 768px;} .container-x1{max-width: 768px;} .header form{display: none;} .nav-x{width: 61%;} } @media screen and (max-width: 800px) { } @media screen and (max-width: 768px){ .header{display: none;} .m_nav{display: block;padding-left: 0px;} nav { display: none; position: absolute; top: 60px;left: 0;z-index: 20000; width: 100%;background: rgba(255,255,255,.85);} nav .sj_footer .left_div p { display: none;} .m_logo img {width: auto; margin: .4rem .5rem 0;} .m_nav .menu_p em {position: absolute;top: 50%;right: 10px; transform: translate(-20%,-50%);width: 1rem;font-size: 0;} .m_nav .menu_p i {display: inline-block; width: 20px;height: 2px;background: #898989;margin: 3px 0;opacity: 1;transition: 0.5s;-webkit-transition: 0.5s;} .m_nav .active_p em i:nth-of-type(2) {opacity: 0;} .m_nav .active_p em i:nth-of-type(1) {-webkit-transform: rotate(45deg) translate(6px, 6px);transform: rotate(45deg) translate(6px, 6px);} .m_nav .active_p em i:nth-of-type(3) {-webkit-transform: rotate(-45deg) translate(9px, -8px);transform: rotate(-45deg) translate(5px, -5px);} .m_nav {display: block;position: fixed;width: 100%;box-sizing: border-box;z-index: 200000;margin-top: 0;background: #fff;height: 60px;margin-bottom: 0;} nav .sj_footer {width: 100%;background: rgba(255,255,255,.85);padding: 6% 20px;box-sizing: border-box;} nav .sj_footer .left_div div {width: 100%; margin: 0; cursor: pointer;} nav .sj_footer strong {height: 40px;line-height: 40px;margin-bottom: 0;color: #595757;font-weight: 500;font-size:18px;} nav .sj_footer strong i {display: block;float: right;color: #898989;font-size: 20px;} nav .sj_footer .active_strong i {-webkit-transform: rotate(45deg);transform: rotate(45deg);} nav .sj_footer p a {font-size: 14px;color: #898989;display: block;line-height: 30px;transition: 0.5s;-webkit-transition: 0.5s;} .slides li{margin-top:0px !important;} .flexslider,.slides li{ height:360px !important;} .flex-direction-nav li a.flex-prev,.flex-direction-nav li a.flex-next{ top:180px !important;} .slides li{background-size: 310% 100% !important;} } /**/ .fh-top{ position:fixed; right:0; bottom:7%;} /*banner*/ .flexslider{position:relative;height:730px;overflow:hidden;} .slides{position:relative;z-index:1;} .slides li{height:710px;margin-top: 68px;} .flex-control-nav{position:absolute;bottom:5%;z-index:2;width:100%;text-align:center;} .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;} .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;} .flex-control-nav .flex-active{background-position:0 0;} .flex-direction-nav{position:absolute;z-index:3;width:100%;/*top:45%;*/} .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;} .flex-direction-nav li a.flex-prev{left:20px;background:url(../images/prev.png) center center no-repeat; top:340px;} .flex-direction-nav li a.flex-next{right:20px;background:url(../images/next.png) center center no-repeat;top:340px;} /*banner-end*/ .m { width: 528px; height: 297px; margin-left: auto; margin-right: auto; margin-top:10px; } .video-js .vjs-big-play-button{left: 50%; top: 50%; background: no-repeat; border-radius: 50%; width: 50px; height: 50px; display:none !important; } #my-video:hover .vjs-control-bar{ display:block !important; } .video-js .vjs-play-control{ float:left;} .video-js .vjs-volume-panel{ float:left;} .video-js .vjs-progress-control{float: left;width: 60% !important;} .video-js .vjs-time-control{ float:left;} .video-js .vjs-fullscreen-control{ float:right;} .my-video-dimensions { width: 530px; height: 288px; } .video-js,.vjs-poster{ background:none !important;} .vjs-has-started .vjs-control-bar{ width: 96% !important; margin-left: 9px !important; height: 30px !important;display: none !important;} .video-js .vjs-time-control{ line-height:30px !important;} .vjs-tech{ width:530px !important;} #fuwuwangdian strong{font-size:20px;display: block; margin-bottom: 20px;} #fuwuwangdian table{ border: #cfcfcf; } #fuwuwangdian td,#fuwuwangdian th{padding:0;text-align: center; background: #ddd; /*border: #e9e9e9;*/color:#606060;line-height:40px;} #fuwuwangdian th{color:#343434;} #wangdianlist{ margin-top:50px; } #wangdianlist td{background: #fff;color:#626262;} #fuwuwangdian a{display: block; width: 100%;height: 100%;} #fuwuwangdian .w--current,#fuwuwangdian a:hover{background: #bbb; color: #333;}