@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  src: url("font/fontawesome-webfont.eot?#iefix") format('embedded-opentype'), url("font/fontawesome-webfont.woff") format('woff'), url("font/fontawesome-webfont.ttf") format('truetype'), url("font/fontawesome-webfont.svg#FontAwesomeRegular") format('svg');
}
* {
  margin: 0;
  padding: 0;
}
body {
  background: #eee;
  color: #444;
  font-family: "Hiragino Sans GB", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-shadow: 0 0 1px transparent;
}
@media screen and (max-width: 600px) {
  body {
    font-size: 13px;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Hiragino Sans GB", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
}
h1 {
  font-size: 1.8em;
}
h2 {
  font-size: 1.5em;
}
h3 {
  font-size: 1.3em;
}
a {
  text-decoration: none;
  color: #258fb8;
}
a:hover {
  text-decoration: underline;
}
.alignleft {
  float: left;
}
.alignright {
  float: right;
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.inner {
  width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1260px) {
  .inner {
    margin: 0 30px;
    width: 94%;
  }
}
@media screen and (max-width: 1000px) {
  .inner {
    width: 93%;
  }
}
#main-col {
  width: 900px;
}
@media screen and (max-width: 1260px) {
  #main-col {
    width: 100%;
    margin-right: -300px;
  }
}
@media screen and (max-width: 900px) {
  #main-col {
    margin-right: 30px;
    float: none;
  }
}
@media screen and (max-width: 1260px) {
  #wrapper {
    margin-right: 300px;
  }
}
@media screen and (max-width: 900px) {
  #wrapper {
    margin-right: 0;
  }
}
.clear {
  clear: both;
}
#container {
  margin: 50px auto;
  margin-bottom: 5px;
  width: 700px;
  z-index: 50;
}
#blog-container {
  margin: 50px auto;
  margin-bottom: 5px;
  z-index: 50;
}
@media only screen and (max-width: 700px) {
  #container {
    width: 100%;
    min-width: 480px;
    max-width: 600px;
  }
  #header {
    width: 95%;
    margin: 0 auto;
    float: none;
    position: static;
  }
  #content {
    float: none;
    width: 95%;
    margin: 30px auto 0 auto;
  }
  #header span.title {
    display: inline-block;
    width: 70px;
    height: 70px;
    font-size: 20px;
    line-height: 70px;
  }
  #header span.title:nth-child(2) {
    margin-left: -15px;
    margin-top: 0;
  }
  #header #nav {
    margin-right: 0;
  }
  #header #nav ul li.menu-item {
    display: inline-block;
  }
}
@media only screen and (max-width: 480px) {
  html {
    width: 100%;
  }
  body {
    width: 100%;
    overflow: scroll;
  }
  #container {
    width: 100%;
    min-width: 320px;
  }
  #header {
    width: 97%;
  }
  #content {
    width: 93%;
  }
}
#header {
  width: 100%;
  height: 80px;
  top: 0px;
  border-bottom: 1px solid #323132;
  -webkit-transition: bottom 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: bottom 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: bottom 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  -ms-transition: bottom 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  transition: bottom 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  background-color: transparent;
  background-repeat: repeat-x;
  background-image: url("../css/images/nav_bg.jpg");
  color: #fff;
  z-index: 9998;
}
#header .header_icon {
  background-image: url("../css/images/bither_icon.png");
  width: 40px;
  height: 40px;
  margin: 20px 15px;
  float: left;
}
#header .header_lang {
  float: right;
  cursor: pointer;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
#header .header_lang:hover {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
#header .header_lang_str {
  margin: 31px auto;
  font-size: 12px;
  float: right;
}
#header .header_cn {
  width: 16px;
  height: 14px;
  display: inline-block;
  float: left;
  background-image: url("../css/images/cn_flag@2x.png");
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  margin-top: 33px;
  padding-right: 5px;
}
#header .header_en {
  width: 16px;
  height: 14px;
  display: inline-block;
  float: left;
  background-image: url("../css/images/en_flag@2x.png");
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  margin-top: 34px;
  padding-right: 5px;
}
#header a {
  color: #999;
}
#header a:hover {
  color: #258fb8;
  text-decoration: none;
}
#header h1 {
  font-weight: normal;
  font-size: 2.5em;
  line-height: 1;
}
#header h2 {
  font-weight: normal;
  font-size: 0.9em;
  line-height: 1;
  margin-top: 10px;
}
#header #main-nav {
  font-family: "Hiragino Sans GB", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
  line-height: 2.5em;
}
#header #main-nav ul {
  list-style: none;
}
#header #main-nav ul li {
  float: left;
  margin-left: 30px;
}
#header .container {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}
#header .container a {
  color: #fff;
}
#header #title {
  height: 50px;
  line-height: 50px;
  float: left;
  margin: 14px auto;
}
#header #nav {
  float: right;
  font-size: 12.5px;
  margin: 15px auto;
}
#header #nav ul li {
  display: inline-block;
}
#header #nav ul .menu-item a {
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-style: normal;
  display: block;
