/*
Theme Name: shangunjianzhan 2.0
Theme URL:  http://www.shangun.com
Description: 这是一款由山滚网络（www.shangun.com）开发的网站建设类主题。
Author:  山滚网络（www.shangun.com）
Author URI: http://www.shangun.com
Tags:  山滚网络，山滚网络建站类主题，网站建设主题，www.shangun.com主题。
Version: 2.0*这是版本号，更新日期2025-05-28
*/
@charset "UTF-8";
/*********************字体文件即设置开始*********************/
@font-face{font-family:'FontAwesome';src:url(fonts/fontawesome-webfont.eot?v=4.1.0);src:url(fonts/fontawesome-webfont.eot?#iefix&v=4.1.0) format('embedded-opentype'),url(fonts/fontawesome-webfont.woff?v=4.1.0) format('woff'),url(fonts/fontawesome-webfont.ttf?v=4.1.0) format('truetype'),url(fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular)format('svg');font-weight:normal;font-style:normal}
.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-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;border-radius:.1em}
.pull-right{float:right}
.pull-left{float:left}
.fa.pull-left{margin-right:.3em}
.fa.pull-right{margin-left:.3em}
.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}
@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}
@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}
.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}
.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}
.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}
/*从这里开始都是before  css属性*/
.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-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-gear:before,.fa-cog: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-rotate-right:before,.fa-repeat: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-photo:before,.fa-image: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-warning:before,.fa-exclamation-triangle: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{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-gears:before,.fa-cogs: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:before{content:"\f09a"}
.fa-github:before{content:"\f09b"}
.fa-unlock:before{content:"\f09c"}
.fa-credit-card:before{content:"\f09d"}
.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-save:before,.fa-floppy-o:before{content:"\f0c7"}
.fa-square:before{content:"\f0c8"}
.fa-navicon:before,.fa-reorder:before,.fa-bars: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-unsorted:before,.fa-sort:before{content:"\f0dc"}
.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}
.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}
.fa-envelope:before{content:"\f0e0"}
.fa-linkedin:before{content:"\f0e1"}
.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}
.fa-legal:before,.fa-gavel:before{content:"\f0e3"}
.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}
.fa-comment-o:before{content:"\f0e5"}
.fa-comments-o:before{content:"\f0e6"}
.fa-flash:before,.fa-bolt:before{content:"\f0e7"}
.fa-sitemap:before{content:"\f0e8"}
.fa-umbrella:before{content:"\f0e9"}
.fa-paste:before,.fa-clipboard: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-unlink:before,.fa-chain-broken: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-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}
.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}
.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}
.fa-euro:before,.fa-eur:before{content:"\f153"}
.fa-gbp:before{content:"\f154"}
.fa-dollar:before,.fa-usd:before{content:"\f155"}
.fa-rupee:before,.fa-inr:before{content:"\f156"}
.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}
.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}
.fa-won:before,.fa-krw: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{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-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}
.fa-dot-circle-o:before{content:"\f192"}
.fa-wheelchair:before{content:"\f193"}
.fa-vimeo-square:before{content:"\f194"}
.fa-turkish-lira:before,.fa-try: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-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}
.fa-mortar-board:before,.fa-graduation-cap: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-square:before,.fa-pied-piper: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-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}
.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}
.fa-file-sound-o:before,.fa-file-audio-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-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}
.fa-circle-o-notch:before{content:"\f1ce"}
.fa-ra:before,.fa-rebel:before{content:"\f1d0"}
.fa-ge:before,.fa-empire:before{content:"\f1d1"}
.fa-git-square:before{content:"\f1d2"}
.fa-git:before{content:"\f1d3"}
.fa-hacker-news:before{content:"\f1d4"}
.fa-tencent-weibo:before{content:"\f1d5"}
.fa-qq:before{content:"\f1d6"}
.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}
.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}
.fa-send-o:before,.fa-paper-plane-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{width:16px;font-size:1em;text-align:center}
/*********************字体文件即设置结束*********************/
/*overall css*/
*,h1, h2, h3, h4, h5{margin: 5px 0;font-weight: blod;line-height: 30px;color: inherit;text-rendering: optimizelegibility;margin: 0px;padding: 0px;}
body,*{padding:0px;margin:0px;    font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
html,head,body{font-size: 14px;    line-height: 1.6;}
li{list-style:none;}
a{color: #09a8c5;text-decoration: none;}
p{margin: 0 0 10px;}
.width{width:1200px;margin:0 auto;padding:20px 0;}
.clear{clear:both;}


/*nav*/
nav{width:100%;height:60px;background: #55fd;position:fixed;z-index:2;}
nav .width{padding:0;}
nav .logo,nav .twq{float:left;height:50px;padding: 5px 30px 5px 0;}
nav .navi{padding:0 50px;}
nav .navi li{float:left;line-height:50px;height:60px; font-size:18px;padding:5px 17px;position:relative;}
nav .navi .sub-menu li{overflow:hidden;}
nav .navi li:hover{background:#77f;}
nav .navi li .sub-menu{min-width: 130px;left: 0;max-height: 0;position: absolute;top: 100%;z-index: 0;-webkit-perspective: 400px;-moz-perspective: 400px;-ms-perspective: 400px;-o-perspective: 400px;perspective: 400px;display: none;}
nav .navi li:hover .sub-menu{z-index:1;display:block;}
nav .navi li:hover .sub-menu li{background: #55f;}
nav .navi li:hover .sub-menu li:hover{background: #77f;}
nav .navi li a{color:#fff;}
nav .twq{float:right;padding:5px 20px 5px 0;}
nav .wx,nav .qq{float:left;padding:5px; background:none;position:relative;}
nav .wx{padding:5px 30px;}
nav .twq img{height:40px;}
nav .wx .qrcode{position: absolute;top: 55px;left:0;z-index: 10001;display:none;height:100px;}
nav .wx:hover .qrcode{display:block;}

/*nav end * index start * banner*/
#banner{position:relative; z-index:1;background: #55f9;height:100%;}
.focusBox{position: relative; width:100%; height:100%;overflow: hidden; }
.focusBox .pic{display: block;}
.focusBox .pic li{display: block; position:relative;height: 115%;color:#fff;text-shadow: 2px 2px 4px black;}

.banner-padding{position: absolute;color: #fff;padding:20% 0 0 40%;line-height: 40px;z-index: 1;animation: grow 5s infinite normal;}
@keyframes grow {
  from {
    transform: scale(1); /* 开始时无放大 */
  }
  to {
    transform: scale(1.2); /* 结束时放大到1.2倍 */
  }
}
.focusBox .pic li h2{margin: 0px;color: #fff;padding: 0;font-size: 30px;}
.focusBox .pic li p{color: #fff;line-height:40px; top:20px;position: relative;}
.focusBox .pic li a{padding: 5px 50px;border: 2px solid;top: 40px;display: inline-block;color:#fff;position:relative;}
.focusBox .hd { overflow:hidden; zoom:1; position:absolute; bottom:10px; left:50%; margin-left:-40px; z-index:3}
.focusBox .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:16px; height:16px; border-radius:8px; cursor:pointer; overflow:hidden; background:#919191; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }
.focusBox .hd .hover{ background:#1674cb; filter:alpha(opacity=100);opacity:1;  }
.banner1{}
.banner1_img1 { }
.banner1_img2 {}
.banner2{background:url(http://img.woniuseo.com/woniuweb/banner11.jpg) center 0 no-repeat;background-size: cover;}
.banner2_img1 {}
.banner2_img2 {}
.banner2_img3 { }
.banner3{background:url(http://img.woniuseo.com/woniuweb/banner12.jpg) center 0 no-repeat;background-size: cover;}
.banner3_img1 { }
.banner3_img2 {}
.banner3_img3 { }
.banner4{background:url(http://img.woniuseo.com/woniuweb/banner13.jpg) center 0 no-repeat;background-size: cover;}
.banner4_img1 { }
.banner4_img2 {}
.banner4_img3 {}

/*tese*/
#tese{background:#55f;height:100px;width:100%;color:#fff;}
#tese ul{margin:0 auto;width:1200px;height:100%;}
#tese ul li{float:left;border-right: 1px solid #7272de;width:25%;height:100%;box-sizing: border-box;}
#tese ul li.fts{border-left: 1px solid #7272de;}
#tese ul li:hover{background:#4e4eef;border-color:#4e4eef;}
#tese ul li h4{padding: 15px 43px 5px;font-size:18px;font-weight:normal;}
#tese ul li p{padding: 0 43px;}

/*service*/
.indextitle{text-align: center;color: #000;font-weight: bold;font-size: 30px;padding-top: 20px;padding-bottom: 10px;}
.indexline{width: 70px;border-top: #F68A3F 3px solid;margin: 5px auto;}
.indexdisc{text-align: center;margin: 10px;font-size: 16px;}

#service{padding:10px 0 80px;}
.slist li{float:left;width:25%;height:534px;border:1px solid #fff;padding:5% 2%;color:#fff;}
.slist li h3{font-size: 20px;text-align: center;line-height: 60px;}
.slist li:hover{-moz-box-shadow: 2px 5px 20px #333333;-webkit-box-shadow: 2px 5px 20px #333333;box-shadow: 2px 5px 20px #333333;transition: all 0.8s;transform: scale(1.1);z-index:2;position:relative;}
.slist li:first-child{background:url(http://img.woniuseo.com/woniuweb/service1.png)}
.slist li:nth-child(2){background:url(http://img.woniuseo.com/woniuweb/service2.png)}
.slist li:nth-child(3){background:url(http://img.woniuseo.com/woniuweb/service3.png)}
.slist li:last-child{background:url(http://img.woniuseo.com/woniuweb/service4.png)}
.slist li p:last-child{text-align:center;}

/*cases*/
#cases{background:url(http://img.woniuseo.com/woniuweb/cases.jpg) no-repeat;height:600px;padding-top: 30px;}
#cases .indextitle,#cases .indexdisc{color:#fff;}
#cases .indexline{border-top:3px solid #fff;}
#cases ul{padding-top:20px;}
#cases ul li{float:left;width:25%;padding:0 1%;}
#cases ul li img{width:100%;border:1px solid #999;height: 50%;}
#cases ul li img:hover{-moz-box-shadow: 2px 5px 20px #333333;-webkit-box-shadow: 2px 5px 20px #333333;box-shadow: 2px 5px 20px #333333;transition: all 0.8s;transform: scale(1.1);z-index:2;position:relative;}
#cases ul li h4{color:#fff;white-space: nowrap;overflow: hidden;font-size: 18px;text-align: center;line-height: 3;}

/*advantage*/
@-webkit-keyframes rotation{
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}

#advantage{height:950px;background:url() no-repeat center 150px #eee;padding-top:20px;}
#advantage ul{float:left;width:30%;}
#advantage .left{margin-right:40%;}
#advantage ul li{padding:20px 0 30px 90px;position:relative;height: 180px;overflow: hidden;}
#advantage ul li i{position: absolute;top:35px;left:5px;width:80px;height:80px;background:url(img/advantage_icon.png);-webkit-transform: rotate(360deg);animation: rotation 1.4s linear infinite;  -moz-animation: rotation 1.4s linear infinite;-webkit-animation: rotation 1.4s linear infinite;-o-animation: rotation 1.4s linear infinite;}
#advantage .left li:first-child i{background-position: -28px -20px;}
#advantage .left li:nth-child(2) i{background-position: -162px -20px;}
#advantage .left li:nth-child(3) i{background-position: -28px -155px;}
#advantage .left li:last-child i{background-position: -162px -155px;}
#advantage .right li:first-child i{background-position: -296px -20px;}
#advantage .right li:nth-child(2) i{background-position: -296px -155px;}
#advantage .right li:nth-child(3) i{background-position: -28px -290px;}
#advantage .right li:last-child i{background-position: -162px -290px;}

/*about*/
#about{height:600px;position: relative;overflow: hidden !important;}
.slider-caption{overflow: hidden;height: 650px;}
.slider-caption h2{color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.vertical-middle{font-size:18px;top: 16%;padding-top: 0px;padding-bottom: 0px;color: #fff;position: absolute;  padding: 0 25%;line-height: 40px;text-align: center;z-index: 1;}

/*price*/
#price{padding:20px 0 60px;}
#price img{width:24.6%;margin:0.2%;float:left;}
#price img:hover{-moz-box-shadow: 5px 5px 20px #333333;-webkit-box-shadow: 5px 5px 20px #333333;box-shadow: 5px 5px 20px #333333;transition: all 0.8s;transform: scale(1.1);z-index:2;position:relative;}
/* procedure*/
#procedure{background:url(http://img.woniuseo.com/woniuweb/procedure.jpg) no-repeat center;height:550px;}

/*news*/
#news{background: #eee;height: 820px;overflow:hidden;}
.newstt{padding:40px 0;}
.newstt ul li{float:left;width:11.111%;border:1px solid #eee;background:#fff;text-align:center;line-height:3;transition: all ease .3s;-webkit-transition: all ease .3s;-o-transition: all ease .3s;-moz-transition: all ease .3s;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.newstt ul li:hover{background:#55f;color:#fff;}
.articlelist{margin:30px 0;display:none;}
.articlelist li{float:left;width:33.333%;border:1px solid #eee;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.articlelist li:hover{box-shadow: 2px 5px 20px #333;z-index: 2;position: relative;}
.articlelist li a{padding:5%;display:block;background:#fff;color:#555;}
.articlelist .date{float:left;}
.articlelist .d{font-size:40px;text-align:center;display:block;line-height: 1.1;}
.articlelist .ym{text-align:center;display:block;}
.articlelist .titcon{padding-left:70px;}
.articlelist .titcon h5{font-size:16px;font-weight:normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.articlelist li:hover .titcon h5{text-decoration:underline;font-weight:bold;}
.articlelist .titcon div{overflow: hidden;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color:#888;height: 44px;}

/*moresite*/
#moresite{background:#7ac1ff;font-size:14px;color:#000;}
#moresite a{color:#666;margin:5px;}
#moresite a:hover{text-decoration:underline;color: #333;}

/*footer*/
footer{height:300px;background:#55f;}
footer .mul{padding:20px;}
footer .mul .flogo,footer .mul .fservice,footer .mul .fseo,footer .mul .fweb,footer .mul .fidc,footer .mul .fqw{float:left;width:12%;margin-right:3%;}
footer .mul .flogo{width:22%;}
footer .mul .flogo img{padding: 70px 20px;}
footer .mul h4{font-size: 18px;color: #fff;border-bottom: 1px solid #fff;height: 60px;line-height: 40px;}
footer .mul .fitem{padding-top:10px;}
footer .mul a{color: #aaa;display: block;padding: 15px 0 0 5px;font-size: 16px;padding:10px 0 0 5px;}
footer .mul a:hover{color: #ddd;text-decoration:underline;}

/*friendlink*/
#flink{background:#ccc;color:#000;}
#flink a{text-decoration: none;color: #999;padding: 5px;}
#flink a:hover{color: #333;text-decoration: underline;}

/*footus*/
#footus{background:#fbfbfb;color:#888;text-align: center;line-height: 25px;}
#footus p{margin: 0;}
#footus span{padding:0 10px;}
#footus a{color:#888;padding: 5px;}
#footus a:hover{color:#aaa;text-decoration:underline;}

/*footus end * index end * category start*/
.container {max-width: 1200px;margin: 0 auto;text-align: left;*zoom: 1;margin: 10px auto;}
#mainbg{background: url(http://img.woniuseo.com/woniuweb/mainbg.jpg) no-repeat center;height: 500px;}
#crumb{height: 50px;line-height: 50px;font-size: 16px;}
.main{float: left;width: 860px;}
.cat_list li{border: 1px solid #eaeaea;background-color: #fff;padding: 2.35% 1.76% 2.35% 2.35%;margin-bottom: 10px;position: relative;*zoom: 1;clear: both;}
.cat_list li:hover {border: 1px solid #88d3f9;background: #fafdff;}
.cat_list li:before,.main ul li:after {display: table;content: "";line-height: 0;}
.cat_list li:after {clear: both;}
.cat_list li h2{margin: 0 10px 15px 0;font-size: 20px;;font-weight: normal;position: relative;top: 1px;line-height: 25px;text-overflow: ellipsis;overflow: hidden;}
.cat_list li h2 .label {margin-right: 5px;position: relative;top: -2px;padding: 2px 6px 4px;}
.cat_list li h2 a {color: #555;font-weight: bold;}
.cat_img{float: left;margin: 0 20px 0 0;text-align: center;position: relative;overflow: hidden;display: table;}
.cat_img a {display: table-cell;vertical-align: middle;}
.cat_img a img {width: 200px;height: 125px;margin: 0 auto;display: block;-webkit-transition: -webkit-transform .3s linear;-moz-transition: -moz-transform .3s linear;-o-transition: -o-transform .3s linear;transition: transform .3s linear;}
.cat_desc {color: #777;line-height: 24px;margin-bottom: 0;}
.cat_info {float: right;position: absolute;bottom: 0;right: 0;}
.cat_info span{color: #999;margin-right: 20px;font-size: 13px;}
#Addlike {background-color: #f78585;color: #fff;}
#Addlike:hover {background-color: #f17067;}
.cat_info .action {background-color: #fff!important;border: 0;padding: 0;color: #f78585!important;font-size: 13px;}

/*pagination*/
.pagination {padding: 20px 0 15px 0;background-color: #fff;text-align: center;}
.pagination ul {display: inline-block;margin-left: 0;margin-bottom: 0;}
.pagination ul>li {float: left;}
.pagination ul>li>a, .pagination ul>li>span {margin: 0 3px;float: left;padding: 4px 12px 3px;line-height: 20px;text-decoration: none;background-color: #eee;color: #666;}
.pagination ul>.active>a, .pagination ul>.active>span {background-color: #09a8c5;color: #fff;}
.pagination ul>.active>a, .pagination ul>.active>span {cursor: default;}
.pagination ul>li>a:hover, .pagination ul>li>a:focus {background-color: #6fc299;color: #fff;}

/*sidebar*/
aside{float:right;width:320px;}
.widget{width:320px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;padding:10px 20px;border:1px solid #eaeaea;margin-bottom:10px;}
.widget h2{font-weight:normal;height: 45px;padding: 4px;border-bottom: 2px solid #cbcbcb;}
.sad{width:320px;padding:0;}
.sad h2{border-bottom:0;padding:0 24px;margin-top:14px;}
.sad  img{width:100%;}
.textwidget .list{padding-top:15px;}
.textwidget .list li{background:#eee;line-height:60px;float:left;width:48%;margin:1%;text-align:center;font-size:18px;}
.textwidget .tuijian li{width:99%;line-height: 40px;border-bottom: 1px solid #eee;white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;overflow: hidden;padding-left:1%;}
.textwidget .tuijian li a:hover{padding-bottom:0;border-bottom:1px solid #09a8c5;}


/*single * page */
.single,.page{border:1px solid #eaeaea;}
.single h1{padding: 20px 20px 0;line-height: 30px;}
.single h1 a,.page h1 a{color: #444;font-weight: normal;font-size: 24px;}
.single .info{padding: 0px 20px 12px;border-bottom: 1px solid #eee;}
.single .info .muted{margin-right: 20px;color: #999;}
.single .content,.page .content{padding:20px;text-indent: 30px;font-size:15px;color: #666;}
.single .content p,.page .content p{margin-bottom:15px;}
.single .content img{max-width:93%;height:auto;}

.prev-next{border-top: 1px solid #f2f2f2;background-color: #fbfbfb;overflow: hidden;padding: 15px 20px;font-size: 15px;color: #bbb;}
.prev-next .prev,.prev-next .next{color:#bbb;float: left;position: relative;max-width: 50%;}
.prev-next .prev i,.prev-next .next i{color:#bbb;}
.related{overflow: hidden;background-color: #fff;padding:10px;}
.related h2{text-align: left;font-size: 130%;font-weight: inherit;}
.related ul{width: 100%;overflow: hidden;text-align: center;}
.related ul li{float: left;overflow: hidden;width: 24%;padding:0.5%;height:175px;}
.related img{width:100%;height: 120px;}
.related h5{overflow: hidden;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-align: left;}
.related_img a:hover{color:#148ea5;text-decoration:underline;}

.page h1{padding: 10px 20px 12px;line-height: 30px;border-bottom: 1px solid #eee;}
.page .content{min-height: 800px;}

.textindent0{text-indent:0;}
/***rightfloat***/
.rightfloat{  width: 50px ;  height: 250px ;  position: fixed ;  top: 50% ;  margin-top: -126px ;  background:#55f;  right: 0 ;  border-radius: 5px 0 0 5px ;  z-index: 999 ; }  
.rightfloat ul{  list-style: none ; }  
.rightfloat .icon li{  width: 49px ;  height: 50px ;  background: url(img/floaticon.png) no-repeat ; }  
.rightfloat .icon li a{  padding:20px ; }  
.rightfloat ul li p{  text-indent: 0em ; }  
.rightfloat .icon .up{  background-position:-330px -120px  ; }  
.rightfloat .icon li.qq{  background-position:-385px -73px  ; }  
.rightfloat .icon li.tel{  background-position:-385px -160px  ; }  
.rightfloat .icon li.wx{  background-position:-385px -120px  ; }  
.rightfloat .icon li.down{  background-position:-330px -160px  ; }  
.rightfloat .info{  top: 50% ;  height: 147px ;  position: absolute ;  right: 100% ;  background:#55f;  width: 0px ;  overflow: hidden ;  margin-top: -73.5px ;  transition:0.5s ;  border-radius:4px 0 0 4px  ; }  
.rightfloat .info.hover{  width: 145px ;  }  
.rightfloat .info li{  width: 145px ;  color: #CCCCCC ;  text-align: center ; }  
.rightfloat .info li p{  font-size: 1.1em ;  line-height: 2em ;  padding: 15px ;  text-align: left ; }  
.rightfloat .info li.qq p a{  display: block ;  margin-top: 12px ;  width: 100px ;  height: 32px ;  line-height: 32px ;  color: #00DFB9 ;  font-size: 16px;  text-align: center ;  text-decoration: none ;  border: 1px solid #00DFB9 ;  border-radius: 5px ; }  
.rightfloat .info li.qq p a:hover{  color: #FFFFFF ;  border: none ;  background: #00E0DB ; }  
.rightfloat .info li div.img{  height: 100% ;  /*background: #DEFFF9 ;*/  margin: 15px ; }  
.rightfloat .info li div.img img{  width: 100% ;}   

/*控制菜单的按钮*/ 
.index_cy{  width: 30px ;  height: 30px ;  background: url(img/index_cy.png) ;  position: fixed ;  right: 0 ;  top: 50% ;  margin-top: 140px ;  background-position: 62px 0 ;  cursor: pointer ; }
.index_cy2{  width: 30px ;  height: 30px ;  background: url(img/index_cy.png) ;  position: fixed ;  right: 0 ;  top: 50% ;  margin-top: 140px ;  background-position: 30px 0 ;  cursor: pointer ; }  

/*baidushare*/
.bdsharebuttonbox{padding:0 20px 20px 20px;box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

/*pc goup & goleft & goright*/
.goup {
	opacity: 0;
	transform: translateY(100px); /* 初始位置偏移 */
	transition: all 0.8s ease;   /* 过渡动画 */
}

/* 进入视口后的激活状态 */
.goup.active {
	opacity: 1;
	transform: translateY(0);
}

/* 自定义不同动画效果 */
.goleft { transform: translateX(200px); }
.goleft.active { transform: translateX(0); }

.goright { transform: translateX(-200px); }
.goright.active { transform: translateX(0); }

@media screen and (max-width: 1366px){/*****************pad css start*****************/
.vertical-middle {font-size: 16px;padding: 0 20%;}
}

.mrightfloat{display:none;}
@media screen and (max-width: 900px){/*****************pad css start*****************/
.width{width:100%;max-width:900px;}
nav{height:auto;position:relative;background:#00f;}
nav a{line-height:1;}
nav .logo{float:none;}
nav .navi{padding:0;}
nav .navi li:hover .sub-menu{display:none;}
nav .navi li {width: 12.5%;padding: 0;text-align: center;font-size: 16px;overflow: hidden;line-height: 45px;height: 45px;}
nav .twq {display: none;}
#banner{padding:0;height: 400px;}
.banner-padding{padding:0;text-align:center;padding-top:15%;width:100%;}
.focusBox .pic li h2{font-size:18px;}
.focusBox .pic li p{line-height: 20px;}
.focusBox .pic li a{}

#tese{height: 40px;}
#tese ul{width:100%}
#tese ul li{text-align: center;}
#tese ul li h4{font-size: 14px;line-height: 20px;padding:0;height:40px;line-height:40px;}
#tese ul li p{display:none;}

.indextitle{font-size:20px;}
.indexline{display:none;}
.indexdisc {display:none;}

.slist li h3 {font-size: 15px;}

#procedure{display:none;}

.vertical-middle {font-size: 14px;padding: 0 15%;}
	
#news {height:auto;padding:20px;}
.newstt ul li{width: 20%;margin-right:0;}
.articlelist li{width:50%;}

#flink{display:none;}
#footus{padding-bottom: 60px!important;}
footer .mul a {height: 40px;overflow: hidden;}
	
/*category*page*single*/
#mainbg{height:300px;}
aside{display:none}
.main{width:100%;}
.cat_desc{height: 90px;display: block;overflow: hidden;}

/*底部咨询及右侧添加微信代码css*/
.rightfloat,#btn{display:none;}
.mrightfloat{display:block;}
.mfloat{height: 40px;background: #f00;text-align: center;line-height: 40px;font-size: 20px;font-weight: bold;position: fixed;left: 0;bottom: 0;border-top: 1px solid #888;width: 100%;}
.mfloat a{color:#fff;}

.float-right{position: fixed;right: 0;top: 30%;z-index: 998;cursor: pointer;width: 40px;}
.float-right img {width: 100%;right: 0px;}
.shade-model{display: none;position: fixed;height: 3.05rem;left: 0;right: 0;top: 50%;margin-top: -1.52rem;z-index: 1000;}
.shade-model .warpper {max-width: 640px;margin: 0 auto;}
.shade-model .content {width: 80%;margin: 0 auto;padding: 0.3rem 0 0.27rem;text-align: center;background: #FFF;border-radius: 20px;}
.shade-model .content .wechat-ico {padding-bottom: 0.1rem;}
.shade-model .content .wechat-ico img {}
.shade-model .content h3 {font-weight: bold;}
.shade-model .content p:nth-child(3) {color: #999;}
.shade-model .content p:nth-child(4) {padding: 0.12rem 0;}
.shade-model .close-btn {text-align: center;}
.shade-model .close-btn span {display: inline-block;padding: 0.5rem 1.5rem;color: #FFF;background-color: #6f88fe;border-radius: 0.46rem;cursor: pointer;}
.inShade {display: none;position: fixed;width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0, 0.5);z-index: 999;}


/*pad goup & goleft & goright*/
.goup {
	opacity: 1;
	transform: translateY(0); /* 初始位置偏移 */
	transition: all 0.1s ease;   /* 过渡动画 */
}

/* 进入视口后的激活状态 */
.goup.active {
	opacity: 1;
	transform: translateY(0);
}

/* 自定义不同动画效果 */
.goleft { transform: translateX(0); }
.goleft.active { transform: translateX(0); }

.goright { transform: translateX(0); }
.goright.active { transform: translateX(0); }



}
@media screen and (max-width: 500px){/*****************mobile css start*****************/
.width{width:100%;max-width: 500px;padding: 0;}
nav .navi li {border: 1px solid #fff;box-sizing: border-box;width:25%;line-height: 30px;height: 30px;}

#banner{height:210px;}
.banner-padding{padding-top: 12%;}
.focusBox .pic li h2 {font-size: 18px;}
.focusBox .pic li p{color: #fff;top:10px;line-height: 20px;font-size: 12px;}
.focusBox .pic li a{line-height: 40px;top:10px;padding:0 30px;}

#service {padding: 10px 0 50px;}
.slist li p:nth-child(2){display:none;}
.slist li {height: 280px;white-space: nowrap;}
#news{height:auto;overflow: hidden;padding:0}
.newstt{padding:0;height: 130px;}
.newstt ul li{width:33.333%;padding:0; border-bottom:0;}
.articlelist{height: 600px;overflow: hidden;}
.articlelist li{width:100%;}
.articlelist .titcon div {height: 52px;}

#cases{height:620px;}
#cases ul li {width: 50%;}
#cases ul li img {height: 35%;}

#about {height: 450px;}
#advantage{background:none;height: 500px;}
#advantage ul li p{display:none;}
#advantage ul{width: 100%;margin: 0;float:none;}
#advantage ul li{float:left;padding:1%;width:50%;height: 100px;}
#advantage ul li i{top:0;left:0;}
#advantage ul li h3{position: relative;left: 80px;top: 20px;font-size: 14px;}

.vertical-middle {font-size:14px;padding: 0 5%;height: 410px;overflow: hidden;top:0;}

#moresite,footer{display:none;}
#footus{background: #aaf;border-top: 1px solid #666;color: #fff;padding: 10px;}
#footus span{display: block;}
#footus a{color:#fff;}
#footus a:hover{color:#09a8c5;}
.footdes{display:none;}
.citysites{display:none;}
/*内页css*/
#crumb{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.cat_img a img {width:100px;height:68px;}
.cat_info {display: none;}
.cat_desc {height: 78px;}

.single, .page{border:0;}
.single .content, .page .content {padding: 5px;}
.close-btn span{display: inline;}

.prev-next .prev, .prev-next .next{float: none;max-width: 100%;display: inherit;}
.related{padding:10px 0;}
.related ul li{width:49%;}
.related img {height: 100px;}

}