@font-face{font-family:'cai';src:url('../fonts/cai.eot');src:url('../fonts/cai.eot?#iefix') format('embedded-opentype'),url('../fonts/cai.woff2') format('woff2'),url('../fonts/cai.woff') format('woff'),url('../fonts/cai.ttf') format('truetype'),url('../fonts/cai.svg#029-cai978regular') format('svg');font-weight:normal;font-style:normal} @font-face{font-family:'ultramagnetic';src:url('../fonts/ultramagnetic.eot');src:url('../fonts/ultramagnetic.eot?#iefix') format('embedded-opentype'),url('../fonts/ultramagnetic.woff2') format('woff2'),url('../fonts/ultramagnetic.woff') format('woff'),url('../fonts/ultramagnetic.ttf') format('truetype'),url('../fonts/ultramagnetic.svg#029-cai978regular') format('svg');font-weight:normal;font-style:normal} @font-face{font-family:'hiyal';src:url('../fonts/hylkufi9.eot');src:url('../fonts/hylkufi9.eot?#iefix') format('embedded-opentype'),url('../fonts/hylkufi9.woff2') format('woff2'),url('../fonts/hylkufi9.woff') format('woff'),url('../fonts/hylkufi9.ttf') format('truetype'),url('../fonts/hylkufi9.svg#hiyal_kufi9regular') format('svg');font-weight:normal;font-style:normal} @font-face{font-family:cg;src:url(../fonts/Century\ Gothic.TTF);font-weight:normal} @font-face{font-family:cg;src:url(../fonts/Century\ Gothic\ Bold.TTF);font-weight:bold} @font-face{font-family:cg;src:url(../fonts/Century\ Gothic\ Italic.TTF);font-style:italic} @font-face{font-family:cg;src:url(../fonts/Century\ Gothic\ Bold\ Italic.TTF);font-weight:bold;font-style:italic} @font-face{font-family:FontAwesome;src:url(../fonts/fontawesome-webfont.eot?v=4.7.0);src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(../fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal} .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%} .fa-2x{font-size:2em} .fa-3x{font-size:3em} .fa-4x{font-size:4em} .fa-5x{font-size:5em} .fa-fw{width:1.28571429em;text-align:center} .fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none} .fa-ul>li{position:relative} .fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center} .fa-li.fa-lg{left:-1.85714286em} .fa-border{padding:.2em .25em .15em;border:solid .08em #eee;-moz-border-radius:.1em;border-radius:.1em} .fa-pull-left{float:left} .fa-pull-right{float:right} .fa.fa-pull-left{margin-right:.3em} .fa.fa-pull-right{margin-left:.3em} .pull-right{float:right} .pull-left{float:left} .fa.pull-left{margin-right:.3em} .fa.pull-right{margin-left:.3em} .fa-spin{-webkit-animation:fa-spin 2s infinite linear;-moz-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear} .fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);-moz-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)} .clear{ clear:both;} .fl { float:left;} .fr { float:right;} @-webkit-keyframes fa-spin{ 0%{-webkit-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)} } @-moz-keyframes fa-spin{ 0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);transform:rotate(359deg)} } @keyframes fa-spin{ 0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);transform:rotate(359deg)} } .fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg)} .fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)} .fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);-moz-transform:rotate(270deg);transform:rotate(270deg)} .fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1)";-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);-moz-transform:scale(-1,1);transform:scale(-1,1)} .fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1)";-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);-moz-transform:scale(1,-1);transform:scale(1,-1)} :root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none} .fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle} .fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center} .fa-stack-1x{line-height:inherit} .fa-stack-2x{font-size:2em} .fa-inverse{color:#fff} .fa-glass:before{content:"\f000"} .fa-music:before{content:"\f001"} .fa-search:before{content:"\f002"} .fa-envelope-o:before{content:"\f003"} .fa-heart:before{content:"\f004"} .fa-star:before{content:"\f005"} .fa-star-o:before{content:"\f006"} .fa-user:before{content:"\f007"} .fa-film:before{content:"\f008"} .fa-th-large:before{content:"\f009"} .fa-th:before{content:"\f00a"} .fa-th-list:before{content:"\f00b"} .fa-check:before{content:"\f00c"} .fa-close:before,.fa-remove:before,.fa-times:before{content:"\f00d"} .fa-search-plus:before{content:"\f00e"} .fa-search-minus:before{content:"\f010"} .fa-power-off:before{content:"\f011"} .fa-signal:before{content:"\f012"} .fa-cog:before,.fa-gear:before{content:"\f013"} .fa-trash-o:before{content:"\f014"} .fa-home:before{content:"\f015"} .fa-file-o:before{content:"\f016"} .fa-clock-o:before{content:"\f017"} .fa-road:before{content:"\f018"} .fa-download:before{content:"\f019"} .fa-arrow-circle-o-down:before{content:"\f01a"} .fa-arrow-circle-o-up:before{content:"\f01b"} .fa-inbox:before{content:"\f01c"} .fa-play-circle-o:before{content:"\f01d"} .fa-repeat:before,.fa-rotate-right:before{content:"\f01e"} .fa-refresh:before{content:"\f021"} .fa-list-alt:before{content:"\f022"} .fa-lock:before{content:"\f023"} .fa-flag:before{content:"\f024"} .fa-headphones:before{content:"\f025"} .fa-volume-off:before{content:"\f026"} .fa-volume-down:before{content:"\f027"} .fa-volume-up:before{content:"\f028"} .fa-qrcode:before{content:"\f029"} .fa-barcode:before{content:"\f02a"} .fa-tag:before{content:"\f02b"} .fa-tags:before{content:"\f02c"} .fa-book:before{content:"\f02d"} .fa-bookmark:before{content:"\f02e"} .fa-print:before{content:"\f02f"} .fa-camera:before{content:"\f030"} .fa-font:before{content:"\f031"} .fa-bold:before{content:"\f032"} .fa-italic:before{content:"\f033"} .fa-text-height:before{content:"\f034"} .fa-text-width:before{content:"\f035"} .fa-align-left:before{content:"\f036"} .fa-align-center:before{content:"\f037"} .fa-align-right:before{content:"\f038"} .fa-align-justify:before{content:"\f039"} .fa-list:before{content:"\f03a"} .fa-dedent:before,.fa-outdent:before{content:"\f03b"} .fa-indent:before{content:"\f03c"} .fa-video-camera:before{content:"\f03d"} .fa-image:before,.fa-photo:before,.fa-picture-o:before{content:"\f03e"} .fa-pencil:before{content:"\f040"} .fa-map-marker:before{content:"\f041"} .fa-adjust:before{content:"\f042"} .fa-tint:before{content:"\f043"} .fa-edit:before,.fa-pencil-square-o:before{content:"\f044"} .fa-share-square-o:before{content:"\f045"} .fa-check-square-o:before{content:"\f046"} .fa-arrows:before{content:"\f047"} .fa-step-backward:before{content:"\f048"} .fa-fast-backward:before{content:"\f049"} .fa-backward:before{content:"\f04a"} .fa-play:before{content:"\f04b"} .fa-pause:before{content:"\f04c"} .fa-stop:before{content:"\f04d"} .fa-forward:before{content:"\f04e"} .fa-fast-forward:before{content:"\f050"} .fa-step-forward:before{content:"\f051"} .fa-eject:before{content:"\f052"} .fa-chevron-left:before{content:"\f053"} .fa-chevron-right:before{content:"\f054"} .fa-plus-circle:before{content:"\f055"} .fa-minus-circle:before{content:"\f056"} .fa-times-circle:before{content:"\f057"} .fa-check-circle:before{content:"\f058"} .fa-question-circle:before{content:"\f059"} .fa-info-circle:before{content:"\f05a"} .fa-crosshairs:before{content:"\f05b"} .fa-times-circle-o:before{content:"\f05c"} .fa-check-circle-o:before{content:"\f05d"} .fa-ban:before{content:"\f05e"} .fa-arrow-left:before{content:"\f060"} .fa-arrow-right:before{content:"\f061"} .fa-arrow-up:before{content:"\f062"} .fa-arrow-down:before{content:"\f063"} .fa-mail-forward:before,.fa-share:before{content:"\f064"} .fa-expand:before{content:"\f065"} .fa-compress:before{content:"\f066"} .fa-plus:before{content:"\f067"} .fa-minus:before{content:"\f068"} .fa-asterisk:before{content:"\f069"} .fa-exclamation-circle:before{content:"\f06a"} .fa-gift:before{content:"\f06b"} .fa-leaf:before{content:"\f06c"} .fa-fire:before{content:"\f06d"} .fa-eye:before{content:"\f06e"} .fa-eye-slash:before{content:"\f070"} .fa-exclamation-triangle:before,.fa-warning:before{content:"\f071"} .fa-plane:before{content:"\f072"} .fa-calendar:before{content:"\f073"} .fa-random:before{content:"\f074"} .fa-comment:before{content:"\f075"} .fa-magnet:before{content:"\f076"} .fa-chevron-up:before{content:"\f077"} .fa-chevron-down:before{content:"\f078"} .fa-retweet:before{content:"\f079"} .fa-shopping-cart:before{content:"\f07a"} .fa-folder:before{content:"\f07b"} .fa-folder-open:before{content:"\f07c"} .fa-arrows-v:before{content:"\f07d"} .fa-arrows-h:before{content:"\f07e"} .fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"} .fa-twitter-square:before{content:"\f081"} .fa-facebook-square:before{content:"\f082"} .fa-camera-retro:before{content:"\f083"} .fa-key:before{content:"\f084"} .fa-cogs:before,.fa-gears:before{content:"\f085"} .fa-comments:before{content:"\f086"} .fa-thumbs-o-up:before{content:"\f087"} .fa-thumbs-o-down:before{content:"\f088"} .fa-star-half:before{content:"\f089"} .fa-heart-o:before{content:"\f08a"} .fa-sign-out:before{content:"\f08b"} .fa-linkedin-square:before{content:"\f08c"} .fa-thumb-tack:before{content:"\f08d"} .fa-external-link:before{content:"\f08e"} .fa-sign-in:before{content:"\f090"} .fa-trophy:before{content:"\f091"} .fa-github-square:before{content:"\f092"} .fa-upload:before{content:"\f093"} .fa-lemon-o:before{content:"\f094"} .fa-phone:before{content:"\f095"} .fa-square-o:before{content:"\f096"} .fa-bookmark-o:before{content:"\f097"} .fa-phone-square:before{content:"\f098"} .fa-twitter:before{content:"\f099"} .fa-facebook-f:before,.fa-facebook:before{content:"\f09a"} .fa-github:before{content:"\f09b"} .fa-unlock:before{content:"\f09c"} .fa-credit-card:before{content:"\f09d"} .fa-feed:before,.fa-rss:before{content:"\f09e"} .fa-hdd-o:before{content:"\f0a0"} .fa-bullhorn:before{content:"\f0a1"} .fa-bell:before{content:"\f0f3"} .fa-certificate:before{content:"\f0a3"} .fa-hand-o-right:before{content:"\f0a4"} .fa-hand-o-left:before{content:"\f0a5"} .fa-hand-o-up:before{content:"\f0a6"} .fa-hand-o-down:before{content:"\f0a7"} .fa-arrow-circle-left:before{content:"\f0a8"} .fa-arrow-circle-right:before{content:"\f0a9"} .fa-arrow-circle-up:before{content:"\f0aa"} .fa-arrow-circle-down:before{content:"\f0ab"} .fa-globe:before{content:"\f0ac"} .fa-wrench:before{content:"\f0ad"} .fa-tasks:before{content:"\f0ae"} .fa-filter:before{content:"\f0b0"} .fa-briefcase:before{content:"\f0b1"} .fa-arrows-alt:before{content:"\f0b2"} .fa-group:before,.fa-users:before{content:"\f0c0"} .fa-chain:before,.fa-link:before{content:"\f0c1"} .fa-cloud:before{content:"\f0c2"} .fa-flask:before{content:"\f0c3"} .fa-cut:before,.fa-scissors:before{content:"\f0c4"} .fa-copy:before,.fa-files-o:before{content:"\f0c5"} .fa-paperclip:before{content:"\f0c6"} .fa-floppy-o:before,.fa-save:before{content:"\f0c7"} .fa-square:before{content:"\f0c8"} .fa-bars:before,.fa-navicon:before,.fa-reorder:before{content:"\f0c9"} .fa-list-ul:before{content:"\f0ca"} .fa-list-ol:before{content:"\f0cb"} .fa-strikethrough:before{content:"\f0cc"} .fa-underline:before{content:"\f0cd"} .fa-table:before{content:"\f0ce"} .fa-magic:before{content:"\f0d0"} .fa-truck:before{content:"\f0d1"} .fa-pinterest:before{content:"\f0d2"} .fa-pinterest-square:before{content:"\f0d3"} .fa-google-plus-square:before{content:"\f0d4"} .fa-google-plus:before{content:"\f0d5"} .fa-money:before{content:"\f0d6"} .fa-caret-down:before{content:"\f0d7"} .fa-caret-up:before{content:"\f0d8"} .fa-caret-left:before{content:"\f0d9"} .fa-caret-right:before{content:"\f0da"} .fa-columns:before{content:"\f0db"} .fa-sort:before,.fa-unsorted:before{content:"\f0dc"} .fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"} .fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"} .fa-envelope:before{content:"\f0e0"} .fa-linkedin:before{content:"\f0e1"} .fa-rotate-left:before,.fa-undo:before{content:"\f0e2"} .fa-gavel:before,.fa-legal:before{content:"\f0e3"} .fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"} .fa-comment-o:before{content:"\f0e5"} .fa-comments-o:before{content:"\f0e6"} .fa-bolt:before,.fa-flash:before{content:"\f0e7"} .fa-sitemap:before{content:"\f0e8"} .fa-umbrella:before{content:"\f0e9"} .fa-clipboard:before,.fa-paste:before{content:"\f0ea"} .fa-lightbulb-o:before{content:"\f0eb"} .fa-exchange:before{content:"\f0ec"} .fa-cloud-download:before{content:"\f0ed"} .fa-cloud-upload:before{content:"\f0ee"} .fa-user-md:before{content:"\f0f0"} .fa-stethoscope:before{content:"\f0f1"} .fa-suitcase:before{content:"\f0f2"} .fa-bell-o:before{content:"\f0a2"} .fa-coffee:before{content:"\f0f4"} .fa-cutlery:before{content:"\f0f5"} .fa-file-text-o:before{content:"\f0f6"} .fa-building-o:before{content:"\f0f7"} .fa-hospital-o:before{content:"\f0f8"} .fa-ambulance:before{content:"\f0f9"} .fa-medkit:before{content:"\f0fa"} .fa-fighter-jet:before{content:"\f0fb"} .fa-beer:before{content:"\f0fc"} .fa-h-square:before{content:"\f0fd"} .fa-plus-square:before{content:"\f0fe"} .fa-angle-double-left:before{content:"\f100"} .fa-angle-double-right:before{content:"\f101"} .fa-angle-double-up:before{content:"\f102"} .fa-angle-double-down:before{content:"\f103"} .fa-angle-left:before{content:"\f104"} .fa-angle-right:before{content:"\f105"} .fa-angle-up:before{content:"\f106"} .fa-angle-down:before{content:"\f107"} .fa-desktop:before{content:"\f108"} .fa-laptop:before{content:"\f109"} .fa-tablet:before{content:"\f10a"} .fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"} .fa-circle-o:before{content:"\f10c"} .fa-quote-left:before{content:"\f10d"} .fa-quote-right:before{content:"\f10e"} .fa-spinner:before{content:"\f110"} .fa-circle:before{content:"\f111"} .fa-mail-reply:before,.fa-reply:before{content:"\f112"} .fa-github-alt:before{content:"\f113"} .fa-folder-o:before{content:"\f114"} .fa-folder-open-o:before{content:"\f115"} .fa-smile-o:before{content:"\f118"} .fa-frown-o:before{content:"\f119"} .fa-meh-o:before{content:"\f11a"} .fa-gamepad:before{content:"\f11b"} .fa-keyboard-o:before{content:"\f11c"} .fa-flag-o:before{content:"\f11d"} .fa-flag-checkered:before{content:"\f11e"} .fa-terminal:before{content:"\f120"} .fa-code:before{content:"\f121"} .fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"} .fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"} .fa-location-arrow:before{content:"\f124"} .fa-crop:before{content:"\f125"} .fa-code-fork:before{content:"\f126"} .fa-chain-broken:before,.fa-unlink:before{content:"\f127"} .fa-question:before{content:"\f128"} .fa-info:before{content:"\f129"} .fa-exclamation:before{content:"\f12a"} .fa-superscript:before{content:"\f12b"} .fa-subscript:before{content:"\f12c"} .fa-eraser:before{content:"\f12d"} .fa-puzzle-piece:before{content:"\f12e"} .fa-microphone:before{content:"\f130"} .fa-microphone-slash:before{content:"\f131"} .fa-shield:before{content:"\f132"} .fa-calendar-o:before{content:"\f133"} .fa-fire-extinguisher:before{content:"\f134"} .fa-rocket:before{content:"\f135"} .fa-maxcdn:before{content:"\f136"} .fa-chevron-circle-left:before{content:"\f137"} .fa-chevron-circle-right:before{content:"\f138"} .fa-chevron-circle-up:before{content:"\f139"} .fa-chevron-circle-down:before{content:"\f13a"} .fa-html5:before{content:"\f13b"} .fa-css3:before{content:"\f13c"} .fa-anchor:before{content:"\f13d"} .fa-unlock-alt:before{content:"\f13e"} .fa-bullseye:before{content:"\f140"} .fa-ellipsis-h:before{content:"\f141"} .fa-ellipsis-v:before{content:"\f142"} .fa-rss-square:before{content:"\f143"} .fa-play-circle:before{content:"\f144"} .fa-ticket:before{content:"\f145"} .fa-minus-square:before{content:"\f146"} .fa-minus-square-o:before{content:"\f147"} .fa-level-up:before{content:"\f148"} .fa-level-down:before{content:"\f149"} .fa-check-square:before{content:"\f14a"} .fa-pencil-square:before{content:"\f14b"} .fa-external-link-square:before{content:"\f14c"} .fa-share-square:before{content:"\f14d"} .fa-compass:before{content:"\f14e"} .fa-caret-square-o-down:before,.fa-toggle-down:before{content:"\f150"} .fa-caret-square-o-up:before,.fa-toggle-up:before{content:"\f151"} .fa-caret-square-o-right:before,.fa-toggle-right:before{content:"\f152"} .fa-eur:before,.fa-euro:before{content:"\f153"} .fa-gbp:before{content:"\f154"} .fa-dollar:before,.fa-usd:before{content:"\f155"} .fa-inr:before,.fa-rupee:before{content:"\f156"} .fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{content:"\f157"} .fa-rouble:before,.fa-rub:before,.fa-ruble:before{content:"\f158"} .fa-krw:before,.fa-won:before{content:"\f159"} .fa-bitcoin:before,.fa-btc:before{content:"\f15a"} .fa-file:before{content:"\f15b"} .fa-file-text:before{content:"\f15c"} .fa-sort-alpha-asc:before{content:"\f15d"} .fa-sort-alpha-desc:before{content:"\f15e"} .fa-sort-amount-asc:before{content:"\f160"} .fa-sort-amount-desc:before{content:"\f161"} .fa-sort-numeric-asc:before{content:"\f162"} .fa-sort-numeric-desc:before{content:"\f163"} .fa-thumbs-up:before{content:"\f164"} .fa-thumbs-down:before{content:"\f165"} .fa-youtube-square:before{content:"\f166"} .fa-youtube:before{content:"\f167"} .fa-xing:before{content:"\f168"} .fa-xing-square:before{content:"\f169"} .fa-youtube-play:before{content:"\f16a"} .fa-dropbox:before{content:"\f16b"} .fa-stack-overflow:before{content:"\f16c"} .fa-instagram:before{content:"\f16d"} .fa-flickr:before{content:"\f16e"} .fa-adn:before{content:"\f170"} .fa-bitbucket:before{content:"\f171"} .fa-bitbucket-square:before{content:"\f172"} .fa-tumblr:before{content:"\f173"} .fa-tumblr-square:before{content:"\f174"} .fa-long-arrow-down:before{content:"\f175"} .fa-long-arrow-up:before{content:"\f176"} .fa-long-arrow-left:before{content:"\f177"} .fa-long-arrow-right:before{content:"\f178"} .fa-apple:before{content:"\f179"} .fa-windows:before{content:"\f17a"} .fa-android:before{content:"\f17b"} .fa-linux:before{content:"\f17c"} .fa-dribbble:before{content:"\f17d"} .fa-skype:before{content:"\f17e"} .fa-foursquare:before{content:"\f180"} .fa-trello:before{content:"\f181"} .fa-female:before{content:"\f182"} .fa-male:before{content:"\f183"} .fa-gittip:before,.fa-gratipay:before{content:"\f184"} .fa-sun-o:before{content:"\f185"} .fa-moon-o:before{content:"\f186"} .fa-archive:before{content:"\f187"} .fa-bug:before{content:"\f188"} .fa-vk:before{content:"\f189"} .fa-weibo:before{content:"\f18a"} .fa-renren:before{content:"\f18b"} .fa-pagelines:before{content:"\f18c"} .fa-stack-exchange:before{content:"\f18d"} .fa-arrow-circle-o-right:before{content:"\f18e"} .fa-arrow-circle-o-left:before{content:"\f190"} .fa-caret-square-o-left:before,.fa-toggle-left:before{content:"\f191"} .fa-dot-circle-o:before{content:"\f192"} .fa-wheelchair:before{content:"\f193"} .fa-vimeo-square:before{content:"\f194"} .fa-try:before,.fa-turkish-lira:before{content:"\f195"} .fa-plus-square-o:before{content:"\f196"} .fa-space-shuttle:before{content:"\f197"} .fa-slack:before{content:"\f198"} .fa-envelope-square:before{content:"\f199"} .fa-wordpress:before{content:"\f19a"} .fa-openid:before{content:"\f19b"} .fa-bank:before,.fa-institution:before,.fa-university:before{content:"\f19c"} .fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"} .fa-yahoo:before{content:"\f19e"} .fa-google:before{content:"\f1a0"} .fa-reddit:before{content:"\f1a1"} .fa-reddit-square:before{content:"\f1a2"} .fa-stumbleupon-circle:before{content:"\f1a3"} .fa-stumbleupon:before{content:"\f1a4"} .fa-delicious:before{content:"\f1a5"} .fa-digg:before{content:"\f1a6"} .fa-pied-piper-pp:before{content:"\f1a7"} .fa-pied-piper-alt:before{content:"\f1a8"} .fa-drupal:before{content:"\f1a9"} .fa-joomla:before{content:"\f1aa"} .fa-language:before{content:"\f1ab"} .fa-fax:before{content:"\f1ac"} .fa-building:before{content:"\f1ad"} .fa-child:before{content:"\f1ae"} .fa-paw:before{content:"\f1b0"} .fa-spoon:before{content:"\f1b1"} .fa-cube:before{content:"\f1b2"} .fa-cubes:before{content:"\f1b3"} .fa-behance:before{content:"\f1b4"} .fa-behance-square:before{content:"\f1b5"} .fa-steam:before{content:"\f1b6"} .fa-steam-square:before{content:"\f1b7"} .fa-recycle:before{content:"\f1b8"} .fa-automobile:before,.fa-car:before{content:"\f1b9"} .fa-cab:before,.fa-taxi:before{content:"\f1ba"} .fa-tree:before{content:"\f1bb"} .fa-spotify:before{content:"\f1bc"} .fa-deviantart:before{content:"\f1bd"} .fa-soundcloud:before{content:"\f1be"} .fa-database:before{content:"\f1c0"} .fa-file-pdf-o:before{content:"\f1c1"} .fa-file-word-o:before{content:"\f1c2"} .fa-file-excel-o:before{content:"\f1c3"} .fa-file-powerpoint-o:before{content:"\f1c4"} .fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before{content:"\f1c5"} .fa-file-archive-o:before,.fa-file-zip-o:before{content:"\f1c6"} .fa-file-audio-o:before,.fa-file-sound-o:before{content:"\f1c7"} .fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"} .fa-file-code-o:before{content:"\f1c9"} .fa-vine:before{content:"\f1ca"} .fa-codepen:before{content:"\f1cb"} .fa-jsfiddle:before{content:"\f1cc"} .fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before{content:"\f1cd"} .fa-circle-o-notch:before{content:"\f1ce"} .fa-ra:before,.fa-rebel:before,.fa-resistance:before{content:"\f1d0"} .fa-empire:before,.fa-ge:before{content:"\f1d1"} .fa-git-square:before{content:"\f1d2"} .fa-git:before{content:"\f1d3"} .fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before{content:"\f1d4"} .fa-tencent-weibo:before{content:"\f1d5"} .fa-qq:before{content:"\f1d6"} .fa-wechat:before,.fa-weixin:before{content:"\f1d7"} .fa-paper-plane:before,.fa-send:before{content:"\f1d8"} .fa-paper-plane-o:before,.fa-send-o:before{content:"\f1d9"} .fa-history:before{content:"\f1da"} .fa-circle-thin:before{content:"\f1db"} .fa-header:before{content:"\f1dc"} .fa-paragraph:before{content:"\f1dd"} .fa-sliders:before{content:"\f1de"} .fa-share-alt:before{content:"\f1e0"} .fa-share-alt-square:before{content:"\f1e1"} .fa-bomb:before{content:"\f1e2"} .fa-futbol-o:before,.fa-soccer-ball-o:before{content:"\f1e3"} .fa-tty:before{content:"\f1e4"} .fa-binoculars:before{content:"\f1e5"} .fa-plug:before{content:"\f1e6"} .fa-slideshare:before{content:"\f1e7"} .fa-twitch:before{content:"\f1e8"} .fa-yelp:before{content:"\f1e9"} .fa-newspaper-o:before{content:"\f1ea"} .fa-wifi:before{content:"\f1eb"} .fa-calculator:before{content:"\f1ec"} .fa-paypal:before{content:"\f1ed"} .fa-google-wallet:before{content:"\f1ee"} .fa-cc-visa:before{content:"\f1f0"} .fa-cc-mastercard:before{content:"\f1f1"} .fa-cc-discover:before{content:"\f1f2"} .fa-cc-amex:before{content:"\f1f3"} .fa-cc-paypal:before{content:"\f1f4"} .fa-cc-stripe:before{content:"\f1f5"} .fa-bell-slash:before{content:"\f1f6"} .fa-bell-slash-o:before{content:"\f1f7"} .fa-trash:before{content:"\f1f8"} .fa-copyright:before{content:"\f1f9"} .fa-at:before{content:"\f1fa"} .fa-eyedropper:before{content:"\f1fb"} .fa-paint-brush:before{content:"\f1fc"} .fa-birthday-cake:before{content:"\f1fd"} .fa-area-chart:before{content:"\f1fe"} .fa-pie-chart:before{content:"\f200"} .fa-line-chart:before{content:"\f201"} .fa-lastfm:before{content:"\f202"} .fa-lastfm-square:before{content:"\f203"} .fa-toggle-off:before{content:"\f204"} .fa-toggle-on:before{content:"\f205"} .fa-bicycle:before{content:"\f206"} .fa-bus:before{content:"\f207"} .fa-ioxhost:before{content:"\f208"} .fa-angellist:before{content:"\f209"} .fa-cc:before{content:"\f20a"} .fa-ils:before,.fa-shekel:before,.fa-sheqel:before{content:"\f20b"} .fa-meanpath:before{content:"\f20c"} .fa-buysellads:before{content:"\f20d"} .fa-connectdevelop:before{content:"\f20e"} .fa-dashcube:before{content:"\f210"} .fa-forumbee:before{content:"\f211"} .fa-leanpub:before{content:"\f212"} .fa-sellsy:before{content:"\f213"} .fa-shirtsinbulk:before{content:"\f214"} .fa-simplybuilt:before{content:"\f215"} .fa-skyatlas:before{content:"\f216"} .fa-cart-plus:before{content:"\f217"} .fa-cart-arrow-down:before{content:"\f218"} .fa-diamond:before{content:"\f219"} .fa-ship:before{content:"\f21a"} .fa-user-secret:before{content:"\f21b"} .fa-motorcycle:before{content:"\f21c"} .fa-street-view:before{content:"\f21d"} .fa-heartbeat:before{content:"\f21e"} .fa-venus:before{content:"\f221"} .fa-mars:before{content:"\f222"} .fa-mercury:before{content:"\f223"} .fa-intersex:before,.fa-transgender:before{content:"\f224"} .fa-transgender-alt:before{content:"\f225"} .fa-venus-double:before{content:"\f226"} .fa-mars-double:before{content:"\f227"} .fa-venus-mars:before{content:"\f228"} .fa-mars-stroke:before{content:"\f229"} .fa-mars-stroke-v:before{content:"\f22a"} .fa-mars-stroke-h:before{content:"\f22b"} .fa-neuter:before{content:"\f22c"} .fa-genderless:before{content:"\f22d"} .fa-facebook-official:before{content:"\f230"} .fa-pinterest-p:before{content:"\f231"} .fa-whatsapp:before{content:"\f232"} .fa-server:before{content:"\f233"} .fa-user-plus:before{content:"\f234"} .fa-user-times:before{content:"\f235"} .fa-bed:before,.fa-hotel:before{content:"\f236"} .fa-viacoin:before{content:"\f237"} .fa-train:before{content:"\f238"} .fa-subway:before{content:"\f239"} .fa-medium:before{content:"\f23a"} .fa-y-combinator:before,.fa-yc:before{content:"\f23b"} .fa-optin-monster:before{content:"\f23c"} .fa-opencart:before{content:"\f23d"} .fa-expeditedssl:before{content:"\f23e"} .fa-battery-4:before,.fa-battery-full:before,.fa-battery:before{content:"\f240"} .fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"} .fa-battery-2:before,.fa-battery-half:before{content:"\f242"} .fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"} .fa-battery-0:before,.fa-battery-empty:before{content:"\f244"} .fa-mouse-pointer:before{content:"\f245"} .fa-i-cursor:before{content:"\f246"} .fa-object-group:before{content:"\f247"} .fa-object-ungroup:before{content:"\f248"} .fa-sticky-note:before{content:"\f249"} .fa-sticky-note-o:before{content:"\f24a"} .fa-cc-jcb:before{content:"\f24b"} .fa-cc-diners-club:before{content:"\f24c"} .fa-clone:before{content:"\f24d"} .fa-balance-scale:before{content:"\f24e"} .fa-hourglass-o:before{content:"\f250"} .fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"} .fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"} .fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"} .fa-hourglass:before{content:"\f254"} .fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"} .fa-hand-paper-o:before,.fa-hand-stop-o:before{content:"\f256"} .fa-hand-scissors-o:before{content:"\f257"} .fa-hand-lizard-o:before{content:"\f258"} .fa-hand-spock-o:before{content:"\f259"} .fa-hand-pointer-o:before{content:"\f25a"} .fa-hand-peace-o:before{content:"\f25b"} .fa-trademark:before{content:"\f25c"} .fa-registered:before{content:"\f25d"} .fa-creative-commons:before{content:"\f25e"} .fa-gg:before{content:"\f260"} .fa-gg-circle:before{content:"\f261"} .fa-tripadvisor:before{content:"\f262"} .fa-odnoklassniki:before{content:"\f263"} .fa-odnoklassniki-square:before{content:"\f264"} .fa-get-pocket:before{content:"\f265"} .fa-wikipedia-w:before{content:"\f266"} .fa-safari:before{content:"\f267"} .fa-chrome:before{content:"\f268"} .fa-firefox:before{content:"\f269"} .fa-opera:before{content:"\f26a"} .fa-internet-explorer:before{content:"\f26b"} .fa-television:before,.fa-tv:before{content:"\f26c"} .fa-contao:before{content:"\f26d"} .fa-500px:before{content:"\f26e"} .fa-amazon:before{content:"\f270"} .fa-calendar-plus-o:before{content:"\f271"} .fa-calendar-minus-o:before{content:"\f272"} .fa-calendar-times-o:before{content:"\f273"} .fa-calendar-check-o:before{content:"\f274"} .fa-industry:before{content:"\f275"} .fa-map-pin:before{content:"\f276"} .fa-map-signs:before{content:"\f277"} .fa-map-o:before{content:"\f278"} .fa-map:before{content:"\f279"} .fa-commenting:before{content:"\f27a"} .fa-commenting-o:before{content:"\f27b"} .fa-houzz:before{content:"\f27c"} .fa-vimeo:before{content:"\f27d"} .fa-black-tie:before{content:"\f27e"} .fa-fonticons:before{content:"\f280"} .fa-reddit-alien:before{content:"\f281"} .fa-edge:before{content:"\f282"} .fa-credit-card-alt:before{content:"\f283"} .fa-codiepie:before{content:"\f284"} .fa-modx:before{content:"\f285"} .fa-fort-awesome:before{content:"\f286"} .fa-usb:before{content:"\f287"} .fa-product-hunt:before{content:"\f288"} .fa-mixcloud:before{content:"\f289"} .fa-scribd:before{content:"\f28a"} .fa-pause-circle:before{content:"\f28b"} .fa-pause-circle-o:before{content:"\f28c"} .fa-stop-circle:before{content:"\f28d"} .fa-stop-circle-o:before{content:"\f28e"} .fa-shopping-bag:before{content:"\f290"} .fa-shopping-basket:before{content:"\f291"} .fa-hashtag:before{content:"\f292"} .fa-bluetooth:before{content:"\f293"} .fa-bluetooth-b:before{content:"\f294"} .fa-percent:before{content:"\f295"} .fa-gitlab:before{content:"\f296"} .fa-wpbeginner:before{content:"\f297"} .fa-wpforms:before{content:"\f298"} .fa-envira:before{content:"\f299"} .fa-universal-access:before{content:"\f29a"} .fa-wheelchair-alt:before{content:"\f29b"} .fa-question-circle-o:before{content:"\f29c"} .fa-blind:before{content:"\f29d"} .fa-audio-description:before{content:"\f29e"} .fa-volume-control-phone:before{content:"\f2a0"} .fa-braille:before{content:"\f2a1"} .fa-assistive-listening-systems:before{content:"\f2a2"} .fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before{content:"\f2a3"} .fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before{content:"\f2a4"} .fa-glide:before{content:"\f2a5"} .fa-glide-g:before{content:"\f2a6"} .fa-sign-language:before,.fa-signing:before{content:"\f2a7"} .fa-low-vision:before{content:"\f2a8"} .fa-viadeo:before{content:"\f2a9"} .fa-viadeo-square:before{content:"\f2aa"} .fa-snapchat:before{content:"\f2ab"} .fa-snapchat-ghost:before{content:"\f2ac"} .fa-snapchat-square:before{content:"\f2ad"} .fa-pied-piper:before{content:"\f2ae"} .fa-first-order:before{content:"\f2b0"} .fa-yoast:before{content:"\f2b1"} .fa-themeisle:before{content:"\f2b2"} .fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"} .fa-fa:before,.fa-font-awesome:before{content:"\f2b4"} .fa-handshake-o:before{content:"\f2b5"} .fa-envelope-open:before{content:"\f2b6"} .fa-envelope-open-o:before{content:"\f2b7"} .fa-linode:before{content:"\f2b8"} .fa-address-book:before{content:"\f2b9"} .fa-address-book-o:before{content:"\f2ba"} .fa-address-card:before,.fa-vcard:before{content:"\f2bb"} .fa-address-card-o:before,.fa-vcard-o:before{content:"\f2bc"} .fa-user-circle:before{content:"\f2bd"} .fa-user-circle-o:before{content:"\f2be"} .fa-user-o:before{content:"\f2c0"} .fa-id-badge:before{content:"\f2c1"} .fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"} .fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"} .fa-quora:before{content:"\f2c4"} .fa-free-code-camp:before{content:"\f2c5"} .fa-telegram:before{content:"\f2c6"} .fa-thermometer-4:before,.fa-thermometer-full:before,.fa-thermometer:before{content:"\f2c7"} .fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"} .fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"} .fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"} .fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"} .fa-shower:before{content:"\f2cc"} .fa-bath:before,.fa-bathtub:before,.fa-s15:before{content:"\f2cd"} .fa-podcast:before{content:"\f2ce"} .fa-window-maximize:before{content:"\f2d0"} .fa-window-minimize:before{content:"\f2d1"} .fa-window-restore:before{content:"\f2d2"} .fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"} .fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"} .fa-bandcamp:before{content:"\f2d5"} .fa-grav:before{content:"\f2d6"} .fa-etsy:before{content:"\f2d7"} .fa-imdb:before{content:"\f2d8"} .fa-ravelry:before{content:"\f2d9"} .fa-eercast:before{content:"\f2da"} .fa-microchip:before{content:"\f2db"} .fa-snowflake-o:before{content:"\f2dc"} .fa-superpowers:before{content:"\f2dd"} .fa-wpexplorer:before{content:"\f2de"} .fa-meetup:before{content:"\f2e0"} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} .sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /*========================================== 全局样式 ================================================*/ *{margin:0;padding:0;outline:none;box-sizing:border-box;font-family:cg,'Microsoft Yahei',-apple-system,PingFang SC,Helvetica Neue,Helvetica,Tahoma,Arial,SimHei,\5FAE\8F6F\96C5\9ED1,sans-serif;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */} html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/} body{font-size:12px;} dt + dd{margin-top:0;} input,textarea,select,button{color:#666;vertical-align:middle;outline:none;resize:none;} .fl{float:left;} .fr{float:right;} ul,li,dl,dt,dd{list-style:none;margin:0;padding:0;} ul > li > ul,ul > li > ol,ol > li > ol,ol > li > ul{margin:0;} table{background-color:#eee;} td,th{background-color:#fff;padding:10px;} a,a:hover{text-decoration:none;} a{color:#333;} a:hover{color:#1478ef;} img{vertical-align:middle;border:none;max-width:100%;line-height:100%;} p{margin:0;padding:0;} h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal;} [class^="bk"]{line-height:0px;display:block;font-size:0;clear:both;} input,textarea{color:#666;vertical-align:middle;outline:none;resize:none;} .bk0{height:0;} .bk10{height:10px;} .bk15{height:15px;} .bk20{height:20px;} .bk30{height:30px;} .bk35{height:35px;} .bk40{height:40px;} .bk50{height:50px;} .bk55{height:55px;} .bk60{height:60px;} .bk70{height:70px;} .bk75{height:75px;} .bk80{height:80px;} a,button,input{outline:none;} /*主导航菜单*/ #nav-menu{height:63px; width:1200px;margin:0 auto;} #nav-menu .container{position:relative;overflow:visible; z-index:99;} #nav-menu .menu{padding:0 0 0 14px;} #nav-menu .menu li{position:relative;float:left; width:10.3%; text-align:center;} #nav-menu .menu li:last-child{ width:7%;} #nav-menu .menu li h3{font-weight:normal;display:inline-block;float:left;} #nav-menu .menu li a.xialaguang{ display:inline-block;color:#FFF;height:63px;text-decoration:none;font-size:14px;width:100px;text-align:center;} #nav-menu .menu li a.selected,#nav-menu .menu li a.navhover,#nav-menu .menu li a.xialaguang:hover{color:#1a529c;} #nav-menu .menu li a.navhover, #nav-menu .menu li a.xialaguang:hover{background-color:#FFF;} #nav-menu .menu li a.xialaguang span{height:63px; display:block; color: #333; text-transform: uppercase; display: block; position: relative; font-size: 17px; border-bottom: solid 3px rgba(0,0,0,0); line-height: 60px;} #nav-menu .menu li:hover a.xialaguang span{ color: #2872db; border-bottom:solid 3px #2872db; } #nav-menu .menu li a.selected span,#nav-menu .menu li a.navhover span,#nav-menu .menu li a.xialaguang:hover span{cursor:pointer;} #nav-menu .menu li a.navhover span, #nav-menu .menu li a.xialaguang:hover span{width:100px;} #nav-menu .menu ul.children{z-index: 999;display:none;position:absolute;top:63px;left:0;width:100%;background:#FFF; line-height:normal; -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 10%); -moz-box-shadow: 0 0 20px rgba(0,0,0,.1); box-shadow: 0 0 20px rgb(0 0 0 / 10%);} #nav-menu .menu li:first-child+li+li ul.children{ width:255px;} #nav-menu .menu li:first-child+li+li+li ul.children{ width:166px;} #nav-menu .menu ul.children li{ text-align:center;width:100%;padding:0px; border-top:1px solid #ccc; padding:0 20px;} #nav-menu .menu ul.children li h3{display:block; width:100%;} #nav-menu .menu ul.children li a{width:100%;height:50px;line-height:50px;overflow:hidden; display:block;color:#333333;text-align:center; text-decoration:none; font-size:15px;} #nav-menu .menu ul.children li a:hover{ color:#2872db;} .head_nav .box{ height: 63px; border-top: solid 1px #ddd; width:100%;} .head_nav { width:100%; background:#fff; height:63px; transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;} .mini .head_nav { position:fixed; left:0; top:0; z-index:99; transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;} .mini .head_nav .box { border-top:none; border-bottom: solid 1px #ddd;} #nav-menu .menu .on a.xialaguang span { color: #2872db;border-bottom:solid 3px #2872db; } #nav-menu .active2 li:first-child+li a.xialaguang span {color:#1478ef; border-bottom: solid 3px #1478ef;} #nav-menu .active3 li:first-child+li a.xialaguang span {color:#1478ef; border-bottom: solid 3px #1478ef;} #nav-menu .active4 li:first-child+li+li a.xialaguang span {color:#1478ef; border-bottom: solid 3px #1478ef;} #nav-menu .active5 li:first-child+li+li a.xialaguang span {color:#1478ef; border-bottom: solid 3px #1478ef;} #nav-menu .active6 li:first-child+li+li+li a.xialaguang span {color:#1478ef; border-bottom: solid 3px #1478ef;} #nav-menu .active7 li:first-child+li+li+li+li a.xialaguang span {color:#1478ef; border-bottom: solid 3px #1478ef;} #nav-menu .active8 li:first-child+li+li+li+li+li a.xialaguang span {color:#1478ef; border-bottom: solid 3px #1478ef;} #nav-menu .active9 li:first-child+li+li+li+li+li+li a.xialaguang span {color:#1478ef; border-bottom: solid 3px #1478ef;} #nav-menu .active10 li:first-child+li+li+li+li+li+li a.xialaguang span {color:#1478ef; border-bottom: solid 3px #1478ef;} #nav-menu .active11 li:first-child+li+li+li+li+li+li a.xialaguang span {color:#1478ef; border-bottom: solid 3px #1478ef;} #nav-menu .active12 li:first-child+li+li+li+li+li+li a.xialaguang span {color:#1478ef; border-bottom: solid 3px #1478ef;} #nav-menu .active13 li:first-child+li+li+li+li+li+li a.xialaguang span {color:#1478ef; border-bottom: solid 3px #1478ef;} #nav-menu .active14 li:first-child+li+li+li+li+li+li a.xialaguang span {color:#1478ef; border-bottom: solid 3px #1478ef;} #nav-menu .active15 li:first-child+li+li+li+li+li+li+li a.xialaguang span {color:#1478ef; border-bottom: solid 3px #1478ef;} #nav-menu .active16 li:first-child+li+li+li+li+li+li+li+li a.xialaguang span {color:#1478ef; border-bottom: solid 3px #1478ef;} /*========================================== 全局样式 END ================================================*/ /*========================================== 表单提交提示弹窗 ================================================*/ .tips-bg{width:100%;height:100%;position:fixed;z-index:99955599;background-color:#000;opacity:0.6;top:0;left:0;} #tips{background-color:#fff;position:fixed;left:0;right:0;top:0;bottom:0;margin:auto;z-index:999555998;overflow:hidden;} #tips div{overflow:hidden;position:relative;color:#666;font-size:14px;height:100%;} #tips div .btn{display:block;position:absolute;bottom:20px;right:20px;width:60px;height:30px;background-color:#1478ef;color:#fff;line-height:30px;text-align:center;cursor:pointer;} #tips h1{font-size:18px;margin-bottom:10px;color:#333;font-weight:normal;} /*========================================== 客服 ================================================*/ .kefu { position:fixed; z-index: 9999; right: 10px;top: 300px; } .kefu ul li a { display:block; line-height: 30px; width: 70px; height: 70px;background-color: #2872db; margin-bottom: 2px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; position: relative;} .kefu ul li a:hover { background-color: #2f2f2f;} .kefu ul li a img { margin:10px 0 0;} .kefu ul li a p { color:#ffff} .kefu ul .kefu_wx a dl { width:116px; position:absolute; left:-117px; top:0; border:1px solid #eee; padding:10px; display:none; background:#fff; } .kefu ul .kefu_wx:hover a dl { display:block; } .kefu ul .kefu_wx a dl dd img { width:100%; display:block; margin:0 0 5px 0;} .kefu ul .kefu_wx a dl dd:last-child { color: #555; text-align: center;font-size: 15px;} .kefu ul .kefu_dh a dl { display:none; width:148px; position:absolute; left:-149px; top:0; border-radius:5px; height:70px; line-height:70px; text-align:center; color:#fff; font-size:18px; font-weight:bold; background:#2872db; } .kefu ul .kefu_dh:hover a dl { display:block; } .kefu ul .kefu_fh a #goTopBtn { width: 70px; height: 70px; color:#fff} /* =============== jquery.liMarquee.js 滚动样式 ================ */ /*Plugin CSS*/ .str_wrap{overflow:hidden;//zoom:1;width:100%;font-size:12px;line-height:16px;position:relative;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;} .str_wrap.str_active{background:#f1f1f1;} .str_move{white-space:nowrap;position:absolute;top:0;left:0;cursor:move;} .str_move_clone{display:inline-block;//display:inline;//zoom:1;vertical-align:top;position:absolute;left:100%;top:0;} .str_vertical .str_move_clone{left:0;top:100%;} .str_down .str_move_clone{left:0;bottom:100%;} .str_vertical .str_move,.str_down .str_move{white-space:normal;width:100%;} .str_static .str_move,.no_drag .str_move,.noStop .str_move{cursor:inherit;} .str_wrap img{max-width:none!important;} .clearfix::after{display:block;clear:both;content:'';} .container{margin:0 auto;} .container::after{content:'';display:block;clear:both;} .container{width:98%;} @media (min-width:768px){ .container{width:640px;} } @media (min-width:992px){ .container{width:992px;} } @media (min-width:1200px){ .container{width:1200px;} } /*@media (min-width:1400px){ .container{width:1400px;} } @media (min-width:1600px){ .container{width:1600px;} }*/ .row::after,.row::before{display:block;clear:both;content:''} .col-lg1,.col-lg10,.col-lg11,.col-lg12,.col-lg2,.col-lg3,.col-lg4,.col-lg5,.col-lg6,.col-lg7,.col-lg8,.col-lg9,.col-md1,.col-md10,.col-md11,.col-md12,.col-md2,.col-md3,.col-md4,.col-md5,.col-md6,.col-md7,.col-md8,.col-md9,.col-sm1,.col-sm10,.col-sm11,.col-sm12,.col-sm2,.col-sm3,.col-sm4,.col-sm5,.col-sm6,.col-sm7,.col-sm8,.col-sm9,.col-xs1,.col-xs10,.col-xs11,.col-xs12,.col-xs2,.col-xs3,.col-xs4,.col-xs5,.col-xs6,.col-xs7,.col-xs8,.col-xs9{position:relative;display:block;padding:0 10px} @media screen and (min-width:1200px){ .row{margin:0 -15px} .col-lg1,.col-lg10,.col-lg11,.col-lg12,.col-lg2,.col-lg3,.col-lg4,.col-lg5,.col-lg6,.col-lg7,.col-lg8,.col-lg9,.col-md1,.col-md10,.col-md11,.col-md12,.col-md2,.col-md3,.col-md4,.col-md5,.col-md6,.col-md7,.col-md8,.col-md9,.col-sm1,.col-sm10,.col-sm11,.col-sm12,.col-sm2,.col-sm3,.col-sm4,.col-sm5,.col-sm6,.col-sm7,.col-sm8,.col-sm9,.col-xs1,.col-xs10,.col-xs11,.col-xs12,.col-xs2,.col-xs3,.col-xs4,.col-xs5,.col-xs6,.col-xs7,.col-xs8,.col-xs9{position:relative;display:block;padding:0 15px} } .col-xs1,.col-xs10,.col-xs11,.col-xs12,.col-xs2,.col-xs3,.col-xs4,.col-xs5,.col-xs6,.col-xs7,.col-xs8,.col-xs9{float:left} .col-xs1{width:8.33333333%} .col-xs2{width:16.66666667%} .col-xs3{width:25%} .col-xs4{width:33.33333333%} .col-xs5{width:41.66666667%} .col-xs6{width:50%} .col-xs7{width:58.33333333%} .col-xs8{width:66.66666667%} .col-xs9{width:75%} .col-xs10{width:83.33333333%} .col-xs11{width:91.66666667%} .col-xs12{width:100%} .col-xs-offset1{margin-left:8.33333333%} .col-xs-offset2{margin-left:16.66666667%} .col-xs-offset3{margin-left:25%} .col-xs-offset4{margin-left:33.33333333%} .col-xs-offset5{margin-left:41.66666667%} .col-xs-offset6{margin-left:50%} .col-xs-offset7{margin-left:58.33333333%} .col-xs-offset8{margin-left:66.66666667%} .col-xs-offset9{margin-left:75%} .col-xs-offset10{margin-left:83.33333333%} .col-xs-offset11{margin-left:91.66666667%} .col-xs-offset12{margin-left:100%} .list-shop ul{} .list-shop li{width: 100%;margin-bottom: 20px;} .list-shop li .box{font-size: 14px;} .list-shop li .box img{border:solid 1px #ddd;} .list-shop li .h5{font-size:22px;color:#222;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;padding:20px 0 10px;position:relative;z-index:30;} .list-shop li .box .h5 a{color:#1478ef;font-weight:bold;} .list-shop li .box:hover .h5 a{color:#1478ef;text-decoration:underline;} .list-shop li .box .text{background-color:#fff;padding:20px 0;} .list-shop li p{font-size:14px;color:#666;line-height:30px;position:relative;z-index:30;margin-bottom:30px;text-indent:2em;} .list-shop li .box .btn{width:50%;line-height:50px;display:block;float:left;font-size:16px;text-align:center;background-color:#1478ef;color:#fff;} .list-shop li .box .btn:last-child{background-color:#333;} .list-shop li .box .btn i{margin-right:10px;} .list-shop li .box .btn:hover{background-color:#ffae00;} .probox{position: relative;padding-bottom: 40px;} .probox .swiper-pagination-bullet{width: 12px;height: 12px;} @media screen and (min-width:768px){ .col-sm1,.col-sm10,.col-sm11,.col-sm12,.col-sm2,.col-sm3,.col-sm4,.col-sm5,.col-sm6,.col-sm7,.col-sm8,.col-sm9{float:left} .col-sm1{width:8.33333333%} .col-sm2{width:16.66666667%} .col-sm3{width:25%} .col-sm4{width:33.33333333%} .col-sm5{width:41.66666667%} .col-sm6{width:50%} .col-sm7{width:58.33333333%} .col-sm8{width:66.66666667%} .col-sm9{width:75%} .col-sm10{width:83.33333333%} .col-sm11{width:91.66666667%} .col-sm12{width:100%} .col-sm-offset1{margin-left:8.33333333%} .col-sm-offset2{margin-left:16.66666667%} .col-sm-offset3{margin-left:25%} .col-sm-offset4{margin-left:33.33333333%} .col-sm-offset5{margin-left:41.66666667%} .col-sm-offset6{margin-left:50%} .col-sm-offset7{margin-left:58.33333333%} .col-sm-offset8{margin-left:66.66666667%} .col-sm-offset9{margin-left:75%} .col-sm-offset10{margin-left:83.33333333%} .col-sm-offset11{margin-left:91.66666667%} .col-sm-offset12{margin-left:100%} } @media screen and (min-width:992px){ .col-md1,.col-md10,.col-md11,.col-md12,.col-md2,.col-md3,.col-md4,.col-md5,.col-md6,.col-md7,.col-md8,.col-md9{float:left} .col-md1{width:8.33333333%} .col-md2{width:16.66666667%} .col-md3{width:25%} .col-md4{width:33.33333333%} .col-md5{width:41.66666667%} .col-md6{width:50%} .col-md7{width:58.33333333%} .col-md8{width:66.66666667%} .col-md9{width:75%} .col-md10{width:83.33333333%} .col-md11{width:91.66666667%} .col-md12{width:100%} .col-md-offset1{margin-left:8.33333333%} .col-md-offset2{margin-left:16.66666667%} .col-md-offset3{margin-left:25%} .col-md-offset4{margin-left:33.33333333%} .col-md-offset5{margin-left:41.66666667%} .col-md-offset6{margin-left:50%} .col-md-offset7{margin-left:58.33333333%} .col-md-offset8{margin-left:66.66666667%} .col-md-offset9{margin-left:75%} .col-md-offset10{margin-left:83.33333333%} .col-md-offset11{margin-left:91.66666667%} .col-md-offset12{margin-left:100%} } @media screen and (min-width:1200px){ .col-lg1,.col-lg10,.col-lg11,.col-lg12,.col-lg2,.col-lg3,.col-lg4,.col-lg5,.col-lg6,.col-lg7,.col-lg8,.col-lg9{float:left} .col-lg1{width:8.33333333%} .col-lg2{width:16.66666667%} .col-lg3{width:25%} .col-lg4{width:33.33333333%} .col-lg5{width:41.66666667%} .col-lg6{width:46%} .col-lg7{width:58.33333333%} .col-lg8{width:66.66666667%} .col-lg9{width:75%} .col-lg10{width:83.33333333%} .col-lg11{width:91.66666667%} .col-lg12{width:100%} .col-lg-offset1{margin-left:8.33333333%} .col-lg-offset2{margin-left:16.66666667%} .col-lg-offset3{margin-left:25%} .col-lg-offset4{margin-left:33.33333333%} .col-lg-offset5{margin-left:41.66666667%} .col-lg-offset6{margin-left:50%} .col-lg-offset7{margin-left:58.33333333%} .col-lg-offset8{margin-left:66.66666667%} .col-lg-offset9{margin-left:75%} .col-lg-offset10{margin-left:83.33333333%} .col-lg-offset11{margin-left:91.66666667%} .col-lg-offset12{margin-left:100%} } .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px} .no-gutters{margin-right:0;margin-left:0} .no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0} .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xxl-1,.col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9,.col-xl-auto,.row-cols-1>*,.row-cols-2>*,.row-cols-3>*,.row-cols-4>*,.row-cols-5>*,.row-cols-sm-1>*,.row-cols-sm-2>*,.row-cols-sm-3>*,.row-cols-sm-4>*,.row-cols-sm-5>*,.row-cols-md-1>*,.row-cols-md-2>*,.row-cols-md-3>*,.row-cols-md-4>*,.row-cols-md-5>*,.row-cols-lg-1>*,.row-cols-lg-2>*,.row-cols-lg-3>*,.row-cols-lg-4>*,.row-cols-lg-5>*,.row-cols-xl-1>*,.row-cols-xl-2>*,.row-cols-xl-3>*,.row-cols-xl-4>*,.row-cols-xl-5>*{position:relative;width:100%;padding-right:5px;padding-left:5px} @media (min-width:992px) { .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px} .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xxl-1,.col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9,.col-xl-auto,.row-cols-1>*,.row-cols-2>*,.row-cols-3>*,.row-cols-4>*,.row-cols-5>*,.row-cols-sm-1>*,.row-cols-sm-2>*,.row-cols-sm-3>*,.row-cols-sm-4>*,.row-cols-sm-5>*,.row-cols-md-1>*,.row-cols-md-2>*,.row-cols-md-3>*,.row-cols-md-4>*,.row-cols-md-5>*,.row-cols-lg-1>*,.row-cols-lg-2>*,.row-cols-lg-3>*,.row-cols-lg-4>*,.row-cols-lg-5>*,.row-cols-xl-1>*,.row-cols-xl-2>*,.row-cols-xl-3>*,.row-cols-xl-4>*,.row-cols-xl-5>*{position:relative;width:100%;padding-right:15px;padding-left:15px} } .col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%} .row-cols-1>*{width: 100%;max-width:100%} .row-cols-2>*{width: 50%;max-width:50%} .row-cols-3>*{width: 33.333333%;max-width:33.333333%} .row-cols-4>*{width: 25%;max-width:25%} .row-cols-5>*{width: 20%;max-width:20%} .row-cols-6>*{width: 16.666667%;max-width:16.666667%} .col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%} .col-1{width: 8.333333%;max-width:8.333333%} .col-2{width: 16.666667%;max-width:16.666667%} .col-3{width: 25%;max-width:25%} .col-4{width: 33.333333%;max-width:33.333333%} .col-5{width: 41.666667%;max-width:41.666667%} .col-6{width: 50%;max-width:50%} .col-7{width: 58.333333%;max-width:58.333333%} .col-8{width: 66.666667em;max-width:66.666667%} .col-9{width: 75%;max-width:75%} .col-10{width: 83.333333%;max-width:83.333333%} .col-11{width: 91.666667%;max-width:91.666667%} .col-12{width: 100%;max-width:100%} .order-first{-ms-flex-order:-1;order:-1} .order-last{-ms-flex-order:13;order:13} .order-0{-ms-flex-order:0;order:0} .order-1{-ms-flex-order:1;order:1} .order-2{-ms-flex-order:2;order:2} .order-3{-ms-flex-order:3;order:3} .order-4{-ms-flex-order:4;order:4} .order-5{-ms-flex-order:5;order:5} .order-6{-ms-flex-order:6;order:6} .order-7{-ms-flex-order:7;order:7} .order-8{-ms-flex-order:8;order:8} .order-9{-ms-flex-order:9;order:9} .order-10{-ms-flex-order:10;order:10} .order-11{-ms-flex-order:11;order:11} .order-12{-ms-flex-order:12;order:12} .offset-1{margin-left:8.333333%} .offset-2{margin-left:16.666667%} .offset-3{margin-left:25%} .offset-4{margin-left:33.333333%} .offset-5{margin-left:41.666667%} .offset-6{margin-left:50%} .offset-7{margin-left:58.333333%} .offset-8{margin-left:66.666667%} .offset-9{margin-left:75%} .offset-10{margin-left:83.333333%} .offset-11{margin-left:91.666667%} @media (min-width:576px){ .col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%} .row-cols-sm-1>*{width: 100%;max-width:100%} .row-cols-sm-2>*{width: 50%;max-width:50%} .row-cols-sm-3>*{width: 33.333333%;max-width:33.333333%} .row-cols-sm-4>*{width: 25%;max-width:25%} .row-cols-sm-5>*{width: 20%;max-width:20%} .row-cols-sm-6>*{width: 16.666667%;max-width:16.666667%} .col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%} .col-sm-1{width: 8.333333%;max-width:8.333333%} .col-sm-2{width: 16.666667%;max-width:16.666667%} .col-sm-3{width: 25%;max-width:25%} .col-sm-4{width: 33.333333%;max-width:33.333333%} .col-sm-5{width: 41.666667%;max-width:41.666667%} .col-sm-6{width: 50%;max-width:50%} .col-sm-7{width: 58.333333%;max-width:58.333333%} .col-sm-8{width: ;max-width:66.666667%} .col-sm-9{width: 75%;max-width:75%} .col-sm-10{width: 83.333333%;max-width:83.333333%} .col-sm-11{width: 91.666667%;max-width:91.666667%} .col-sm-12{width: 100%;max-width:100%} .order-sm-first{-ms-flex-order:-1;order:-1} .order-sm-last{-ms-flex-order:13;order:13} .order-sm-0{-ms-flex-order:0;order:0} .order-sm-1{-ms-flex-order:1;order:1} .order-sm-2{-ms-flex-order:2;order:2} .order-sm-3{-ms-flex-order:3;order:3} .order-sm-4{-ms-flex-order:4;order:4} .order-sm-5{-ms-flex-order:5;order:5} .order-sm-6{-ms-flex-order:6;order:6} .order-sm-7{-ms-flex-order:7;order:7} .order-sm-8{-ms-flex-order:8;order:8} .order-sm-9{-ms-flex-order:9;order:9} .order-sm-10{-ms-flex-order:10;order:10} .order-sm-11{-ms-flex-order:11;order:11} .order-sm-12{-ms-flex-order:12;order:12} .offset-sm-0{margin-left:0} .offset-sm-1{margin-left:8.333333%} .offset-sm-2{margin-left:16.666667%} .offset-sm-3{margin-left:25%} .offset-sm-4{margin-left:33.333333%} .offset-sm-5{margin-left:41.666667%} .offset-sm-6{margin-left:50%} .offset-sm-7{margin-left:58.333333%} .offset-sm-8{margin-left:66.666667%} .offset-sm-9{margin-left:75%} .offset-sm-10{margin-left:83.333333%} .offset-sm-11{margin-left:91.666667%} } @media (min-width:768px){ .col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%} .row-cols-md-1>*{width: 100%;max-width:100%} .row-cols-md-2>*{width: 50%;max-width:50%} .row-cols-md-3>*{width: 33.333333%;max-width:33.333333%} .row-cols-md-4>*{width: 25%;max-width:25%} .row-cols-md-5>*{width: 20%;max-width:20%} .row-cols-md-6>*{width: 16.666667%;max-width:16.666667%} .col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%} .col-md-1{width: 8.333333%;max-width:8.333333%} .col-md-2{width: 16.666667%;max-width:16.666667%} .col-md-3{width: 25%;max-width:25%} .col-md-4{width: 33.333333%;max-width:33.333333%} .col-md-5{width: 41.666667%;max-width:41.666667%} .col-md-6{width: 50%;max-width:50%} .col-md-7{width: 58.333333%;max-width:58.333333%} .col-md-8{width: ;max-width:66.666667%} .col-md-9{width: 75%;max-width:75%} .col-md-10{width: 83.333333%;max-width:83.333333%} .col-md-11{width: 91.666667%;max-width:91.666667%} .col-md-12{width: 100%;max-width:100%} .order-md-first{-ms-flex-order:-1;order:-1} .order-md-last{-ms-flex-order:13;order:13} .order-md-0{-ms-flex-order:0;order:0} .order-md-1{-ms-flex-order:1;order:1} .order-md-2{-ms-flex-order:2;order:2} .order-md-3{-ms-flex-order:3;order:3} .order-md-4{-ms-flex-order:4;order:4} .order-md-5{-ms-flex-order:5;order:5} .order-md-6{-ms-flex-order:6;order:6} .order-md-7{-ms-flex-order:7;order:7} .order-md-8{-ms-flex-order:8;order:8} .order-md-9{-ms-flex-order:9;order:9} .order-md-10{-ms-flex-order:10;order:10} .order-md-11{-ms-flex-order:11;order:11} .order-md-12{-ms-flex-order:12;order:12} .offset-md-0{margin-left:0} .offset-md-1{margin-left:8.333333%} .offset-md-2{margin-left:16.666667%} .offset-md-3{margin-left:25%} .offset-md-4{margin-left:33.333333%} .offset-md-5{margin-left:41.666667%} .offset-md-6{margin-left:50%} .offset-md-7{margin-left:58.333333%} .offset-md-8{margin-left:66.666667%} .offset-md-9{margin-left:75%} .offset-md-10{margin-left:83.333333%} .offset-md-11{margin-left:91.666667%} } @media (min-width:992px){ .col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%} .row-cols-lg-1>*{width: 100%;max-width:100%} .row-cols-lg-2>*{width: 50%;max-width:50%} .row-cols-lg-3>*{width: 33.333333%;max-width:33.333333%} .row-cols-lg-4>*{width: 25%;max-width:25%} .row-cols-lg-5>*{width: 20%;max-width:20%} .row-cols-lg-6>*{width: 16.666667%;max-width:16.666667%} .col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%} .col-lg-1{width: 8.333333%;max-width:8.333333%} .col-lg-2{width: 16.666667%;max-width:16.666667%} .col-lg-3{width: 25%;max-width:25%} .col-lg-4{width: 33.333333%;max-width:33.333333%} .col-lg-5{width: 41.666667%;max-width:41.666667%} .col-lg-6{width: 50%;max-width:50%} .col-lg-7{width: 58.333333%;max-width:58.333333%} .col-lg-8{width: ;max-width:66.666667%} .col-lg-9{width: 75%;max-width:75%} .col-lg-10{width: 83.333333%;max-width:83.333333%} .col-lg-11{width: 91.666667%;max-width:91.666667%} .col-lg-12{width: 100%;max-width:100%} .order-lg-first{-ms-flex-order:-1;order:-1} .order-lg-last{-ms-flex-order:13;order:13} .order-lg-0{-ms-flex-order:0;order:0} .order-lg-1{-ms-flex-order:1;order:1} .order-lg-2{-ms-flex-order:2;order:2} .order-lg-3{-ms-flex-order:3;order:3} .order-lg-4{-ms-flex-order:4;order:4} .order-lg-5{-ms-flex-order:5;order:5} .order-lg-6{-ms-flex-order:6;order:6} .order-lg-7{-ms-flex-order:7;order:7} .order-lg-8{-ms-flex-order:8;order:8} .order-lg-9{-ms-flex-order:9;order:9} .order-lg-10{-ms-flex-order:10;order:10} .order-lg-11{-ms-flex-order:11;order:11} .order-lg-12{-ms-flex-order:12;order:12} .offset-lg-0{margin-left:0} .offset-lg-1{margin-left:8.333333%} .offset-lg-2{margin-left:16.666667%} .offset-lg-3{margin-left:25%} .offset-lg-4{margin-left:33.333333%} .offset-lg-5{margin-left:41.666667%} .offset-lg-6{margin-left:50%} .offset-lg-7{margin-left:58.333333%} .offset-lg-8{margin-left:66.666667%} .offset-lg-9{margin-left:75%} .offset-lg-10{margin-left:83.333333%} .offset-lg-11{margin-left:91.666667%} } @media (min-width:1200px){ .col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%} .row-cols-xl-1>*{width: 100%;max-width:100%} .row-cols-xl-2>*{width: 50%;max-width:50%} .row-cols-xl-3>*{width: 33.333333%;max-width:33.333333%} .row-cols-xl-4>*{width: 25%;max-width:25%} .row-cols-xl-5>*{width: 20%;max-width:20%} .row-cols-xl-6>*{width: 16.666667%;max-width:16.666667%} .col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%} .col-xl-1{width: 8.333333%;max-width:8.333333%} .col-xl-2{width: 16.666667%;max-width:16.666667%} .col-xl-3{width: 25%;max-width:25%} .col-xl-4{width: 33.333333%;max-width:33.333333%} .col-xl-5{width: 41.666667%;max-width:41.666667%} .col-xl-6{width: 50%;max-width:50%} .col-xl-7{width: 58.333333%;max-width:58.333333%} .col-xl-8{width: ;max-width:66.666667%} .col-xl-9{width: 75%;max-width:75%} .col-xl-10{width: 83.333333%;max-width:83.333333%} .col-xl-11{width: 91.666667%;max-width:91.666667%} .col-xl-12{width: 100%;max-width:100%} .order-xl-first{-ms-flex-order:-1;order:-1} .order-xl-last{-ms-flex-order:13;order:13} .order-xl-0{-ms-flex-order:0;order:0} .order-xl-1{-ms-flex-order:1;order:1} .order-xl-2{-ms-flex-order:2;order:2} .order-xl-3{-ms-flex-order:3;order:3} .order-xl-4{-ms-flex-order:4;order:4} .order-xl-5{-ms-flex-order:5;order:5} .order-xl-6{-ms-flex-order:6;order:6} .order-xl-7{-ms-flex-order:7;order:7} .order-xl-8{-ms-flex-order:8;order:8} .order-xl-9{-ms-flex-order:9;order:9} .order-xl-10{-ms-flex-order:10;order:10} .order-xl-11{-ms-flex-order:11;order:11} .order-xl-12{-ms-flex-order:12;order:12} .offset-xl-0{margin-left:0} .offset-xl-1{margin-left:8.333333%} .offset-xl-2{margin-left:16.666667%} .offset-xl-3{margin-left:25%} .offset-xl-4{margin-left:33.333333%} .offset-xl-5{margin-left:41.666667%} .offset-xl-6{margin-left:50%} .offset-xl-7{margin-left:58.333333%} .offset-xl-8{margin-left:66.666667%} .offset-xl-9{margin-left:75%} .offset-xl-10{margin-left:83.333333%} .offset-xl-11{margin-left:91.666667%} } @media (min-width:1400px){ .col-xxl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%} .row-cols-xxl-1>*{width: 100%;max-width:100%} .row-cols-xxl-2>*{width: 50%;max-width:50%} .row-cols-xxl-3>*{width: 33.333333%;max-width:33.333333%} .row-cols-xxl-4>*{width: 25%;max-width:25%} .row-cols-xxl-5>*{width: 20%;max-width:20%} .row-cols-xxl-6>*{width: 16.666667%;max-width:16.666667%} .col-xxl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%} .col-xxl-1{width: 8.333333%;max-width:8.333333%} .col-xxl-2{width: 16.666667%;max-width:16.666667%} .col-xxl-3{width: 25%;max-width:25%} .col-xxl-4{width: 33.333333%;max-width:33.333333%} .col-xxl-5{width: 41.666667%;max-width:41.666667%} .col-xxl-6{width: 50%;max-width:50%} .col-xxl-7{width: 58.333333%;max-width:58.333333%} .col-xxl-8{width: ;max-width:66.666667%} .col-xxl-9{width: 75%;max-width:75%} .col-xxl-10{width: 83.333333%;max-width:83.333333%} .col-xxl-11{width: 91.666667%;max-width:91.666667%} .col-xxl-12{width: 100%;max-width:100%} .order-xxl-first{-ms-flex-order:-1;order:-1} .order-xxl-last{-ms-flex-order:13;order:13} .order-xxl-0{-ms-flex-order:0;order:0} .order-xxl-1{-ms-flex-order:1;order:1} .order-xxl-2{-ms-flex-order:2;order:2} .order-xxl-3{-ms-flex-order:3;order:3} .order-xxl-4{-ms-flex-order:4;order:4} .order-xxl-5{-ms-flex-order:5;order:5} .order-xxl-6{-ms-flex-order:6;order:6} .order-xxl-7{-ms-flex-order:7;order:7} .order-xxl-8{-ms-flex-order:8;order:8} .order-xxl-9{-ms-flex-order:9;order:9} .order-xxl-10{-ms-flex-order:10;order:10} .order-xxl-11{-ms-flex-order:11;order:11} .order-xxl-12{-ms-flex-order:12;order:12} .offset-xxl-0{margin-left:0} .offset-xxl-1{margin-left:8.333333%} .offset-xxl-2{margin-left:16.666667%} .offset-xxl-3{margin-left:25%} .offset-xxl-4{margin-left:33.333333%} .offset-xxl-5{margin-left:41.666667%} .offset-xxl-6{margin-left:50%} .offset-xxl-7{margin-left:58.333333%} .offset-xxl-8{margin-left:66.666667%} .offset-xxl-9{margin-left:75%} .offset-xxl-10{margin-left:83.333333%} .offset-xxl-11{margin-left:91.666667%} } .d-none{display:none!important} .d-inline{display:inline!important} .d-inline-block{display:inline-block!important} .d-block{display:block!important} .d-table{display:table!important} .d-table-row{display:table-row!important} .d-table-cell{display:table-cell!important} .d-flex{display:-ms-flexbox!important;display:flex!important} .d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important} @media (min-width:576px){ .d-sm-none{display:none!important} .d-sm-inline{display:inline!important} .d-sm-inline-block{display:inline-block!important} .d-sm-block{display:block!important} .d-sm-table{display:table!important} .d-sm-table-row{display:table-row!important} .d-sm-table-cell{display:table-cell!important} .d-sm-flex{display:-ms-flexbox!important;display:flex!important} .d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important} } @media (min-width:768px){ .d-md-none{display:none!important} .d-md-inline{display:inline!important} .d-md-inline-block{display:inline-block!important} .d-md-block{display:block!important} .d-md-table{display:table!important} .d-md-table-row{display:table-row!important} .d-md-table-cell{display:table-cell!important} .d-md-flex{display:-ms-flexbox!important;display:flex!important} .d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important} } @media (min-width:992px){ .d-lg-none{display:none!important} .d-lg-inline{display:inline!important} .d-lg-inline-block{display:inline-block!important} .d-lg-block{display:block!important} .d-lg-table{display:table!important} .d-lg-table-row{display:table-row!important} .d-lg-table-cell{display:table-cell!important} .d-lg-flex{display:-ms-flexbox!important;display:flex!important} .d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important} } @media (min-width:1200px){ .d-xl-none{display:none!important} .d-xl-inline{display:inline!important} .d-xl-inline-block{display:inline-block!important} .d-xl-block{display:block!important} .d-xl-table{display:table!important} .d-xl-table-row{display:table-row!important} .d-xl-table-cell{display:table-cell!important} .d-xl-flex{display:-ms-flexbox!important;display:flex!important} .d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important} } @media print{ .d-print-none{display:none!important} .d-print-inline{display:inline!important} .d-print-inline-block{display:inline-block!important} .d-print-block{display:block!important} .d-print-table{display:table!important} .d-print-table-row{display:table-row!important} .d-print-table-cell{display:table-cell!important} .d-print-flex{display:-ms-flexbox!important;display:flex!important} .d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important} } .flex-row{-ms-flex-direction:row!important;flex-direction:row!important} .flex-column{-ms-flex-direction:column!important;flex-direction:column!important} .flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important} .flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important} .flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important} .flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important} .flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important} .flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important} .flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important} .flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important} .flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important} .flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important} .justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important} .justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important} .justify-content-center{-ms-flex-pack:center!important;justify-content:center!important} .justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important} .justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important} .align-items-start{-ms-flex-align:start!important;align-items:flex-start!important} .align-items-end{-ms-flex-align:end!important;align-items:flex-end!important} .align-items-center{-ms-flex-align:center!important;align-items:center!important} .align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important} .align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important} .align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important} .align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important} .align-content-center{-ms-flex-line-pack:center!important;align-content:center!important} .align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important} .align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important} .align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important} .align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important} .align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important} .align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important} .align-self-center{-ms-flex-item-align:center!important;align-self:center!important} .align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important} .align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important} @media (min-width:576px){ .flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important} .flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important} .flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important} .flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important} .flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important} .flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important} .flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important} .flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important} .flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important} .flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important} .flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important} .flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important} .justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important} .justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important} .justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important} .justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important} .justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important} .align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important} .align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important} .align-items-sm-center{-ms-flex-align:center!important;align-items:center!important} .align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important} .align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important} .align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important} .align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important} .align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important} .align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important} .align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important} .align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important} .align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important} .align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important} .align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important} .align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important} .align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important} .align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important} } @media (min-width:768px){ .flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important} .flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important} .flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important} .flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important} .flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important} .flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important} .flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important} .flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important} .flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important} .flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important} .flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important} .flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important} .justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important} .justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important} .justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important} .justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important} .justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important} .align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important} .align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important} .align-items-md-center{-ms-flex-align:center!important;align-items:center!important} .align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important} .align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important} .align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important} .align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important} .align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important} .align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important} .align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important} .align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important} .align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important} .align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important} .align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important} .align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important} .align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important} .align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important} } @media (min-width:992px){ .flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important} .flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important} .flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important} .flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important} .flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important} .flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important} .flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important} .flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important} .flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important} .flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important} .flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important} .flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important} .justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important} .justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important} .justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important} .justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important} .justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important} .align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important} .align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important} .align-items-lg-center{-ms-flex-align:center!important;align-items:center!important} .align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important} .align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important} .align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important} .align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important} .align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important} .align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important} .align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important} .align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important} .align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important} .align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important} .align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important} .align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important} .align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important} .align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important} } @media (min-width:1200px){ .flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important} .flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important} .flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important} .flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important} .flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important} .flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important} .flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important} .flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important} .flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important} .flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important} .flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important} .flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important} .justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important} .justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important} .justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important} .justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important} .justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important} .align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important} .align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important} .align-items-xl-center{-ms-flex-align:center!important;align-items:center!important} .align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important} .align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important} .align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important} .align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important} .align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important} .align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important} .align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important} .align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important} .align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important} .align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important} .align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important} .align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important} .align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important} .align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important} } @media (min-width:1400px){ .flex-xxl-row{-ms-flex-direction:row!important;flex-direction:row!important} .flex-xxl-column{-ms-flex-direction:column!important;flex-direction:column!important} .flex-xxl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important} .flex-xxl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important} .flex-xxl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important} .flex-xxl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important} .flex-xxl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important} .flex-xxl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important} .flex-xxl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important} .flex-xxl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important} .flex-xxl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important} .flex-xxl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important} .justify-content-xxl-start{-ms-flex-pack:start!important;justify-content:flex-start!important} .justify-content-xxl-end{-ms-flex-pack:end!important;justify-content:flex-end!important} .justify-content-xxl-center{-ms-flex-pack:center!important;justify-content:center!important} .justify-content-xxl-between{-ms-flex-pack:justify!important;justify-content:space-between!important} .justify-content-xxl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important} .align-items-xxl-start{-ms-flex-align:start!important;align-items:flex-start!important} .align-items-xxl-end{-ms-flex-align:end!important;align-items:flex-end!important} .align-items-xxl-center{-ms-flex-align:center!important;align-items:center!important} .align-items-xxl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important} .align-items-xxl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important} .align-content-xxl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important} .align-content-xxl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important} .align-content-xxl-center{-ms-flex-line-pack:center!important;align-content:center!important} .align-content-xxl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important} .align-content-xxl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important} .align-content-xxl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important} .align-self-xxl-auto{-ms-flex-item-align:auto!important;align-self:auto!important} .align-self-xxl-start{-ms-flex-item-align:start!important;align-self:flex-start!important} .align-self-xxl-end{-ms-flex-item-align:end!important;align-self:flex-end!important} .align-self-xxl-center{-ms-flex-item-align:center!important;align-self:center!important} .align-self-xxl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important} .align-self-xxl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important} } .float-left{float:left!important} .float-right{float:right!important} .float-none{float:none!important} @media (min-width:576px){ .float-sm-left{float:left!important} .float-sm-right{float:right!important} .float-sm-none{float:none!important} } @media (min-width:768px){ .float-md-left{float:left!important} .float-md-right{float:right!important} .float-md-none{float:none!important} } @media (min-width:992px){ .float-lg-left{float:left!important} .float-lg-right{float:right!important} .float-lg-none{float:none!important} } @media (min-width:1200px){ .float-xl-left{float:left!important} .float-xl-right{float:right!important} .float-xl-none{float:none!important} } .w-25{width:25%!important} .w-50{width:50%!important} .w-75{width:75%!important} .w-100{width:100%!important} .w-auto{width:auto!important} .h-25{height:25%!important} .h-50{height:50%!important} .h-75{height:75%!important} .h-100{height:100%!important} .h-auto{height:auto!important} .mw-100{max-width:100%!important} .mh-100{max-height:100%!important} .min-vw-100{min-width:100vw!important} .min-vh-100{min-height:100vh!important} .vw-100{width:100vw!important} .vh-100{height:100vh!important} .m-0{margin:0!important} .mt-0,.my-0{margin-top:0!important} .mr-0,.mx-0{margin-right:0!important} .mb-0,.my-0{margin-bottom:0!important} .ml-0,.mx-0{margin-left:0!important} .m-1{margin:.25rem!important} .mt-1,.my-1{margin-top:.25rem!important} .mr-1,.mx-1{margin-right:.25rem!important} .mb-1,.my-1{margin-bottom:.25rem!important} .ml-1,.mx-1{margin-left:.25rem!important} .m-2{margin:.5rem!important} .mt-2,.my-2{margin-top:.5rem!important} .mr-2,.mx-2{margin-right:.5rem!important} .mb-2,.my-2{margin-bottom:.5rem!important} .ml-2,.mx-2{margin-left:.5rem!important} .m-3{margin:1rem!important} .mt-3,.my-3{margin-top:1rem!important} .mr-3,.mx-3{margin-right:1rem!important} .mb-3,.my-3{margin-bottom:1rem!important} .ml-3,.mx-3{margin-left:1rem!important} .m-4{margin:1.5rem!important} .mt-4,.my-4{margin-top:1.5rem!important} .mr-4,.mx-4{margin-right:1.5rem!important} .mb-4,.my-4{margin-bottom:1.5rem!important} .ml-4,.mx-4{margin-left:1.5rem!important} .m-5{margin:3rem!important} .mt-5,.my-5{margin-top:3rem!important} .mr-5,.mx-5{margin-right:3rem!important} .mb-5,.my-5{margin-bottom:3rem!important} .ml-5,.mx-5{margin-left:3rem!important} .p-0{padding:0!important} .pt-0,.py-0{padding-top:0!important} .pr-0,.px-0{padding-right:0!important} .pb-0,.py-0{padding-bottom:0!important} .pl-0,.px-0{padding-left:0!important} .p-1{padding:.25rem!important} .pt-1,.py-1{padding-top:.25rem!important} .pr-1,.px-1{padding-right:.25rem!important} .pb-1,.py-1{padding-bottom:.25rem!important} .pl-1,.px-1{padding-left:.25rem!important} .p-2{padding:.5rem!important} .pt-2,.py-2{padding-top:.5rem!important} .pr-2,.px-2{padding-right:.5rem!important} .pb-2,.py-2{padding-bottom:.5rem!important} .pl-2,.px-2{padding-left:.5rem!important} .p-3{padding:1rem!important} .pt-3,.py-3{padding-top:1rem!important} .pr-3,.px-3{padding-right:1rem!important} .pb-3,.py-3{padding-bottom:1rem!important} .pl-3,.px-3{padding-left:1rem!important} .p-4{padding:1.5rem!important} .pt-4,.py-4{padding-top:1.5rem!important} .pr-4,.px-4{padding-right:1.5rem!important} .pb-4,.py-4{padding-bottom:1.5rem!important} .pl-4,.px-4{padding-left:1.5rem!important} .p-5{padding:3rem!important} .pt-5,.py-5{padding-top:3rem!important} .pr-5,.px-5{padding-right:3rem!important} .pb-5,.py-5{padding-bottom:3rem!important} .pl-5,.px-5{padding-left:3rem!important} .m-n1{margin:-.25rem!important} .mt-n1,.my-n1{margin-top:-.25rem!important} .mr-n1,.mx-n1{margin-right:-.25rem!important} .mb-n1,.my-n1{margin-bottom:-.25rem!important} .ml-n1,.mx-n1{margin-left:-.25rem!important} .m-n2{margin:-.5rem!important} .mt-n2,.my-n2{margin-top:-.5rem!important} .mr-n2,.mx-n2{margin-right:-.5rem!important} .mb-n2,.my-n2{margin-bottom:-.5rem!important} .ml-n2,.mx-n2{margin-left:-.5rem!important} .m-n3{margin:-1rem!important} .mt-n3,.my-n3{margin-top:-1rem!important} .mr-n3,.mx-n3{margin-right:-1rem!important} .mb-n3,.my-n3{margin-bottom:-1rem!important} .ml-n3,.mx-n3{margin-left:-1rem!important} .m-n4{margin:-1.5rem!important} .mt-n4,.my-n4{margin-top:-1.5rem!important} .mr-n4,.mx-n4{margin-right:-1.5rem!important} .mb-n4,.my-n4{margin-bottom:-1.5rem!important} .ml-n4,.mx-n4{margin-left:-1.5rem!important} .m-n5{margin:-3rem!important} .mt-n5,.my-n5{margin-top:-3rem!important} .mr-n5,.mx-n5{margin-right:-3rem!important} .mb-n5,.my-n5{margin-bottom:-3rem!important} .ml-n5,.mx-n5{margin-left:-3rem!important} .m-auto{margin:auto!important} .mt-auto,.my-auto{margin-top:auto!important} .mr-auto,.mx-auto{margin-right:auto!important} .mb-auto,.my-auto{margin-bottom:auto!important} .ml-auto,.mx-auto{margin-left:auto!important} @media (min-width:576px){ .m-sm-0{margin:0!important} .mt-sm-0,.my-sm-0{margin-top:0!important} .mr-sm-0,.mx-sm-0{margin-right:0!important} .mb-sm-0,.my-sm-0{margin-bottom:0!important} .ml-sm-0,.mx-sm-0{margin-left:0!important} .m-sm-1{margin:.25rem!important} .mt-sm-1,.my-sm-1{margin-top:.25rem!important} .mr-sm-1,.mx-sm-1{margin-right:.25rem!important} .mb-sm-1,.my-sm-1{margin-bottom:.25rem!important} .ml-sm-1,.mx-sm-1{margin-left:.25rem!important} .m-sm-2{margin:.5rem!important} .mt-sm-2,.my-sm-2{margin-top:.5rem!important} .mr-sm-2,.mx-sm-2{margin-right:.5rem!important} .mb-sm-2,.my-sm-2{margin-bottom:.5rem!important} .ml-sm-2,.mx-sm-2{margin-left:.5rem!important} .m-sm-3{margin:1rem!important} .mt-sm-3,.my-sm-3{margin-top:1rem!important} .mr-sm-3,.mx-sm-3{margin-right:1rem!important} .mb-sm-3,.my-sm-3{margin-bottom:1rem!important} .ml-sm-3,.mx-sm-3{margin-left:1rem!important} .m-sm-4{margin:1.5rem!important} .mt-sm-4,.my-sm-4{margin-top:1.5rem!important} .mr-sm-4,.mx-sm-4{margin-right:1.5rem!important} .mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important} .ml-sm-4,.mx-sm-4{margin-left:1.5rem!important} .m-sm-5{margin:3rem!important} .mt-sm-5,.my-sm-5{margin-top:3rem!important} .mr-sm-5,.mx-sm-5{margin-right:3rem!important} .mb-sm-5,.my-sm-5{margin-bottom:3rem!important} .ml-sm-5,.mx-sm-5{margin-left:3rem!important} .p-sm-0{padding:0!important} .pt-sm-0,.py-sm-0{padding-top:0!important} .pr-sm-0,.px-sm-0{padding-right:0!important} .pb-sm-0,.py-sm-0{padding-bottom:0!important} .pl-sm-0,.px-sm-0{padding-left:0!important} .p-sm-1{padding:.25rem!important} .pt-sm-1,.py-sm-1{padding-top:.25rem!important} .pr-sm-1,.px-sm-1{padding-right:.25rem!important} .pb-sm-1,.py-sm-1{padding-bottom:.25rem!important} .pl-sm-1,.px-sm-1{padding-left:.25rem!important} .p-sm-2{padding:.5rem!important} .pt-sm-2,.py-sm-2{padding-top:.5rem!important} .pr-sm-2,.px-sm-2{padding-right:.5rem!important} .pb-sm-2,.py-sm-2{padding-bottom:.5rem!important} .pl-sm-2,.px-sm-2{padding-left:.5rem!important} .p-sm-3{padding:1rem!important} .pt-sm-3,.py-sm-3{padding-top:1rem!important} .pr-sm-3,.px-sm-3{padding-right:1rem!important} .pb-sm-3,.py-sm-3{padding-bottom:1rem!important} .pl-sm-3,.px-sm-3{padding-left:1rem!important} .p-sm-4{padding:1.5rem!important} .pt-sm-4,.py-sm-4{padding-top:1.5rem!important} .pr-sm-4,.px-sm-4{padding-right:1.5rem!important} .pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important} .pl-sm-4,.px-sm-4{padding-left:1.5rem!important} .p-sm-5{padding:3rem!important} .pt-sm-5,.py-sm-5{padding-top:3rem!important} .pr-sm-5,.px-sm-5{padding-right:3rem!important} .pb-sm-5,.py-sm-5{padding-bottom:3rem!important} .pl-sm-5,.px-sm-5{padding-left:3rem!important} .m-sm-n1{margin:-.25rem!important} .mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important} .mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important} .mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important} .ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important} .m-sm-n2{margin:-.5rem!important} .mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important} .mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important} .mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important} .ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important} .m-sm-n3{margin:-1rem!important} .mt-sm-n3,.my-sm-n3{margin-top:-1rem!important} .mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important} .mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important} .ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important} .m-sm-n4{margin:-1.5rem!important} .mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important} .mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important} .mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important} .ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important} .m-sm-n5{margin:-3rem!important} .mt-sm-n5,.my-sm-n5{margin-top:-3rem!important} .mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important} .mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important} .ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important} .m-sm-auto{margin:auto!important} .mt-sm-auto,.my-sm-auto{margin-top:auto!important} .mr-sm-auto,.mx-sm-auto{margin-right:auto!important} .mb-sm-auto,.my-sm-auto{margin-bottom:auto!important} .ml-sm-auto,.mx-sm-auto{margin-left:auto!important} } @media (min-width:768px){ .m-md-0{margin:0!important} .mt-md-0,.my-md-0{margin-top:0!important} .mr-md-0,.mx-md-0{margin-right:0!important} .mb-md-0,.my-md-0{margin-bottom:0!important} .ml-md-0,.mx-md-0{margin-left:0!important} .m-md-1{margin:.25rem!important} .mt-md-1,.my-md-1{margin-top:.25rem!important} .mr-md-1,.mx-md-1{margin-right:.25rem!important} .mb-md-1,.my-md-1{margin-bottom:.25rem!important} .ml-md-1,.mx-md-1{margin-left:.25rem!important} .m-md-2{margin:.5rem!important} .mt-md-2,.my-md-2{margin-top:.5rem!important} .mr-md-2,.mx-md-2{margin-right:.5rem!important} .mb-md-2,.my-md-2{margin-bottom:.5rem!important} .ml-md-2,.mx-md-2{margin-left:.5rem!important} .m-md-3{margin:1rem!important} .mt-md-3,.my-md-3{margin-top:1rem!important} .mr-md-3,.mx-md-3{margin-right:1rem!important} .mb-md-3,.my-md-3{margin-bottom:1rem!important} .ml-md-3,.mx-md-3{margin-left:1rem!important} .m-md-4{margin:1.5rem!important} .mt-md-4,.my-md-4{margin-top:1.5rem!important} .mr-md-4,.mx-md-4{margin-right:1.5rem!important} .mb-md-4,.my-md-4{margin-bottom:1.5rem!important} .ml-md-4,.mx-md-4{margin-left:1.5rem!important} .m-md-5{margin:3rem!important} .mt-md-5,.my-md-5{margin-top:3rem!important} .mr-md-5,.mx-md-5{margin-right:3rem!important} .mb-md-5,.my-md-5{margin-bottom:3rem!important} .ml-md-5,.mx-md-5{margin-left:3rem!important} .p-md-0{padding:0!important} .pt-md-0,.py-md-0{padding-top:0!important} .pr-md-0,.px-md-0{padding-right:0!important} .pb-md-0,.py-md-0{padding-bottom:0!important} .pl-md-0,.px-md-0{padding-left:0!important} .p-md-1{padding:.25rem!important} .pt-md-1,.py-md-1{padding-top:.25rem!important} .pr-md-1,.px-md-1{padding-right:.25rem!important} .pb-md-1,.py-md-1{padding-bottom:.25rem!important} .pl-md-1,.px-md-1{padding-left:.25rem!important} .p-md-2{padding:.5rem!important} .pt-md-2,.py-md-2{padding-top:.5rem!important} .pr-md-2,.px-md-2{padding-right:.5rem!important} .pb-md-2,.py-md-2{padding-bottom:.5rem!important} .pl-md-2,.px-md-2{padding-left:.5rem!important} .p-md-3{padding:1rem!important} .pt-md-3,.py-md-3{padding-top:1rem!important} .pr-md-3,.px-md-3{padding-right:1rem!important} .pb-md-3,.py-md-3{padding-bottom:1rem!important} .pl-md-3,.px-md-3{padding-left:1rem!important} .p-md-4{padding:1.5rem!important} .pt-md-4,.py-md-4{padding-top:1.5rem!important} .pr-md-4,.px-md-4{padding-right:1.5rem!important} .pb-md-4,.py-md-4{padding-bottom:1.5rem!important} .pl-md-4,.px-md-4{padding-left:1.5rem!important} .p-md-5{padding:3rem!important} .pt-md-5,.py-md-5{padding-top:3rem!important} .pr-md-5,.px-md-5{padding-right:3rem!important} .pb-md-5,.py-md-5{padding-bottom:3rem!important} .pl-md-5,.px-md-5{padding-left:3rem!important} .m-md-n1{margin:-.25rem!important} .mt-md-n1,.my-md-n1{margin-top:-.25rem!important} .mr-md-n1,.mx-md-n1{margin-right:-.25rem!important} .mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important} .ml-md-n1,.mx-md-n1{margin-left:-.25rem!important} .m-md-n2{margin:-.5rem!important} .mt-md-n2,.my-md-n2{margin-top:-.5rem!important} .mr-md-n2,.mx-md-n2{margin-right:-.5rem!important} .mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important} .ml-md-n2,.mx-md-n2{margin-left:-.5rem!important} .m-md-n3{margin:-1rem!important} .mt-md-n3,.my-md-n3{margin-top:-1rem!important} .mr-md-n3,.mx-md-n3{margin-right:-1rem!important} .mb-md-n3,.my-md-n3{margin-bottom:-1rem!important} .ml-md-n3,.mx-md-n3{margin-left:-1rem!important} .m-md-n4{margin:-1.5rem!important} .mt-md-n4,.my-md-n4{margin-top:-1.5rem!important} .mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important} .mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important} .ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important} .m-md-n5{margin:-3rem!important} .mt-md-n5,.my-md-n5{margin-top:-3rem!important} .mr-md-n5,.mx-md-n5{margin-right:-3rem!important} .mb-md-n5,.my-md-n5{margin-bottom:-3rem!important} .ml-md-n5,.mx-md-n5{margin-left:-3rem!important} .m-md-auto{margin:auto!important} .mt-md-auto,.my-md-auto{margin-top:auto!important} .mr-md-auto,.mx-md-auto{margin-right:auto!important} .mb-md-auto,.my-md-auto{margin-bottom:auto!important} .ml-md-auto,.mx-md-auto{margin-left:auto!important} } @media (min-width:992px){ .m-lg-0{margin:0!important} .mt-lg-0,.my-lg-0{margin-top:0!important} .mr-lg-0,.mx-lg-0{margin-right:0!important} .mb-lg-0,.my-lg-0{margin-bottom:0!important} .ml-lg-0,.mx-lg-0{margin-left:0!important} .m-lg-1{margin:.25rem!important} .mt-lg-1,.my-lg-1{margin-top:.25rem!important} .mr-lg-1,.mx-lg-1{margin-right:.25rem!important} .mb-lg-1,.my-lg-1{margin-bottom:.25rem!important} .ml-lg-1,.mx-lg-1{margin-left:.25rem!important} .m-lg-2{margin:.5rem!important} .mt-lg-2,.my-lg-2{margin-top:.5rem!important} .mr-lg-2,.mx-lg-2{margin-right:.5rem!important} .mb-lg-2,.my-lg-2{margin-bottom:.5rem!important} .ml-lg-2,.mx-lg-2{margin-left:.5rem!important} .m-lg-3{margin:1rem!important} .mt-lg-3,.my-lg-3{margin-top:1rem!important} .mr-lg-3,.mx-lg-3{margin-right:1rem!important} .mb-lg-3,.my-lg-3{margin-bottom:1rem!important} .ml-lg-3,.mx-lg-3{margin-left:1rem!important} .m-lg-4{margin:1.5rem!important} .mt-lg-4,.my-lg-4{margin-top:1.5rem!important} .mr-lg-4,.mx-lg-4{margin-right:1.5rem!important} .mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important} .ml-lg-4,.mx-lg-4{margin-left:1.5rem!important} .m-lg-5{margin:3rem!important} .mt-lg-5,.my-lg-5{margin-top:3rem!important} .mr-lg-5,.mx-lg-5{margin-right:3rem!important} .mb-lg-5,.my-lg-5{margin-bottom:3rem!important} .ml-lg-5,.mx-lg-5{margin-left:3rem!important} .p-lg-0{padding:0!important} .pt-lg-0,.py-lg-0{padding-top:0!important} .pr-lg-0,.px-lg-0{padding-right:0!important} .pb-lg-0,.py-lg-0{padding-bottom:0!important} .pl-lg-0,.px-lg-0{padding-left:0!important} .p-lg-1{padding:.25rem!important} .pt-lg-1,.py-lg-1{padding-top:.25rem!important} .pr-lg-1,.px-lg-1{padding-right:.25rem!important} .pb-lg-1,.py-lg-1{padding-bottom:.25rem!important} .pl-lg-1,.px-lg-1{padding-left:.25rem!important} .p-lg-2{padding:.5rem!important} .pt-lg-2,.py-lg-2{padding-top:.5rem!important} .pr-lg-2,.px-lg-2{padding-right:.5rem!important} .pb-lg-2,.py-lg-2{padding-bottom:.5rem!important} .pl-lg-2,.px-lg-2{padding-left:.5rem!important} .p-lg-3{padding:1rem!important} .pt-lg-3,.py-lg-3{padding-top:1rem!important} .pr-lg-3,.px-lg-3{padding-right:1rem!important} .pb-lg-3,.py-lg-3{padding-bottom:1rem!important} .pl-lg-3,.px-lg-3{padding-left:1rem!important} .p-lg-4{padding:1.5rem!important} .pt-lg-4,.py-lg-4{padding-top:1.5rem!important} .pr-lg-4,.px-lg-4{padding-right:1.5rem!important} .pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important} .pl-lg-4,.px-lg-4{padding-left:1.5rem!important} .p-lg-5{padding:3rem!important} .pt-lg-5,.py-lg-5{padding-top:3rem!important} .pr-lg-5,.px-lg-5{padding-right:3rem!important} .pb-lg-5,.py-lg-5{padding-bottom:3rem!important} .pl-lg-5,.px-lg-5{padding-left:3rem!important} .m-lg-n1{margin:-.25rem!important} .mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important} .mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important} .mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important} .ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important} .m-lg-n2{margin:-.5rem!important} .mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important} .mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important} .mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important} .ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important} .m-lg-n3{margin:-1rem!important} .mt-lg-n3,.my-lg-n3{margin-top:-1rem!important} .mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important} .mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important} .ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important} .m-lg-n4{margin:-1.5rem!important} .mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important} .mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important} .mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important} .ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important} .m-lg-n5{margin:-3rem!important} .mt-lg-n5,.my-lg-n5{margin-top:-3rem!important} .mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important} .mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important} .ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important} .m-lg-auto{margin:auto!important} .mt-lg-auto,.my-lg-auto{margin-top:auto!important} .mr-lg-auto,.mx-lg-auto{margin-right:auto!important} .mb-lg-auto,.my-lg-auto{margin-bottom:auto!important} .ml-lg-auto,.mx-lg-auto{margin-left:auto!important} } @media (min-width:1200px){ .m-xl-0{margin:0!important} .mt-xl-0,.my-xl-0{margin-top:0!important} .mr-xl-0,.mx-xl-0{margin-right:0!important} .mb-xl-0,.my-xl-0{margin-bottom:0!important} .ml-xl-0,.mx-xl-0{margin-left:0!important} .m-xl-1{margin:.25rem!important} .mt-xl-1,.my-xl-1{margin-top:.25rem!important} .mr-xl-1,.mx-xl-1{margin-right:.25rem!important} .mb-xl-1,.my-xl-1{margin-bottom:.25rem!important} .ml-xl-1,.mx-xl-1{margin-left:.25rem!important} .m-xl-2{margin:.5rem!important} .mt-xl-2,.my-xl-2{margin-top:.5rem!important} .mr-xl-2,.mx-xl-2{margin-right:.5rem!important} .mb-xl-2,.my-xl-2{margin-bottom:.5rem!important} .ml-xl-2,.mx-xl-2{margin-left:.5rem!important} .m-xl-3{margin:1rem!important} .mt-xl-3,.my-xl-3{margin-top:1rem!important} .mr-xl-3,.mx-xl-3{margin-right:1rem!important} .mb-xl-3,.my-xl-3{margin-bottom:1rem!important} .ml-xl-3,.mx-xl-3{margin-left:1rem!important} .m-xl-4{margin:1.5rem!important} .mt-xl-4,.my-xl-4{margin-top:1.5rem!important} .mr-xl-4,.mx-xl-4{margin-right:1.5rem!important} .mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important} .ml-xl-4,.mx-xl-4{margin-left:1.5rem!important} .m-xl-5{margin:3rem!important} .mt-xl-5,.my-xl-5{margin-top:3rem!important} .mr-xl-5,.mx-xl-5{margin-right:3rem!important} .mb-xl-5,.my-xl-5{margin-bottom:3rem!important} .ml-xl-5,.mx-xl-5{margin-left:3rem!important} .p-xl-0{padding:0!important} .pt-xl-0,.py-xl-0{padding-top:0!important} .pr-xl-0,.px-xl-0{padding-right:0!important} .pb-xl-0,.py-xl-0{padding-bottom:0!important} .pl-xl-0,.px-xl-0{padding-left:0!important} .p-xl-1{padding:.25rem!important} .pt-xl-1,.py-xl-1{padding-top:.25rem!important} .pr-xl-1,.px-xl-1{padding-right:.25rem!important} .pb-xl-1,.py-xl-1{padding-bottom:.25rem!important} .pl-xl-1,.px-xl-1{padding-left:.25rem!important} .p-xl-2{padding:.5rem!important} .pt-xl-2,.py-xl-2{padding-top:.5rem!important} .pr-xl-2,.px-xl-2{padding-right:.5rem!important} .pb-xl-2,.py-xl-2{padding-bottom:.5rem!important} .pl-xl-2,.px-xl-2{padding-left:.5rem!important} .p-xl-3{padding:1rem!important} .pt-xl-3,.py-xl-3{padding-top:1rem!important} .pr-xl-3,.px-xl-3{padding-right:1rem!important} .pb-xl-3,.py-xl-3{padding-bottom:1rem!important} .pl-xl-3,.px-xl-3{padding-left:1rem!important} .p-xl-4{padding:1.5rem!important} .pt-xl-4,.py-xl-4{padding-top:1.5rem!important} .pr-xl-4,.px-xl-4{padding-right:1.5rem!important} .pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important} .pl-xl-4,.px-xl-4{padding-left:1.5rem!important} .p-xl-5{padding:3rem!important} .pt-xl-5,.py-xl-5{padding-top:3rem!important} .pr-xl-5,.px-xl-5{padding-right:3rem!important} .pb-xl-5,.py-xl-5{padding-bottom:3rem!important} .pl-xl-5,.px-xl-5{padding-left:3rem!important} .m-xl-n1{margin:-.25rem!important} .mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important} .mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important} .mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important} .ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important} .m-xl-n2{margin:-.5rem!important} .mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important} .mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important} .mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important} .ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important} .m-xl-n3{margin:-1rem!important} .mt-xl-n3,.my-xl-n3{margin-top:-1rem!important} .mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important} .mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important} .ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important} .m-xl-n4{margin:-1.5rem!important} .mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important} .mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important} .mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important} .ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important} .m-xl-n5{margin:-3rem!important} .mt-xl-n5,.my-xl-n5{margin-top:-3rem!important} .mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important} .mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important} .ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important} .m-xl-auto{margin:auto!important} .mt-xl-auto,.my-xl-auto{margin-top:auto!important} .mr-xl-auto,.mx-xl-auto{margin-right:auto!important} .mb-xl-auto,.my-xl-auto{margin-bottom:auto!important} .ml-xl-auto,.mx-xl-auto{margin-left:auto!important} } .text-justify{text-align:justify!important} .text-wrap{white-space:normal!important} .text-nowrap{white-space:nowrap!important} .text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .text-left{text-align:left!important} .text-right{text-align:right!important} .text-center{text-align:center!important} @media (min-width:576px){ .text-sm-left{text-align:left!important} .text-sm-right{text-align:right!important} .text-sm-center{text-align:center!important} } @media (min-width:768px){ .text-md-left{text-align:left!important} .text-md-right{text-align:right!important} .text-md-center{text-align:center!important} } @media (min-width:992px){ .text-lg-left{text-align:left!important} .text-lg-right{text-align:right!important} .text-lg-center{text-align:center!important} } @media (min-width:1200px){ .text-xl-left{text-align:left!important} .text-xl-right{text-align:right!important} .text-xl-center{text-align:center!important} } body.hideScroll{overflow-y:hidden;} .kong-heade{height: 229px; width:100%;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;} #header{padding:0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;position:relative;background-color: #ffffff;width: 100%;} #header #top{display:none; } .mini .navbar {border-bottom: solid 1px #ddd; width:100%; position:fixed; left:0; top:0; transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;border-top:0;} #header .top_height { height:44px; width:100%; position:relative; z-index:5} #header .t_gg { background:#fff; width:100%; position:relative; z-index:6} .navbar { background:#fff; width:100%; position:relative; z-index:6; transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;} #header .logonav{padding: 10px 0;} #header .logo img{} #header .logo .des{border-left: solid 1px #ddd;padding-left: 10px;margin-left: 10px;} #header .logo .des strong{font-size: 24px;margin-bottom: 5px;} #header .logo .des p{font-size: 15px;color: #666;} #header .tel{font-size: 20px;color: #1478f0;} #header .tel p{font-size: 24px;font-weight: bold;color: #333;} #header .tel .icon{ margin-right: 10px;border: solid 1px #1478f0;border-radius: 90px;width: 40px;height: 40px; display: flex;align-items: center;justify-content: center; } #header .tel svg{width: 1em;height: 1em;fill: currentColor;} #header .navbar{width:100%;overflow:hidden; z-index:99;} #header .navbar ul{} #header .navbar ul li.level{position:relative;border-top:solid 1px rgba(0,0,0,.1);} #header .navbar ul li.level:last-child{padding-right:0;} #header .navbar ul li.level a{color:#333;text-transform:uppercase;display:block;position:relative;font-size:17px;line-height:40px;} #header .navbar ul li.level a::after{content:'';display:block;width:10px;height:10px;border-top:solid 1px #777;border-right:solid 1px #777;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;bottom:0;top:0;right:2%;margin:auto;} #header .navbar ul li.active a{color:#1478ef;} #header .navbar .active2 li:first-child+li .f_a{color:#1478ef; border-bottom: solid 3px #1478ef;} #header .navbar .container2 ul li ul li a::after { display:none;} #header .navbar .active4 li:first-child+li .f_a{color:#1478ef; border-bottom: solid 3px #1478ef;} #header .navbar .active5 li:first-child+li+li .f_a{color:#1478ef; border-bottom: solid 3px #1478ef;} #header .navbar .active6 li:first-child+li+li+li .f_a{color:#1478ef; border-bottom: solid 3px #1478ef;} #header .navbar .active7 li:first-child+li+li+li+li .f_a{color:#1478ef; border-bottom: solid 3px #1478ef;} #header .navbar .active8 li:first-child+li+li+li+li+li .f_a{color:#1478ef; border-bottom: solid 3px #1478ef;} #header .navbar .active9 li:first-child+li+li+li+li+li+li .f_a{color:#1478ef; border-bottom: solid 3px #1478ef;} #header .navbar .active10 li:first-child+li+li+li+li+li+li .f_a{color:#1478ef; border-bottom: solid 3px #1478ef;} #header .navbar .active11 li:first-child+li+li+li+li+li+li .f_a{color:#1478ef; border-bottom: solid 3px #1478ef;} #header .navbar .active12 li:first-child+li+li+li+li+li+li .f_a{color:#1478ef; border-bottom: solid 3px #1478ef;} #header .navbar .active13 li:first-child+li+li+li+li+li+li .f_a{color:#1478ef; border-bottom: solid 3px #1478ef;} #header .navbar .active14 li:first-child+li+li+li+li+li+li .f_a{color:#1478ef; border-bottom: solid 3px #1478ef;} #header .navbar .active15 li:first-child+li+li+li+li+li+li+li .f_a{color:#1478ef; border-bottom: solid 3px #1478ef;} #header .navbar .active16 li:first-child+li+li+li+li+li+li+li+li .f_a{color:#1478ef; border-bottom: solid 3px #1478ef;} #header .navbar ul li ul{position:absolute;top:63px;left:0;z-index:999;background-color:#fff; opacity:0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease; -webkit-box-shadow:0 0 20px rgba(0,0,0,.1);-moz-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1); } #header .navbar ul li.level ul li{border-bottom:solid 1px #ddd;width:100%;padding:0 24px;text-align:left;} #header .navbar ul li.level ul li:last-child{border-bottom:none;} #header .navbar ul li.level ul li a{color:#666;line-height:50px;white-space:nowrap;height:50px;font-size:15px;} #header .navbar ul li.level ul li a:hover{border-bottom:none;line-height:50px;height:50px;} #header .navbar ul li:hover ul{opacity:1; } #header .navbar ul li.active ul li a{border-bottom:none;} #header.isNav .navbar{height:330px;background-color:#fff;} .mob-navbar{background-color: #1478f0;} .mob-navbar ul li{width: 33.333%;line-height: 45px;text-align: center;border-right: solid 1px rgba(255,255,255,.2);border-bottom: solid 1px rgba(255,255,255,.2);font-size: 14px;} .mob-navbar ul li a{color: #fff;display: block;} #header1{padding:0;position:fixed;left:0;top:0;background-color:rgba(0,0,0,.4);z-index:999;width:100%;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;z-index:9999;} #header1 #top{display:none;} #header1 .logonav{height:75px;} #header1 .logo{float:left;line-height:75px;} #header1 .navbar{position:absolute;top:100%;left:0;width:100%;height:0;overflow:hidden;transition:all .5s ease;} #header1 .navbar ul{margin:0 1%;} #header1 .navbar ul li.level{position:relative;border-top:solid 1px rgba(255,255,255,.1);} #header1 .navbar ul li.level:last-child{padding-right:0;} #header1 .navbar ul li.level a{color:#fff;text-transform:uppercase;display:block;position:relative;font-size:17px;line-height:40px;position:relative;} #header1 .navbar ul li.level a::after{content:'';display:block;width:10px;height:10px;border-top:solid 1px #777;border-right:solid 1px #777;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;bottom:0;top:0;right:2%;margin:auto;} #header1 .navbar ul li.active a{color:#1478ef;} #header1 .navbar ul li.level ul{position:absolute;top:100%;left:0;z-index:999;background-color:#fff;height:auto;opacity:0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;transform-origin:top;-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);-moz-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1);display:none;} #header1 .navbar ul li.level ul li{border-bottom:solid 1px #ddd;width:100%;padding:0 24px;text-align:left;} #header1 .navbar ul li.level ul li:last-child{border-bottom:none;} #header1 .navbar ul li.level ul li a{color:#666;line-height:50px;white-space:nowrap;height:50px;font-size:15px;} #header1 .navbar ul li.level ul li a:hover{border-bottom:none;line-height:50px;height:50px;} #header1 .navbar ul li.level:hover ul{opacity:1;-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);} #header1 .navbar ul li.active ul li a{border-bottom:none;} #header1.isNav{background-color:rgba(0,0,0,.7);} #header1.isNav .navbar{height:330px;background-color:rgba(0,0,0,.7);} #header1 .navtoggle{float:right;line-height:60px;margin-right:2%;} #header1 .navtoggle button{border:none;background:none;cursor:pointer;vertical-align:middle;} #header1 .navtoggle button p{width:30px;height:4px;background-color:#fff;-moz-border-radius:5px;border-radius:5px;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s;} #header1 .navtoggle button p+p{margin-top:5px;} #header1.isNav .navtoggle p{background-color:#fff;} #header1.isNav .navtoggle p:nth-child(1){-webkit-transform:matrix(1,0,0,1,0,9) rotate(45deg);-moz-transform:matrix(1,0,0,1,0,9) rotate(45deg);-ms-transform:matrix(1,0,0,1,0,9) rotate(45deg);transform:matrix(1,0,0,1,0,9) rotate(45deg);} #header1.isNav .navtoggle p:nth-child(2){width:0;} #header1.isNav .navtoggle p:nth-child(3){-webkit-transform:matrix(1,0,0,1,0,-9) rotate(-45deg);-moz-transform:matrix(1,0,0,1,0,-9) rotate(-45deg);-ms-transform:matrix(1,0,0,1,0,-9) rotate(-45deg);transform:matrix(1,0,0,1,0,-9) rotate(-45deg);} #header .navtoggle{float:right;line-height:60px;margin-right:2%;} #header .navtoggle button{border:none;background:none;cursor:pointer;vertical-align:middle;} #header .navtoggle button p{width:30px;height:4px;background-color:#333;-moz-border-radius:5px;border-radius:5px;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s;} #header .navtoggle button p+p{margin-top:5px;} #header.isNav .navtoggle p{background-color:#333;} #header.isNav .navtoggle p:nth-child(1){-webkit-transform:matrix(1,0,0,1,0,9) rotate(45deg);-moz-transform:matrix(1,0,0,1,0,9) rotate(45deg);-ms-transform:matrix(1,0,0,1,0,9) rotate(45deg);transform:matrix(1,0,0,1,0,9) rotate(45deg);} #header.isNav .navtoggle p:nth-child(2){width:0;} #header.isNav .navtoggle p:nth-child(3){-webkit-transform:matrix(1,0,0,1,0,-9) rotate(-45deg);-moz-transform:matrix(1,0,0,1,0,-9) rotate(-45deg);-ms-transform:matrix(1,0,0,1,0,-9) rotate(-45deg);transform:matrix(1,0,0,1,0,-9) rotate(-45deg);} .navbarbg{position:fixed;background-color:rgba(0,0,0,.2);width:100%;height:100%;display:none;z-index:30;} .navbarbg.active{display:block;} /*视频中心*/ .inner_video ul li { float:left; margin:0 0 3% 3%; width:31.33%} .inner_video ul li:nth-child(3n+1) { margin:0 0 3% 0;} .inner_video ul li a { display:block; height:40px; line-height:40px; text-align:center; color:#33333; font-size:16px; width:100%;} .inner_video ul li a:hover { color:#fff; background:#2872db;} .inner_video ul li .inner_video_i iframe { min-height:250px;} .contents_desc { margin-top:30px;} .contents_desc iframe { width:100%; min-height:450px;} /*网站地图*/ .site_map { margin-top:50px;} .site_map ul{ } .site_map ul li{ margin-bottom:30px; overflow:hidden;border-bottom: solid 1px #ddd;} .site_map ul li dl dt { display:block; margin-bottom: 30px;} .site_map ul li dl dt span { font-size: 22px; padding: 10px 15px;background-color: #1478ef; color:#fff; display:inline-block; } .site_map ul li dl dd { margin-bottom:-1px; float:left; width:25%; height:56px; line-height:56px; text-align:center; color:#333; font-size:18px; border-bottom: solid 1px #ddd;} .col-lg8 .BMap_Marker { background:url(../images/icon.png) no-repeat center center !important; width:25px !important; height:26px !important;} /*banner*/ .flexslider{position:relative; overflow:hidden; } .slides{position:relative;z-index:1;} .slides li::before { position: absolute; left: 0; bottom: 0; content: ""; width: 0; height:4px; background:rgba(255,255,255,0.8) ; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; } .slides .flex-active-slide::before { width: 100%; -webkit-transition:6s; -o-transition: 6s; -moz-transition: 6s; transition:6s; } .slides li img{ width:100%} .flex-control-nav{position:absolute;bottom:40px;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; border-radius:20px;overflow:hidden;background:rgba(0,0,0,0.3);cursor:pointer;} .flex-control-nav .flex-active{background: #007aff;} .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:40px;background:url(../images/prev.png) center center no-repeat;} .flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;} /* 手机端二级菜单下拉 */ .select{ float:right;margin:0 3% 0 0; width:80px; height:55px; } .select dt{height:55px;display:inline-block; color:#fff; overflow:hidden; text-indent:20em; line-height:55px;font-weight:bold; cursor:pointer;width:100%; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:99;} .select dt::before{content: ''; display: block; position: absolute; width: 12px; height: 12px; border-top: solid 2px #fff; border-right: solid 2px #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); right: 3px; top: 0; bottom: 0; margin: auto; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; } .select .cur::before{-webkit-transform: rotate(133deg); -moz-transform: rotate(133deg); -ms-transform: rotate(133deg); transform: rotate(133deg); transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; } .select dd{position:absolute;left:0;top:55px; background:#fff;display:none; width:100%; z-index:99999} .select dd ul{ width:100%; overflow:auto;} .select dd ul li a{line-height:30px;display:block;padding:2% 4%; color:#33333; border-bottom:1px solid #ddd; font-size:18px;} .select dd ul li a:hover{color:#2872db;} .demo { display:none; height:55px; width:100%; background:#2872db; position:relative;} .demo span { display: block; width:47%; float:left; line-height:55px; padding-left:3%; font-size:16px; color:#fff} @media only screen and (max-width:1200px){ #f_tab #two1 { margin-left: 175px !important;} .mod_gallerylist { margin-top:30px;} .pages-shop .list li:last-child{ margin-bottom:30px !important;} .rela .list li { margin-bottom:2% !important} .rela .list li:last-child { display:block !important;} .pages-case .lists li a .img { margin-bottom: 20px; max-height:inherit !important; overflow:inherit;} #nav-menu { width: 992px;} } @media only screen and (max-width:1000px){ #f_tab::before { display:none !important;} #f_tab h3 { width: 35% !important; margin:0 2% 1% !important; font-size:16px !important} #f_tab #two1 { margin-left: 13% !important;} #f_tab #two3 { margin-left: 13% !important;} #f_tab .n_div { top: 122px !important;} .kefu{ display:none !important;} /* .kefu ul .kefu_qq{ display:none !important;} .kefu ul .kefu_wx{ display:none !important;} .kefu ul .kefu_dh{ display:none !important;} .kefu { top: auto !important; bottom:100px;} .kefu ul .kefu_fh a p{ display:none;} .kefu ul li a { line-height: 30px; width:50px !important; height: 50px !important;} .kefu ul .kefu_fh a #goTopBtn {width:50px !important; height: 50px !important;} */ .demo { display:block;} .head_nav { display:none;} .recom li { width:100% !important;} .pages-serveice .lx .list .li { width: 100% !important;} .page-contact .col-lg4{ width: 100% !important;} .page-contact .col-lg8 { display:none !important;} .context { border-right:solid 1px #ddd !important; } .page-contact .message div[class^="col-lg"] { width: 100% !important;} } @media only screen and (max-width: 800px){ #product .list .li { margin-bottom: 2.5%; width:48.5% !important; margin-left: 2%;} #product .list .li:nth-child(4n+1) { margin-left:2%;} #product .list .li:nth-child(2n+1) { margin-left:0;} #product .list .li:first-child { margin-left:0 !important;} .z_honor .mod_gallerylist ul li { width:48.5% !important;} .z_honor .mod_gallerylist ul li:nth-child(4n+1) { margin-left: 2.5% } .z_honor .mod_gallerylist ul li:nth-child(2n+1) { margin-left:0 !important;} .z_honor .mod_gallerylist ul li:first-child { margin-left:0 !important;} .z_honor .mod_gallerylist ul li:first-child+li+li { margin-left:0 !important;} .z_honor .mod_gallerylist ul li:first-child+li+li+li+li { margin-left:0 !important;} } @media only screen and (max-width: 720px){ .flexslider .flex-control-nav { bottom:20px;} .flexslider .flex-control-nav a { width: 8px; height: 8px;} .news_left { width: 100% !important;} .news_right { width: 100% !important; margin-top:30px;} #f_tab { min-height:1337px !important;} .pages-work .mod_gallerylist ul li { margin: 0 0 3% 2.5%; width:48.5% !important;} .pages-work .mod_gallerylist ul li:nth-child(3n+1) { margin-left: 2.5% !important;} .pages-work .mod_gallerylist ul li:nth-child(2n+1) { margin-left:0 !important;} .pages-work .mod_gallerylist ul li:first-child { margin-left:0 !important;} .meta a { display:block; height:40px; line-height:40px; font-size:14px; padding:0 !important} .inner_video ul li:nth-child(3n+1) { margin: 0 0 3% 0 !important;} .inner_video ul li { width:100% !important; margin-left:0 !important;} #mbCloseLink { top: -44px !important; right: 20px !important;} .flexslider .down { bottom: 30px; display:none;} } @media only screen and (max-width: 630px){ #f_tab { min-height:1290px !important;} .tags span { margin-bottom:10px !important; display: inline-flex;} .index-row4 .wp { width: 100%;} .wp { padding:0 !important; max-width: 100% !important;} .pic_bj dl dd { font-size:12px !important;} #about .introl { line-height:1.5; padding:0 2% } } @media only screen and (max-width: 600px){ #f_tab { min-height:1230px !important;} #f_tab h3 { width: 46% !important; margin:0 2% 1% !important; font-size:16px !important} #f_tab #two1 { margin-left:2% !important;} #f_tab #two3 { margin-left:2% !important;} .news_left ul li dl dd:first-child+dd { font-size:17px !important;} .news_left ul li dl dd:first-child+dd+dd+dd{ font-size:14px !important;} .news_left ul li dl dd:last-child{ font-size:14px !important;} #product .list .li .text .h4 { font-size:14px !important;} } @media only screen and (max-width: 550px){ #f_tab { min-height:1180px !important;} } @media only screen and (max-width: 550px){ #f_tab { min-height:1180px !important;} .contact_l .btn { height: 50px !important; line-height: 50px !important; width:30% !important; font-size:14px !important; background: #1478ef !important; background-size: 16% !important;} } @media only screen and (max-width: 530px){ #f_tab { min-height:1150px !important;} } @media only screen and (max-width: 500px){ #f_tab { min-height:1110px !important;} .news_right ul li a .news_right_title dl dt { font-size: 16px !important;} .news_right ul li a .news_right_title dl dd { font-size: 14px !important;} #copy { padding:3% 0 !important; height:auto !important; line-height: 1.5 !important;} } @media only screen and (max-width: 470px){ #f_tab { min-height:1080px !important;} } @media only screen and (max-width: 440px){ #f_tab { min-height:1040px !important;} #product .list .li .text .h4 { height:40px; line-height:40px;} #product .list .li a { padding:10px 10px 0 !important} #Char .list .li .icon img {height:35px !important;} } @media only screen and (max-width: 400px){ #f_tab { min-height:950px !important;} .news_right ul li { margin: 0 0 18px 0 !important;} .news_right ul li a .news_right_title dl dt { font-size: 16px !important;} .news_right ul li a .news_right_title dl dd { font-size: 12px !important;} } @media only screen and (max-width: 380px){ #f_tab { min-height:940px !important;} } /*首页关于我们*/ @media only screen and (max-width: 768px) { .row{margin:0;} } *:link,*:visited,*:hover,*:active,*:focus{ transition:color .30s linear, background-color .30s linear, border-color .30s linear,opacity .30s linear,background-image .30s linear; -webkit-transition:color .30s linear, background-color .30s linear, border-color .30s linear,opacity .30s linear,background-image .30s linear;} .number_section{ position:relative; background:#2872db; } #counterBgdx{ opacity:0.5; position:absolute; top:0px; left:0px; width:100%; height:100%;} .number_section ul.row{ margin:0 -10px} .number_section ul li{ list-style:none; text-align:center; width:20%; float:left; padding:20px 10px 0} .number_section ul li .img{ margin-bottom:24px;} .number_section ul li .number{ font-size:50px; color:#ffffff; line-height:50px;} .number_section ul li .unit{ font-size:18px; color:#fff; margin-left:15px; height:22px; line-height:22px; display:none} .number_section ul li .title{ font-size:14px; color:#ebebeb; text-transform:uppercase; margin-top:10px; position:relative; display:inline-block;} .number_section ul li .title:before{ content:''; background:url(../images/cut.png) no-repeat; width:24px; height:1px; display:inline-block;position: absolute;top: 50%; left:-35px} .number_section ul li .title:after{ content:''; background:url(../images/cut.png) no-repeat; width:24px; height:1px; display:inline-block;position: absolute;top: 50%;margin-left: 10px;} @media only screen and (max-width: 840px) { .number_section ul li .number{ font-size: 32px; line-height:34px} } @media only screen and (max-width: 768px) { .number_section ul li{ float:left; width:25%;} .number_section ul li .number{ font-size:30px;} } @media only screen and (max-width: 550px) { .number_section ul li{ float:left; width:50%; margin-bottom:30px;} } .contents_img { text-align:center;} .contents_img img { max-width:100%;} #about{padding:60px 0;position:relative;} #about .h1{font-size:36px;font-weight:bold;line-height:100%;color:#fff;text-transform:uppercase;text-align:center;margin-bottom:20px;} #about .introl{font-size:16px;color:#fff;line-height:36px;margin-bottom:10px;text-align:center;} #about a.more{width:190px;height:45px;display:block;color:#fff;font-size:18px;text-align:center;line-height:47px;margin:0 auto;} #particles{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#2872db;z-index:-1;} #product{padding:30px 0;overflow:hidden;background-color:#f8f8f8;} #product .h1{text-align:center;font-size:34px;color:#2c2c2c;line-height:100%;} #product .h1::after{content:'';display:block;width:60px;height:3px;background-color:#2872db;margin:20px auto 30px;} #product .h3{text-align:center;font-size:18px;color:#7d7d7d;line-height:100%;margin-bottom:30px;} #product .row{ display:block;} #product .list .li{margin-bottom:2.5%; float:left; width:23.0%; margin-left:2.5%; padding:0} #product .list .li:nth-child(4n+1){ margin-left:0;} #product .list .li .text .h4 {font-size:17px; } @media (min-width:992px) { #product .list .li{margin-bottom:30px;} } #product .list .li:last-child{margin-bottom:0;} #product .list .li a{padding:10px;height: 100%; background-color:#fff;display:block;position:relative;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;overflow:hidden;box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);border-radius:5px;} #product .list .li a::after{content:'';display:block;width:250px;height:800px;background-color:rgba(255,255,255,.1);display:block;position:absolute;top:0px;left:0;-webkit-transform:translate3d(-200px,-500px,0) rotate(45deg);-moz-transform:translate3d(-200px,-500px,0) rotate(45deg);transform:translate3d(-200px,-500px,0) rotate(45deg);-webkit-transition:all 1s ease;-o-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;} #product .list .li a:hover::after{-webkit-transform:translate3d(650px,50px,0) rotate(45deg);-moz-transform:translate3d(650px,50px,0) rotate(45deg);transform:translate3d(650px,50px,0) rotate(45deg);} #product .list .li a:hover{background-color:#2872db;-moz-border-radius:5px;border-radius:5px;} #product .list .img{overflow:hidden;display: flex;justify-content: center;margin-bottom: 15px; background:#fff;} #product .list .img img{max-width:100%;max-height: 190px;} #product .list .li .text{} #product .list .li .text .h6{font-size:14px;color:#777;margin-bottom:10px;} #product .list .li a:hover .text .h6{color:#fff;} #product .list .li .text .h4{color:#333;font-size:18px;line-height:100%;margin-bottom:10px;} #product .list .li a:hover .text .h4{color:#fff;} #product .list .li .text .introl{font-size:13px;line-height:24px;color:#656565;} #product .list .li .text span.more{display:block;width:120px;height:40px;line-height:40px;background-color:#404040;text-align:center;color:#fff;font-size:15px;border:solid 1px #fff;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} #product .list .li a:hover .text span.more{background:none;border:solid 1px #fff;color:#fff;} #product .list .btn{} #product .list .btn a{display:block;float:left;width:50%;line-height:60px;background-color:#e86b1b;color:#fff;text-align:center;font-size:16px;} #product .list .btn a:nth-child(1){background-color:#1478ef;} #product .list .btn a img{margin-right:12px;} #product .list ul li a:hover .text .h4{color:#1478ef} #Char{padding:30px 0 30px;overflow: hidden;} #Char .h1{text-align:center;font-size:30px;color:#303030;line-height:100%;margin-bottom:24px;} #Char .h1::after{content:'';display:block;width:60px;height:3px;background-color:#2872db;margin:20px auto 25px;} #Char .list{} #Char .list .li{display:inline-block;vertical-align:top;float:none;margin-bottom:20px;text-align:center;} #Char .list .li .icon{width:71px;height:71px;background-color:#2872db;-moz-border-radius:50%;border-radius:50%;overflow:hidden;display:inline-block;vertical-align:middle;text-align:center;line-height:68px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;margin-bottom:20px;} #Char .list .li .text{display:inline-block;vertical-align:middle;line-height:100%;} #Char .list .li .text .h4{font-size:18px;color:#333;line-height:100%;margin-bottom:15px;} #Char .list .li .text .des{font-size:13px;color:#999;line-height:22px;} #Char .list .li:hover .icon{background-color:#ffae00;} #efficiency{background:url(../images/efficiency.jpg) no-repeat center;height:350px;overflow: hidden;} #efficiency .introl{padding:70px 0;} #efficiency .introl .h5{font-size:18px;color:#fff;line-height:100%;margin-bottom:20px;} #efficiency .introl .h1{font-size:32px;font-weight:bold;color:#fff;line-height:100%;margin-bottom:45px;} #efficiency .introl .li{text-align:center;} #efficiency .introl .li .t{font-size:42px;color:#fff;margin-bottom:10px;} #efficiency .introl .li .t span{color:#f96b2c;} #efficiency .introl .li p{color:#fff;font-size:14px;} .wenhua{line-height:2;} .wenhua .h3{font-size:30px;text-align:center;line-height:100%;margin-bottom:30px;} #whnr li{text-align:center;margin-bottom:20px;} #whnr li h2{font-size:20px;line-height:100%;padding:15px 0;} #whnr li h3{font-size:15px;line-height:100%;} #news{padding:30px 0;overflow: hidden;} #news .tit{position:relative;} #news .tit .h1{text-align:center;font-size:34px;color:#2c2c2c;line-height:100%;} #news .tit .h1::after{content:'';display:block;width:60px;height:3px;background-color:#2872db;margin:20px auto 40px;} #news .navbars{text-align:center;overflow:hidden;position:relative;margin-bottom:20px;width:100%;} /*首页新闻*/ #f_tab { width:100%; position:relative;margin:40px auto 0 auto; min-height:650px;} /*设置容器高宽等*/ html > body #f_tab { width:100%;} /*兼容IE6:IE6下宽度不够*/ #f_tab .n_div { position:absolute; top:80px; left:0; width:100%; } /*设置容器高宽等*/ #f_tab .n_div { display:none;} /*设置容器默认隐藏:不用ID是因为下面将利用class来控制容器显示,而class优先级低于id选择器*/ #f_tab .block { display:block;} /*选中的容器*/ #f_tab #two1 { margin-left:279px;} #f_tab::before { content:""; display:block; height:1px; width:100%; background:#e3e3e3; position:absolute; left:0; top:15px; z-index:1;} #f_tab h3 { float:left; width:138px; height:38px; line-height:38px; border:1px solid #e3e3e3; margin:0 15px; border-radius:100px; font-size:18px; cursor:pointer; background:#fff; text-align:center; color:#2f2f2f; font-weight:normal; position:relative; z-index:5} /*默认标题样式*/ #f_tab .up { background:#2872db;color:#fff;border:1px solid #2872db;} /*选中的标题样式*/ /*修饰列表内容*/ .news_left { width:48.5%;} .news_right { width:48.5%;} .news_left ul li dl dd img{ width:100%; display:block;} .news_left ul li dl dd:first-child { max-height:334px; overflow:hidden;} .news_left ul li dl dd:first-child+dd {font-size: 20px; color:#333; display: block; padding: 15px 0; font-weight:bold} .news_left ul li dl dd:first-child+dd:hover { color:#2872db; } .news_left ul li dl dd:first-child+dd+dd { color: #999; font-size:12px; margin-bottom: 10px;} .news_left ul li dl dd:first-child+dd+dd+dd{ color: #666;margin-bottom: 30px; line-height: 1.6; font-size:15px; display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .news_left ul li dl dd:last-child{display: block; width: 140px; background-color: #2872db; color: #fff;line-height: 40px;text-align: center;font-size:15px;} .news_left ul li dl dd:last-child:hover{ background-color: #2f2f2f; color: #fff; } .news_right ul li { margin: 0 0 26px 0; overflow:hidden;} .news_right ul li a .news_right_img { width:25%; max-height:90px; overflow:hidden;} .news_right ul li a .news_right_img img{ width:100%;} .news_right ul li a .news_right_title { width:70%;} .news_right ul li a .news_right_title dl dt {font-size: 20px; display: block; font-weight: normal; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;width: 100%; } .news_right ul li a .news_right_title dl dd{color: #555; font-size: 14px; line-height: 1.6; word-wrap: break-word; word-break: normal;} .news_right ul li a .news_right_title dl dd:last-child{ display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .faqlist{height:450px;overflow:hidden;} #Exhibition{padding:30px 0;background-color:#f8f8f8;overflow: hidden;} #Exhibition .tit{position:relative;} #Exhibition .tit .h1{text-align:center;font-size:34px;color:#2c2c2c;line-height:100%;} #Exhibition .tit .h1::after{content:'';display:block;width:60px;height:3px;background-color:#2872db;margin:20px auto 40px;} .exhleft{background-color:#fff;padding:20px;margin-bottom:10px;} .exhleft .h5{font-size:22px;color:#222;line-height:100%;line-height:60px;margin-bottom:10px;position:relative;} .exhleft li{font-size:15px;line-height:39px;} .exhleft li:nth-child(2n){background-color:#f6f6f6;} .exhleft li a{padding:0 6px;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;} .exhleft li span{background-color:#777;color:#fff;display:inline-block;height:18px;line-height:15px;vertical-align:middle;padding:2px 3px;margin-top:-3px;margin-right:10px;font-size:13px;text-align:center;} .exhleft li:nth-child(-n+3) span{background-color:#007aff;color:#fff;display:inline-block;height:18px;line-height:15px;vertical-align:middle;padding:2px 3px;margin-top:-3px;margin-right:10px;} .exhright{background-color:#fff;padding:20px; overflow:hidden; position:relative; padding-top:20px; min-height:344px;} .exhright .h5{font-size:22px;color:#222;line-height:100%;line-height:60px;margin-bottom:10px;position:absolute; left:20px; top:18px;} .exhright li img{width:100%;} .exhright li p{font-size:15px;text-align:center;padding:15px 0;height:72px;overflow:hidden;} .exhimg{overflow:hidden;} .exhright .h5 .exhrightpage{right:0;bottom:0;top:0;margin:auto;height:12px;line-height:12px;} .exhright .h5 .exhrightpage .swiper-pagination-bullet{width:12px;height:12px;margin-left:10px;} /**展会**/ .PBox { width:100%; overflow:hidden; padding-top:52px; margin-top:30px;} .Productlist2 { position:relative;} .Productlist2 .Point{ position:absolute; top:-52px; bottom:auto !important; left:0; width:100%; text-align:right;} #IndexBlock1{ background:url(../images/icon_flower2.png) no-repeat -0.55rem -0.65rem; position: relative; } #IndexBlock1:before{ position: absolute; left:0; top:0.1rem; height: 100%; width: 100%; content: ""; display: block; background:url(../images/back.png) no-repeat right bottom; position: absolute; } #IndexBlock1 .container{ position: relative; z-index: 2; } #IndexBlock1 .Productlist1{ overflow:hidden; } #IndexBlock1 .Productlist{ margin:0; } #IndexBlock1 .Productlist li{ padding:0; } #IndexBlock1 .Points{ display: block; font-size: 0; line-height: 0; padding:4.16% 0; text-align: center; } #IndexBlock1 .Points span{ opacity: 1; background-color: #fcd800; height: 0.1rem; width: 0.1rem; margin:0 0.07rem; } #IndexBlock1 .Points span.swiper-pagination-bullet-active{ background-color: #da251d; } #IndexBlock2{ position: relative; } #IndexBlock2:before{ position: absolute; right:-1.5rem; top:-50%; height: 100%; width: 100%; content: ""; display: block; background:url(../images/icon_flower1.png) no-repeat right center; position: absolute; } #IndexBlock2 .container{ position: relative; z-index: 2; } #IndexBlock2 .Productlist2{ overflow:hidden; } #IndexBlock2 .Productlist{ margin:0; } #IndexBlock2 .Productlist li{ padding:0; } #IndexBlock2 .PBox{ position: relative; margin-bottom: 6.66%; } #IndexBlock2 .PNBtn span{ position:absolute; top:50%; margin-top:-0.25rem; z-index:33333; display:block; height:0.5rem; width:0.5rem; border-radius:50%; z-index: 2; } #IndexBlock2 .PNBtn .prev{ background:rgba(242,207,0,1) url(../images/icon_jt1_1.png) no-repeat 50% center; left:-0.7rem; } #IndexBlock2 .PNBtn .next{ background:rgba(242,207,0,1) url(../images/icon_jt1_2.png) no-repeat 50% center; right:-0.7rem; } #IndexBlock2 .PNBtn span:hover{ background-color: rgba(242,207,0,.6); } #IndexBlock1 .PBoxs{ position: relative; margin-bottom: 6.66%; } #IndexBlock1 .PNBtn span{ position:absolute; top:50%; margin-top:-0.25rem; z-index:33333; display:block; height:0.5rem; width:0.5rem; border-radius:50%; z-index: 2; } #IndexBlock1 .PNBtn .prev{ background:rgba(242,207,0,1) url(../images/icon_jt1_1.png) no-repeat 50% center; left:-0.7rem; } #IndexBlock1 .PNBtn .next{ background:rgba(242,207,0,1) url(../images/icon_jt1_2.png) no-repeat 50% center; right:-0.7rem; } #IndexBlock1 .PNBtn span:hover{ background-color: rgba(242,207,0,.6); } .PBox ul li a .cont .title { text-align:center; height:40px; line-height:40px; text-align:center; color:#333; font-size:15px;} .PBox ul li:hover a .cont .title { color:#2872db; } /**展会**/ /**当前位置**/ .current { height:78px; line-height:78px;} .current a { color:#666;font-size: 15px; display:block; float:left; margin-right:10px;} .current a:hover { color:#2872db; } .current a:first-child { padding-left:27px; background:url(../images/crumbs.png) no-repeat left center; } .current a i { display:inline-block; font-style:normal; text-align:center; margin-left:-6px;} .current a:last-child i { display:none;} /*=====实景图片=====*/ #mbOverlay { position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; } #mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; } #mbOverlay.mbOverlayIE { position:absolute; } #mbCenter { height:557px; position:absolute; z-index:9999; left:50%; top:30%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); } #mbCenter.mbLoading { background:#fff url(../images/WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; } #mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; } #mbImage img { width:100%;} #mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; } #mbImage a:hover, #mbImage a:active { color:#fff; } #mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; } #mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:14px; } #mbNumber { background:url(../images/mbNumber_bg.gif) no-repeat center; display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; } #mbCaption { display:block; color:#999; line-height:14px; font-size:10px; } #mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:25px; margin:0; outline:none; } #mbPrevLink { width:32px; height:100px; background:transparent url(../images/CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; } #mbNextLink { width:32px; height:100px; background:transparent url(../images/CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; } #mbCloseLink { width:25px; height:25px; background:transparent url(../images/c10.png) no-repeat center; position:absolute; top:10px; right:-60px; } #mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; } #mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; } .mod_gallerylist ul li{float:left; margin: 0 0 3% 2.5%; width:23.1%; } .mod_gallerylist ul li img { width:100%; } .mod_gallerylist ul li:nth-child(4n+1){margin-left:0} .mod_gallerylist ul li .layout_default { border:1px solid #ddd} .mod_gallerylist ul li:hover .layout_default { border:1px solid #2872db} #n_mold ul li .meta { display:none;} #n_mold ul li .mbTitle { display:none;} .pages-work .mod_gallerylist ul li{ margin: 0 0 3% 2.5%; width:31.6%; } .pages-work .mod_gallerylist ul li:nth-child(3n+1){margin-left:0} #scsb .mod_gallerylist ul li{float:left; margin: 0 0 4% 4%; width: 30.5%; } #scsb .mod_gallerylist ul li:nth-child(3n+1){margin-left:0} .mod_gallerylist{width:100%} .meta{text-align:center;} .image_container img{ width:100%;} .meta a{color:#333; text-decoration:none; padding:20px 0; font-size:16px; border-top:1px solid #ddd; display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;} .mod_gallerylist ul li:hover .meta a{color:#fff; background:#2872db} .mod_gallerylist ul li .image_container { padding:4%; } .mod_gallerylist ul li .image_container a { display:block; position:relative;width:100%; overflow:hidden; } .mod_gallerylist ul li .image_container img{ width:100%; display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} .mod_gallerylist ul li:hover .image_container img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1); border:0;} .mod_gallerylist ul li .image_container a::before{ display:block; content:""; position:absolute; left:0; width:100%; height:100%; top:0; z-index:555;} .mod_gallerylist ul li:hover .image_container a::before{ background:rgba(0,0,0,0.5)url(../images/ck.png) no-repeat center center; } #zhtp .mod_gallerylist ul li:nth-child(3n+1) { margin-left: 0;} #zhtp .mod_gallerylist ul li:first-child { margin-left:0 !important;} #zhtp .mod_gallerylist ul li { margin: 0 0 3% 2.5%;width: 31.6%;} #zhtp .mod_gallerylist ul li:nth-child(4n+1) { margin-left: 2.5%;} /*--------------------page------------------*/ .page { text-align:center;margin:10px auto 60px;clear: both;padding-top:10px;} .page span.page_list {overflow:hidden;} .page span.page_list a {background:#fff; display:inline-block; overflow:hidden; color:#000;margin-right:5px;border:1px solid #d9d9d9;padding:0; height:29px; width:29px; line-height:29px;font-size:12px;} .page span.page_rows {background:#fff;border:1px solid #d9d9d9;font-size:12px;margin-right:5px;padding: 5px 10px 5px 10px;} .page span.page_list a.selected {background: #2872db;border:1px solid #2872db;color: #fff;} .page span.page_list a:hover {background: #2872db;border:1px solid #2872db;color: #fff;} .page .page_list .first { line-height:90px; background:url(../images/page.png) no-repeat center -82px;} .page .page_list .last { line-height:90px; background:url(../images/page.png) no-repeat center -139px;} .page .page_list .next { line-height:90px; background:url(../images/page.png) no-repeat center 10px;} .page .page_list .prev { float:none; line-height:90px; background:url(../images/page.png) no-repeat center -36px;} /*维修实景 */ .pages-serveice #wxsj { padding-bottom:0 !important} .pages-serveice #wxsj .h3{ margin-bottom:10px !important;} .z-list2 .inner:hover .txt .more span { text-decoration: underline; } .index-row4 { padding: 0 0 100px; overflow: hidden } .oclean-swiper { position: relative } .oclean-swiper .pic { position: relative; overflow: hidden } .oclean-swiper .pic:before { content: ''; position: absolute; top: 0; left:0; width: 100%; height: 100%; z-index: 10; background:rgba(255,255,255,0.6); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .oclean-swiper .swiper-slide-active .pic:before { background:rgba(255,255,255,0);} .oclean-swiper .swiper-slide .pic:hover:before { background-image: url(../images/icon-play-on.png); } .oclean-swiper .pic img { width: 100%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s } .oclean-swiper .swiper-slide-active:after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 218px; background: url(../images/mask.png) no-repeat center; -webkit-background-size: cover; background-size: cover } .oclean-swiper .tit { position: absolute; top: 62px; left: 0; right: 0; text-align: center; font-size: 60px; color: #fff; z-index: 2 } .oclean-swiper .swiper-arrow { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; cursor: pointer; z-index: 3 } .oclean-swiper .swiper-arrow.swiper-prev { left: 50%; margin-left: -670px; background-image: url(../images/prev.png) } .oclean-swiper .swiper-arrow.swiper-next { right: 50%; margin-right: -670px; background-image: url(../images/next.png) } .oclean-swiper .swiper-dots { position: absolute; bottom: -30px !important; z-index: 3; text-align: center } .oclean-swiper .swiper-dots .swiper-pagination-bullet { width:13px; border-radius:50px; height:13px; background: rgba(0, 0, 0, 0.2); opacity: 1; margin: 0 10px !important; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s } .oclean-swiper .swiper-dots .swiper-pagination-bullet-active { background: #2872db } .f-language .at span {text-decoration: underline} .f-language .con { position: absolute; bottom: 36px; right: 0; background: #fff; width: 140px; box-sizing: border-box; padding: 10px; border-radius: 4px; display: none; z-index: 10; text-align: center; } .f-language .con a:hover { color: #f4313f } .fd-share { background: #eaeaea; } .fd-share .wp { display: flex; } .fd-share a { position: relative; width: 30px; height: 30px; margin-right: 20px; background-image: url(../images/share.png); background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s } .fd-share a:hover { background-image: url(../images/share-on.png) } .fd-share .con { display: none; position: absolute; left: 50%; margin-left: -75px; bottom: 160%; width: 150px; height: 150px; } .fd-share .con img { display: block; width: 100%; height: 100%; } .fd-share a.share-weixin { background-position: 0 0 } .fd-share a.share-weibo { background-position: right 0 } .wx-qr { position: absolute; bottom: 120%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 100px; height: 100px; background-color: #fff; border-radius: 20px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); overflow: hidden; padding: 10px; opacity: 0; pointer-events: none; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .wx-qr img { display: block; width: 100%; height: 100%; } .media a:hover .wx-qr { opacity: 1; } .pop-mask { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, .65); z-index: 800; } .pop-close { position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; background: url(../images/z-close.png) no-repeat center; -webkit-background-size: 20px auto; background-size: 20px auto; border-radius: 50%; } .pop-close:hover { background-image: url(../images/z-close-on.png); background-color: #E53935; } .pop-win { display: none; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 801; width: 880px; } .pop-win .pop-tit { font-size: 18px; color: #424242; height: 60px; line-height: 60px; padding: 0 24px; background: #ffffff; } .pop-win .pop-con video { display: block; width: 100%; background: #000; } .wp { padding: 0 50px; max-width:1200px; margin: 0 auto } /*维修实景 */ #links{background-color:#f8f8f8;padding:20px 0;display:none;} #links .container{} #links .tit{font-size:18px;color:#2d2d2d;line-height:100%;margin-bottom:10px;} #links .tit b{font-weight:bold;line-height:100%;text-transform:uppercase;font-size:32px;margin-right:5px;} #links a{margin-right:25px;font-size:16px;color:#5f5f5f;line-height:30px;} #links a:hover{color:#1478ef} #links .list{line-height:100%;} #footer{padding:30px 0 30px;background:#2f2f2f;} #footer .footnav{} #footer .footlogo{padding-right:20px;font-size:15px;color:#acacac;position:relative;margin-bottom:30px;text-align:center;} #footer .footlogo img.logoimg{margin-bottom:50px;width:50%;} #footer .footlogo .h2{margin-bottom:10px;font-size:16px;} #footer .footlogo .h4{font-size:30px;font-weight:bold;margin-bottom:35px;} #footer .footlogo .works{font-style:italic;color:#777;} .cloudzoom-lens{border:5px solid #888;width:100px;height:100px;box-shadow:0 0 10px rgba(0,0,0,.4);cursor:crosshair;z-index:10} .cloudzoom-zoom{border:1px solid #888;width:500px;height:200px;box-shadow:0 0 10px rgba(0,0,0,.4)} .cloudzoom-zoom-inside{border:none;box-shadow:none} .cloudzoom-caption{display:none;text-align:left;background-color:#000;color:#fff;font-weight:700;padding:10px;font-family:sans-serif;font-size:11px} .cloudzoom-blank{background-image:url(../images/blank.png)} .cloudzoom-ajax-loader{background-image:url(../images/ajax-loader.gif);width:32px;height:32px} #footer .footnav{} #footer dl{padding-right:50px;width:auto;border-bottom:none;display:none;} #footer dl.fndl{position:relative;} #footer dl.fndl::after{content:'';display:block;width:1px;height:217px;background-color:#d6d6d6;position:absolute;right:0;top:0;} #footer dl dt{line-height:100%;margin-bottom:30px;padding:0;} #footer dl dt a{color:#fff;font-size:19px;display:block;} #footer dl dd{display:block;padding:0;} #footer dl dd p{line-height:36px;font-size:15px;color:#acacac;font-size:16px;} #footer dl dd p a{font-size:15px;color:#acacac;display:block;} #footer dl dd p a:hover{color:#fff;} #footer dl dd .box{display:inline-block;vertical-align:top;} #footer dl dd .box:nth-child(1){margin-right:40px;} #footer dl:last-child{padding-right:0;margin-right:0;} #footer dl.con{color:#acacac;font-size:14px;text-align:center;padding-right:0;display:block;} #footer dl.con p{line-height:24px;margin-bottom:10px;} #footer dl.watch{text-align:center;font-size:15px;color:#acacac;} #footer dl.watch p{padding:10px 0;margin-bottom:20px;} #footer .share{} #footer .share a{display:inline-block;width:35px;height:35px;border:solid 1px #e0e0e0;-moz-border-radius:50%;border-radius:50%;margin-right:10px;line-height:28px;text-align:center;background:none;padding:0;padding:18px;position:relative;} #footer .share a img{max-width:70%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;} #copy{height:79px;line-height:79px;color:#acacac;font-size:13px;border-top:solid 1px #3d3d3d;text-align:center;background-color:#2f2f2f;text-align:center;} #copy span{display:none;} #copy a{color:#acacac;} #copy a:hover{color:#fff;} .slide{background-color:#f6f6f6;position:relative;height:400px;display:none;} .slide .container{position:relative;z-index:40;} .slide .h5{font-size:30px;color:#333;line-height:100%;} .breadcrumbs{line-height:30px;font-size:15px;color:#666;padding:25px 0;display:none;} .breadcrumbs a{color:#666;} .breadcrumbs a i{ display:inline-block; padding:0 8px; font-style:normal;} .breadcrumbs a:last-child i { display:none;} .catpos{line-height:50px;color:#333;font-size:15px;padding:15px 0;} .catpos .container::before{content:'';display:inline-block;width:6px;height:15px;background-color:#e86b1b;vertical-align:middle;margin-right:15px;margin-top:-3px;} .page-navbar-Horizontal{line-height:60px;background-color:#2872db; color:#fff;} .page-navbar-Horizontal .curshow .downmenu{content:'';display:block;position:absolute;width:12px;height:12px;border-top:solid 2px #fff;border-right:solid 2px #fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);right:3px;top:0;bottom:0;margin:auto;} .page-navbar-Horizontal{position:relative;} .page-navbar-Horizontal .curshow{font-size:16px;text-align:left;position:relative;z-index:9;overflow:hidden;color:#fff;} .page-navbar-Horizontal ul{position:absolute;background-color:#fff;z-index:10;width:100%;display:none;left:0;} .page-navbar-Horizontal li{width:100%;border-bottom:solid 1px #ddd;line-height:50px;} .page-navbar-Horizontal li a{font-size:18px;display:block;padding:0 10px;} .page-navbar-Horizontal li a:hover{color:#e62129} .page-navbar-Horizontal li.active a{color:#e62129} .page-navbar-vertical{margin-bottom:20px;display:none;} .page-navbar-vertical .curshow .downmenu{content:'';display:block;position:absolute;width:12px;height:12px;border-top:solid 1px #333;border-right:solid 1px #333;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);right:3px;top:0;bottom:0;margin:auto;} .page-navbar-vertical{position:relative;} .page-navbar-vertical .curshow{font-size:26px;text-align:left;position:relative;z-index:9;overflow:hidden;background-color:#1478ef;text-align:center;color:#fff;line-height:80px;text-transform:uppercase;} .page-navbar-vertical ul{} .page-navbar-vertical li{margin-top:1px;line-height:60px;} .page-navbar-vertical li a{font-size:18px;display:block;padding:0 40px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;position:relative;color:#666;background-color:#f5f5f5;} .page-navbar-vertical li a.one{background-color:#333;color:#fff;} .page-navbar-vertical li a.active{background-color:#333;color:#fff;} .page-navbar-vertical .cur a{background-color:#333;color:#fff;} .page-navbar-vertical li a::after{content:'+';display:block;position:absolute;top:0;bottom:0;right:40px;margin:auto;} .page-navbar-vertical li a:hover{background-color:#333;color:#fff;} .page-navbar-vertical li ul{} .page-navbar-vertical li ul li{line-height:30px;padding:0;} .page-navbar-vertical li ul li a{font-size:17px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;line-height:50px;display:block;text-indent:10px;} .page-navbar-vertical li ul li a::after{content:'';display:block;width:10px;height:10px;border-top:solid 2px #333;border-right:solid 2px #333;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} .page-navbar-vertical li ul li a:hover{background:#f5f5f5;color:#222;} .page-navbar-vertical li ul li a.actives{font-weight:bold;color:#1478ef;} .page-navbar-vertical .lxr{margin-top:40px;} .page-navbar-vertical .lxr img.ren{width:100%;} .page-navbar-vertical .lxr .text{text-align:center;padding:20px 0;background-color:#1478ef;color:#fff;-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;} .page-navbar-vertical .lxr .text p{font-size:15px;margin-bottom:15px;line-height:100%;} .page-navbar-vertical .lxr .text p img{margin-top:-3px;margin-right:15px;} .page-navbar-vertical .lxr .text .h1{font-size:30px;font-weight:bold;line-height:100%;} #p_sort .clearfix { border:3px solid #1478ef; background:#fff; padding:5%; } #p_sort .page-navbar-vertical .clearfix li { margin-bottom:20px;} #p_sort .page-navbar-vertical .clearfix li:last-child { margin-bottom:0;} #p_sort .page-navbar-vertical .clearfix li ul li { margin-bottom:0;} #p_sort .page-navbar-vertical .clearfix li .p_sn{ width:100%; display:block; height:45px; padding:0 25px; line-height:45px; border-radius:60px; color:#333333; font-size:17px; font-weight:600;} #p_sort .page-navbar-vertical .clearfix li:hover .p_sn{ color:#fff; background:#1478ef;} #p_sort .page-navbar-vertical li a::after { right:25px;} #p_sort .page-navbar-vertical li ul li { border-bottom:1px solid #ddd;} #p_sort .page-navbar-vertical li ul li a { font-size:16px; padding:0 20px; background-color: #fff;} #p_sort .page-navbar-vertical li ul li:hover a { color:#1478ef; } #p_sort .page-navbar-vertical li ul li a::after { right:auto; left:10px; width:6px; height: 6px; border-right: solid 1px #333; border-top: solid 1px #333;} .pages-about{padding:30px 0;overflow:hidden;font-size:15px;line-height:2;color:#333;} .pages-about .h2{font-size:25px;color:#222;line-height:100%;text-transform:uppercase;margin-bottom:15px;text-align:center;} .pages-about .text{font-size:15px;color:#666;} .pages-about .introlbox{margin-bottom:30px;} .pages-about .introlbox .text{width:100%;margin-bottom:15px;} .pages-about .introlbox .h3{text-align:center;color:#333;font-size:30px;line-height:100%;} .pages-about .introlbox .h5{text-align:center;color:#666;font-size:16px;margin-bottom:30px;} .pages-about .lichen{padding:30px 0 60px;position:relative;} .pages-about .lichen #particles{position:absolute;width:100%;height:100%;background-color:#2872db;} .pages-about .lichen .h3{text-align:center;color:#fff;font-size:30px;} .pages-about .lichen .h5{text-align:center;color:rgba(255,255,255,.6);font-size:16px;margin-bottom:50px;} .pages-about .lichen .list{position:relative;} .pages-about .lichen .list .lichenbox{width:70%;margin:0 auto;overflow:hidden;} .pages-about .lichen .list .li{color:#fff;text-align:center;} .pages-about .lichen .list .li h3::before{content:'';display:block;height:1px;width:100%;background-color:rgba(255,255,255,.3);position:absolute;bottom:0;left:0;} .pages-about .lichen .list .li h3::after{content:'';display:block;width:11px;height:11px;background-color:#5ba1f4;-moz-border-radius:90px;border-radius:90px;position:absolute;left:0;right:0;margin:auto;bottom:-5px;} .pages-about .lichen .list .li h3{font-size:50px;color:#fff;line-height:100%;margin-bottom:20px;position:relative;padding-bottom:30px;font-weight:bold;} .pages-about .lichen .list .li p{padding:0 20%;} .pages-about .lichen .list .li:hover h3::before,.pages-about .lichen .list .li:hover h3::after{background-color:#fff;} .pages-about .lichen .list div.btn{display:block;width:50px;height:50px;border:solid 1px #fff;-moz-border-radius:50%;border-radius:50%;position:absolute;top:0;bottom:0;margin:auto;text-align:center;line-height:42px;cursor:pointer;} .pages-about .lichen .list div.btn div{font-size:24px;color:#fff;vertical-align:middle;display:inline-block;} .pages-about .lichen .list div.prev{left:-0;} .pages-about .lichen .list div.next{right:-0;} .wenhua{line-height:2;position:relative;color:#fff;padding:40px 0 60px; background:#1478ef; width:100%;} .wenhua .h3{font-size:30px;text-align:center;line-height:100%;margin-bottom:30px;} .pages-about .hzkf{padding:30px 0 0;position:relative;} .pages-about .hzkf #particles{position:absolute;width:100%;height:100%;background-color:#2872db;} .pages-about .hzkf .h3{text-align:center;color:#333;font-size:30px;} .pages-about .hzkf .h5{text-align:center;color:#666;font-size:16px;margin-bottom:30px;} .pages-about .hzkf li{margin-bottom:10px;} .pages-about .hzkf li .box{border:solid 1px #ddd;height:140px;line-height:130px;text-align:center;} .pages-about .hzkf li .box img{max-width:70%;max-height:70%;} .pages-case{padding-top:30px;} .pages-case .lists{} .pages-case .lists li{margin-bottom:30px;display:inline-block;float:none;vertical-align:top;} .pages-case .lists li a{display:block;padding:20px;border:solid 1px #ddd;} .pages-case .lists li a:hover{border-color:#1478ef;} .pages-case .lists li a .img{margin-bottom:20px; max-height:223px; overflow:hidden;} .pages-case .lists li a .text{position:relative;} .pages-case .lists li a .text .h3{font-size:20px;font-weight:bold;line-height:100%;margin-bottom:20px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;} .pages-case .lists li a .text .introl{font-size:14px;color:#666;line-height:2;margin-bottom:20px;overflow:hidden;height:80px;display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .pages-case .lists li a .text span.more{display:block;width:90px;line-height:30px;background-color:#888;color:#fff;text-align:center;font-size:13px;} .pages-case .lists li a:hover .text span.more{background-color:#1478ef;} .pages-about .pyoushi{background-color:#f9f9f9;padding:8% 0 3%;} .pages-about .pyoushi .h1{font-size:35px;text-align:center;color:#222;line-height:100%;margin-bottom:25px;} .pages-about .pyoushi .h4{font-size:22px;text-align:center;color:#444;line-height:100%;margin-bottom:60px;} .pages-about .pyoushi dl{text-align:center;margin-bottom:30px;float:none;display:inline-block;vertical-align:top;} .pages-about .pyoushi dl dt{margin-bottom:20px;} .pages-about .pyoushi dl dt span{display:inline-block;width:96px;height:96px;background-color:#e6212a;-moz-border-radius:50%;border-radius:50%;-moz-border-radius-topleft:0;border-top-left-radius:0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pages-about .pyoushi dl dd{padding:0 6%;line-height:24px;color:#666;font-size:14px;} .pages-about .pyoushi dl dd .h3{font-size:17px;padding:10px 0;color:#333;font-weight:bold;} .pages-about .pyoushi dl img{-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pages-about .pyoushi dl:hover img{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);} .pages-about .pyoushi dl:hover span{-moz-border-radius:50%;border-radius:50%;} .pages-about .plicheng{padding:8% 0;background:url(../images/lichengbg.jpg) no-repeat center fixed;-moz-background-size:cover;background-size:cover;} .pages-about .plicheng .h1{font-size:45px;text-align:center;color:#fff;line-height:100%;margin-bottom:25px;} .pages-about .plicheng .h4{font-size:22px;text-align:center;color:#fff;line-height:100%;margin-bottom:60px;} .pages-about .plicheng .li{text-align:center;} .pages-about .plicheng .list{margin-bottom:90px;overflow:hidden;} .pages-about .plicheng .li .h5{font-size:50px;font-weight:bold;color:#fff;margin-bottom:20px;} .pages-about .plicheng .li .des{font-size:18px;color:#fff;line-height:2;} .pages-about .plicheng .control{text-align:center;position:relative;overflow:hidden;} .pages-about .plicheng .control ul{position:relative;} .pages-about .plicheng .control::after{content:'';display:block;height:1px;background-color:#fff;position:absolute;width:100%;top:59px;} .pages-about .plicheng .control li{cursor:pointer;padding:0;} .pages-about .plicheng .control li p{margin-bottom:10px;} .pages-about .plicheng .control li .quan{display:inline-block;width:15px;height:15px;-moz-border-radius:50%;border-radius:50%;border:solid 2px #fff;position:relative;margin-bottom:20px;} .pages-about .plicheng .control li .quan::after{content:'';display:block;vertical-align:middle;background-color:#fff;width:4px;height:4px;-moz-border-radius:50%;border-radius:50%;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;} .pages-about .plicheng .control li .t{font-size:26px;font-weight:bold;color:#fff;} .pages-about .plicheng .control li.swiper-slide-thumb-active .t{color:#e6212a;} .pages-about .pbrand{padding:8% 0 0;} .pages-about .pbrand .h1{font-size:35px;text-align:center;color:#222;line-height:100%;margin-bottom:25px;} .pages-about .pbrand .h4{font-size:16px;text-align:center;color:#444;line-height:2;margin-bottom:30px;} .pages-about .pbrand .custbox{overflow:hidden;position:relative;padding-bottom:70px;} .pages-about .pbrand li a{display:block;background-color:#888;text-align:center;-webkit-transition:all 1s ease;-o-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;padding:10px 0;} .pages-about .pbrand li a:hover{background-color:#e6212a;-moz-border-radius:5px;border-radius:5px;} .pages-about .pbrand li a img{-webkit-transition:all 1s ease;-o-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;} .pages-about .pbrand li a:hover img{-webkit-transform:rotateX(360deg);-moz-transform:rotateX(360deg);transform:rotateX(360deg);} .pages-about .pbrand .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;} .pages-about .pbrand .swiper-pagination .swiper-pagination-bullet-active{background-color:#e6212a;} .pages-about .pteam{padding:8% 0 0;} .pages-about .pteam .h1{font-size:35px;text-align:center;color:#222;line-height:100%;margin-bottom:25px;} .pages-about .pteam .h4{font-size:16px;text-align:center;color:#444;line-height:100%;margin-bottom:40px;} .pages-about .pteam .list{overflow:hidden;position:relative;} .pages-about .pteam ul li{text-align:center;width:33.333%;float:left;font-size:14px;} .pages-about .pteam ul li .img{margin-bottom:30px;} .pages-about .pteam ul li .img img{-moz-border-radius:50%;border-radius:50%;width:200px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pages-about .pteam ul li .text{font-size:14px;} .pages-about .pteam ul li .text .h3{font-size:20px;color:#333;margin-bottom:15px;font-weight:bold;} .pages-about .pteam ul li .text .h3 span{font-size:14px;color:#666;margin-left:15px;font-weight:normal;} .pages-about .pteam .list a.prev{display:block;width:70px;height:70px;border:solid 1px #777;-moz-border-radius:50%;border-radius:50%;top:0;bottom:0;margin:auto;left:10%;position:absolute;text-align:center;z-index:20;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pages-about .pteam .list a.prev i{font-size:40px;line-height:68px;color:#777;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pages-about .pteam .list a.prev:hover{background-color:#e6212a;border-color:#e6212a;} .pages-about .pteam .list a.prev:hover i{color:#fff;} .pages-about .pteam .list a.next{display:block;width:70px;height:70px;border:solid 1px #777;-moz-border-radius:50%;border-radius:50%;top:0;bottom:0;margin:auto;right:10%;position:absolute;text-align:center;z-index:20;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pages-about .pteam .list a.next i{font-size:40px;line-height:68px;color:#777;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pages-about .pteam .list a.next:hover{background-color:#e6212a;border-color:#e6212a;} .pages-about .pteam .list a.next:hover i{color:#fff;} .pages-about .pteam .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;} .pages-about .pteam .swiper-pagination .swiper-pagination-bullet-active{background-color:#e6212a;} .recomteam li{padding:0 12px;} .recomteam li .box{border:solid 1px #d7d7d7;-moz-border-radius:2px;border-radius:2px;padding:20px;background-color:#fff;display:block;} .recomteam li .box img{-moz-border-radius:2px;border-radius:2px;} .recomteam li .box .h4{font-size:22px;color:#4d5359;font-weight:bold;line-height:100%;padding:18px 0 15px;} .recomteam li .box:hover .h4 a{color:#e32235} .recomteam li .box .des{font-size:16px;color:#4d5359;line-height:22px;margin-bottom:20px;overflow:hidden;height:42px;} .recomteam li .box .btn .share{float:left;} .recomteam li .box .btn .share a{width:25px;height:25px;-moz-border-radius:2px;border-radius:2px;background-color:#fff;line-height:25px;text-align:center;color:#c5c5c6;display:block;float:left;margin-right:5px;font-size:14px;font-weight:normal;border:solid 1px #d7d7d7;} .recomteam li .box:hover .btn .share a{background-color:#3b5999;color:#fff;border-color:#3b5999;} .recomteam li .box:hover .btn .share a:nth-child(2){background-color:#00acee;color:#fff;border-color:#00acee;} .recomteam li .box:hover .btn .share a:nth-child(3){background-color:#dd4c39;color:#fff;border-color:#dd4c39;} .recomteam li .box:hover .btn .share a:nth-child(4){background-color:#e13138;color:#fff;border-color:#e13138;} .recomteam li .box .btn .share a i{top:-2px;position:relative;} .recomteam li .box .btn a.more{float:right;display:block;width:25px;height:25px;background-color:#fff;-moz-border-radius:2px;border-radius:2px;background-color:#c5c5c5;color:#fff;text-align:center;line-height:25px;} .recomteam li .box:hover .btn a.more{background-color:#c0392b;color:#fff;} .pages-serveice{font-size:16px;color:#333;line-height:2;padding:0 0 3%;} .bianjie{z-index:10;background-color:#1478ef;margin-bottom:70px;} .bianjie .container{} .bianjie .li{width:50%;float:left;text-align:center;color:#fff;padding:40px 0;} .bianjie .li:nth-child(2){background-color:#0d6de0;} .bianjie .li:nth-child(3){background-color:#0d6de0;} .bianjie .li .img{width:80px;height:80px;display:inline-block;background-color:#fff;-moz-border-radius:50%;border-radius:50%;margin-bottom:10px;line-height:75px;} .bianjie .li .img img{max-width:70%;max-height:70%;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .bianjie .li:hover .img img{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);} .bianjie .li .tit{font-size:26px;margin-bottom:10px;} .bianjie .li .des{font-size:14px;line-height:28px;} .pages-serveice .lx{margin-bottom:60px;} .pages-serveice .lx .h1{font-size:30px;text-align:center;line-height:100%;margin-bottom:10px;} .pages-serveice .lx .h3{font-size:18px;text-align:center;margin-bottom:40px;} .pages-serveice .lx .list .li{text-align:center;} .pages-serveice .lx .list .li{font-size:14px;color:#999;} .pages-serveice .lx .list .li .img{overflow:hidden;} .pages-serveice .lx .list .li .img img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pages-serveice .lx .list .li:hover .img img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)} .pages-serveice .lx .list .li h3{font-size:25px;font-weight:bold;color:#111;line-height:100%;padding:15px 0} .pages-serveice .caozuo{padding:70px 0;background-color:#f8f8f8;} .pages-serveice .caozuo .h1{font-size:30px;text-align:center;line-height:100%;margin-bottom:10px;} .pages-serveice .caozuo .h3{font-size:18px;text-align:center;margin-bottom:40px;} .pages-serveice .caozuo .list .li{margin-bottom:10px;} .pages-serveice .caozuo .list .li .wrapper{background-color:#fff;padding:30px;color:#666;height:365px;text-align:center;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;position:relative;} .pages-serveice .caozuo .list .li .wrapper .img{margin-bottom:10px;height:92px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;position:relative;z-index:20;} .pages-serveice .caozuo .list .li:nth-child(1) .wrapper .img{background:url(../images/ockkr1a.png) no-repeat center;} .pages-serveice .caozuo .list .li:nth-child(2) .wrapper .img{background:url(../images/ockkr2a.png) no-repeat center;} .pages-serveice .caozuo .list .li:nth-child(3) .wrapper .img{background:url(../images/ockkr3a.png) no-repeat center;} .pages-serveice .caozuo .list .li:nth-child(4) .wrapper .img{background:url(../images/ockkr4a.png) no-repeat center;} .pages-serveice .caozuo .list .li:nth-child(1) .wrapper:hover .img{background:url(../images/ockkr1b.png) no-repeat center;} .pages-serveice .caozuo .list .li:nth-child(2) .wrapper:hover .img{background:url(../images/ockkr2b.png) no-repeat center;} .pages-serveice .caozuo .list .li:nth-child(3) .wrapper:hover .img{background:url(../images/ockkr3b.png) no-repeat center;} .pages-serveice .caozuo .list .li:nth-child(4) .wrapper:hover .img{background:url(../images/ockkr4b.png) no-repeat center;} .pages-serveice .caozuo .list .li .wrapper .tit{font-size:24px;font-weight:bold;color:#111;position:relative;z-index:20;line-height:30px;margin-bottom:10px;} .pages-serveice .caozuo .list .li .wrapper .en{margin-bottom:20px;line-height:20px;position:relative;z-index:20;} .pages-serveice .caozuo .list .li .wrapper .des{position:relative;z-index:20;line-height:24px;} .pages-serveice .caozuo .list .li .wrapper:hover{background-color:#1478ef;} .pages-serveice .caozuo .list .li .wrapper:hover .tit{color:#fff;} .pages-serveice .caozuo .list .li .wrapper:hover .en{color:#fff;} .pages-serveice .caozuo .list .li .wrapper:hover .des{color:#fff;} .pages-serveice .caozuo .list .li .wrapper .particles{position:absolute;width:100%;height:100%;top:0;left:0;} .pages-serveice .weixiu{padding:30px 0 30px;overflow:hidden;} .pages-serveice .weixiu .h1{font-size:30px;text-align:center;line-height:100%;margin-bottom:10px;} .pages-serveice .weixiu .h3{font-size:18px;text-align:center;margin-bottom:40px;} .pages-serveice .weixiu .list{position:relative;padding-bottom:50px;} .pages-serveice .weixiu .swiper-slide{width:100%;position:relative;} .pages-serveice .weixiu .swiper-slide .text{position:absolute;bottom:30px;left:30px;padding:30px;background-color:rgba(0,0,0,.7);right:30px;overflow:hidden;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;opacity:0;} .pages-serveice .weixiu .swiper-slide .h2{font-size:18px;line-height:100%;padding:15px 0;color:#fff;-webkit-transform:translateX(150px);-moz-transform:translateX(150px);-ms-transform:translateX(150px);transform:translateX(150px);opacity:0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;-webkit-transition-delay:200ms;-moz-transition-delay:200ms;-o-transition-delay:200ms;transition-delay:200ms;} .pages-serveice .weixiu .swiper-slide p{font-size:14px;color:#fff;-webkit-transform:translateX(150px);-moz-transform:translateX(150px);-ms-transform:translateX(150px);transform:translateX(150px);opacity:0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;-webkit-transition-delay:500ms;-moz-transition-delay:500ms;-o-transition-delay:500ms;transition-delay:500ms;height:50px;overflow:hidden;} .pages-serveice .weixiu .swiper-slide::after{content:'';display:block;position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,.8);left:0;top:0;} .pages-serveice .weixiu .swiper-slide-active::after{display:none;} .pages-serveice .weixiu .swiper-slide-active .text{opacity:1;} .pages-serveice .weixiu .swiper-slide-active .h2{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);} .pages-serveice .weixiu .swiper-slide-active p{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);} .pages-serveice .weixiu .swiper-pagination-bullet{width:13px;height:13px;} .pages-serveice .fuwu{padding:0;} .pages-serveice .fuwu .h1{font-size:30px;text-align:center;line-height:100%;margin-bottom:10px;} .pages-serveice .fuwu .h3{font-size:18px;text-align:center;margin-bottom:40px;} .pages-serveice .fuwu .list{} .pages-serveice .fuwu .list .inputs{position:relative;margin-bottom:15px;} .pages-serveice .fuwu .list .inputs span{display:inline-block;font-weight:bold;padding:5px 0} .pages-serveice .fuwu .list .inputs input[type="text"]{border:solid 1px #ddd;padding:10px;width:100%;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pages-serveice .fuwu .list .inputs input[type="text"]:focus{border-color:#1478ef} .pages-serveice .fuwu .list .inputs textarea{width:100%;padding:10px;border:solid 1px #ddd;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;height:150px;} .pages-serveice .fuwu .list .inputs textarea:focus{border-color:#1478ef} .pages-serveice .fuwu .list .inputs input[type="submit"]{border:none;cursor:pointer;background-color:#1478ef;color:#fff;font-size:18px;padding:10px 35px;} .pages-serveice .fuwu .list .img{border:solid 1px #ddd;padding:0;border-right:none;} .pages-serveice .fuwu .list .img img{width:100%;max-width:none;} .pages-serveice .fuwu .list .Scan{border:solid 1px #ddd;padding:0;text-align:center;} .pages-serveice .fuwu .list .watch .col-lg12{padding:0;margin-top:40px;} .pages-serveice .fuwu .list .watch .col-lg12 .h4{font-size:20px;font-weight:bold;margin-bottom:10px;} .pages-shop{;overflow:hidden;} .pages-shop .list{padding-top:30px;margin:0 3%;overflow:hidden;} .pages-shop .row{margin:0 -15px;} .pages-shop .list li{margin-bottom:30px;padding:0 15px;} .pages-shop .list li:last-child{margin-bottom:0;} .pages-shop .list li .box{display:block;position:relative;} .pages-shop .list li .img{border:solid 1px #ddd;display:block;padding:20px 0;background-color:#fff;} .pages-shop .list li img{margin-bottom:10px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pages-shop .list li .box:hover img{-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px);} .pages-shop .list li .h5{font-size:28px;color:#222;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;margin-bottom:20px;position:relative;z-index:30;} .pages-shop .list li .box .h5 a{color:#1478ef;font-weight:bold;} .pages-shop .list li .box:hover .h5 a{color:#1478ef;text-decoration:underline;} .pages-shop .list li .box .text{background-color:#fff;padding:20px 0;} .pages-shop .list li p{font-size:14px;color:#666;line-height:30px;position:relative;z-index:30;margin-bottom:30px;text-indent:2em;} .pages-shop .list li .box .btn{width:50%;line-height:50px;display:block;float:left;font-size:16px;text-align:center;background-color:#1478ef;color:#fff;} .pages-shop .list li .box .btn:last-child{background-color:#333;} .pages-shop .list li .box .btn i{margin-right:10px;} .pages-shop .list li .box .btn:hover{background-color:#ffae00;} .loadmore{text-align:center;font-size:18px;color:#666;} .loadmore a{display:inline-block;margin:3% 0;border:solid 1px #ccc;padding:10px 20px;color:#333;-moz-border-radius:5px;border-radius:5px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .loadmore a:hover{border-color:#333;} .newstop{border:solid 1px #ddd;background-color:#f8f8f8;padding:20px;} .pages-news-l{overflow:hidden;} .pages-news{overflow:hidden;padding-top:30px;} .pages-news .lists li{margin-bottom:10px;} .pages-news .lists li:last-child{margin-bottom:0;} .pages-news .lists li a{display:block;padding:20px;border:solid 1px #ddd;} .pages-news .lists li a:hover{border-color:#1478ef;} .pages-news .lists li a .img{margin-bottom:10px;} .pages-news .lists li a .img img{width:100%;} .pages-news .lists li a .text{position:relative;padding-bottom:60px;} .pages-news .lists li a .text .h3{font-size:20px;line-height:100%;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .pages-news .lists li a .text .introl{font-size:14px;color:#666;line-height:2;display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .pages-news .lists li a .text span.more{display:block;width:90px;line-height:30px;font-size:13px;background-color:#888;color:#fff;text-align:center;position:absolute;right:0;bottom:0;} .pages-news .lists li a:hover .text span.more{background-color:#1478ef;} /* ==================================== 网站地图 ==================================== */ .page-sitemap{padding:3% 0;} .sitemap{padding:0 0;overflow:hidden;} .sitemap h2{font-size:22px;padding:10px 15px;background-color:#1478ef;display:inline-block;margin-bottom:30px;} .sitemap h2 a{color:#fff;} .sitemap h2 a:hover{color:#fff;text-decoration:underline;} .sitemap ul{overflow:hidden;display:block;font-size:15px;margin-bottom:30px;border-bottom:solid 1px #ddd;} .sitemap ul li{width:25%;line-height:35px;display:inline-block;vertical-align:top;border-bottom:solid 1px #ddd;text-align:center;font-size:18px;line-height:55px;position:relative;top:1px;} .sitemap ul li a{color:#333;} .sitemap ul li a:hover{color:#1478ef;text-decoration:underline;} .sitemap ul li p a{font-weight:normal;} .sitemap ul li p:last-child{margin-bottom:30px;} .sitemap ul div{margin-bottom:15px;border:solid 1px #eee;padding:15px;} .sitemap ul h3{font-size:15px;margin-bottom:10px;} .sitemap ul h3 a{color:#333;} .cver{display:none;} #page{text-align:center;font-size:20px;padding:20px 0;} #page span,#page a{overflow:hidden;font-size:15px;} #page span.cur{color:#1478ef;} .rests{font-size:18px;color:#555;padding:20px;border:solid 1px #ddd;margin-bottom:20px;} .pages-news-show{padding-bottom:3%;padding-top:30px;} .pages-news-show .intro .title{font-size:20px;color:#222;margin-bottom:10px;font-weight:bold;line-height:100%;} .pages-news-show .intro .source{font-size:15px;color:#666;} .pages-news-show .intro .contents{color:#666;line-height:2;font-size:15px;padding:3% 0;} .tags{margin-bottom:3%;margin-top:20px;color:#333;font-size:14px;} .tags span{margin-right:10px;background-color:#e5e5e5;padding:3px 10px;} .pagelinks{border-top:dashed 1px #ccc;border-bottom:dashed 1px #ccc;padding:20px 0;} .pagelinks a{width:50%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;display:block;font-size:15px;} .ptitle{font-size:25px;font-weight:bold;color:#222;margin-bottom:10px;} .recom{} .recom li .h3{font-size:15px;color:#666;line-height:100%;margin:10px 0;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;} .recom li a:hover .h3{color:#1478ef;font-weight:bold;} .recom li a .fr{color:#999;} .recom li a .h3 em{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; color:#333333; font-style:normal} .recom li:hover a .h3 em{ color:#2872db} .pages-work{padding:30px 0 3%;overflow:hidden;} .pages-work ul{} .pages-work li{margin-bottom:10px;} .pages-work li img{width:100%; } .pages-work li a:hover img{border:solid 1px #1478ef;} .pages-work li .text{background-color:#f5f5f5;padding:30px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pages-work li .h3{font-size:16px;line-height:100%;text-align:center;padding:20px 0;border:solid 1px #ddd;border-top:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:20px 5px;} .pages-work li a:hover .h3{border:solid 1px #1478ef;border-top:none;background-color:#1478ef;color:#fff;} .pages-work li a .contents{display:none;} .pages-work .contentsShow{margin-bottom:10px;padding:0 10px;font-size:15px;line-height:2;clear:both;display:none;} .pages-work .contentsShow .box{background-color:#e6212a;padding:30px;color:#fff;} .cloudzoom-lens{border:5px solid #888;width:100px;height:100px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-moz-box-shadow:0 0 10px rgba(0,0,0,.4);box-shadow:0 0 10px rgba(0,0,0,.4);cursor:crosshair;z-index:10} .cloudzoom-zoom{border:1px solid #888;width:500px;height:200px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-moz-box-shadow:0 0 10px rgba(0,0,0,.4);box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} .cloudzoom-zoom-inside{border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none} .cloudzoom-caption{display:none;text-align:left;background-color:#000;color:#fff;font-weight:700;padding:10px;font-family:sans-serif;font-size:11px} .cloudzoom-blank{background-image:url(../images/blank.png)} .cloudzoom-ajax-loader{background-image:url(../images/ajax-loader.gif);width:32px;height:32px} .pages-ly{padding:3% 0;} .pages-ly .tit{background-color:#1478ef;color:#fff;display:inline-block;font-size:20px;padding:10px 20px;} .pages-ly .list{border:solid 1px #ddd;padding:50px 50px 100px;background:url(../images/r1-orderform-1-bg.jpg) no-repeat center bottom;} .pages-ly .list .row{width:650px;margin:0 auto;color:#666;font-size:16px;} .pages-ly .list .inputs{margin-bottom:10px;} .pages-ly .list .inputs b{display:inline-block;width:110px;text-align:right;font-weight:normal;} .pages-ly .list input[type="text"]{border:solid 1px #ddd;padding:10px;width:70%;} .pages-ly .list textarea{border:solid 1px #ddd;padding:10px;width:70%;height:120px;} .pages-ly .list input[type="submit"]{border:none;background-color:#1478ef;color:#fff;padding:10px 35px;font-size:18px;cursor:pointer;} .pages-shop-show{padding:3% 0 3%;} .pages-shop-show .bigImg{border:solid 1px #ddd;margin-bottom:10px;position:relative;} .pages-shop-show .bigImg .video{position:absolute;right:0;bottom:0;z-index:999;background:rgba(153,153,153,.8);width:100%;height:100%;line-height:80px;text-align:center;cursor:pointer;background-color:#fff;} .pages-shop-show .bigImg .video i{vertical-align:middle;font-size:20px;color:#fff;} .pages-shop-show .shopInfo{margin-top:15px;} .pages-shop-show .shopInfo .h2{font-size:20px;line-height:100%;margin-bottom:50px;font-weight:bold;} .pages-shop-show .shopInfo .classis{font-size:14px;color:#666;margin-bottom:40px;} .pages-shop-show .shopInfo .description{font-size:13px;color:#666;background-color:#f5f5f5;padding:40px 20px 20px;position:relative;line-height:2;margin-bottom:40px;text-indent:2em;} .pages-shop-show .shopInfo .description span{display:inline-block;position:absolute;top:-17px;background-color:#1478ef;color:#fff;padding:12px 10px;line-height:100%;left:20px;text-indent:0;} .pages-shop-show .Please{font-size:14px;} .pages-shop-show .Please p{margin-bottom:15px;} .pages-shop-show .Please a{font-size:26px;color:#1478ef;font-weight:bold;line-height:100%;} .pages-shop-show .Please a:hover{color:#222;} .pages-shop-show .thumb{} .pages-shop-show .thumb ul{margin:0 -5px;} .pages-shop-show .thumb li{width:20%;float:left;padding:0 5px;} .pages-shop-show .thumb li img{display:block;border:solid 1px #ddd;} .pages-shop-show .thumb li img.cloudzoom-gallery-active{border-color:#1478ef} .pages-shop-show .tabstit{ border-bottom:solid 1px #ddd;border-right:none;} .pages-shop-show .tabstit li{float:left;margin-right:3px;width:auto;} .pages-shop-show .tabstit li a{padding:0 20px;line-height:40px;font-size:16px;background-color:#f5f5f5;display:block;border:solid 1px #ddd;border-bottom:none;font-weight:bold;} .pages-shop-show .tabstit li a i{margin-right:10px;} .pages-shop-show .tabstit li.active{position:relative;margin-bottom:-1px;} .pages-shop-show .tabstit li.active a{background-color:#fff;border-top:solid 2px #1478ef;} .pages-shop-show .contents{padding:30px 0;display:none;line-height:2;font-size:15px;color:#555;} .pages-shop-show .contents:nth-child(1){display:block;} .pages-shop-show .contents img{ width:100%;} .pages-shop-show .contents table img{border:none;} .pages-shop-show .contents table thead{text-align:center;} .pages-shop-show .contents h2{font-weight:bold;} .pages-shop-show .contents ul li{margin-bottom:10px;} .pages-shop-show .contents ul li .boxs{text-align:center;border:solid 2px #ccc;padding:20px;border-radius:5px;font-size:18px;height:192px;} .pages-shop-show .contents ul li .boxs .img{margin-bottom:20px;} .pages-shop-show .contents ul li .boxs img{border:none;} .pages-shop-show .contents ul li .boxs p{line-height:30px;color:#333;} .pages-shop-show .contents .col-lg6,.pages-shop-show .contents .col-lg12{margin-bottom:30px;} .pages-shop-show .shopshow-tit .container{padding:3% 0;} .pages-shop-show .shopshow-tit .container .h1{font-size:36px;line-height:100%;margin-bottom:20px;font-weight:bold;} .pages-shop-show .shopshow-tit .container .h3{font-size:30px;line-height:100%;margin-bottom:20px;font-weight:bold;} .pages-shop-show .shopshow-tit .container .des{font-size:17px;color:#555;line-height:2;} .pages-shop-show .showbox{overflow:hidden;position:relative;} .pages-shop-show .shopshowxj{font-size:36px;line-height:100%;margin-bottom:50px;font-weight:bold;} .pages-shop-show .showbox .swiper-pagination{bottom:20px;} .pages-shop-show .showbox .swiper-pagination .swiper-pagination-bullet{width:14px;height:14px;} .pages-shop-show .showbox .swiper-pagination .swiper-pagination-bullet-active{background-color:#e6212a;} .pages-shop-show .showbox .prev{width:70px;height:70px;background-color:rgba(0,0,0,.5);-moz-border-radius:50%;border-radius:50%;position:absolute;top:0;bottom:0;margin:auto;z-index:10;cursor:pointer;left:5%;} .pages-shop-show .showbox .prev::after{content:'';display:block;width:20px;height:20px;border-top:solid 2px #fff;border-right:solid 2px #fff;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);position:absolute;top:0;bottom:0;left:8px;right:0;margin:auto;} .pages-shop-show .showbox .next{width:70px;height:70px;background-color:rgba(0,0,0,.5);-moz-border-radius:50%;border-radius:50%;position:absolute;top:0;bottom:0;margin:auto;z-index:10;cursor:pointer;right:5%;} .pages-shop-show .showbox .next::after{content:'';display:block;width:20px;height:20px;border-top:solid 2px #fff;border-right:solid 2px #fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:0;bottom:0;left:0;right:8px;margin:auto;} .leftnews{margin-top:30px;display:none;} .leftnews .h3{font-size:20px;background-color:#1478ef;color:#fff;padding:15px 0;text-indent:15px;} .leftnews .list{padding:15px;border:solid 1px #ddd;} .leftnews .list p{font-size:14px;line-height:26px;color:#666;} .leftnews .list dl{overflow:hidden;border-bottom:solid 1px #ddd;padding-bottom:10px;margin-bottom:10px;} .leftnews .list dl dt{} .leftnews .list dl dd{line-height:22px;font-size:13px;color:#666;} .leftnews .list dl dd .h5{font-size:15px;color:#222;margin-bottom:5px;line-height:100%;padding:7px 0;} .leftnews .list li a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:13px;display:block;line-height:30px;} .leftnews .list li span{display:inline-block;background-color:#999;height:20px;width:20px;vertical-align:middle;line-height:20px;text-align:center;color:#fff;margin-right:10px;} .leftnews .list li:nth-child(-n+3) span{background-color:#1478ef;} .leftcase{margin-top:30px;display:none;} .leftcase .h3{font-size:20px;background-color:#1478ef;color:#fff;padding:15px 0;text-indent:15px;} .leftcase .list{padding:15px;border:solid 1px #ddd;padding-bottom:0;} .leftcase .list li{margin-bottom:10px;} .leftcase .list li p{font-size:15px;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:15px 0;} .rela{padding-top:20px;} .rela .h1{font-size:26px;font-weight:bold;line-height:100%;margin-bottom:20px;} .rela .row{} .rela .row{margin:0 -10px;} .rela .list li{text-align:center;padding:0 10px;} .rela .list li:last-child { display:none;} .rela .list li a{display:block;border:solid 1px #e5e5e5;position:relative;} .rela .list li:hover a{ border:solid 1px #2872db; } .rela .list li:hover a p { color: #fff; border-top: solid 1px #2872db; background:#2872db;} .rela .list li img{width:100%;} .rela .list li p{font-size:15px;padding:20px;color:#303030;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;border-top:solid 1px #e5e5e5;} .page-contact{padding:4% 0;overflow:hidden;} .page-contact .container{} .page-contact .contop{} .page-contact .contop .en{font-size:26px;line-height:40px;color:#111;text-transform:uppercase;line-height:100%;margin-bottom:15px;} .page-contact .contop .zh{font-size:36px;color:#333;line-height:2;line-height:100%;margin-bottom:20px;} .page-contact .contop .text{font-size:17px;color:#666;line-height:2;margin-bottom:40px;} .page-contact .conbottom{margin:0 auto 0px;} .page-contact .conbottom .row{margin:0 -10px;} .page-contact .conbottom dl{text-align:center;margin-bottom:30px;padding:0 10px;} .page-contact .conbottom dl .box{border:solid 1px #ddd;padding-bottom:40px;} .page-contact .conbottom dl dt span{height:100px;display:inline-block;-moz-border-radius:50%;border-radius:50%;text-align:center;line-height:100px;color:#333;font-size:24px;} .page-contact .conbottom dl dt span i{font-size:35px;vertical-align:middle;margin-right:15px;color:#1478ef} .page-contact .conbottom dl dt img{max-width:50%;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .page-contact .conbottom dl:hover dt img{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);} .page-contact .conbottom dl dd{line-height:30px;font-size:15px;color:#222;padding:0 20px 0;} .page-contact .conbottom dl dd span{font-weight:bold;color:#1478ef;font-size:18px;} .page-contact .conbottom dl dd a{font-size:18px;} .page-contact .conbottom dl dd a:hover{text-decoration:underline;} .page-contact .col-lg4{margin-bottom:30px;} .page-contact .row{margin:0;} .page-contact .col-lg4,.page-contact .col-lg8{padding:0;} .context{padding:40px 20px;background-color:#fafafa;border:solid 1px #ddd;border-right:none;} .context h1{font-size:21px;font-weight:bold;line-height:100%;margin-bottom:20px;} .context p{line-height:2;color:#666;font-size:14px;} .context p b{color:#222;font-size:18px;} .context .line{height:1px;background-color:#ddd;margin:15px 0} .page-contact .allmap{height:510px;width:100%;overflow:hidden;border:solid 1px #ccc;margin-bottom:50px;} .page-contact #allmap{height:560px;} .page-contact .contopfgs{} .page-contact .contopfgs .en{font-size:25px;line-height:40px;color:#999;text-transform:uppercase;text-align:center;line-height:100%;margin-bottom:15px;} .page-contact .contopfgs .en::after{content:'';display:block;margin:0 auto;height:2px;width:120px;background-color:#e6212a;margin-top:15px;} .page-contact .contopfgs .zh{font-size:36px;color:#333;line-height:2;text-align:center;line-height:100%;margin-bottom:20px;margin-bottom:40px;} .page-contact .fgs{margin-top:40px;} .page-contact .fgs .tit{font-size:35px;color:#222;margin-bottom:30px;} .page-contact .fgs .list{line-height:2.5;font-size:17px;color:#666;} .page-contact .fgs .col-lg6{margin-bottom:20px;} .page-contact .fgs .box{border:solid 1px #ddd;padding:30px;-moz-border-radius:5px;border-radius:5px;} .page-contact .fgs .box p.name{font-size:23px;color:#333;margin-bottom:10px;} .page-contact .fgs .box p i{margin-right:10px;color:#e6212a;width:17px;text-align:center;} .page-service{border-top:solid 1px #ddd;} .pages-shop-show{overflow:hidden;} .case-btn{padding:30px 0;text-align:center;background-color:#fff;} .case-btn a{margin:0 57px;font-size:22px;color:#f33142;} .case-btn a:nth-child(2){color:#4c4c4c;} .p-jobs-list{padding:4% 0;} .h_zp{height:60px;line-height:60px;background-color:#8b8c91;} .p-jobs-list li.wow{overflow:hidden;border:none;} .p-jobs-list .h_zp div{width:16.6666%;float:left;text-align:center;color:#fff;font-size:15px;font-weight:bold;} .p-jobs-list li.wow .deta{background-color:#fbfbfb;padding:0 50px;} .job-title{background-color:#f5f5f5;margin-top:10px;cursor:pointer;} .job-title.active{background-color:#1478ef;} .p-jobs-list .h_zp.job-title div{color:#666;font-weight:normal;} .p-jobs-list .job-title.active div{color:#fff;} .p-jobs-list .tdata .box{padding:30px;font-size:13px;color:#666;line-height:2;} .p-jobs-list .tdata .box span{font-size:15px;color:#333;margin-bottom:20px;display:block;} .p-jobs-list .tdata .box a.a_134{display:block;width:100px;line-height:40px;color:#fff;background-color:#1478ef;text-align:center;} .p-jobs-list .tdata .box a.a_134:hover{background-color:#ff574a;} .p-jobs-list li{display:none;} .p-jobs-list .job-title #lermore1{background:url(../images/jrwm1.png) no-repeat center center;height:100%;} .p-jobs-list .job-title.active #lermore1{background:url(../images/jrwm1_h.png) no-repeat center center;} .page-service{padding:5% 0;} .page-service .h1{text-align:center;font-size:40px;line-height:100%;margin-bottom:22px;} .page-service .h4{font-size:18px;text-align:center;color:#666;margin-bottom:50px;} .page-service .text{text-align:center;color:#666;font-size:14px;line-height:2;margin-bottom:50px;} .page-service .cats{margin-bottom:20px;} .page-service .cats dl{text-align:center;padding:0 30px;margin-bottom:60px;display:inline-block;vertical-align:top;} .page-service .cats dl.w25{width:50%;} .page-service .cats dl.w20{width:50%;} .page-service .cats dl dt{margin-bottom:30px;} .page-service .cats dl dt img{height:90px;} .page-service .cats dl dd .h3{font-size:23px;margin-bottom:15px;font-weight:bold;} .page-service .cats dl dd .des{line-height:2;color:#666;font-size:14px;margin-bottom:40px;height:50px;overflow:hidden;} .page-service .cats dl dd .more{font-size:18px;border:solid 1px #555;padding:5px 20px;-moz-border-radius:15px;border-radius:15px;color:#333;} .page-service .cats dl dd .more:hover{background-color:#1478ef;border-color:#1478ef;color:#fff;} .page-service .cats dl dd .contents{position:fixed;top:20%;bottom:20%;left:5%;right:5%;background-color:#fff;text-align:left;font-size:16px;color:#333;line-height:2;z-index:10;-moz-border-radius:10px;border-radius:10px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;opacity:0;padding:50px 0;} .page-service .cats dl dd .scwap{overflow-y:auto;height:100%;} .scwapbox{padding:0 50px;} .page-service .cats dl dd .contents.show{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;} .page-service .cats dl dd .contents .h5{font-size:45px;color:#333;line-height:100%;margin-bottom:20px;} .page-service .cats dl dd .contents .h5::after{content:'';display:block;height:3px;width:100px;background-color:#1478ef;margin-top:30px;} .page-service .cats dl dd .contents .close{position:absolute;right:-20px;top:-20px;width:50px;height:50px;cursor:pointer;background-color:#333;-moz-border-radius:50%;border-radius:50%;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .page-service .cats dl dd .contents .close:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);background-color:#1478ef;} .page-service .cats dl dd .contents .close p{width:30px;height:3px;margin-top:5px;background-color:#fff;-moz-border-radius:2px;border-radius:2px;} .page-service .cats dl dd .contents .close p:nth-child(1){-webkit-transform:matrix(1,0,0,1,10,18) rotate(45deg);-moz-transform:matrix(1,0,0,1,10,18) rotate(45deg);-ms-transform:matrix(1,0,0,1,10,18) rotate(45deg);transform:matrix(1,0,0,1,10,18) rotate(45deg);} .page-service .cats dl dd .contents .close p:nth-child(2){-webkit-transform:matrix(1,0,0,1,10,10) rotate(-45deg);-moz-transform:matrix(1,0,0,1,10,10) rotate(-45deg);-ms-transform:matrix(1,0,0,1,10,10) rotate(-45deg);transform:matrix(1,0,0,1,10,10) rotate(-45deg);} .page-service .cats dl dd .contents .scroll{} .pservicebg{position:fixed;z-index:7;background-color:rgba(0,0,0,.3);width:100%;height:100%;left:0;top:0;display:none;} .gylwrap .h1{} .gylwrap .h1::after{content:'';display:block;margin:30px auto 0;width:120px;height:3px;background-color:#1478ef;} .gylwrap .h3{text-align:center;font-size:18px;margin-bottom:40px;color:#333;} .gylwrap .text{margin-bottom:70px;} .moshi{background:url(http://www.xivodesign.com/img/K1_05.jpg) no-repeat center fixed;-moz-background-size:cover;background-size:cover;} .moshi .li{height:100%;padding:0 3%;background-color:rgba(0,0,0,.3);line-height:500px;cursor:pointer;} .moshi .li .box{height:200px;overflow:hidden;display:inline-block;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;vertical-align:middle;} .moshi .li:nth-child(2){background-color:rgba(0,0,0,.7);} .moshi .li .h3{color:#fff;font-size:40px;margin-bottom:20px;line-height:100%;font-weight:bold;} .moshi .li .h4{color:#fff;line-height:100%;margin-bottom:30px;} .moshi .li .h4::after{content:'';display:block;width:100px;height:3px;width:100px;background-color:#fff;margin:30px auto 0;} .moshi .li .texts{color:#fff;font-size:15px;line-height:2;margin-bottom:50px;text-align:center;} .moshi .li:hover{background-color:rgba(230,33,41,.9);} .moshi .li:hover .box{height:350px;} .page-service .liucheng{padding:7% 0 0;overflow:hidden;} .page-service .liucheng ul{position:relative;margin-bottom:4%;} .page-service .liucheng ul .line2{content:'';display:block;width:100%;height:2px;background-color:#ccc;left:0;bottom:0;position:absolute;display:none} .page-service .liucheng ul .line1{content:'';display:block;height:2px;background-color:#e6212a;left:0;bottom:0;position:absolute;z-index:3;width:0;display:none} .page-service .liucheng ul li{padding:0;text-align:center;position:relative;cursor:pointer;padding-bottom:2%;margin-bottom:40px;} .page-service .liucheng ul li img{width:90px;margin-bottom:20px;} .page-service .liucheng ul li p{font-size:18px;font-weight:bold;} .page-service .liucheng ul li::after{content:'';display:block;width:8px;height:8px;border:solid 3px #666;-moz-border-radius:50%;border-radius:50%;position:absolute;left:0;right:0;margin:auto;bottom:-44px;z-index:10;background-color:#fff;display:none;} .page-service .liucheng ul li.active::after{border-color:#e6212a;} .page-service .liucheng ul li.cur p{color:#e6212a;} .page-service .liucheng .tabsbox{margin-bottom:50px;} .page-service .liucheng .tabsbox .container{position:relative;} .page-service .liucheng .tabsbox .block{position:absolute;left:0;top:0;width:100%;} .page-service .liucheng .tabsbox dl{text-align:center;display:inline-block;vertical-align:top;margin-bottom:30px;float:none;} .page-service .liucheng .tabsbox dl dt{font-size:18px;margin-bottom:20px;font-weight:bold;color:#e6212a;background-color:#eee;padding:10px 0;-moz-border-radius:5px;border-radius:5px;} .page-service .liucheng .tabsbox dl dd p{line-height:2;font-size:15px;color:#666;} .page-service .liucheng .tabs1{min-height:250px;} .page-service .liucheng .tabs1 .container{position:relative;} .page-service .liucheng .tabs1 p{font-size:14px;line-height:2;color:#333;margin-bottom:15px;} .page-service .liucheng .tabs1 .block{position:absolute;left:0;top:0;} .page-service .liucheng .tabs1 .block .img-list{margin-top:30px;} .page-service .liucheng .tabs1 .block .img-list .img{display:inline-block;float:none;vertical-align:top;margin-bottom:30px;} .page-service .liucheng .tabs1 .block .img-list img{margin-bottom:20px;width:100%;} .serviceshop{} .serviceshop .container{padding:0 10px;width:100%;} .serviceshop .row{margin:0 -5px;} .serviceshop .li{padding:0 5px;margin-bottom:10px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;position:relative;float:none;display:inline-block;vertical-align:top;} .serviceshop .li img{width:100%;} .serviceshop .ul .li a{display:block;position:relative;overflow:hidden;} .serviceshop .ul .li img{width:100%;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;} .serviceshop .ul .li a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .serviceshop .ul .li a{display:block;overflow:hidden;} .serviceshop .ul .li .textbg{background-color:rgba(230,33,41,.9);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;} .serviceshop .ul .li .text{position:absolute;height:70px;color:#fff;top:0;left:0;text-align:center;width:100%;bottom:0;font-size:16px;line-height:100%;opacity:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s;margin:auto;} .serviceshop .ul .li .text .h3{font-size:22px;font-weight:bold;line-height:100%;} .serviceshop .ul .li .text .h3::after{content:'';display:block;width:60px;height:3px;background-color:#fff;margin:15px auto;} .serviceshop .ul .li a:hover .text{opacity:1;} .serviceshop .ul .li a:hover .textbg{opacity:1;} .page-contact .message{} .page-contact .message .h3{font-size:26px;margin-bottom:20px;line-height:100%;} .page-contact .message .row{margin:0 -10px;} .page-contact .message div[class^="col-lg"]{padding:0 10px;margin-bottom:10px;position:relative;} .page-contact .message div[class^="col-lg"] label{position:absolute;font-size:14px;line-height:38px;padding:0 10px;} .page-contact .message input[type="text"]{border:solid 1px #ddd;padding:10px;width:100%;padding-left:60px;} .page-contact .message textarea{border:solid 1px #ddd;padding:10px;width:100%;height:100px;text-indent:60px;} .page-contact .message button{width:100%;border:none;background-color:#1478ef;color:#fff;cursor:pointer;height:70px;font-size:20px;text-align:center;} .page-contact .message button img{margin-bottom:10px;margin-right:20px;height:30px;} .page-contact .message button p{display:inline-block;} .contact_l .btn { border:0; color:#fff; font-size:20px; width:100%; height:196px; cursor:pointer; line-height:275px; background:#1478ef url(../images/mesageicon.png) no-repeat center 50px;} .contact_l .btn:hover { background:#2f2f2f url(../images/mesageicon.png) no-repeat center 50px;} .pages-serveice .fuwu .list .inputs input[type="submit"]:hover { background-color: #2f2f2f;} .sjlin1{} .sjlin1 .h2{margin-bottom:20px;} .sjlin1 .h2::after{content:'';display:block;width:100px;height:3px;background-color:#1478ef;margin:20px auto 0;} .sjlin1 .h4{margin-bottom:60px;} .sjlin1 .text{margin-bottom:0;} .sjlin1 .container{} .sjlin1 .row{margin:0 -20px;} .sjlin1 .qunti{margin-bottom:40px;} .sjlin1 dl{position:relative;padding:0 20px;margin-bottom:30px;} .sjlin1 dl dt{position:absolute;right:20px;top:-10px;font-size:90px;line-height:100%;font-weight:bold;color:#eee;} .sjlin1 dl dt::after{content:'';display:block;width:200px;height:150px;background-color:#fff;position:absolute;top:70%;-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg);right:50%;margin-right:-100px;} .sjlin1 dl dd .t{font-size:30px;font-weight:bold;line-height:100%;margin-bottom:25px;color:#1478ef;} .sjlin1 dl dd p{line-height:2;color:#333;font-size:18px;} .sjlin1 .pinhen{padding:10% 0;background-color:#f9f9f9;} .sjlin1 .pinhen .h3{font-size:30px;color:#1478ef;line-height:100%;margin-bottom:30px;font-weight:bold;} .sjlin1 .anshi{padding:10% 0 0;} .sjlin1 .anshi .h3{font-size:30px;color:#1478ef;line-height:2;margin-bottom:30px;font-weight:bold;} #footer dl.watch{display:block;text-align:center;} #footer dl.con{margin-bottom:20px;} #footer dl.watch .share a{display:inline-block;float:none;} .videoBoxbg{position:fixed;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,.5);z-index:2355;display:none;} .videoBox{width:50%;height:70%;position:fixed;top:0;bottom:0;right:0;left:0;margin:auto;z-index:3499;padding:30px;background-color:#fff;border-radius:5px;display:none;} .videoBox .close{width:36px;height:36px;font-size:16px;background-color:#000;border-radius:90px;position:absolute;top:-18px;right:-18px;cursor:pointer;color:#fff;font-size:18px;text-align:center;line-height:32px;font-weight:bold;} @media (min-width:768px){ #product{padding:60px 0;overflow:hidden;background-color:#f8f8f8;} #product .h1{text-align:center;font-size:34px;color:#2c2c2c;line-height:100%;} #product .h1::after{content:'';display:block;width:60px;height:3px;background-color:#2872db;margin:20px auto 50px;} #product .h3{text-align:center;font-size:18px;color:#7d7d7d;line-height:100%;margin-bottom:70px;} #product .list{overflow:hidden;} #product .list .li{} #product .list .li a{padding:20px;background-color:#fff;display:block;position:relative;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;overflow:hidden;} #product .list .li a::after{content:'';display:block;width:250px;height:800px;background-color:rgba(255,255,255,.1);display:block;position:absolute;top:0px;left:0;-webkit-transform:translate3d(-200px,-500px,0) rotate(45deg);-moz-transform:translate3d(-200px,-500px,0) rotate(45deg);transform:translate3d(-200px,-500px,0) rotate(45deg);-webkit-transition:all 1s ease;-o-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;} #product .list .li a:hover::after{-webkit-transform:translate3d(650px,50px,0) rotate(45deg);-moz-transform:translate3d(650px,50px,0) rotate(45deg);transform:translate3d(650px,50px,0) rotate(45deg);} #product .list .li a:hover{background-color:#2872db;-moz-border-radius:5px;border-radius:5px;} #product .list .img{overflow:hidden;} #product .list .li .text{} #product .list .li .text .h6{font-size:16px;color:#666;margin-bottom:10px;} #product .list .li a:hover .text .h6{color:#fff;} #product .list .li .text .h4{color:#333; line-height:100%;margin-bottom:15px;} #product .list .li a:hover .text .h4{color:#fff;} #product .list .li .text .introl{font-size:13px;line-height:24px;color:#656565;} #product .list .li .text span.more{display:block;width:140px;height:44px;line-height:44px;background-color:#404040;text-align:center;color:#fff;font-size:15px;border:solid 1px #fff;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} #product .list .li a:hover .text span.more{background:none;border:solid 1px #fff;color:#fff;} #product .list .btn{} #product .list .btn a{display:block;float:left;width:50%;line-height:60px;background-color:#e86b1b;color:#fff;text-align:center;font-size:16px;} #product .list .btn a:nth-child(1){background-color:#1478ef;} #product .list .btn a img{margin-right:12px;} #product .list ul li a:hover .text .h4{color:#1478ef} #Char .list .li .text{padding:0 10px;} #Char .list .li .icon{margin-right:20px;} .pages-serveice .weixiu .swiper-slide{width:70%;} } @media (min-width:992px){ #header .navbar ul{display:flex;} #header .navbar ul li.level{float:left;text-align:center;position:relative;border-top:none;flex: auto;} #header .navbar ul li.level:last-child{padding-right:0;} #header .navbar ul li.level a{color:#333;text-transform:uppercase;display:block;position:relative;font-size:17px;border-bottom:solid 3px rgba(0,0,0,0); line-height: 50px;} #header .navbar ul li.level a::after{display:none;} #header .navbar ul li.active a{color:#1478ef;border-bottom:solid 3px #1478ef;} #header .navbar ul li.level a:hover{color:#1478ef; } #header .navbar ul li.level ul li{border-bottom:solid 1px #ddd;width:100%;padding:0 24px;text-align:left;} #header .navbar ul li.level ul li:last-child{border-bottom:none;} #header .navbar ul li.level ul li a{color:#666;line-height:50px;white-space:nowrap;height:50px;font-size:15px;} #header .navbar ul li.level ul li a:hover{border-bottom:none;line-height:50px;height:50px;} #header .navbar ul li.active ul li a{border-bottom:none;} #Char .list .li{text-align:left;} #Char .list .li .text{width:370px;} #footer .footlogo{float:left;text-align:left;} #footer .footlogo img.logoimg{width:30%;} #footer .footnav{float:right;width:100%;} #footer dl.con{text-align:center;float:left;padding-right:30px;width:100%;} #footer dl.watch{display:block;float:left;width:100%;} .pages-about .introlbox .text{width:100%;} .wenhua .h3{margin-bottom:10px;} .wenhua .h5{text-align:center;color:#fff;font-size:16px;margin-bottom:20px;margin-bottom:30px;} .slide{display:block;} .pages-about .lichen .list .lichenbox{width:80%;} .page-navbar-Horizontal{ } .page-navbar-Horizontal ul{border-top:solid 1px #ddd;} .page-navbar-Horizontal .curshow{color:#fff;} .page-navbar-Horizontal .curshow .downmenu{border-color:#fff;} .bianjie .li{width:33.333%;} .bianjie .li:nth-child(3){background:none;} .bianjie .li:nth-child(2n){background-color:#0d6de0;} .pages-serveice .lx .list .li{margin-bottom:20px;} .pages-serveice .lx .list .li .img img{width:100%;} .pages-serveice .weixiu .swiper-slide{width:70%;} .pages-news .lists li{display:inline-block;vertical-align:top;float:none;} .pages-news .lists li a .text{padding-bottom:60px;} #banner{position:relative;overflow:hidden;} #banner .swiper-slide{width:100%;position:relative;} #banner .swiper-slide .bg{width:100%;position:absolute;height:100%;} #banner .swiper-slide .box{margin-top:170px;position:relative;z-index:50;} #banner .swiper-slide .box .container{position:relative;} #banner .swiper-slide .box .text{padding-top:80px;text-align:left;} #banner .swiper-slide .box .text .h1{font-size:55px;font-weight:bold;color:#fff;margin-bottom:20px;opacity:0;-webkit-transition:all 1s ease;-o-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;-webkit-transform:translateX(120px);-moz-transform:translateX(120px);-ms-transform:translateX(120px);transform:translateX(120px);} #banner .swiper-slide .box .text p{font-size:20px;color:#fff;line-height:2;opacity:0;-webkit-transition:all 1s ease;-o-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;-webkit-transform:translateX(120px);-moz-transform:translateX(120px);-ms-transform:translateX(120px);transform:translateX(120px);-webkit-transition-delay:300ms;-moz-transition-delay:300ms;-o-transition-delay:300ms;transition-delay:300ms;} #banner .swiper-slide .box .img{position:absolute;right:0;top:0;width:50%;} #banner .swiper-slide.swiper-slide-active .box .text .h1{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;} #banner .swiper-slide.swiper-slide-active .box .text p{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;} #banner .swiper-slide .box.a3{margin-top:260px;} #banner .swiper-slide .box.a3 .text{width:50%;} .pages-shop-show .shopInfo{margin-top:0;} .pages-shop-show .shopInfo .h2{margin-bottom:50px;} .pages-shop-show .shopInfo .description{text-indent:2em;} .pages-shop-show .shopInfo .description span{left:20px;text-indent:0;} /* #banner .swiper-slide .a2 .img{left: 0;right: auto;} #banner .swiper-slide .a2 .text{float: right;}*/ .cver{display:block;} .flexslider .progress{position:absolute;bottom:0;left:0;height:4px;background-color:#fff;width:0;z-index:60;} .flexslider .down{position:absolute;bottom:60px;margin:auto;z-index:60;padding:15px 0;width:100%;text-align:center;cursor:pointer;} .flexslider .down a{display:inline-block;width:16px;height:10px;-webkit-animation:bounce 1.5s linear infinite;-moz-animation:bounce 1.5s linear infinite;animation:bounce 1.5s linear infinite;background:url(../images/bannerdownicon.png) no-repeat;} #footer .footlogo{padding-right:20px;font-size:15px;color:#acacac;position:relative;margin-bottom:30px;text-align:center;} #footer .footlogo img.logoimg{width:30%;} #footer .footlogo .h2{margin-bottom:10px;font-size:16px;} #footer .footlogo .h4{font-size:30px;font-weight:bold;margin-bottom:35px;} #footer .footlogo .works{font-style:italic;color:#777;} } @media (min-width:1200px){ body.open .kong-heade{height: 90px;} #header{padding:0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} #header #top{line-height:44px;color:#fff;font-size:13px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;height:44px;overflow:hidden;background-color:#1478ef;display:block;} body.open #header #top{height: 0;overflow: hidden;} #header #top .topnav{float:right;} #header #top .topnav ul li{float:left;margin-left:15px;} #header #top .topnav ul li a{color:#fff;} #header #top .topnav ul li a img{margin-right:6px;position:relative;top:-2px;} #header #top .topnav ul li a:hover{color:#fff;} #header .logonav{padding: 30px 0;} #header.active{position:fixed;top:0;width:100%;left:0;z-index:999999;background-color:#fff;} #header.active #top{height:0;border-bottom:none;} #header .navtoggle{display:none;} #header1 .navtoggle{display:none;} .navbar{overflow:visible;height:63px;border-top: solid 1px #ddd;} #header .navbar ul{margin:0;display: flex;} #header .navbar ul li.level{float:left;text-align:center;padding:0 20px;position:relative;border-top:none;flex:auto} #header .navbar ul li.level:last-child{padding-right:0;} #header .navbar ul li.level a{color:#333;text-transform:uppercase;display:block;position:relative;font-size:17px;border-bottom:solid 3px rgba(0,0,0,0);line-height:60px;} #header .navbar ul li.level a::after{display:none;} #header .navbar ul li.active a{color:#1478ef;border-bottom:solid 3px #1478ef;} #header .navbar ul li.level a:hover{color:#1478ef;border-bottom:solid 3px #1478ef;} #header .navbar ul li.level ul li{border-bottom:solid 1px #ddd;width:100%;padding:0 24px;text-align:left;} #header .navbar ul li.level ul li:last-child{border-bottom:none;} #header .navbar ul li.level ul li a{color:#666;line-height:50px;white-space:nowrap;height:50px;font-size:15px;} #header .navbar ul li.level ul li a:hover{border-bottom:none;line-height:50px;height:50px;} #header .navbar ul li.active ul li a{border-bottom:none;} /*-----------------------------------------------------*/ #header1{padding:0;position:fixed;left:0;top:0;background-color:rgba(0,0,0,.4);z-index:999;width:100%;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} #header1 #top{line-height:44px;border-bottom:solid 2px #383739;color:#fff;font-size:13px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;height:44px;overflow:hidden;display:block;} #header1 #top .topnav{float:right;} #header1 #top .topnav ul li{float:left;margin-left:15px;} #header1 #top .topnav ul li a{color:#fff;} #header1 #top .topnav ul li a img{margin-right:6px;position:relative;top:-2px;} #header1 #top .topnav ul li a:hover{color:#1478ef;} #header1 .logonav{height:90px;} #header1 .logo{float:left;line-height:90px;} #header1.active{background-color:rgba(0,0,0,.7);} #header1.active #top{height:0;border-bottom:none;} #header1 .navbar{overflow:visible;height:90px;float:right;line-height:87px;position:static;width:auto;} #header1 .navbar ul{display:inline-block;vertical-align:middle;height:90px;margin:0;} #header1 .navbar ul li.level{float:left;text-align:center;padding:0 20px;position:relative;border-top:none;} #header1 .navbar ul li.level:last-child{padding-right:0;} #header1 .navbar ul li.level a{color:#fff;text-transform:uppercase;display:block;position:relative;font-size:17px;border-bottom:solid 3px rgba(0,0,0,0);line-height:87px;} #header1 .navbar ul li.level a::after{display:none;} #header1 .navbar ul li.active a{color:#1478ef;border-bottom:solid 3px #1478ef;} #header1 .navbar ul li.level a:hover{color:#1478ef;border-bottom:solid 3px #1478ef;} #header1 .navbar ul li.level ul{position:absolute;top:100%;left:0;z-index:999;background-color:#fff;height:auto;opacity:0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;transform-origin:top;-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);-moz-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1);display:block;} #header1 .navbar ul li.level ul li{border-bottom:solid 1px #ddd;width:100%;padding:0 24px;text-align:left;} #header1 .navbar ul li.level ul li:last-child{border-bottom:none;} #header1 .navbar ul li.level ul li a{color:#666;line-height:50px;white-space:nowrap;height:50px;font-size:15px;} #header1 .navbar ul li.level ul li a:hover{border-bottom:none;line-height:50px;height:50px;} #header1 .navbar ul li.level:hover ul{opacity:1;-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);} #header1 .navbar ul li.active ul li a{border-bottom:none;} @-webkit-keyframes bounce{ 0%{-webkit-transform:translateY(0);transform:translateY(0)} 25%{-webkit-transform:translateY(-15px);transform:translateY(-15px)} 50%{-webkit-transform:translateY(0);transform:translateY(0)} 75%{-webkit-transform:translateY(15px);transform:translateY(15px)} 100%{-webkit-transform:translateY(0);transform:translateY(0)} } @-moz-keyframes bounce{ 0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)} 25%{-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);transform:translateY(-15px)} 50%{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)} 75%{-webkit-transform:translateY(15px);-moz-transform:translateY(15px);transform:translateY(15px)} 100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)} } @keyframes bounce{ 0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)} 25%{-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);transform:translateY(-15px)} 50%{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)} 75%{-webkit-transform:translateY(15px);-moz-transform:translateY(15px);transform:translateY(15px)} 100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)} } .cver{display:block;} #about{padding:60px 0;position:relative;} #about .h1{font-size:36px;font-weight:bold;line-height:100%;color:#fff;text-transform:uppercase;text-align:center;margin-bottom:20px;} #about .introl{font-size:16px;color:#fff;line-height:36px;margin-bottom:10px;text-align:center;} #about a.more{width:190px;height:45px;display:block;color:#fff;font-size:18px;text-align:center;line-height:47px;margin:0 auto;} #particles{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#2872db;z-index:-1;} #product{padding:60px 0;overflow:hidden;background-color:#f8f8f8;} #product .h1{text-align:center;font-size:34px;color:#2c2c2c;line-height:100%;} #product .h1::after{content:'';display:block;width:60px;height:3px;background-color:#2872db;margin:20px auto 50px;} #product .h3{text-align:center;font-size:18px;color:#7d7d7d;line-height:100%;margin-bottom:70px;} #product .list{overflow:hidden;} #product .list .li{} #product .list .li a{padding:20px;background-color:#fff;display:block;position:relative;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;overflow:hidden;} #product .list .li a::after{content:'';display:block;width:250px;height:800px;background-color:rgba(255,255,255,.1);display:block;position:absolute;top:0px;left:0;-webkit-transform:translate3d(-200px,-500px,0) rotate(45deg);-moz-transform:translate3d(-200px,-500px,0) rotate(45deg);transform:translate3d(-200px,-500px,0) rotate(45deg);-webkit-transition:all 1s ease;-o-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;} #product .list .li a:hover::after{-webkit-transform:translate3d(650px,50px,0) rotate(45deg);-moz-transform:translate3d(650px,50px,0) rotate(45deg);transform:translate3d(650px,50px,0) rotate(45deg);} #product .list .li a:hover{background-color:#2872db;-moz-border-radius:5px;border-radius:5px;} #product .list .img{overflow:hidden;} #product .list .li .text{text-align: center;} #product .list .li .text .h6{font-size:16px;color:#666;margin-bottom:10px;} #product .list .li a:hover .text .h6{color:#fff;} #product .list .li .text .h4{color:#333; line-height:100%;margin-bottom:15px;} #product .list .li a:hover .text .h4{color:#fff;} #product .list .li .text .introl{font-size:13px;line-height:24px;color:#656565;} #product .list .li .text span.more{display:block;width:140px;height:44px;line-height:44px;background-color:#404040;text-align:center;color:#fff;font-size:15px;border:solid 1px #fff;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;margin: 0 auto;} #product .list .li a:hover .text span.more{background:none;border:solid 1px #fff;color:#fff;} #product .list .btn{} #product .list .btn a{display:block;float:left;width:50%;line-height:60px;background-color:#e86b1b;color:#fff;text-align:center;font-size:16px;} #product .list .btn a:nth-child(1){background-color:#1478ef;} #product .list .btn a img{margin-right:12px;} #product .list ul li a:hover .text .h4{color:#1478ef} #Char{padding:60px 0 60px;} #Char .h1{text-align:center;font-size:30px;color:#303030;line-height:100%;margin-bottom:24px;} #Char .h1::after{content:'';display:block;width:60px;height:3px;background-color:#2872db;margin:20px auto 55px;} #Char .list{} #Char .list .li{display:inline-block;vertical-align:top;float:none;margin-bottom:70px;} #Char .list .li .icon{width:71px;height:71px;background-color:#2872db;-moz-border-radius:50%;border-radius:50%;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:30px;text-align:center;line-height:68px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} #Char .list .li .text{display:inline-block;vertical-align:middle;width:250px;line-height:100%;} #Char .list .li .text .h4{font-size:18px;color:#333;line-height:100%;margin-bottom:15px;} #Char .list .li .text .des{font-size:13px;color:#999;line-height:22px;} #Char .list .li:nth-child(n+4){margin-bottom:0;} #Char .list .li:hover .icon{background-color:#ffae00;} #efficiency{background:url(../images/efficiency.jpg) no-repeat center;height:470px;} #efficiency .introl{float:right;padding:120px 0;text-align:right;} #efficiency .introl .h5{font-size:24px;color:#fff;line-height:100%;margin-bottom:30px;} #efficiency .introl .h1{font-size:62px;font-weight:bold;color:#fff;line-height:100%;margin-bottom:45px;} #efficiency .introl .li{text-align:center;} #efficiency .introl .li .t{font-size:42px;color:#fff;margin-bottom:10px;} #efficiency .introl .li .t span{color:#f96b2c;} #efficiency .introl .li p{color:#fff;font-size:14px;} .wenhua{line-height:2;position:relative;color:#fff;padding:40px 0 60px;} .wenhua .h3{font-size:30px;text-align:center;line-height:100%;margin-bottom:10px;} .wenhua .h5{text-align:center;color:#fff;font-size:16px;margin-bottom:20px;margin-bottom:30px;} #whnr li{text-align:center;} #whnr li h2{font-size:30px;line-height:100%;padding:15px 0;} #whnr li h3{font-size:20px;line-height:100%;} .faqlist{height:450px;overflow:hidden;} #Exhibition{padding:60px 0;background-color:#f8f8f8;} #Exhibition .tit{position:relative;} #Exhibition .tit .h1{text-align:center;font-size:34px;color:#2c2c2c;line-height:100%;} #Exhibition .tit .h1::after{content:'';display:block;width:60px;height:3px;background-color:#2872db;margin:20px auto 40px;} .exhleft{background-color:#fff;padding:20px;} .exhleft .h5{font-size:22px;color:#222;line-height:100%;line-height:60px;margin-bottom:10px;position:relative;} .exhleft li{font-size:15px;line-height:39px;} .exhleft li:nth-child(2n){background-color:#f6f6f6;} .exhleft li a{padding:0 6px;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;} .exhleft li span{background-color:#777;color:#fff;display:inline-block;height:18px;line-height:15px;vertical-align:middle;padding:2px 3px;margin-top:-3px;margin-right:10px;font-size:13px;text-align:center;} .exhleft li:nth-child(-n+3) span{background-color:#007aff;color:#fff;display:inline-block;height:18px;line-height:15px;vertical-align:middle;padding:2px 3px;margin-top:-3px;margin-right:10px;} .exhright{background-color:#fff;padding:20px;} .exhright .h5{font-size:22px;color:#222;line-height:100%;line-height:60px;margin-bottom:10px; } .exhright li p{font-size:15px;text-align:center;padding:15px 0} .exhimg{overflow:hidden;} .exhright .h5 .exhrightpage{right:0;bottom:0;top:0;margin:auto;height:12px;line-height:12px;} .exhright .h5 .exhrightpage .swiper-pagination-bullet{width:12px;height:12px;margin-left:10px;} #links{background-color:#f8f8f8;padding:40px 0;display:block;} #links .container{} #links .tit{font-size:18px;color:#2d2d2d;background:url(../images/linkbg.gif) no-repeat right center;padding-right:25px;display:inline-block;line-height:100%;vertical-align:middle;} #links .tit b{display:block;font-weight:bold;line-height:100%;text-transform:uppercase;font-size:32px;margin-bottom:5px;} #links a{margin-right:25px;font-size:16px;color:#5f5f5f;line-height:30px;} #links a:hover{color:#1478ef} #links .list{width:1000px;line-height:100%;display:inline-block;vertical-align:middle;padding-left:25px;} #footer{padding:70px 0 55px;background:#2f2f2f;} #footer .footnav{margin-bottom:30px;} #footer .footlogo{float:left;padding-right:20px;font-size:15px;color:#acacac;position:relative;margin-right:20px;text-align:left;} #footer .footlogo img.logoimg{margin-bottom:50px;width:280px;} #footer .footlogo .h2{margin-bottom:10px;font-size:16px;} #footer .footlogo .h4{font-size:40px;font-weight:bold;margin-bottom:35px;color:#fff;} #footer .footlogo .works{font-style:italic;color:#777;} #footer .footnav{float:right;width:auto;} #footer dl{float:left;padding-right:30px;width:auto;border-bottom:none;display:block;} #footer dl.fndl{position:relative;} #footer dl.fndl::after{content:'';display:block;width:1px;height:217px;background-color:#d6d6d6;position:absolute;right:0;top:0;} #footer dl dt{line-height:100%;margin-bottom:30px;padding:0;} #footer dl dt a{color:#fff;font-size:19px;display:block;} #footer dl dd{display:block;padding:0;} #footer dl dd p{line-height:36px;font-size:15px;color:#acacac;font-size:16px;} #footer dl dd p a{font-size:15px;color:#acacac;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;width:130px;} #footer dl dd p a:hover{color:#fff;} #footer dl dd .box{display:inline-block;vertical-align:top;} #footer dl dd .box:nth-child(1){margin-right:0;} #footer dl:last-child{padding-right:0;margin-right:0;} #footer dl.con{width:300px;color:#acacac;font-size:14px;text-align:left;} #footer dl.con p{line-height:24px;margin-bottom:10px;} #footer dl.watch{text-align:center;font-size:15px;color:#acacac;width:auto;} #footer dl.watch p{padding:10px 0;margin-bottom:20px;} .bsBox{box-sizing:content-box;} #footer .share{} #footer .share a{display:inline-block;width:35px;height:35px;border:solid 1px #e0e0e0;-moz-border-radius:50%;border-radius:50%;margin-right:10px;line-height:28px;text-align:center;background:none;padding:0;padding:18px;position:relative;} #footer .share a img{max-width:70%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;} #copy{height:80px;line-height:79px;color:#acacac;font-size:15px;border-top:solid 1px #3d3d3d;text-align:center;background-color:#2f2f2f;} #copy span{display:inline-block;} #copy a{color:#acacac;} #copy a:hover{color:#fff;} .slide{background-color:#f6f6f6;position:relative;height:400px;display:block;} .slide .container{position:relative;z-index:40;} .slide .h5{font-size:30px;color:#333;line-height:100%;} .breadcrumbs{line-height:30px;font-size:15px;color:#666;padding:25px 0;display:block;} .breadcrumbs a{color:#666;} .catpos{line-height:50px;color:#333;font-size:15px;padding:15px 0;} .catpos .container::before{content:'';display:inline-block;width:6px;height:15px;background-color:#e86b1b;vertical-align:middle;margin-right:15px;margin-top:-3px;} .page-navbar-Horizontal{display:none;} .page-navbar-vertical{display:block;} .page-navbar-vertical .curshow .downmenu{content:'';display:block;position:absolute;width:12px;height:12px;border-top:solid 1px #333;border-right:solid 1px #333;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);right:3px;top:0;bottom:0;margin:auto;} .page-navbar-vertical{position:relative;} .page-navbar-vertical .curshow{font-size:26px;text-align:left;position:relative;z-index:9;overflow:hidden;background-color:#1478ef;text-align:center;color:#fff;line-height:80px;text-transform:uppercase;} .page-navbar-vertical ul{} .page-navbar-vertical li{margin-top:1px;line-height:60px;} .page-navbar-vertical li a{font-size:18px;display:block;padding:0 40px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;position:relative;color:#666;background-color:#f5f5f5;} .page-navbar-vertical li a.one{background-color:#333;color:#fff;} .page-navbar-vertical li a.active{background-color:#333;color:#fff;} .page-navbar-vertical li a::after{content:'+';display:block;position:absolute;top:0;bottom:0;right:40px;margin:auto;} .page-navbar-vertical li a:hover{background-color:#333;color:#fff;} .page-navbar-vertical li ul{} .page-navbar-vertical li ul li{line-height:30px;padding:0;} .page-navbar-vertical li ul li a{font-size:17px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;line-height:50px;display:block;text-indent:10px;} .page-navbar-vertical li ul li a::after{content:'';display:block;width:10px;height:10px;border-top:solid 2px #333;border-right:solid 2px #333;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} .page-navbar-vertical li ul li a:hover{background:#f5f5f5;color:#222;} .page-navbar-vertical li ul li a.actives{font-weight:bold;color:#1478ef;} .page-navbar-vertical .lxr{margin-top:40px;} .page-navbar-vertical .lxr img.ren{width:100%;} .page-navbar-vertical .lxr .text{text-align:center;padding:20px 0;background-color:#1478ef;color:#fff;-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;} .page-navbar-vertical .lxr .text p{font-size:15px;margin-bottom:15px;line-height:100%;} .page-navbar-vertical .lxr .text p img{margin-top:-3px;margin-right:15px;} .page-navbar-vertical .lxr .text .h1{font-size:30px;font-weight:bold;line-height:100%;} .pages-about{padding:40px 0;overflow:hidden;font-size:15px;line-height:2;color:#333;} .pages-about .h2{font-size:30px;color:#222;line-height:100%;text-transform:uppercase;margin-bottom:25px;} .pages-about .text{font-size:15px;color:#666;} .pages-about .introlbox{margin-bottom:30px;} .pages-about .introlbox .text{width:100%;} .pages-about .introlbox .h3{text-align:center;color:#333;font-size:30px;} .pages-about .introlbox .h5{text-align:center;color:#666;font-size:16px;margin-bottom:20px;} .pages-about .lichen{padding:60px 0 130px;position:relative;} .pages-about .lichen #particles{position:absolute;width:100%;height:100%;background-color:#2872db;} .pages-about .lichen .h3{text-align:center;color:#fff;font-size:30px;} .pages-about .lichen .h5{text-align:center;color:rgba(255,255,255,.6);font-size:16px;margin-bottom:90px;} .pages-about .lichen .list{position:relative;} .pages-about .lichen .list .lichenbox{width:90%;margin:0 auto;overflow:hidden;} .pages-about .lichen .list .li{color:#fff;text-align:center;} .pages-about .lichen .list .li h3::before{content:'';display:block;height:1px;width:100%;background-color:rgba(255,255,255,.3);position:absolute;bottom:0;left:0;} .pages-about .lichen .list .li h3::after{content:'';display:block;width:11px;height:11px;background-color:#5ba1f4;-moz-border-radius:90px;border-radius:90px;position:absolute;left:0;right:0;margin:auto;bottom:-5px;} .pages-about .lichen .list .li h3{font-size:50px;color:#fff;line-height:100%;margin-bottom:20px;position:relative;padding-bottom:30px;font-weight:bold;} .pages-about .lichen .list .li p{padding:0 20%;} .pages-about .lichen .list .li:hover h3::before,.pages-about .lichen .list .li:hover h3::after{background-color:#fff;} .pages-about .lichen .list div.btn{display:block;width:50px;height:50px;border:solid 1px #fff;-moz-border-radius:50%;border-radius:50%;position:absolute;top:0;bottom:0;margin:auto;text-align:center;line-height:42px;cursor:pointer;} .pages-about .lichen .list div.btn div{font-size:24px;color:#fff;vertical-align:middle;display:inline-block;} .pages-about .lichen .list div.prev{left:-50px;} .pages-about .lichen .list div.next{right:-50px;} .pages-about .hzkf{padding:60px 0 0;position:relative;} .pages-about .hzkf #particles{position:absolute;width:100%;height:100%;background-color:#2872db;} .pages-about .hzkf .h3{text-align:center;color:#333;font-size:30px;} .pages-about .hzkf .h5{text-align:center;color:#666;font-size:16px;margin-bottom:50px;} .pages-about .hzkf li{margin-bottom:30px;} .pages-about .hzkf li .box{border:solid 1px #ddd;height:140px;line-height:130px;text-align:center;} .pages-about .hzkf li .box img{max-width:70%;max-height:70%;} .pages-case{padding-top:0;} .pages-case .lists{} .pages-case .lists li{margin-bottom:30px;display:inline-block;float:none;vertical-align:top;} .pages-case .lists li a{display:block;padding:20px;border:solid 1px #ddd;} .pages-case .lists li a:hover{border-color:#1478ef;} .pages-case .lists li a .img{margin-bottom:20px;} .pages-case .lists li a .text{position:relative;} .pages-case .lists li a .text .h3{font-size:20px;font-weight:bold;line-height:100%;margin-bottom:20px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;} .pages-case .lists li a .text .introl{font-size:14px;color:#666;line-height:2;margin-bottom:20px;} .pages-case .lists li a .text span.more{display:block;width:90px;line-height:30px;background-color:#888;color:#fff;text-align:center;} .pages-case .lists li a:hover .text span.more{background-color:#1478ef;} .pages-about .pyoushi{background-color:#f9f9f9;padding:8% 0 3%;} .pages-about .pyoushi .h1{font-size:35px;text-align:center;color:#222;line-height:100%;margin-bottom:25px;} .pages-about .pyoushi .h4{font-size:22px;text-align:center;color:#444;line-height:100%;margin-bottom:60px;} .pages-about .pyoushi dl{text-align:center;margin-bottom:30px;float:none;display:inline-block;vertical-align:top;} .pages-about .pyoushi dl dt{margin-bottom:20px;} .pages-about .pyoushi dl dt span{display:inline-block;width:96px;height:96px;background-color:#e6212a;-moz-border-radius:50%;border-radius:50%;-moz-border-radius-topleft:0;border-top-left-radius:0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pages-about .pyoushi dl dd{padding:0 6%;line-height:24px;color:#666;font-size:14px;} .pages-about .pyoushi dl dd .h3{font-size:17px;padding:10px 0;color:#333;font-weight:bold;} .pages-about .pyoushi dl img{-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pages-about .pyoushi dl:hover img{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);} .pages-about .pyoushi dl:hover span{-moz-border-radius:50%;border-radius:50%;} .pages-about .plicheng{padding:8% 0;background:url(../images/lichengbg.jpg) no-repeat center fixed;-moz-background-size:cover;background-size:cover;} .pages-about .plicheng .h1{font-size:45px;text-align:center;color:#fff;line-height:100%;margin-bottom:25px;} .pages-about .plicheng .h4{font-size:22px;text-align:center;color:#fff;line-height:100%;margin-bottom:60px;} .pages-about .plicheng .li{text-align:center;} .pages-about .plicheng .list{margin-bottom:90px;overflow:hidden;} .pages-about .plicheng .li .h5{font-size:50px;font-weight:bold;color:#fff;margin-bottom:20px;} .pages-about .plicheng .li .des{font-size:18px;color:#fff;line-height:2;} .pages-about .plicheng .control{text-align:center;position:relative;overflow:hidden;} .pages-about .plicheng .control ul{position:relative;} .pages-about .plicheng .control::after{content:'';display:block;height:1px;background-color:#fff;position:absolute;width:100%;top:59px;} .pages-about .plicheng .control li{cursor:pointer;padding:0;} .pages-about .plicheng .control li p{margin-bottom:10px;} .pages-about .plicheng .control li .quan{display:inline-block;width:15px;height:15px;-moz-border-radius:50%;border-radius:50%;border:solid 2px #fff;position:relative;margin-bottom:20px;} .pages-about .plicheng .control li .quan::after{content:'';display:block;vertical-align:middle;background-color:#fff;width:4px;height:4px;-moz-border-radius:50%;border-radius:50%;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;} .pages-about .plicheng .control li .t{font-size:26px;font-weight:bold;color:#fff;} .pages-about .plicheng .control li.swiper-slide-thumb-active .t{color:#e6212a;} .pages-about .pbrand{padding:8% 0 0;} .pages-about .pbrand .h1{font-size:35px;text-align:center;color:#222;line-height:100%;margin-bottom:25px;} .pages-about .pbrand .h4{font-size:16px;text-align:center;color:#444;line-height:2;margin-bottom:30px;} .pages-about .pbrand .custbox{overflow:hidden;position:relative;padding-bottom:70px;} .pages-about .pbrand li a{display:block;background-color:#888;text-align:center;-webkit-transition:all 1s ease;-o-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;padding:10px 0;} .pages-about .pbrand li a:hover{background-color:#e6212a;-moz-border-radius:5px;border-radius:5px;} .pages-about .pbrand li a img{-webkit-transition:all 1s ease;-o-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;} .pages-about .pbrand li a:hover img{-webkit-transform:rotateX(360deg);-moz-transform:rotateX(360deg);transform:rotateX(360deg);} .pages-about .pbrand .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;} .pages-about .pbrand .swiper-pagination .swiper-pagination-bullet-active{background-color:#e6212a;} .pages-about .pteam{padding:8% 0 0;} .pages-about .pteam .h1{font-size:35px;text-align:center;color:#222;line-height:100%;margin-bottom:25px;} .pages-about .pteam .h4{font-size:16px;text-align:center;color:#444;line-height:100%;margin-bottom:40px;} .pages-about .pteam .list{overflow:hidden;position:relative;} .pages-about .pteam ul li{text-align:center;width:33.333%;float:left;font-size:14px;} .pages-about .pteam ul li .img{margin-bottom:30px;} .pages-about .pteam ul li .img img{-moz-border-radius:50%;border-radius:50%;width:200px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pages-about .pteam ul li .text{font-size:14px;} .pages-about .pteam ul li .text .h3{font-size:20px;color:#333;margin-bottom:15px;font-weight:bold;} .pages-about .pteam ul li .text .h3 span{font-size:14px;color:#666;margin-left:15px;font-weight:normal;} .pages-about .pteam .list a.prev{display:block;width:70px;height:70px;border:solid 1px #777;-moz-border-radius:50%;border-radius:50%;top:0;bottom:0;margin:auto;left:10%;position:absolute;text-align:center;z-index:20;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pages-about .pteam .list a.prev i{font-size:40px;line-height:68px;color:#777;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pages-about .pteam .list a.prev:hover{background-color:#e6212a;border-color:#e6212a;} .pages-about .pteam .list a.prev:hover i{color:#fff;} .pages-about .pteam .list a.next{display:block;width:70px;height:70px;border:solid 1px #777;-moz-border-radius:50%;border-radius:50%;top:0;bottom:0;margin:auto;right:10%;position:absolute;text-align:center;z-index:20;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pages-about .pteam .list a.next i{font-size:40px;line-height:68px;color:#777;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pages-about .pteam .list a.next:hover{background-color:#e6212a;border-color:#e6212a;} .pages-about .pteam .list a.next:hover i{color:#fff;} .pages-about .pteam .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;} .pages-about .pteam .swiper-pagination .swiper-pagination-bullet-active{background-color:#e6212a;} .recomteam li{padding:0 12px;} .recomteam li .box{border:solid 1px #d7d7d7;-moz-border-radius:2px;border-radius:2px;padding:20px;background-color:#fff;display:block;} .recomteam li .box img{-moz-border-radius:2px;border-radius:2px;} .recomteam li .box .h4{font-size:22px;color:#4d5359;font-weight:bold;line-height:100%;padding:18px 0 15px;} .recomteam li .box:hover .h4 a{color:#e32235} .recomteam li .box .des{font-size:16px;color:#4d5359;line-height:22px;margin-bottom:20px;overflow:hidden;height:42px;} .recomteam li .box .btn .share{float:left;} .recomteam li .box .btn .share a{width:25px;height:25px;-moz-border-radius:2px;border-radius:2px;background-color:#fff;line-height:25px;text-align:center;color:#c5c5c6;display:block;float:left;margin-right:5px;font-size:14px;font-weight:normal;border:solid 1px #d7d7d7;} .recomteam li .box:hover .btn .share a{background-color:#3b5999;color:#fff;border-color:#3b5999;} .recomteam li .box:hover .btn .share a:nth-child(2){background-color:#00acee;color:#fff;border-color:#00acee;} .recomteam li .box:hover .btn .share a:nth-child(3){background-color:#dd4c39;color:#fff;border-color:#dd4c39;} .recomteam li .box:hover .btn .share a:nth-child(4){background-color:#e13138;color:#fff;border-color:#e13138;} .recomteam li .box .btn .share a i{top:-2px;position:relative;} .recomteam li .box .btn a.more{float:right;display:block;width:25px;height:25px;background-color:#fff;-moz-border-radius:2px;border-radius:2px;background-color:#c5c5c5;color:#fff;text-align:center;line-height:25px;} .recomteam li .box:hover .btn a.more{background-color:#c0392b;color:#fff;} .pages-serveice{font-size:16px;color:#333;line-height:2;padding:0 0 3%;} .bianjie{z-index:10;background-color:#1478ef;margin-bottom:70px;} .bianjie .container{} .bianjie .li{width:20%;float:left;text-align:center;color:#fff;padding:40px 10px;height:280px;} .bianjie .li:nth-child(2n){background-color:#0d6de0;} .bianjie .li:nth-child(3){background:none;} .bianjie .li .img{width:80px;height:80px;display:inline-block;background-color:#fff;-moz-border-radius:50%;border-radius:50%;margin-bottom:10px;line-height:75px;} .bianjie .li .img img{max-width:70%;max-height:70%;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .bianjie .li:hover .img img{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);} .bianjie .li .tit{font-size:26px;margin-bottom:10px;line-height:100%;padding:15px 0;} .bianjie .li .des{font-size:14px;line-height:23px;} .pages-serveice .lx{margin-bottom:60px;} .pages-serveice .lx .h1{font-size:30px;text-align:center;line-height:100%;margin-bottom:10px;} .pages-serveice .lx .h3{font-size:18px;text-align:center;margin-bottom:40px;} .pages-serveice .lx .list .li{text-align:center;} .pages-serveice .lx .list .li{font-size:14px;color:#999;} .pages-serveice .lx .list .li .img{overflow:hidden;} .pages-serveice .lx .list .li .img img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pages-serveice .lx .list .li:hover .img img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)} .pages-serveice .lx .list .li h3{font-size:25px;font-weight:bold;color:#111;line-height:100%;padding:15px 0} .pages-serveice .caozuo{padding:70px 0;background-color:#f8f8f8;} .pages-serveice .caozuo .h1{font-size:30px;text-align:center;line-height:100%;margin-bottom:10px;} .pages-serveice .caozuo .h3{font-size:18px;text-align:center;margin-bottom:40px;} .pages-serveice .caozuo .list .li .wrapper{background-color:#fff;padding:30px;color:#666;height:365px;text-align:center;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;position:relative;} .pages-serveice .caozuo .list .li .wrapper .img{margin-bottom:20px;height:92px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;position:relative;z-index:20;} .pages-serveice .caozuo .list .li:nth-child(1) .wrapper .img{background:url(../images/ockkr1a.png) no-repeat center;} .pages-serveice .caozuo .list .li:nth-child(2) .wrapper .img{background:url(../images/ockkr2a.png) no-repeat center;} .pages-serveice .caozuo .list .li:nth-child(3) .wrapper .img{background:url(../images/ockkr3a.png) no-repeat center;} .pages-serveice .caozuo .list .li:nth-child(4) .wrapper .img{background:url(../images/ockkr4a.png) no-repeat center;} .pages-serveice .caozuo .list .li:nth-child(1) .wrapper:hover .img{background:url(../images/ockkr1b.png) no-repeat center;} .pages-serveice .caozuo .list .li:nth-child(2) .wrapper:hover .img{background:url(../images/ockkr2b.png) no-repeat center;} .pages-serveice .caozuo .list .li:nth-child(3) .wrapper:hover .img{background:url(../images/ockkr3b.png) no-repeat center;} .pages-serveice .caozuo .list .li:nth-child(4) .wrapper:hover .img{background:url(../images/ockkr4b.png) no-repeat center;} .pages-serveice .caozuo .list .li .wrapper .tit{font-size:24px;font-weight:bold;color:#111;position:relative;z-index:20;} .pages-serveice .caozuo .list .li .wrapper .en{margin-bottom:40px;line-height:20px;position:relative;z-index:20;} .pages-serveice .caozuo .list .li .wrapper .des{position:relative;z-index:20;} .pages-serveice .caozuo .list .li .wrapper:hover{background-color:#1478ef;} .pages-serveice .caozuo .list .li .wrapper:hover .tit{color:#fff;} .pages-serveice .caozuo .list .li .wrapper:hover .en{color:#fff;} .pages-serveice .caozuo .list .li .wrapper:hover .des{color:#fff;} .pages-serveice .caozuo .list .li .wrapper .particles{position:absolute;width:100%;height:100%;top:0;left:0;} .pages-serveice .weixiu{padding:70px 0 40px;overflow:hidden;} .pages-serveice .weixiu .h1{font-size:30px;text-align:center;line-height:100%;margin-bottom:10px;} .pages-serveice .weixiu .h3{font-size:18px;text-align:center;margin-bottom:40px;} .pages-serveice .weixiu .list{position:relative;padding-bottom:70px;} .pages-serveice .weixiu .swiper-slide{width:800px;position:relative;} .pages-serveice .weixiu .swiper-slide .text{position:absolute;bottom:30px;left:30px;padding:30px;background-color:rgba(0,0,0,.7);right:30px;overflow:hidden;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;opacity:0;} .pages-serveice .weixiu .swiper-slide .h2{font-size:18px;line-height:100%;padding:15px 0;color:#fff;-webkit-transform:translateX(150px);-moz-transform:translateX(150px);-ms-transform:translateX(150px);transform:translateX(150px);opacity:0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;-webkit-transition-delay:200ms;-moz-transition-delay:200ms;-o-transition-delay:200ms;transition-delay:200ms;} .pages-serveice .weixiu .swiper-slide p{font-size:14px;color:#fff;-webkit-transform:translateX(150px);-moz-transform:translateX(150px);-ms-transform:translateX(150px);transform:translateX(150px);opacity:0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;-webkit-transition-delay:500ms;-moz-transition-delay:500ms;-o-transition-delay:500ms;transition-delay:500ms;} .pages-serveice .weixiu .swiper-slide::after{content:'';display:block;position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,.8);left:0;top:0;} .pages-serveice .weixiu .swiper-slide-active::after{display:none;} .pages-serveice .weixiu .swiper-slide-active .text{opacity:1;} .pages-serveice .weixiu .swiper-slide-active .h2{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);} .pages-serveice .weixiu .swiper-slide-active p{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);} .pages-serveice .weixiu .swiper-pagination-bullet{width:13px;height:13px;} .pages-serveice .fuwu{padding:0;} .pages-serveice .fuwu .h1{font-size:30px;text-align:center;line-height:100%;margin-bottom:10px;} .pages-serveice .fuwu .h3{font-size:18px;text-align:center;margin-bottom:40px;} .pages-serveice .fuwu .list{} .pages-serveice .fuwu .list .inputs{position:relative;margin-bottom:15px;} .pages-serveice .fuwu .list .inputs span{display:inline-block;font-weight:bold;padding:5px 0} .pages-serveice .fuwu .list .inputs input[type="text"]{border:solid 1px #ddd;padding:10px;width:100%;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pages-serveice .fuwu .list .inputs input[type="text"]:focus{border-color:#1478ef} .pages-serveice .fuwu .list .inputs textarea{width:100%;padding:10px;border:solid 1px #ddd;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;height:150px;} .pages-serveice .fuwu .list .inputs textarea:focus{border-color:#1478ef} .pages-serveice .fuwu .list .inputs input[type="submit"]{border:none;cursor:pointer;background-color:#1478ef;color:#fff;font-size:18px;padding:10px 35px;} .pages-serveice .fuwu .list .img{border:solid 1px #ddd;padding:0;border-right:none;} .pages-serveice .fuwu .list .img img{width:100%;max-width:none;} .pages-serveice .fuwu .list .Scan{border:solid 1px #ddd;padding:0;} .pages-serveice .fuwu .list .watch .col-lg12{padding:0;margin-top:40px;} .pages-serveice .fuwu .list .watch .col-lg12 .h4{font-size:20px;font-weight:bold;margin-bottom:10px;} .pages-shop{;overflow:hidden;} .pages-shop .list{padding-top:30px;} .pages-shop .row{margin:0 -15px;} .pages-shop .list li{margin-bottom:110px;padding:0 15px;background:url(../images/cp_bg01.jpg) no-repeat center;} .pages-shop .list li:last-child{margin-bottom:0;} .pages-shop .list li .box{display:block;position:relative;} .pages-shop .list li .img{float:right;border:none;background:none;} .pages-shop .list li img{width:700px;margin-bottom:10px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pages-shop .list li .box:hover img{-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px);} .pages-shop .list li .h5{font-size:28px;color:#222;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;margin-bottom:20px;position:relative;z-index:30;} .pages-shop .list li .box .h5 a{color:#1478ef;font-weight:bold;} .pages-shop .list li .box:hover .h5 a{color:#1478ef;text-decoration:underline;} .pages-shop .list li .box .text{width:450px;float:left;background-color:#fff;padding:40px;border-top:solid 3px #1478ef;} .pages-shop .list li p{font-size:14px;color:#666;line-height:30px;position:relative;z-index:30;margin-bottom:30px;} .pages-shop .list li .box .btn{width:50%;line-height:50px;display:block;float:left;font-size:16px;text-align:center;background-color:#1478ef;color:#fff;} .pages-shop .list li .box .btn:last-child{background-color:#333;} .pages-shop .list li .box .btn i{margin-right:10px;} .pages-shop .list li .box .btn:hover{background-color:#ffae00;} .loadmore{text-align:center;font-size:18px;color:#666;} .loadmore a{display:inline-block;margin:3% 0;border:solid 1px #ccc;padding:10px 20px;color:#333;-moz-border-radius:5px;border-radius:5px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .loadmore a:hover{border-color:#333;} .newstop{border:solid 1px #ddd;background-color:#f8f8f8;padding:20px;} .pages-news-l{overflow:hidden;} .pages-news{overflow:hidden;padding-top:0;} .pages-news .lists li{margin-bottom:30px;} .pages-news .lists li a{display:block;padding:20px;border:solid 1px #ddd;} .pages-news .lists li a:hover{border-color:#1478ef;} .pages-news .lists li a .img{width:300px;float:left;} .pages-news .lists li a .text{width:520px;float:right;height:198px;position:relative;padding-bottom:0;} .pages-news .lists li a .text .h3{font-size:20px;line-height:100%;margin-bottom:10px;} .pages-news .lists li a .text .introl{font-size:14px;color:#666;line-height:2;} .pages-news .lists li a .text span.more{display:block;width:90px;line-height:30px;background-color:#888;font-size:13px;color:#fff;text-align:center;position:absolute;right:0;bottom:0;} .pages-news .lists li a:hover .text span.more{background-color:#1478ef;} /* ==================================== 网站地图 ==================================== */ .page-sitemap{padding:3% 0;} .sitemap{padding:0 0;overflow:hidden;} .sitemap h2{font-size:22px;padding:10px 15px;background-color:#1478ef;display:inline-block;margin-bottom:30px;} .sitemap h2 a{color:#fff;} .sitemap h2 a:hover{color:#fff;text-decoration:underline;} .sitemap ul{overflow:hidden;display:block;font-size:15px;margin-bottom:30px;border-bottom:solid 1px #ddd;} .sitemap ul li{width:25%;line-height:35px;display:inline-block;vertical-align:top;border-bottom:solid 1px #ddd;text-align:center;font-size:18px;line-height:55px;position:relative;top:1px;} .sitemap ul li a{color:#333;} .sitemap ul li a:hover{color:#1478ef;text-decoration:underline;} .sitemap ul li p a{font-weight:normal;} .sitemap ul li p:last-child{margin-bottom:30px;} .sitemap ul div{margin-bottom:15px;border:solid 1px #eee;padding:15px;} .sitemap ul h3{font-size:15px;margin-bottom:10px;} .sitemap ul h3 a{color:#333;} #page{text-align:center;font-size:0px;padding:40px 0;} #page span,#page a{display:inline-block;border:solid 1px #ccc;margin-left:5px;overflow:hidden;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;font-size:15px;padding:10px 20px;} #page span.cur{background-color:#1478ef;color:#fff;border-color:#1478ef;} .rests{font-size:18px;color:#555;padding:20px;border:solid 1px #ddd;margin-bottom:20px;} .pages-news-show{padding-bottom:3%;padding-top:0;} .pages-news-show .intro .title{font-size:25px;color:#222;margin-bottom:10px;font-weight:bold;line-height:100%;} .pages-news-show .intro .source{font-size:15px;color:#666;} .pages-news-show .intro .contents{color:#666;line-height:2;font-size:15px;padding:3% 0;} .tags{margin-bottom:3%;margin-top:20px;color:#333;font-size:14px;} .tags span{margin-right:10px;background-color:#e5e5e5;padding:3px 10px;} .pagelinks{border-top:dashed 1px #ccc;border-bottom:dashed 1px #ccc;padding:20px 0; overflow:hidden;} .pagelinks a{width:50%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;display:block;font-size:15px;} .pagelinks a:first-child{ float:left; } .pagelinks a:last-child{text-align:right; float:right; } .ptitle{font-size:25px;font-weight:bold;color:#222;margin-bottom:10px;} .recom{} .recom li .h3{font-size:15px;color:#666;line-height:100%;margin:10px 0;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;} .recom li a:hover .h3{color:#1478ef;font-weight:bold;} .recom li a .fr{color:#999;} .pages-work{padding:0 0 3%;overflow:hidden;} .pages-work ul{margin:0 -10px;} .pages-work li img{width:100%; } .pages-work li a:hover img{border:solid 1px #1478ef;} .pages-work li .text{background-color:#f5f5f5;padding:30px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pages-work li .h3{font-size:16px;line-height:100%;text-align:center;padding:20px 0;border:solid 1px #ddd;border-top:none;} .pages-work li a:hover .h3{border:solid 1px #1478ef;border-top:none;background-color:#1478ef;color:#fff;} .pages-work li a .contents{display:none;} .pages-work .contentsShow{margin-bottom:10px;padding:0 10px;font-size:15px;line-height:2;clear:both;display:none;} .pages-work .contentsShow .box{background-color:#e6212a;padding:30px;color:#fff;} .cloudzoom-lens{border:5px solid #888;width:100px;height:100px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-moz-box-shadow:0 0 10px rgba(0,0,0,.4);box-shadow:0 0 10px rgba(0,0,0,.4);cursor:crosshair;z-index:10} .cloudzoom-zoom{border:1px solid #888;width:500px;height:200px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-moz-box-shadow:0 0 10px rgba(0,0,0,.4);box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} .cloudzoom-zoom-inside{border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none} .cloudzoom-caption{display:none;text-align:left;background-color:#000;color:#fff;font-weight:700;padding:10px;font-family:sans-serif;font-size:11px} .cloudzoom-blank{background-image:url(../images/blank.png)} .cloudzoom-ajax-loader{background-image:url(../images/ajax-loader.gif);width:32px;height:32px} .pages-ly{padding:3% 0;} .pages-ly .tit{background-color:#1478ef;color:#fff;display:inline-block;font-size:20px;padding:10px 20px;} .pages-ly .list{border:solid 1px #ddd;padding:50px 50px 100px;background:url(../images/r1-orderform-1-bg.jpg) no-repeat center bottom;} .pages-ly .list .row{width:650px;margin:0 auto;color:#666;font-size:16px;} .pages-ly .list .inputs{margin-bottom:10px;} .pages-ly .list .inputs b{display:inline-block;width:110px;text-align:right;font-weight:normal;} .pages-ly .list input[type="text"]{border:solid 1px #ddd;padding:10px;width:70%;} .pages-ly .list textarea{border:solid 1px #ddd;padding:10px;width:70%;height:120px;} .pages-ly .list input[type="submit"]{border:none;background-color:#1478ef;color:#fff;padding:10px 35px;font-size:18px;cursor:pointer;} .shoptable{background-color:#fff;} .shoptable thead td{margin-bottom:10px;text-align:left;} .shoptable thead td{background-color:#4276aa;color:#fff;font-size:20px;} .shoptable tbody td{background-color:#cfd6e2;color:#222;} .shoptable tbody tr:nth-child(2n) td{background-color:#e9ecf1;} .shoptable tbody tr td:nth-child(1){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .pages-shop-show{padding:0 0 3%;} .pages-shop-show .bigImg{border:solid 1px #ddd;margin-bottom:10px;position:relative;} .pages-shop-show .bigImg .video{position:absolute;right:0;bottom:0;z-index:999;background:rgba(153,153,153,.8);width:100%;height:100%;line-height:80px;text-align:center;cursor:pointer;background-color:#fff} .pages-shop-show .bigImg .video i{vertical-align:middle;font-size:20px;color:#fff;} .pages-shop-show .shopInfo{margin-top:0;} .pages-shop-show .shopInfo .h2{font-size:28px;line-height:100%;margin-bottom:50px;font-weight:bold;} .pages-shop-show .shopInfo .classis{font-size:14px;color:#666;margin-bottom:40px;} .pages-shop-show .shopInfo .description{font-size:13px;color:#666;background-color:#f5f5f5;padding:40px 20px 20px;position:relative;line-height:2;margin-bottom:40px;text-indent:2em;} .pages-shop-show .shopInfo .description span{display:inline-block;position:absolute;top:-17px;background-color:#1478ef;color:#fff;padding:12px 10px;line-height:100%;left:20px;text-indent:0;} .pages-shop-show .Please{font-size:14px;} .pages-shop-show .Please p{margin-bottom:15px;} .pages-shop-show .Please a{font-size:26px;color:#1478ef;font-weight:bold;line-height:100%;} .pages-shop-show .Please a:hover{color:#222;} .pages-shop-show .thumb{} .pages-shop-show .thumb ul{margin:0 -5px;} .pages-shop-show .thumb li{width:20%;float:left;padding:0 5px;} .pages-shop-show .thumb li img{display:block;border:solid 1px #ddd;} .pages-shop-show .thumb li img.cloudzoom-gallery-active{border-color:#1478ef} .pages-shop-show .tabstit{ border-bottom:solid 1px #ddd;border-right:none;} .pages-shop-show .tabstit li{float:left;margin-right:3px;width:auto;} .pages-shop-show .tabstit li a{padding:0 20px;line-height:40px;font-size:16px;background-color:#f5f5f5;display:block;border:solid 1px #ddd;border-bottom:none;font-weight:bold;} .pages-shop-show .tabstit li a i{margin-right:10px;} .pages-shop-show .tabstit li.active{position:relative;margin-bottom:-1px;} .pages-shop-show .tabstit li.active a{background-color:#fff;border-top:solid 2px #1478ef;} .pages-shop-show .contents{padding:30px 0;display:none;line-height:2;font-size:15px;color:#555;} .pages-shop-show .contents:nth-child(1){display:block;} .pages-shop-show .contents img{ width:100%;} .pages-shop-show .contents table img{border:none;} .pages-shop-show .contents table thead{text-align:center;} .pages-shop-show .contents h2{font-weight:bold;} .pages-shop-show .contents ul li{margin-bottom:10px;} .pages-shop-show .contents ul li .boxs{text-align:center;border:solid 2px #ccc;padding:20px;border-radius:5px;font-size:18px;height:192px;} .pages-shop-show .contents ul li .boxs .img{margin-bottom:20px;} .pages-shop-show .contents ul li .boxs img{border:none;} .pages-shop-show .contents ul li .boxs p{line-height:30px;color:#333;} .pages-shop-show .contents .col-lg6,.pages-shop-show .contents .col-lg12{margin-bottom:30px;} .pages-shop-show .shopshow-tit .container{padding:3% 0;} .pages-shop-show .shopshow-tit .container .h1{font-size:36px;line-height:100%;margin-bottom:20px;font-weight:bold;} .pages-shop-show .shopshow-tit .container .h3{font-size:30px;line-height:100%;margin-bottom:20px;font-weight:bold;} .pages-shop-show .shopshow-tit .container .des{font-size:17px;color:#555;line-height:2;} .pages-shop-show .showbox{overflow:hidden;position:relative;} .pages-shop-show .shopshowxj{font-size:36px;line-height:100%;margin-bottom:50px;font-weight:bold;} .pages-shop-show .showbox .swiper-pagination{bottom:20px;} .pages-shop-show .showbox .swiper-pagination .swiper-pagination-bullet{width:14px;height:14px;} .pages-shop-show .showbox .swiper-pagination .swiper-pagination-bullet-active{background-color:#e6212a;} .pages-shop-show .showbox .prev{width:70px;height:70px;background-color:rgba(0,0,0,.5);-moz-border-radius:50%;border-radius:50%;position:absolute;top:0;bottom:0;margin:auto;z-index:10;cursor:pointer;left:5%;} .pages-shop-show .showbox .prev::after{content:'';display:block;width:20px;height:20px;border-top:solid 2px #fff;border-right:solid 2px #fff;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);position:absolute;top:0;bottom:0;left:8px;right:0;margin:auto;} .pages-shop-show .showbox .next{width:70px;height:70px;background-color:rgba(0,0,0,.5);-moz-border-radius:50%;border-radius:50%;position:absolute;top:0;bottom:0;margin:auto;z-index:10;cursor:pointer;right:5%;} .pages-shop-show .showbox .next::after{content:'';display:block;width:20px;height:20px;border-top:solid 2px #fff;border-right:solid 2px #fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:0;bottom:0;left:0;right:8px;margin:auto;} .leftnews{margin-top:30px;display:block;} .leftnews .h3{font-size:20px;background-color:#1478ef;color:#fff;padding:15px 0;text-indent:15px;} .leftnews .list{padding:15px;border:solid 1px #ddd;} .leftnews .list dl{overflow:hidden;border-bottom:solid 1px #ddd;padding-bottom:10px;margin-bottom:10px;} .leftnews .list dl dt{} .leftnews .list dl dd{line-height:22px;font-size:13px;color:#666;} .leftnews .list dl dd .h5{font-size:15px;color:#222;margin-bottom:5px;line-height:100%;padding:7px 0;} .leftnews .list li a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:13px;display:block;line-height:30px;} .leftnews .list li span{display:inline-block;background-color:#999;height:20px;width:20px;vertical-align:middle;line-height:20px;text-align:center;color:#fff;margin-right:10px;} .leftnews .list li:nth-child(-n+3) span{background-color:#1478ef;} .leftcase{margin-top:30px;display:block;} .leftcase .h3{font-size:20px;background-color:#1478ef;color:#fff;padding:15px 0;text-indent:15px;} .leftcase .list{padding:15px;border:solid 1px #ddd;padding-bottom:0;} .leftcase .list li{margin-bottom:10px;} .leftcase .list li p{font-size:15px;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:15px 0;} .rela{padding-top:20px;} .rela .h1{font-size:26px;font-weight:bold;line-height:100%;margin-bottom:20px;} .rela .row{} .rela .row{margin:0 -10px;} .rela .list li{text-align:center;padding:0 10px;} .rela .list li a{display:block;border:solid 1px #e5e5e5;position:relative;} .rela .list li img{width:100%;} .rela .list li p{font-size:15px;padding:20px;color:#303030;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;border-top:solid 1px #e5e5e5;} .page-contact{padding:4% 0;overflow:hidden;} .page-contact .container{} .page-contact .contop{} .page-contact .contop .en{font-size:26px;line-height:40px;color:#111;text-transform:uppercase;line-height:100%;margin-bottom:15px;} .page-contact .contop .zh{font-size:36px;color:#333;line-height:2;line-height:100%;margin-bottom:20px;} .page-contact .contop .text{font-size:17px;color:#666;line-height:2;margin-bottom:40px;} .page-contact .conbottom{margin:0 auto 0px;} .page-contact .conbottom .row{margin:0 -10px;} .page-contact .conbottom dl{text-align:center;margin-bottom:30px;padding:0 10px;} .page-contact .conbottom dl .box{border:solid 1px #ddd;padding-bottom:40px;} .page-contact .conbottom dl dt span{height:100px;display:inline-block;-moz-border-radius:50%;border-radius:50%;text-align:center;line-height:100px;color:#333;font-size:24px;} .page-contact .conbottom dl dt span i{font-size:35px;vertical-align:middle;margin-right:15px;color:#1478ef} .page-contact .conbottom dl dt img{max-width:50%;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .page-contact .conbottom dl:hover dt img{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);} .page-contact .conbottom dl dd{line-height:30px;font-size:15px;color:#222;padding:0 20px 0;} .page-contact .conbottom dl dd span{font-weight:bold;color:#1478ef;font-size:18px;} .page-contact .conbottom dl dd a{font-size:18px;} .page-contact .conbottom dl dd a:hover{text-decoration:underline;} .page-contact .col-lg4{margin-bottom:30px;} .page-contact .row{margin:0;} .page-contact div[class^="col-lg"]{padding:0;} .context{padding:40px 20px;background-color:#fafafa;border:solid 1px #ddd;border-right:none;} .context h1{font-size:21px;font-weight:bold;line-height:100%;margin-bottom:20px;} .context p{line-height:2;color:#666;font-size:14px;} .context p b{color:#222;font-size:18px;} .context .line{height:1px;background-color:#ddd;margin:15px 0} .page-contact .allmap{height:510px;width:100%;overflow:hidden;border:solid 1px #ccc;margin-bottom:50px;} .page-contact #allmap{height:560px;} .page-contact .message{} .page-contact .message .h3{font-size:26px;margin-bottom:20px;line-height:100%;} .page-contact .message .row{margin:0 -10px;} .page-contact .message div[class^="col-lg"]{padding:0 10px;margin-bottom:10px;position:relative;} .page-contact .message div[class^="col-lg"] label{position:absolute;font-size:14px;line-height:38px;padding:0 10px;} .page-contact .message input[type="text"]{border:solid 1px #ddd;padding:10px;width:100%;padding-left:60px;} .page-contact .message textarea{border:solid 1px #ddd;padding:10px;width:100%;height:100px;text-indent:60px;} .page-contact .message button{width:100%;border:none;background-color:#1478ef;color:#fff;cursor:pointer;height:196px;font-size:20px;text-align:center;} .page-contact .message button img{margin-bottom:10px;height:auto;} .page-contact .message button p{display:block;} .page-contact .contopfgs{} .page-contact .contopfgs .en{font-size:25px;line-height:40px;color:#999;text-transform:uppercase;text-align:center;line-height:100%;margin-bottom:15px;} .page-contact .contopfgs .en::after{content:'';display:block;margin:0 auto;height:2px;width:120px;background-color:#e6212a;margin-top:15px;} .page-contact .contopfgs .zh{font-size:36px;color:#333;line-height:2;text-align:center;line-height:100%;margin-bottom:20px;margin-bottom:40px;} .page-contact .fgs{margin-top:40px;} .page-contact .fgs .tit{font-size:35px;color:#222;margin-bottom:30px;} .page-contact .fgs .list{line-height:2.5;font-size:17px;color:#666;} .page-contact .fgs .col-lg6{margin-bottom:20px;} .page-contact .fgs .box{border:solid 1px #ddd;padding:30px;-moz-border-radius:5px;border-radius:5px;} .page-contact .fgs .box p.name{font-size:23px;color:#333;margin-bottom:10px;} .page-contact .fgs .box p i{margin-right:10px;color:#e6212a;width:17px;text-align:center;} .page-service{border-top:solid 1px #ddd;} .pages-shop-show{overflow:hidden;} .pages-shop-show .col-lg3{width: 280px;} .pages-shop-show .col-lg9{width: 920px;} .case-btn{padding:30px 0;text-align:center;background-color:#fff;} .case-btn a{margin:0 57px;font-size:22px;color:#f33142;} .case-btn a:nth-child(2){color:#4c4c4c;} .p-jobs-list{padding:4% 0;} .h_zp{height:60px;line-height:60px;background-color:#8b8c91;} .p-jobs-list li.wow{overflow:hidden;border:none;} .p-jobs-list .h_zp div{width:16.6666%;float:left;text-align:center;color:#fff;font-size:15px;font-weight:bold;} .p-jobs-list li.wow .deta{background-color:#fbfbfb;padding:0 50px;} .job-title{background-color:#f5f5f5;margin-top:10px;cursor:pointer;} .job-title.active{background-color:#1478ef;} .p-jobs-list .h_zp.job-title div{color:#666;font-weight:normal;} .p-jobs-list .job-title.active div{color:#fff;} .p-jobs-list .tdata .box{padding:30px;font-size:13px;color:#666;line-height:2;} .p-jobs-list .tdata .box span{font-size:15px;color:#333;margin-bottom:20px;display:block;} .p-jobs-list .tdata .box a.a_134{display:block;width:100px;line-height:40px;color:#fff;background-color:#1478ef;text-align:center;} .p-jobs-list .tdata .box a.a_134:hover{background-color:#ff574a;} .p-jobs-list li{display:none;} .p-jobs-list .job-title #lermore1{background:url(../images/jrwm1.png) no-repeat center center;height:100%;} .p-jobs-list .job-title.active #lermore1{background:url(../images/jrwm1_h.png) no-repeat center center;} .page-service{padding:5% 0;} .page-service .h1{text-align:center;font-size:40px;line-height:100%;margin-bottom:22px;} .page-service .h4{font-size:18px;text-align:center;color:#666;margin-bottom:50px;} .page-service .text{text-align:center;color:#666;font-size:14px;line-height:2;margin-bottom:50px;} .page-service .cats{margin-bottom:20px;} .page-service .cats dl{text-align:center;padding:0 30px;margin-bottom:60px;display:inline-block;vertical-align:top;} .page-service .cats dl.w25{width:50%;} .page-service .cats dl.w20{width:50%;} .page-service .cats dl dt{margin-bottom:30px;} .page-service .cats dl dt img{height:90px;} .page-service .cats dl dd .h3{font-size:23px;margin-bottom:15px;font-weight:bold;} .page-service .cats dl dd .des{line-height:2;color:#666;font-size:14px;margin-bottom:40px;height:50px;overflow:hidden;} .page-service .cats dl dd .more{font-size:18px;border:solid 1px #555;padding:5px 20px;-moz-border-radius:15px;border-radius:15px;color:#333;} .page-service .cats dl dd .more:hover{background-color:#1478ef;border-color:#1478ef;color:#fff;} .page-service .cats dl dd .contents{position:fixed;top:20%;bottom:20%;left:5%;right:5%;background-color:#fff;text-align:left;font-size:16px;color:#333;line-height:2;z-index:10;-moz-border-radius:10px;border-radius:10px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;opacity:0;padding:50px 0;} .page-service .cats dl dd .scwap{overflow-y:auto;height:100%;} .scwapbox{padding:0 50px;} .page-service .cats dl dd .contents.show{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;} .page-service .cats dl dd .contents .h5{font-size:45px;color:#333;line-height:100%;margin-bottom:20px;} .page-service .cats dl dd .contents .h5::after{content:'';display:block;height:3px;width:100px;background-color:#1478ef;margin-top:30px;} .page-service .cats dl dd .contents .close{position:absolute;right:-20px;top:-20px;width:50px;height:50px;cursor:pointer;background-color:#333;-moz-border-radius:50%;border-radius:50%;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .page-service .cats dl dd .contents .close:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);background-color:#1478ef;} .page-service .cats dl dd .contents .close p{width:30px;height:3px;margin-top:5px;background-color:#fff;-moz-border-radius:2px;border-radius:2px;} .page-service .cats dl dd .contents .close p:nth-child(1){-webkit-transform:matrix(1,0,0,1,10,18) rotate(45deg);-moz-transform:matrix(1,0,0,1,10,18) rotate(45deg);-ms-transform:matrix(1,0,0,1,10,18) rotate(45deg);transform:matrix(1,0,0,1,10,18) rotate(45deg);} .page-service .cats dl dd .contents .close p:nth-child(2){-webkit-transform:matrix(1,0,0,1,10,10) rotate(-45deg);-moz-transform:matrix(1,0,0,1,10,10) rotate(-45deg);-ms-transform:matrix(1,0,0,1,10,10) rotate(-45deg);transform:matrix(1,0,0,1,10,10) rotate(-45deg);} .page-service .cats dl dd .contents .scroll{} .pservicebg{position:fixed;z-index:7;background-color:rgba(0,0,0,.3);width:100%;height:100%;left:0;top:0;display:none;} .gylwrap .h1{} .gylwrap .h1::after{content:'';display:block;margin:30px auto 0;width:120px;height:3px;background-color:#1478ef;} .gylwrap .h3{text-align:center;font-size:18px;margin-bottom:40px;color:#333;} .gylwrap .text{margin-bottom:70px;} .moshi{background:url(http://www.xivodesign.com/img/K1_05.jpg) no-repeat center fixed;-moz-background-size:cover;background-size:cover;} .moshi .li{height:100%;padding:0 3%;background-color:rgba(0,0,0,.3);line-height:500px;cursor:pointer;} .moshi .li .box{height:200px;overflow:hidden;display:inline-block;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;vertical-align:middle;} .moshi .li:nth-child(2){background-color:rgba(0,0,0,.7);} .moshi .li .h3{color:#fff;font-size:40px;margin-bottom:20px;line-height:100%;font-weight:bold;} .moshi .li .h4{color:#fff;line-height:100%;margin-bottom:30px;} .moshi .li .h4::after{content:'';display:block;width:100px;height:3px;width:100px;background-color:#fff;margin:30px auto 0;} .moshi .li .texts{color:#fff;font-size:15px;line-height:2;margin-bottom:50px;text-align:center;} .moshi .li:hover{background-color:rgba(230,33,41,.9);} .moshi .li:hover .box{height:350px;} .page-service .liucheng{padding:7% 0 0;overflow:hidden;} .page-service .liucheng ul{position:relative;margin-bottom:4%;} .page-service .liucheng ul .line2{content:'';display:block;width:100%;height:2px;background-color:#ccc;left:0;bottom:0;position:absolute;display:none} .page-service .liucheng ul .line1{content:'';display:block;height:2px;background-color:#e6212a;left:0;bottom:0;position:absolute;z-index:3;width:0;display:none} .page-service .liucheng ul li{padding:0;text-align:center;position:relative;cursor:pointer;padding-bottom:2%;margin-bottom:40px;} .page-service .liucheng ul li img{width:90px;margin-bottom:20px;} .page-service .liucheng ul li p{font-size:18px;font-weight:bold;} .page-service .liucheng ul li::after{content:'';display:block;width:8px;height:8px;border:solid 3px #666;-moz-border-radius:50%;border-radius:50%;position:absolute;left:0;right:0;margin:auto;bottom:-44px;z-index:10;background-color:#fff;display:none;} .page-service .liucheng ul li.active::after{border-color:#e6212a;} .page-service .liucheng ul li.cur p{color:#e6212a;} .page-service .liucheng .tabsbox{margin-bottom:50px;} .page-service .liucheng .tabsbox .container{position:relative;} .page-service .liucheng .tabsbox .block{position:absolute;left:0;top:0;width:100%;} .page-service .liucheng .tabsbox dl{text-align:center;display:inline-block;vertical-align:top;margin-bottom:30px;float:none;} .page-service .liucheng .tabsbox dl dt{font-size:18px;margin-bottom:20px;font-weight:bold;color:#e6212a;background-color:#eee;padding:10px 0;-moz-border-radius:5px;border-radius:5px;} .page-service .liucheng .tabsbox dl dd p{line-height:2;font-size:15px;color:#666;} .page-service .liucheng .tabs1{min-height:250px;} .page-service .liucheng .tabs1 .container{position:relative;} .page-service .liucheng .tabs1 p{font-size:14px;line-height:2;color:#333;margin-bottom:15px;} .page-service .liucheng .tabs1 .block{position:absolute;left:0;top:0;} .page-service .liucheng .tabs1 .block .img-list{margin-top:30px;} .page-service .liucheng .tabs1 .block .img-list .img{display:inline-block;float:none;vertical-align:top;margin-bottom:30px;} .page-service .liucheng .tabs1 .block .img-list img{margin-bottom:20px;width:100%;} .serviceshop{} .serviceshop .container{padding:0 10px;width:100%;} .serviceshop .row{margin:0 -5px;} .serviceshop .li{padding:0 5px;margin-bottom:10px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;position:relative;float:none;display:inline-block;vertical-align:top;} .serviceshop .li img{width:100%;} .serviceshop .ul .li a{display:block;position:relative;overflow:hidden;} .serviceshop .ul .li img{width:100%;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;} .serviceshop .ul .li a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .serviceshop .ul .li a{display:block;overflow:hidden;} .serviceshop .ul .li .textbg{background-color:rgba(230,33,41,.9);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;} .serviceshop .ul .li .text{position:absolute;height:70px;color:#fff;top:0;left:0;text-align:center;width:100%;bottom:0;font-size:16px;line-height:100%;opacity:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s;margin:auto;} .serviceshop .ul .li .text .h3{font-size:22px;font-weight:bold;line-height:100%;} .serviceshop .ul .li .text .h3::after{content:'';display:block;width:60px;height:3px;background-color:#fff;margin:15px auto;} .serviceshop .ul .li a:hover .text{opacity:1;} .serviceshop .ul .li a:hover .textbg{opacity:1;} .sjlin1{} .sjlin1 .h2{margin-bottom:20px;} .sjlin1 .h2::after{content:'';display:block;width:100px;height:3px;background-color:#1478ef;margin:20px auto 0;} .sjlin1 .h4{margin-bottom:60px;} .sjlin1 .text{margin-bottom:0;} .sjlin1 .container{} .sjlin1 .row{margin:0 -20px;} .sjlin1 .qunti{margin-bottom:40px;} .sjlin1 dl{position:relative;padding:0 20px;margin-bottom:30px;} .sjlin1 dl dt{position:absolute;right:20px;top:-10px;font-size:90px;line-height:100%;font-weight:bold;color:#eee;} .sjlin1 dl dt::after{content:'';display:block;width:200px;height:150px;background-color:#fff;position:absolute;top:70%;-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg);right:50%;margin-right:-100px;} .sjlin1 dl dd .t{font-size:30px;font-weight:bold;line-height:100%;margin-bottom:25px;color:#1478ef;} .sjlin1 dl dd p{line-height:2;color:#333;font-size:18px;} .sjlin1 .pinhen{padding:10% 0;background-color:#f9f9f9;} .sjlin1 .pinhen .h3{font-size:30px;color:#1478ef;line-height:100%;margin-bottom:30px;font-weight:bold;} .sjlin1 .anshi{padding:10% 0 0;} .sjlin1 .anshi .h3{font-size:30px;color:#1478ef;line-height:2;margin-bottom:30px;font-weight:bold;} .list-shop ul{} .list-shop li{width: 50%;} .list-shop li .box{font-size: 14px;} .list-shop li .box img{border:solid 1px #ddd;} .list-shop li .h5{font-size:22px;color:#222;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;padding:20px 0 10px;position:relative;z-index:30;} .list-shop li .box .h5 a{color:#1478ef;font-weight:bold;} .list-shop li .box:hover .h5 a{color:#1478ef;text-decoration:underline;} .list-shop li .box .text{background-color:#fff;padding:20px 0;} .list-shop li p{font-size:14px;color:#666;line-height:30px;position:relative;z-index:30;margin-bottom:30px;text-indent:2em;} .list-shop li .box .btn{width:50%;line-height:50px;display:block;float:left;font-size:16px;text-align:center;background-color:#1478ef;color:#fff;} .list-shop li .box .btn:last-child{background-color:#333;} .list-shop li .box .btn i{margin-right:10px;} .list-shop li .box .btn:hover{background-color:#ffae00;} }