/*margin-left: 10px;*/
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  padding: 0 14px;
}
#header #nav ul .menu-item a span {
  font-size: 14px;
}
#header #nav ul .menu-item a:hover {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
#header #nav ul .current-menu-item a {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@media screen and (max-width: 900px) {
  #header .container {
    width: 100%;
  }
}
@media only screen and (max-width: 490px) {
  #header .header_icon {
    margin: 20px 10px;
  }
  #header #title {
    margin: 15px 0px 0px 0px;
  }
  #header .container {
    width: 100%;
  }
  #header #nav ul li a,
  #header #nav ul .menu-item a {
    padding: 0 3px;
  }
}
@media only screen and (max-width: 370px) {
  #header .header_icon {
    margin: 20px 5px;
  }
  #header #title {
    margin: 15px 0px 0px 0px;
  }
  #header .container {
    width: 100%;
  }
  #header .header_lang_str {
    margin: 3px auto;
  }
  #header .header_cn {
    margin-top: 5px;
  }
  #header .header_en {
    margin-top: 5px;
  }
  #header #nav {
    margin: 0px auto;
    display: block;
  }
  #header #nav ul {
    float: right;
  }
  #header #nav ul li a,
  #header #nav ul .menu-item a {
    padding: 0 3px;
    display: inline-block;
    margin-top: 3px;
    height: 30px;
    line-height: 30px;
  }
}
#background {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  z-index: -1;
}
article {
  -webkit-box-shadow: 1px 2px 3px #ddd;
  box-shadow: 1px 2px 3px #ddd;
  background: #fff;
}
article.page {
  padding-left: 20px;
}
article.page .icon {
  display: none;
}
article.post .icon:before {
  content: '\f016';
}
article.photo .icon:before {
  content: '\f030';
}
article.link .icon:before {
  content: '\f0c1';
}
article.link .title a:after {
  content: '\f08e';
  color: #999;
  font: 12px FontAwesome;
  padding-left: 10px;
  vertical-align: super;
}
article .post-content {
  padding: 20px 20px 15px 77px;
  margin-bottom: 50px;
  position: relative;
}
@media screen and (max-width: 600px) {
  article .post-content {
    padding-left: 20px;
  }
}
article .gallery {
  overflow: hidden;
  position: relative;
}
article .gallery:hover .control {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
article .gallery img {
  min-width: 100%;
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
article .gallery .control {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
article .gallery .prev,
article .gallery .next {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  cursor: pointer;
}
article .gallery .prev:before,
article .gallery .next:before {
  position: absolute;
  font: 24px/1 FontAwesome;
  text-align: center;
  width: 24px;
  text-shadow: 0 0 15px rgba(0,0,0,0.5);
  color: #fff;
  margin-top: -12px;
  top: 50%;
}
article .gallery .prev {
  left: 0;
}
article .gallery .prev:before {
  content: '\f053';
  left: 10px;
}
article .gallery .next {
  right: 0;
}
article .gallery .next:before {
  content: '\f054';
  right: 10px;
}
article header .icon {
  width: 32px;
  height: 32px;
  margin-right: 25px;
  position: absolute;
  top: 20px;
  left: 20px;
  color: #258fb8;
}
@media screen and (max-width: 600px) {
  article header .icon {
    display: none;
  }
}
article header .icon:before {
  position: absolute;
  font: 32px FontAwesome;
  top: 0;
  left: 0;
  width: 32px;
  text-align: center;
}
article header time {
  color: #999;
  font: 0.9em "Hiragino Sans GB", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
  margin-bottom: 5px;
  display: block;
  line-height: 1;
}
article header .title {
  font-weight: normal;
}
article header .title a {
  color: #444;
}
article header .title a:hover {
  color: #258fb8;
  text-decoration: none;
}
article .entry {
  text-align: justify;
  line-height: 1.6;
}
article .entry p,
article .entry blockquote,
article .entry ul,
article .entry ol,
article .entry dl,
article .entry table,
article .entry iframe,
article .entry h3,
article .entry h4,
article .entry h5,
article .entry h6,
article .entry .video-container {
  margin-top: 15px;
}
article .entry blockquote {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-style: italic;
  font-family: "Georgia", serif;
  font-size: 1.2em;
  padding: 0 30px 15px;
  text-align: center;
}
article .entry blockquote footer {
  border-top: none;
  font-size: 0.8em;
  line-height: 1;
  margin: 20px 0 0;
  padding-top: 0;
}
article .entry blockquote footer cite:before {
  content: '—';
  color: #ccc;
  padding: 0 0.5em;
}
article .entry code,
article .entry pre {
  font-family: Monaco, Menlo, Consolas, Courier New, monospace;
}
article .entry code {
  background: #eee;
  color: #666;
  padding: 0 5px;
  margin: 0 2px;
  font-size: 0.9em;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
article .entry pre {
  background: #eee;
  border: 1px solid #ddd;
  margin-top: 15px;
  overflow: auto;
  padding: 7px 15px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
article .entry pre code {
  background: none;
  padding: 0;
  margin: 0;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}
article .entry ul,
article .entry ol,
article .entry dl {
  margin-left: 20px;
}
article .entry ul ul,
article .entry ol ul,
article .entry dl ul,
article .entry ul ol,
article .entry ol ol,
article .entry dl ol,
article .entry ul dl,
article .entry ol dl,
article .entry dl dl {
  margin-top: 0;
}
article .entry h1,
article .entry h2 {
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-top: 20px;
}
article .entry h3,
article .entry h4,
article .entry h5,
article .entry h6 {
  font-weight: normal;
}
article .entry img,
article .entry video {
  max-width: 100%;
  height: auto;
  border: none;
}
article .entry iframe {
  border: none;
}
article .entry .caption {
  display: block;
  margin-top: 5px;
  color: #999;
  position: relative;
  font-size: 0.9em;
  padding-left: 25px;
}
article .entry .caption:before {
  content: '\f040';
  position: absolute;
  font: 1.3em FontAwesome;
  position: absolute;
  left: 0;
  top: 3px;
}
article .entry .video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
article .entry .video-container iframe,
article .entry .video-container object,
article .entry .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
}
article .entry .pullquote {
  float: right;
  border: none;
  padding: 0;
  margin: 1em 0 0.5em 1.5em;
  text-align: left;
  width: 45%;
  font-size: 1.5em;
}
article footer {
  margin-top: 15px;
  padding-top: 10px;
  border-top: 1px solid #ddd;
  color: #999;
  font-size: 0.9em;
  line-height: 16px;
  position: relative;
  min-height: 16px;
}
article footer a {
  color: #999;
}
article footer a:hover {
  color: #258fb8;
  text-decoration: none;
}
article footer a:before {
  font: 1.1em FontAwesome;
  padding-right: 10px;
  vertical-align: middle;
}
article footer a.more-link:before {
  content: '\f054';
}
article footer a.comment-link:before {
  content: '\f075';
}
article footer .categories,
article footer .tags {
  position: relative;
  padding-left: 25px;
  margin: 5px 0;
}
article footer .categories:before,
article footer .tags:before {
  position: absolute;
  font: 1.1em FontAwesome;
}
article footer .categories:before {
  content: '\f07b';
  top: 2px;
  left: 1px;
}
article footer .tags:before {
  content: '\f02b';
  top: 3px;
  left: 2px;
}
article footer .addthis {
  margin-top: 15px;
}
article footer .addthis iframe {
  margin-top: 0;
}
#comment {
  padding: 20px;
  background: #fff;
  -webkit-box-shadow: 1px 2px 3px #ddd;
  box-shadow: 1px 2px 3px #ddd;
  margin-bottom: 50px;
}
#comment .title {
  font-weight: normal;
  margin-bottom: 15px;
}
#pagination a {
  display: block;
  padding: 5px 10px;
  background: #ddd;
  color: #999;
  font-family: "Hiragino Sans GB", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
  text-shadow: 0 0 1px #fff;
  margin-bottom: 20px;
}
#pagination a:hover {
  background: #258fb8;
  color: #fff;
  text-decoration: none;
  text-shadow: none;
}
#pagination .prev:before {
  content: '\f053';
  padding-right: 10px;
  font-family: FontAwesome;
}
#pagination .next:after {
  content: '\f054';
  padding-left: 10px;
  font-family: FontAwesome;
}
.full {
  display: block;
  left: 50%;
  margin-left: -560px;
  z-index: 3;
  width: 1120px;
  height: 1380px;
}
.index-product-image {
  background: url("../css/images/main.png") bottom center no-repeat;
  width: 1120px;
  height: 1080px;
  position: absolute;
  bottom: 0;
  left: 50%;
  top: 100px;
  margin-left: -560px;
  z-index: 1;
}
.index-video-list {
  width: 1120px;
  height: 200px;
  position: absolute;
  bottom: 0;
  left: 50%;
  top: 1180px;
  margin-left: -560px;
  z-index: 1;
}
.index-video-list ul {
  width: 1120px;
  padding-top: 20px;
  text-align: center;
  margin: 0 auto;
}
.index-video-list ul li {
  display: inline-block;
  padding: 20px;
}
.index-video-list img {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.index-video-list img:hover {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@media only screen and (max-width: 1120px) {
  .full {
    width: 100%;
  }
  .index-product-image {
    width: 100%;
    left: 0;
    margin-left: 0px;
  }
  .index-video-list {
    width: 100%;
    left: 0;
    margin-left: 0px;
  }
  .index-video-list ul {
    width: 100%;
  }
}
@media only screen and (max-width: 747px) {
  .full {
    height: 1330px;
  }
}
@media only screen and (max-width: 747px) {
  .full {
    height: 1330px;
  }
}
@media only screen and (max-width: 331px) {
  .full {
    height: 1330px;
  }
  .index-video-list ul li a img {
    width: 280px;
  }
}
.archive-title {
  color: #999;
  font-weight: normal;
  margin-bottom: 30px;
  text-shadow: 0 0 1px #fff;
}
.archive-title:before {
  font-family: FontAwesome;
  content: '\f073';
  padding-right: 15px;
}
.archive-title.tag:before {
  content: '\f02b';
}
.archive-title.category:before {
  content: '\f07b';
}
.archive {
  -webkit-box-shadow: 1px 2px 3px #ddd;
  box-shadow: 1px 2px 3px #ddd;
  border-bottom: 1px solid #ddd;
  margin-bottom: 50px;
}
.archive article {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.archive article .post-content {
  margin-bottom: 0;
}
#sidebar {
  width: 270px;
  line-height: 1.8em;
}
@media screen and (max-width: 900px) {
  #sidebar {
    float: none;
    width: 100%;
  }
}
#sidebar .widget {
  background: #fff;
  -webkit-box-shadow: 1px 2px 3px #ddd;
  box-shadow: 1px 2px 3px #ddd;
  margin-bottom: 30px;
  word-wrap: break-word;
}
#sidebar .widget .title {
  padding: 15px 20px;
  font-size: 1em;
  border-bottom: 1px solid #ddd;
  font-weight: normal;
}
#sidebar .widget .entry {
  font-size: 0.9em;
  padding: 15px 20px;
}
#sidebar .widget ul,
#sidebar .widget ol,
#sidebar .widget dl {
  list-style: none;
}
#sidebar .widget ul ul,
#sidebar .widget ol ul,
#sidebar .widget dl ul,
#sidebar .widget ul ol,
#sidebar .widget ol ol,
#sidebar .widget dl ol,
#sidebar .widget ul dl,
#sidebar .widget ol dl,
#sidebar .widget dl dl {
  list-style: disc;
  margin-left: 20px;
}
#sidebar .search {
  margin-bottom: 30px;
}
#sidebar .search input {
  background: #fff;
  font-family: "Hiragino Sans GB", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-size: 1em;
  padding: 10px 15px;
  border: 1px solid #ddd;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #999;
}
#sidebar .search input:focus {
  color: #444;
}
#sidebar .tag small {
  margin-left: 15px;
  color: #999;
}
#sidebar .tag small:before {
  content: '(';
}
#sidebar .tag small:after {
  content: ')';
}
#sidebar .twitter li {
  border-bottom: 1px solid #ddd;
  padding: 15px 20px;
  font-size: 0.9em;
}
#sidebar .twitter li:last-of-type {
  border-bottom: none;
}
#sidebar .twitter small {
  display: block;
  margin-top: 10px;
  color: #999;
  line-height: 1;
}
#sidebar .tagcloud .entry {
  padding-right: 5px;
}
#sidebar .tagcloud a {
  margin-right: 10px;
  display: inline-block;
}
#footer {
  color: #999;
  font: 0.9em/1.6 "Hiragino Sans GB", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
