/*
Theme Name: woniuhost 1.0
Theme URL:  http://www.woniuseo.com
Description: 这是一款由蜗牛（www.woniuseo.com）开发的IDC类主题。
Author:  蜗牛（www.woniuseo.com）
Author URI: http://www.woniuseo.com
Tags:  蜗牛，蜗牛IDC类主题，蜗牛虚拟主机主题，www.woniuhost.com主题。
Version: 1.0*这是版本号(2023-03-30)
*/
/*********************字体文件即设置开始*********************/
@font-face{font-family:'FontAwesome';src:url("fonts/fontawesome-webfont.eot-v=4.1.0")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/fonts/fontawesome-webfont.eot?v=4.1.0*/;src:url("fonts/fontawesome-webfont.eot-#iefix&v=4.1.0")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0*/ format('embedded-opentype'),url("fonts/fontawesome-webfont.woff-v=4.1.0")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/fonts/fontawesome-webfont.woff?v=4.1.0*/ format('woff'),url("fonts/fontawesome-webfont.ttf-v=4.1.0")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/fonts/fontawesome-webfont.ttf?v=4.1.0*/ format('truetype'),url("fonts/fontawesome-webfont.svg-v=4.1.0#fontawesomeregular")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/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: #6380d0;text-decoration: none;}
p{margin: 0 0 10px;}
.width{width:1200px;margin:0 auto;padding:20px 0;}
.clear{clear:both;}
#float_qrcode{position:fixed;left:0;top:60%;z-index: 99;}


/*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 18px;position:relative;}
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;padding-top: 60px;background: #55f9;}
.focusBox { position: relative; width:100%; height:420px; overflow: hidden; }
.focusBox .pic{ height:420px; display: block; }
.focusBox .pic li { height:420px; display: block; position:relative;}
.focusBox .pic li .abs{position:absolute;}
.focusBox .pic li h2{margin: 0px;color: #fff;padding: 120px 150px 0px;font-size: 30px;}
.focusBox .pic li p{color: #fff;margin: 20px 150px;line-height:40px;}
.focusBox .pic li a{color:#fff;margin: 10px 150px;padding: 5px 50px;border: 2px solid;}
.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;  }

/*classify*/
#classify{background:#393939;height:98px;color:#fff;}
#classify ul,#tese ul{margin:0 auto;width:1200px;height:100%;}
#classify ul li{float:left;width:12.5%;border-right:1px solid #272727;height:98px;font-size:12px;text-align: center;padding: 18px 0;}
#classify ul li:hover{background:#4F4F4F;}
#classify ul li:first-child{border-left:1px solid #272727;}
#classify ul li a{color:#fff;}
#classify ul li h3{font-weight:normal;}
#classify ul li:hover h3{color:#FF9B59;}
#classify ul li p{color:#999;}

/*tese*/
#tese{background:#fff;height:120px;width:100%;color:#666;}
#tese ul li{float:left;border-right: 1px solid #eee;width:20%;height:100px;box-sizing: border-box;margin: 10px 0;}
#tese ul li:first-child{border-left: 1px solid #eee;}
#tese ul li h4{padding: 10px 20px 5px;font-size:18px;font-weight:normal;}
#tese ul li p{padding: 0 20px;line-height: 23px;}

/*title line description*/
.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;}