/*text-shadow 0 0 1px #fff*/
  margin: 0 auto;
  padding-top: 30px;
  padding-left: 20px;
  background-color: #3c3d3d;
}
#footer a {
  cursor: pointer;
}
.weibo {
  background-image: url("../css/images/weibo.png");
  background-color: #707071;
  background-repeat: no-repeat;
  -webkit-border-radius: 15%;
  border-radius: 15%;
  width: 50px;
  height: 50px;
  display: inline-block;
  margin: auto 5px;
}
.weibo:hover {
  background-color: #e09120;
}
.qq {
  background-image: url("../css/images/qq.png");
  background-color: #707071;
  background-repeat: no-repeat;
  -webkit-border-radius: 15%;
  border-radius: 15%;
  width: 50px;
  height: 50px;
  display: inline-block;
  margin: auto 5px;
}
.qq:hover {
  background-color: #d54848;
}
.weixin {
  background-image: url("../css/images/weixin.png");
  background-color: #707071;
  background-repeat: no-repeat;
  -webkit-border-radius: 15%;
  border-radius: 15%;
  width: 50px;
  height: 50px;
  display: inline-block;
  margin: auto 5px;
}
.weixin:hover {
  background-color: #3eaa3e;
}
.entry .gist {
  background: #eee;
  border: 1px solid #ddd;
  margin-top: 15px;
  padding: 7px 15px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-shadow: 0 0 1px #fff;
  line-height: 1.6;
  overflow: auto;
  color: #666;
}
.entry .gist .gist-file {
  border: none;
  font-family: inherit;
  margin: 0;
  font-size: 0.9em;
}
.entry .gist .gist-file .gist-data {
  background: none;
  border-bottom: none;
}
.entry .gist .gist-file .gist-data pre {
  padding: 0 !important;
  font-family: Monaco, Menlo, Consolas, Courier New, monospace;
}
.entry .gist .gist-file .gist-meta {
  background: none;
  color: #999;
  margin-top: 5px;
  padding: 0;
  text-shadow: 0 0 1px #fff;
  font-size: 100%;
}
.entry .gist .gist-file .gist-meta a {
  color: #258fb8;
}
.entry .gist .gist-file .gist-meta a:visited {
  color: #258fb8;
}
figure.highlight {
  background: #eee;
  border: 1px solid #ddd;
  margin-top: 15px;
  padding: 7px 15px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-shadow: 0 0 1px #fff;
  line-height: 1.6;
  overflow: auto;
  position: relative;
  font-size: 0.9em;
}
figure.highlight figcaption {
  color: #999;
  margin-bottom: 5px;
  text-shadow: 0 0 1px #fff;
}
figure.highlight figcaption a {
  position: absolute;
  right: 15px;
}
figure.highlight pre {
  border: none;
  padding: 0;
  margin: 0;
}
figure.highlight table {
  margin-top: 0;
  border-spacing: 0;
}
figure.highlight .gutter {
  color: #999;
  padding-right: 15px;
  border-right: 1px solid #ddd;
  text-align: right;
}
figure.highlight .code {
  padding-left: 15px;
  border-left: 1px solid #fff;
  color: #666;
}
figure.highlight .line {
  height: 20px;
}
pre .comment,
pre .template_comment,
pre .diff .header,
pre .doctype,
pre .pi,
pre .lisp .string,
pre .javadoc {
  color: #93a1a1;
  font-style: italic;
}
pre .keyword,
pre .winutils,
pre .method,
pre .addition,
pre .css .tag,
pre .request,
pre .status,
pre .nginx .title {
  color: #859900;
}
pre .number,
pre .command,
pre .string,
pre .tag .value,
pre .phpdoc,
pre .tex .formula,
pre .regexp,
pre .hexcolor {
  color: #2aa198;
}
pre .title,
pre .localvars,
pre .chunk,
pre .decorator,
pre .built_in,
pre .identifier,
pre .vhdl,
pre .literal,
pre .id {
  color: #268bd2;
}
pre .attribute,
pre .variable,
pre .lisp .body,
pre .smalltalk .number,
pre .constant,
pre .class .title,
pre .parent,
pre .haskell .type {
  color: #b58900;
}
pre .preprocessor,
pre .preprocessor .keyword,
pre .shebang,
pre .symbol,
pre .symbol .string,
pre .diff .change,
pre .special,
pre .attr_selector,
pre .important,
pre .subst,
pre .cdata,
pre .clojure .title {
  color: #cb4b16;
}
pre .deletion {
  color: #dc322f;
}
#intro-container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: -moz-transform 0.9s cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: -o-transform 0.9s cubic-bezier(0.86, 0, 0.07, 1);
  -ms-transition: -ms-transform 0.9s cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 0.9s cubic-bezier(0.86, 0, 0.07, 1);
}
#intro-container .intro-slide {
/*background-repeat: repeat-x;*/
  background-position: center center;
/*background-image: url('../bg/1.png');*/
/*background-image: -webkit-linear-gradient(to bottom, #070607, #2e2e30);*/
/*background-image: -o-linear-gradient(to bottom, #070607, #2e2e30);*/
/*background-image: linear-gradient(to bottom, #070607, #2e2e30);*/
/*position: absolute;*/
/*top: 0px;*/
/*left: 0px;*/
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
  color: #fff;
}
#intro-container .intro-slide .intro1 {
/*margin-top:55px;*/
  top: 0;
  width: 100%;
  height: 100%;
/*margin-left:-500px*/
}
#intro-container .intro-slide .intro1 .alignleft {
  z-index: 2;
  width: 50%;
}
#intro-container .intro-slide .intro1 .alignright {
  z-index: 2;
  width: 50%;
}
#intro-container .intro-slide .intro1 .aligncenter {
  z-index: 2;
  text-align: center;
}
#intro-container .intro-slide .intro1 .aligncenter img {
/*margin-top : 60px;*/
  width: 640px;
}
#intro-container .intro-slide .intro1 h1 {
  font-size: 52px;
  color: #666;
  padding-top: 60px;
  font-style: normal;
  font-weight: normal;
  text-align: center;
}
#intro-container .intro-slide .intro1 h2 {
  font-size: 48px;
  color: #666;
  font-style: normal;
  font-weight: normal;
  text-align: center;
}
#intro-container .intro-slide .intro1 h3 {
  font-size: 32px;
  color: #666;
  font-style: normal;
  font-weight: normal;
}
#intro-container .intro-slide .intro1 h4 {
  font-size: 26px;
  color: #666;
  font-style: normal;
  font-weight: normal;
  text-align: center;
}
#intro-container .intro-slide .intro1 p {
  font-size: 18px;
  margin-top: 15px;
  color: #666;
}
#intro-container .intro-slide .intro1 p .small {
  font-size: 12px;
}
#intro-container .intro-slide .intro2 {
  top: 0;
  width: 100%;
  height: 100%;
}
#intro-container .intro-slide .intro2 .alignleft {
  width: 50%;
}
#intro-container .intro-slide .intro2 .alignright {
  width: 50%;
}
#intro-container .intro-slide .intro2 h1 {
  font-size: 72px;
  font-style: normal;
  font-weight: normal;
}
#intro-container .intro-slide .intro2 h2 {
  font-size: 48px;
  color: #fff;
  font-style: normal;
  font-weight: normal;
  text-align: center;
}
#intro-container .intro-slide .intro2 h3 {
  font-size: 32px;
  color: #bbb;
  font-style: normal;
  font-weight: normal;
  text-align: center;
}
#intro-container .intro-slide .intro2 h4 {
  font-size: 26px;
  color: #bbb;
  font-style: normal;
  font-weight: normal;
}
#intro-container .intro-slide .intro2 p {
  font-size: 18px;
  margin-top: 15px;
  color: #bbb;
}
#intro-container .intro-slide .intro2 p .small {
  font-size: 12px;
}
#intro-container .intro-slide .intro3 {
/*margin-top:55px;*/
  top: 0;
  width: 100%;
  height: 100%;