/*product*/
#product{background:#eee;}
.pro_title ul{height:40px;}
.pro_title ul li{float:left;width:12.5%;text-align:center;border:1px solid #eee;background:#fff;line-height:40px;}
.pro_title ul li:hover{background:#666;color:#fff;}
.pro_list{padding:40px 0;height:600px;display:none;}
.pro_img,.pro_li{float:left;}
.pro_img{width:19%;}
.pro_li{width:24%;background:#fff;border-right:1px solid #eee;margin-right:1.33%;padding:2%;text-align:center;}
.pro_li:hover{box-shadow: 2px 5px 20px #333;}
.pro_li:last-child{margin-right:0;}
.pro_li .price{width:100px;height:100px;border:1px solid #999;border-radius:100%;margin: 15px auto;line-height: 100px;}
.pro_li .price span{font-size:28px;color:#d65e08;}
.pro_li p{border-bottom:1px solid #ccc;padding-bottom:10px;}
.pro_li .buy{padding:10px 0;}
.pro_li .buy a{padding:10px 20px;border:1px solid #ddd;}
.pro_li .buy a:first-child{margin-right:10px;color: #f55;border:1px solid #f55;}
.pro_li:hover .buy a:first-child{background:#68e;color:#fff;border:1px solid #68e;}
.pro_li:hover .buy a:last-child{background:#eee;}

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

#advantage{height:920px;background:url("../../../../img.woniuseo.com/woniuhost/advantage.png")/*tpa=http://img.woniuseo.com/woniuhost/advantage.png*/ no-repeat center 150px #eee;padding-top:10px;}
#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")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/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:450px;position: relative;overflow: hidden !important;}
.slider-caption{overflow: hidden;height: 450px;}
.slider-caption h2{color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.vertical-middle{font-size:18px;top: 10%;padding-top: 0px;padding-bottom: 0px;color: #fff;position: absolute;  padding: 0 25%;line-height: 40px;text-align: center;}

/*the_cms*/
#the_cms ul li{float:left;width:49%;padding:2%;padding-left:150px;position:relative;border:1px solid #eee;margin-bottom:2%;}
#the_cms ul li:nth-child(2n-1){margin-right:2%;}
#the_cms ul li i{position:absolute;width:120px;height:120px;background:url("img/icon_host.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/icon_host.png*/;left:10px;top:25px;    -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;}
#the_cms ul li h4{color:#08f;font-size:20px;font-weight:normal;}
#the_cms ul li p{color:#999;}
#the_cms ul li span{color:#666;}
#the_cms ul li:first-child i{background-position:-4px -4px;}
#the_cms ul li:nth-child(2) i{background-position:-124px -4px;}
#the_cms ul li:nth-child(3) i{background-position:-244px -4px;}
#the_cms ul li:nth-child(4) i{background-position:-4px -124px;}
#the_cms ul li:nth-child(5) i{background-position:-124px -124px;}
#the_cms ul li:last-child i{background-position:-244px -124px;}

/*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;}
.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;}

/*joinus*/
#joinus{background:url("../../../../img.woniuseo.com/woniuhost/banner1.jpg")/*tpa=http://img.woniuseo.com/woniuhost/banner1.jpg*/ center 0 no-repeat;height: 200px;padding: 40px 0;text-align: center;color:#fff;font-size:30px;}
#joinus a{color:#fff;border:1px solid #fff;font-size: 16px;display: inline-block;padding: 5px 50px;margin: 20px;}

/*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;width: 270px;}
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;border-top: 1px solid #111;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("../../../../img.woniuseo.com/woniuhost/banner1.jpg")/*tpa=http://img.woniuseo.com/woniuhost/banner1.jpg*/ no-repeat center;height: 420px;}
#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;}

/***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")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/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")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/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")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/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;}
/*   zhan css   stop  */

/* category-duli * host * vps  start*/
.items{text-align: center;height:845px;overflow:hidden; padding: 20px 0;}
.items h1,.items h2{margin:20px auto;font-size:38px;}
.itemtitle{margin:0 auto;height: 60px;}
.itemtitle .pass{background:#ffe1d1;}
.hosttitle{width:424px;}
.vpstitle{width:536px;}
.servertitle{width:776px;}
.webstitle{width:444px;}
.ssltitle{width:286px;}
.itemtitle li{float:left;padding:10px 30px;margin:0 10px;border:1px solid #ddd;}
.items .itemul{margin-bottom: 40px;}
.ssl{height:645px;}

/*host*/
.hostli{float:left;width:23%;margin-left:2.66%;    margin-top: 100px;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }
.hostli:hover{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);transform: scale(1.1);z-index: 2; -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);}
.hostli:first-child,.hostli:nth-child(5),.hostli:nth-child(9){margin-left:0;}
.hostli .top{background: #202b34; padding-top: 50px; padding-bottom: 10px; text-align: center;}
.hostli .top .price{background: #1889C1;padding: 5px;color: #FFF;font-size: 45px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;display: block;width: 100px;height: 100px;line-height: 100px;margin: 0 auto;position: relative;margin-top: -107px;margin-bottom: 10px;}
.hostli .top h3{color: #FFF;text-align: center;padding: 0;margin: 0;text-transform: uppercase;font-size:24px;}
.hostli .top  p{color:#1889C1;font-weight:bold;}
.hostli ul{padding: 10px; border-left: solid 2px #f5f5f5;border-right: solid 2px #f5f5f5;}
.hostli ul li{ padding: 13px 0; list-style: none;}
.hostli a{ width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #1889C1;height:60px;line-height:60px;font-size:18px;color:#fff;display:inline-block;}

.hostcat{height: 900px;}
.westcat{height:1520px; }
.line{border-top: #F68A3F 3px solid; width: 70px; margin: 0 auto;}
.cateli h2{margin: 20px auto;}
.longtitle{margin: 20px auto;text-align:center;}
.sheng{margin:40px 0;text-align:center;background: #000;padding:20px 0}
.sheng h2{font-size:38px;margin:20px 0;color:#fff;}
.sheng ul{width:800px;margin:0 auto;}
.sheng ul li{float:left;width:50%;padding:5%;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ }
.sheng ul li h5{font-size:20px;color:#fff;}
.sheng ul li:nth-child(1) {border-right:1px solid #333;border-bottom:1px solid #333;}
.sheng ul li:nth-child(2)  {border-bottom:1px solid #333;}
.sheng ul li:nth-child(3) {border-right:1px solid #333;}

.da{height: 500px;border-bottom:1px solid #ddd;}
.da h2{text-align:center;font-size:38px;margin-bottom:20px;}
.daamin img{float:left;max-height:285px;border:10px solid #ccc;}
.daamin div{float:right;width:740px;}
.daamin ul li{background:url("img/gou.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/gou.png*/ no-repeat left;padding:30px;float:left;width:25%;    line-height: 0;}

.hengtitle{width:556px;}
.westtitle{width:1200px;}
.jingtitle{width:650px;}
.itemtitle li {padding: 10px 19px;margin: 0 5px;}

.main{float:left;width:860px;}
.westda{height:auto;border-bottom:1px solid #ddd;}

/**vps**/
.vpsmenu{height:2500px;padding:0;}
.vpscate{background:#ddd;width:100%;line-height:64px;}
.vpscate ul,.vpss .itemul,.vpss .youshi ul{width:1200px;margin:0 auto;}
.vpscate ul li{float:left;width:20%;border:1px solid #ccc;line-height: 64px;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */}
.vpscate ul .pass{background: #edf7ff;}
.vpss{padding:20px 0;}
.vpss .longtitle,.vpss .itemul{width:1200px;}

.vpss .youshi{background:#edf7ff;padding:20px 0;}
.vpss .youshi ul li{float:left;width:40%;margin:2%;padding-left:6%;background:url("img/youshi1.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/youshi1.png*/ no-repeat left;text-align:left;}
.vpss .youshi ul li h5{font-size: 16px;font-weight: normal;}
.vpss .itemul{margin-bottom:40px;}

.vpss .wangluo{background:none;}
.vpss .wangluo ul li{padding-left:4%;background:none;}
.vpss .gongneng ul li{background:url("img/jiankong.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/jiankong.png*/ no-repeat left;}

.jpvps .wangluo,.krvps .wangluo{width:1200px;margin:0 auto;height:550px;}
.jpvps .wangluo img,.krvps .wangluo img{float:left;width:50%;}
.jpvps .wangluo div,.krvps .wangluo div{width: 50%;float:right;}
.jpvps .wangluo ul li,.krvps .wangluo ul li{float:none;padding-left:0;}
.jpvps .jishi ul li{float:left;width:23.5%;margin:0;margin-left:2%;border:1px solid #666;padding-left:0;background:0;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box;}
.jpvps .jishi ul li:nth-child(1){margin-left:0;}

.westvps{height: 940px;}
.westvpstitle{width:684px;}
.westwhy{background:#000;margin:20px auto;padding:20px 0;}
.westwhy h2{font-size:38px;text-align:center;    padding: 20px 0;}
.westwhy ul{margin:20px;padding-right:460px;background:url("img/westwhy.jpg")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/westwhy.jpg*/ no-repeat right;}
.westwhy ul li{float:left;width:31%;padding:5%;padding-left:14%;background:url("img/whyback.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/whyback.png*/ no-repeat left;}
.westvpsyoushi{margin:20px auto;padding:20px 0;}
.westvpsyoushi h2{font-size:38px;text-align:center;    padding: 20px 0;}
.westvpsyoushi ul li{float:left;background:url("img/westyou.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/westyou.png*/ no-repeat left;padding:3%;padding-left:10%;width:20.33%;}
.westvpsyoushi ul li h5{font-size:16px;}
.westduibi{background:#000;padding:20px 0;}

.jingvpstitle{width: 709px;}

.servercate{mheight:1625px;}
.servercate{height:1665px;}
.servercattitle{width:1024px;}
.serverscattitle{width: 296px;}

/**ssl**/
.sslcat{height: 4240px;border-bottom: 1px solid #ddd;padding:0;}
.westssl{padding:0;text-align:left;}
.westssl .banner{background:url("img/ssl/wssl.jpg")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/wssl.jpg*/ no-repeat center;height:480px; padding: 0;}
.westssl .banner h2{padding-top: 70px; font-size: 36px; font-weight: bold; color: #fff799;margin-top:0}
.westssl .banner .desc{padding-top: 30px; line-height: 36px; font-size: 20px;color: #ffffff;}
.westssl .banner .buy{padding-top: 60px;padding-left: 14px; font-size: 20px; color: rgb(255, 241, 84); vertical-align: bottom;}
.westssl .banner .buy a{display: inline-block; width: 200px; height: 50px; line-height: 50px; background: #5ab34e; font-size: 20px; font-style: italic; color: #cdfff7; text-align: center;margin-right: 20px;}
.westssl .intro{margin-top: 40px; padding: 0 50px 50px 380px; background: url("img/ssl/wssl-jieshao.jpg")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/wssl-jieshao.jpg*/ no-repeat 0 10px;    height: 393px;}
.westssl h2{ padding-left: 6px; padding-bottom: 8px; font-size: 24px; color: #1861d0; position: relative;}
.westssl .intro h2{border-bottom: 1px solid #eaeaea; }
.westssl .intro .desc{line-height: 26px;font-size: 14px; color: #2d2d2d;}
.westssl .intro .wpp{text-align: center; background: url("img/ssl/wsslpp.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/wsslpp.png*/ no-repeat center; font-size: 18px; color: #3a9dcb; position: relative; padding: 30px 0;}
.westssl .intro ul li{float:left;width:30%;margin:1.6%;}
.westssl .wyoushi{background: #edfbff;padding:20px 0;}
.westssl .wyoushi h2{text-align:center;}
.westssl .wyoushi h3{font-weight:normal;}
.westssl .wyoushi p{color:#9b9b9b;}
.westssl .wyoushi ul li{float:left; width:38%;padding:15px 0;padding-left:10%;padding-right:2%;}
.westssl .wyoushi .wyoushi1{background:url("img/ssl/wyoushi1.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/wyoushi1.png*/ no-repeat left;}
.westssl .wyoushi .wyoushi2{background:url("img/ssl/wyoushi2.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/wyoushi2.png*/ no-repeat left;}
.westssl .wyoushi .wyoushi3{background:url("img/ssl/wyoushi3.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/wyoushi3.png*/ no-repeat left;}
.westssl .wyoushi .wyoushi4{background:url("img/ssl/wyoushi4.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/wyoushi4.png*/ no-repeat left;}
.westssl .hostli{width: 30%; margin-left: 5%;}
.westssl .hostli:nth-child(2){ margin-left: 0;}
.westssl .itemul{padding:20px 0;}
.westssl .itemul h2{text-align:center;}
.westssl .itemul{text-align:center;}
.wchangjing{padding:20px 0;background:#fffcf0;}
.wchangjing h2{text-align:center;}
.wchangjing ul li{padding:35px 0;padding-left:200px;margin:20px 0;}
.changjing1{padding-left:200px;background:url("img/ssl/changjing1.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/changjing1.png*/ no-repeat left;}
.changjing2{padding-left:200px;background:url("img/ssl/changjing2.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/changjing2.png*/ no-repeat left;}
.changjing3{padding-left:200px;background:url("img/ssl/changjing3.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/changjing3.png*/ no-repeat left;}
.changjing4{padding-left:200px;background:url("img/ssl/changjing4.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/changjing4.png*/ no-repeat left;}
.liucheng h2{text-align:center;}

.niaossl{padding:0;text-align:left;}
.niaossl .banner{background:url("img/ssl/nsslbanner.jpg")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/nsslbanner.jpg*/ no-repeat center;height:440px;padding-top:80px;}
.niaossl .banner h2{margin-bottom: 22px; height: 46px; line-height: 46px; font-size: 46px; color: #fff; font-weight: normal;}
.niaossl .banner .width div,.niaossl .banner p{margin-bottom: 42px; width: 524px; font-size: 14px; color: #c8cbcf;line-height: 25px;}
.niaossl .banner .buy{display: inline-block; margin-right: 20px; width: 118px; height: 38px; text-align: center; line-height: 38px; font-size: 14px;color: #fff;background:#00aaff;}
.niaossl .banner a{margin-right:20px;}
.niaossl .banner .manager{display: inline-block; margin-right: 20px; width: 118px; height: 38px; text-align: center; line-height: 38px; font-size: 14px;color: #fff;    border: 1px solid #919396;}
.niaossl .banner .manager:hover{background: #fff; border: 1px solid #fff;color: #333333;}
.niaossl .banner .shidai{margin-top: 15px; padding-left: 20px; font-size: 14px; color: #4c4c4c;	background: url("img/ssl/n_anquan.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/n_anquan.png*/ no-repeat left 3px;color: #009fd9; line-height: 0px;}
.niaossl .nsslpp{height: 500px;overflow: hidden;    padding-bottom: 40px;}
.niaossl .nsslpp h2{position: relative; text-align: center; height: 122px; line-height: 102px;font-size: 38px;text-align:center;}
.niaossl .nsslpp .list{margin-top: 20px;width: 100%;}
.niaossl .nsslpp .list:before,.niaossl .nsslpp .list:after{display: table;line-height: 0;content: '';}
.niaossl .nsslpp .list li{display: list-item; position: relative; float: left; width: 240px; height: 90px; background-repeat: no-repeat; background-position: center;}
.niaossl .nsslpp .list li:nth-child(1){background: url("img/ssl/nsymantec.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/nsymantec.png*/ no-repeat center;}
.niaossl .nsslpp .list li:nth-child(2){background: url("img/ssl/nGeoTrust.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/nGeoTrust.png*/ no-repeat center;}
.niaossl .nsslpp .list li:nth-child(3){background: url("img/ssl/nthawte.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/nthawte.png*/ no-repeat center;}
.niaossl .nsslpp .list li:nth-child(4){background: url("img/ssl/nRapidSSL.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/nRapidSSL.png*/ no-repeat center;}
.niaossl .nsslpp .list li:nth-child(5){background: url("img/ssl/ncnnic.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/ncnnic.png*/ no-repeat center;}
.niaossl .nsslpp .list li:nth-child(1) div span{background: url("img/ssl/nsymantecwhite.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/nsymantecwhite.png*/ no-repeat center;}
.niaossl .nsslpp .list li:nth-child(2) div span{background: url("img/ssl/nGeoTrustwhite.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/nGeoTrustwhite.png*/ no-repeat center;}
.niaossl .nsslpp .list li:nth-child(3) div span{background: url("img/ssl/nthawtewhite.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/nthawtewhite.png*/ no-repeat center;}
.niaossl .nsslpp .list li:nth-child(4) div span{background: url("img/ssl/nRapidSSLwhite.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/nRapidSSLwhite.png*/ no-repeat center;}
.niaossl .nsslpp .list li:nth-child(5) div span{background: url("img/ssl/ncnnicwhite.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/ncnnicwhite.png*/ no-repeat center;}
.niaossl .nsslpp .pp1{background: url("img/ssl/ppcont1.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/ppcont1.png*/ no-repeat left;}
.niaossl .nsslpp .pp2{background: url("img/ssl/ppcont2.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/ppcont2.png*/ no-repeat left;}
.niaossl .nsslpp .pp3{background: url("img/ssl/ppcont3.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/ppcont3.png*/ no-repeat left;}
.niaossl .nsslpp .pp4{background: url("img/ssl/ppcont4.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/ppcont4.png*/ no-repeat left;}
.niaossl .nsslpp .pp5{background: url("img/ssl/ppcont5.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/ppcont5.png*/ no-repeat left;}
.niaossl .nsslpp .list li div{display: none; position: absolute; top: 0; left: 0; width: 100%; height: 115px;background: url("img/ssl/nsslppback.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/nsslppback.png*/ no-repeat center;}
.niaossl .nsslpp .list .pass div{display:block;}
.niaossl .nsslpp .list li div span{display:inline-block;width:240px;height:90px;background-repeat:no-repeat;background-position: center;}
.niaossl .nsslpp .ppcont{height: 240px;padding: 80px 80px 0 395px; border: 1px solid #dfdfdf; background-repeat: no-repeat; background-position: 43px center; margin-bottom: 100px;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */}
.niaossl .nsslpp .ppcont h4{font-size: 18px; color: #333;font-weight:normal}
.niaossl .nsslpp .ppcont p{padding-right: 30px; margin-top: 30px; line-height: 25px; font-size: 14px; color: #777;text-align: justify;}
.niaossl .youshi h2{text-align:center;}
.niaossl .youshi ul li{width: 34%;margin: 2%;padding-left: 12%;}
.niaossl .youshi ul li:nth-child(1){background: url("img/ssl/nyoushi1.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/nyoushi1.png*/ no-repeat left;}
.niaossl .youshi ul li:nth-child(2){background: url("img/ssl/nyoushi2.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/nyoushi2.png*/ no-repeat left;}
.niaossl .youshi ul li:nth-child(3){background: url("img/ssl/nyoushi3.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/nyoushi3.png*/ no-repeat left;}
.niaossl .youshi ul li:nth-child(4){background: url("img/ssl/nyoushi4.png")/*tpa=http://www.woniuseo.com/wp-content/themes/woniuseo.com/img/ssl/nyoushi4.png*/ no-repeat left;}
.niaossl .youshi ul li h3{font-size:22px;}
.niaossl .youshi ul li div{font-size:16px;}
.niaossl .youshi ul li div{padding:10px 0 5px;}
.niaossl .youshi ul li p{color:#888;min-height:95px;}
.niaossl .neixin,.niaossl .liucheng{padding:20px 0}
.niaossl .neixin h2{text-align:center;}
/*old css stop*/

/* category-duli * host * vps  stop * guonei/hongkong/meiguo start */
#hostvps{height:2000px;text-align: center;overflow: hidden;padding: 20px 0;background:#eee;}
.itemlist{height:40px;background:#fff;}
.itemlist li{float:left;width:12.5%;border: 1px solid #ddd;line-height:40px;}
.itemlist li:hover{background: #666;color: #fff;}
.itemul{display:none;}
.itemtuijian{padding:50px 0;}
.itemtuijian li{float:left;background:#fff;width:32%;margin-right:2%;padding:2.5%;}
.itemtuijian li:hover{box-shadow: 2px 5px 20px #333;}
.itemtuijian li:last-child{margin-right:0;}
.itemtuijian .top p{padding: 20px 0 10px;}
.itemtuijian .top h3{font-size:26px;font-weight:normal;border-bottom:1px solid #ddd;line-height:2;}
.itemtuijian .top span{font-size:32px;color:#ff8500;}
.maininfo{height:60px;}
.maininfo div{float:left;width:33%;border-right:1px solid #eee;}
.maininfo div:last-child{border-right:none;}
.itemtuijian dl{padding:20px 50px 0;}
.itemtuijian dl dt{float:left;width:100px;text-align:left;}
.itemtuijian dl dd{text-align:left;}
.itemtuijian .give{padding: 0;margin: 5px auto;border-radius: 0 50px;text-align: center;border: 1px solid #fb9202;color: #ef5b04;font-size: 12px;width: 240px;}
.itemtuijian .a{margin:10px;padding-top:5px;text-align:center;}
.itemtuijian .a a{background: #fb9202;color: #fff;display: inline-block;width: 60%;height: 40px;line-height: 40px;}
.tuijian_h2{line-height: 100px;font-size: 26px;font-weight: normal;}

.itemall,.itemall thead{width:100%;border-collapse: collapse;}
.itemall thead tr,.itemall tbody tr{border-top:1px solid #bfbfe6;border-bottom:1px solid #bfbfe6;}
.itemall thead tr th,.itemall tbody tr td{float:left;background:#fff;height: 60px;line-height: 60px;text-align: center;color:#888;}
.itemall tbody tr td:first-child{font-weight:bold;color:#333;}
.itemall thead tr th{color:#333;}
.itemall8 thead tr th,.itemall8 tbody tr td{width:12.5%;}
.itemall tbody tr:first-child td{height:120px;padding:20px 0;line-height: 40px;}
.itemall tbody tr:first-child td span{font-size:32px;color:#f66;}
.itemall tbody tr:first-child td a{padding:5px 15px; background:#2086ee;color:#fff;}
.itemall tbody tr:first-child td:first-child{line-height:80px;}

.articlelist li:nth-child(16) a,.articlelist li:nth-child(17) a,.articlelist li:nth-child(18) a{background:#eee;color:#eee;}





@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*****************/
#float_qrcode{display:none;}
.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;}
.focusBox {height: 300px;}
.focusBox .pic {height:300px;}
.focusBox .pic li h2{padding:10% 15% 2%;font-size:18px;}
.focusBox .pic li p{margin:10px 15%;line-height: 20px;}
.focusBox .pic li a{margin:10px 15%;padding: 5px 20%;}

#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;}

.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;}


}
@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;}

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

#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;}

#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;}

}