/*margin-left:-500px*/
}
#intro-container .intro-slide .intro3 .alignleft {
  margin-top: 200px;
/*top: -200px;*/
  z-index: 2;
/*position: absolute;*/
/*top: 50%;*/
/*left: 50%;*/
/*width: 800px;*/
  margin-left: 200px;
/*margin-top: -315px;*/
/*text-align: center;*/
}
#intro-container .intro-slide .intro3 h1 {
  font-size: 72px;
/*color: #ee330a;*/
  font-style: normal;
  font-weight: normal;
}
#intro-container .intro-slide .intro3 h2 {
  font-size: 48px;
  color: #ee330a;
  font-style: normal;
  font-weight: normal;
}
#intro-container .intro-slide .intro3 h3 {
  font-size: 32px;
  color: #ee330a;
  font-style: normal;
  font-weight: normal;
}
#intro-container .intro-slide .intro3 h4 {
  font-size: 26px;
  color: #ee330a;
  font-style: normal;
  font-weight: normal;
}
#intro-container .intro-slide .intro3 p {
  font-size: 18px;
  margin-top: 15px;
}
#intro-container .intro-slide .intro3 p .small {
  font-size: 12px;
}
#intro-nav-container {
  position: absolute;
  top: 50%;
  right: 30px;
  height: 100px;
  margin-top: -50px;
  z-index: 20;
}
#intro-nav-container li {
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #515151;
  margin-top: 10px;
  cursor: pointer;
  position: relative;
}
#intro-nav-container li .current {
  border: 1px solid #515151;
  width: 8px;
  height: 8px;
  background-color: #333;
  cursor: default;
}
#intro-nav-container li b {
  position: absolute;
  width: 100px;
  font-size: 12px;
  color: #8c8c8c;
  line-height: 20px;
  left: -107px;
  top: -6px;
  text-align: right;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
/*filter: alpha(opacity=0);*/
  -webkit-transition: opacity 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: opacity 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition: opacity 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: opacity 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  -ms-transition: opacity 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  transition: opacity 0.3s cubic-bezier(0.86, 0, 0.07, 1);
}
#intro-nav-container li:hover b {
  opacity: 1;
  -ms-filter: none;
  filter: none;
/*filter: alpha(opacity=100)*/
}
.intro1 {
  background: url("../images/01_background_repeat.jpg") repeat;
  height: 1000px;
  width: 100%;
  position: relative;
}
.intro2 {
  background: #000 url("../images/02_background_top.png") repeat-x;
}
.intro3 {
  background: url("../images/03_background_repeat.jpg") repeat;
}
.intro_light {
  background: url("../img/overview/artisan/01_background_halo.png") no-repeat;
  background-image: url("http://static.smartisanos.cn/t1/asset1426230597075/img/overview/artisan/01_background_halo.png");
  background-position-x: initial;
  background-position-y: initial;
  -webkit-background-size: initial;
  -moz-background-size: initial;
  background-size: initial;
  background-repeat-x: no-repeat;
  background-repeat-y: no-repeat;
  background-attachment: initial;
  -webkit-background-origin: initial;
  -moz-background-origin: initial;
  background-origin: initial;
  -webkit-background-clip: initial;
  -moz-background-clip: initial;
  background-clip: initial;
  background-color: initial;
  width: 1600px;
  height: 903px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -800px;
  z-index: 0;
}
.news {
  clear: both;
  margin-bottom: 30px;
}
.news .date {
  float: left;
  background-color: rgba(255,255,255,0.98);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}
.news .date span {
  display: block;
  text-align: center;
  line-height: 1.7;
}
.news .date span.month {
  font-size: 22px;
  margin-top: 18px;
}
.news .date span.year {
  font-size: 16px;
}
.news .news-content {
  float: right;
  width: 540px;
  background-color: rgba(255,255,255,0.98);
  font-size: 14px;
  position: relative;
  padding: 15px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  border-bottom: 2px solid #e2e2e9;
  -webkit-box-shadow: 4px 4px 4px rgba(66,66,66,0.4);
  box-shadow: 4px 4px 4px rgba(66,66,66,0.4);
}
.news-content p {
  margin: 0 0 13px;
  line-height: 28px;
}
.news-content blockquote p {
  margin: 0;
}
.news-content img {
  max-width: 778px;
  width: 100%;
  height: auto;
}
.news-content h1 {
  font-weight: 700;
  font-size: 18px;
  margin: 5px 0 5px -20px;
  padding: 3px 0 3px 17px;
  border-left: 5px solid #da3e3e;
}
.news-content h2 {
  font-size: 14px;
  text-align: left;
  padding: 0;
}
.news h2 {
  font-size: 21px;
  font-weight: 700;
  padding: 16px 0;
}
.news ul,
.post li {
  margin-bottom: 13px;
}
.news ul li,
.news ol li {
  list-style-position: inside;
  list-style-type: disc;
  margin-bottom: 6px;
}
.news ol li {
  list-style-type: decimal;
}
@media only screen and (max-width: 700px) {
  .news .news-content {
    float: right;
    width: 420px;
    background-color: rgba(255,255,255,0.98);
    font-size: 14px;
    position: relative;
    padding: 15px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    border-bottom: 2px solid #e2e2e9;
    -webkit-box-shadow: 4px 4px 4px rgba(66,66,66,0.4);
    box-shadow: 4px 4px 4px rgba(66,66,66,0.4);
  }
}
@media only screen and (max-width: 650px) {
  .news {
    width: 100%;
  }
  .news .news-content {
    float: left;
    width: 100%;
    background-color: rgba(255,255,255,0.98);
    font-size: 14px;
    position: relative;
    padding: 15px 0;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    border-bottom: 2px solid #e2e2e9;
    -webkit-box-shadow: 4px 4px 4px rgba(66,66,66,0.4);
    box-shadow: 4px 4px 4px rgba(66,66,66,0.4);
  }
  .news .news-content h2 {
    padding-left: 15px;
  }
  .news .news-content ul {
    padding-left: 15px;
  }
  .news .date {
    float: left;
    background-color: rgba(255,255,255,0.98);
    -webkit-border-radius: 7px;
    border-radius: 7px;
    border-bottom: 2px solid #e2e2e9;
    -webkit-box-shadow: 4px 4px 4px rgba(66,66,66,0.4);
    box-shadow: 4px 4px 4px rgba(66,66,66,0.4);
    width: 100%;
    height: 30px;
    padding: 15px 0;
    margin-bottom: 10px;
  }
  .news .date span {
    display: inline;
    text-align: center;
    line-height: 1.7;
    padding-left: 15px;
  }
}
.download_list {
  width: 840px;
  display: inline-block;
}
.download_block {
  background-color: #fafafa;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  margin: 20px 20px;
  padding: 20px 20px;
  text-align: left;
}
.download_title {
  padding: 10px 10px;
  font-size: 22px;
}
.download_version {
  padding: 10px 10px;
  font-size: 16px;
}
.download_version .small {
  font-size: 8px;
  float: right;
}
.download_desc {
  color: #6e6e6e;
  padding: 20px 10px;
  font-size: 14px;
}
.download_btn {
  -webkit-border-radius: 100px;
  border-radius: 100px;
  width: 160px;
  height: 40px;
  text-align: center;
  color: #fffefe;
  padding-top: 12px;
  margin: 10px 10px;
  font-size: 22px;
  display: inline-block;
  cursor: pointer;
}
.ios_color {
  color: #84c3d3;
}
.ios_hover_color {
  background-color: #c1dbe1;
}
.ios_hover_color:hover {
  background-color: #84c3d3;
}
.android_color {
  color: #a8c550;
}
.android_hover_color {
  background-color: #c7cfaf;
}
.android_hover_color:hover {
  background-color: #a8c550;
}
.desktop_color {
  color: #c8a771;
}
.desktop_hover_color {
  background-color: #d5cab9;
}
.desktop_hover_color:hover {
  background-color: #c8a771;
}
.ios {
  background-image: url("../css/images/ios.png");
  background-repeat: no-repeat;
  width: 75px;
  height: 75px;
  float: left;
  padding: 10px 10px;
}
.android {
  background-image: url("../css/images/android.png");
  background-repeat: no-repeat;
  width: 75px;
  height: 75px;
  float: left;
  padding: 10px 10px;
}
.desktop {
  background-image: url("../css/images/desktop.png");
  background-repeat: no-repeat;
  width: 75px;
  height: 75px;
  float: left;
  padding: 10px 10px;
}
@media only screen and (max-width: 840px) {
  .download_list {
    width: 100%;
  }
  .download_list p {
    word-wrap: break-word;
    word-break: break-all;
  }
}
@media only screen and (max-width: 420px) {
  .download_block {
    padding: 20px 5px;
    margin: 20px 10px;
  }
  .download_title {
    padding: 10px 0px;
  }
  .download_version {
    padding: 10px 0px;
  }
}
.video {
  margin: 0 auto;
  width: 800px;
}
.video .video-container iframe {
  width: 800px;
  height: 600px;
}
@media only screen and (max-width: 1000px) {
  .video {
    width: 800px;
  }
  .video .video-container iframe {
    width: 800px;
    height: 600px;
  }
}
@media only screen and (max-width: 799px) {
  .video {
    width: 640px;
  }
  .video .video-container iframe {
    width: 640px;
    height: 480px;
  }
}
@media only screen and (max-width: 639px) {
  .video {
    width: 320px;
  }
  .video .video-container iframe {
    width: 320px;
    height: 240px;
  }
}
@media only screen and (max-width: 319px) {
  .video {
    width: 240px;
  }
  .video .video-container iframe {
    width: 240px;
    height: 180px;
  }
}