html,
body,
ul,
dl,
p {
  margin: 0;
  padding: 0;
  /*font-family: sans-serif;*/
}
a {
  text-decoration: none;
}
a img {
  border: 0;
}
.float {
  position: absolute;
  left: 120px;
  top: 170px;
  width: 300px;
  color: #fff;
}
.float h3 {
  font-size: 28px;
}
.float p {
  font-size: 18px;
}
div.meneame {
  color: #226cb7;
  font-family: Verdana;
  font-size: 80%;
  font-size: 12px;
  margin: 8px;
  padding: 8px;
  text-align: center;
}
div.meneame a {
  background-color: #ffffff;
  background-position: 50% bottom;
  border-bottom: #226cb7 1px solid;
  border-left: #226cb7 1px solid;
  border-right: #226cb7 1px solid;
  border-top: #226cb7 1px solid;
  color: #226cb7;
  margin-right: 8px;
  padding: 5px 7px;
  text-decoration: none;
}
div.meneame a:hover {
  background-color: #f6f6f6;
  background-image: none;
  border-bottom: #226cb7 1px solid;
  border-left: #226cb7 1px solid;
  border-right: #226cb7 1px solid;
  border-top: #226cb7 1px solid;
  color: #226cb7;
}
div.meneame a:active {
  background-color: #f6f6f6;
  background-image: none;
  border-bottom: #226cb7 1px solid;
  border-left: #226cb7 1px solid;
  border-right: #226cb7 1px solid;
  border-top: #226cb7 1px solid;
  color: #226cb7;
}
div.meneame span.current {
  background-color: #e0f0ff;
  border-bottom: #226cb7 1px solid;
  border-left: #226cb7 1px solid;
  border-right: #226cb7 1px solid;
  border-top: #226cb7 1px solid;
  color: #226cb7;
  font-weight: bold;
  margin-right: 8px;
  padding: 5px 7px;
}
div.meneame span.disabled {
  background-color: #eeeeee;
  border-bottom: #aaaaaa 1px solid;
  border-left: #aaaaaa 1px solid;
  border-right: #aaaaaa 1px solid;
  border-top: #aaaaaa 1px solid;
  color: #aaaaaa;
  margin-right: 8px;
  padding: 5px 7px;
}
div.meneame span.ellipse {
  padding-right: 10px;
}
.desktop .maincontainer {
  width: 978px;
  margin: 0 auto;
}
.desktop .header {
  clear: both;
  overflow: hidden;
  display: block;
  height: 100px;
}
.desktop .header .brand {
  width: 200px;
  height: 100px;
  float: left;
  border-collapse: collapse;
  table-layout: fixed;
}
.desktop .header .brand img {
  width: 100%;
}
.desktop .header .navlist {
  float: right;
}
.desktop .header .navlist .navctl {
  display: none;
}
.desktop .header .navlist ul {
  list-style: none;
}
.desktop .header .navlist ul li {
  float: left;
  height: 100px;
  line-height: 100px;
  margin-right: 10px;
}
.desktop .header .navlist ul li.last-child {
  margin-left: 10px;
  margin-right: 0;
}
.desktop .header .navlist ul li a {
  color: #333;
  font-weight: bold;
  padding: 3px 3px 7px 3px;
  border-bottom: 3px solid transparent;
}
.desktop .header .navlist ul li a:hover,
.desktop .header .navlist ul li a.active {
  border-bottom-color: #226cb7;
}
.desktop .body .casual {
  margin-bottom: 36px;
}
.desktop .body .grouper {
  margin-top: 36px;
  margin-bottom: 36px;
}
.desktop .body .grouper ul {
  clear: both;
  overflow: hidden;
  display: block;
  zoom: 1;
  list-style: none;
}
.desktop .body .grouper ul h3 {
  font-size: 22px;
  padding: 10px;
}
.desktop .body .grouper ul img {
  width: 100%;
  border: 0;
}
.desktop .body .grouper ul span {
  display: block;
  text-align: center;
  padding: 6px 0 9px 0;
}
.desktop .body .grouper ul a {
  display: block;
}
.desktop .body .grouper ul p {
  line-height: 1.6;
}
.desktop .body .grouper ul.flow2x li {
  width: 416px;
  float: left;
}
.desktop .body .grouper ul.flow2x li:first-child {
  width: 544px;
  margin-right: 18px;
}
.desktop .body .grouper ul.flow2x li p {
  color: #333;
}
.desktop .body .grouper ul.flow2x li dt {
  font-size: 18px;
  font-weight: normal;
  color: #333;
  margin: 18px 0;
}
.desktop .body .grouper ul.flow2x li dd {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 26px;
  color: #333;
  display: block;
}
.desktop .body .grouper ul.flow2x1 li {
  width: 410px;
  float: left;
  margin-right: 9px;
  margin-left: 70px;
}
.desktop .body .grouper ul.flow2x1 li.right-side {
  margin-right: 0;
  margin-left: 9px;
}
.desktop .body .grouper ul.flow2x1 li a {
  font-size: 18px;
  color: #333;
}
.desktop .body .grouper ul.flow2x1 li a:hover {
  background: #226cb7;
  color: #fff;
}
.desktop .body .grouper ul.flow3x1 li {
  width: 256px;
  float: left;
  text-align: center;
  margin-right: 35px;
}
.desktop .body .grouper ul.flow3x1 li img {
  width: 177px;
}
.desktop .body .grouper ul.flow3x1 li.first {
  margin-left: 70px;
}
.desktop .body .grouper ul.flow3x1 li a img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.desktop .body .grouper ul.flow3x1 li a h3 {
  color: #333;
}
.desktop .body .grouper ul.flow3x1 li a p {
  color: #777;
}
.desktop .body .grouper ul.flow3x1 li a:hover h3 {
  color: #226cb7;
}
.desktop .body .grouper ul.flow3x1 li a:hover p {
  color: #4294e5;
}
.desktop .body .grouper ul.flow3x1 li a:hover img {
  -webkit-filter: grayscale(0%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}
.desktop .body .showcase {
  clear: both;
  overflow: hidden;
}
.desktop .body .showcase .toolbox {
  width: 260px;
  float: left;
  z-index: 999;
  margin-left: -100%;
}
.desktop .body .showcase .toolbox .wrench {
  display: none;
}
.desktop .body .showcase .toolbox ul {
  list-style: none;
}
.desktop .body .showcase .toolbox ul.root li {
  background: #236db6;
  margin-top: 4px;
}
.desktop .body .showcase .toolbox ul.root li span {
  border-bottom: 1px solid transparent;
  display: block;
  text-align: center;
  color: #fff;
  line-height: 36px;
  font-weight: bold;
}
.desktop .body .showcase .toolbox ul.root li a {
  border-bottom: 1px solid transparent;
  display: block;
  text-align: center;
  color: #fff;
  line-height: 36px;
  font-weight: bold;
}
.desktop .body .showcase .toolbox ul.root li a:hover {
  background: #4294e5;
}
.desktop .body .showcase .toolbox ul.root li a.active {
  font-weight: bold;
}
.desktop .body .showcase .toolbox ul.root li:first-child {
  margin-top: 0;
}
.desktop .body .showcase .toolbox ul.sub li {
  background: #f6f6f6;
  margin-top: 0;
}
.desktop .body .showcase .toolbox ul.sub li a {
  padding-top: 6px;
  border-top: 1px solid #ddd;
  text-align: center;
  color: #555;
  line-height: 28px;
  margin: 0 10px;
  font-weight: normal;
}
.desktop .body .showcase .toolbox ul.sub li a:hover {
  background: none;
  color: #555;
  font-weight: bold;
}
.desktop .body .showcase .toolbox ul.sub li:first-child a {
  border-top: 0;
}
.desktop .body .showcase .window {
  float: left;
  display: block;
  width: 100%;
  z-index: 666;
}
.desktop .body .showcase .window .wrapper {
  display: block;
  margin-left: 280px;
}
.desktop .body .showcase .window .wrapper p {
  display: block;
  width: 100%;
}
.desktop .body .showcase .window .wrapper p img {
  margin-left: 0;
  width: 100%;
}
.desktop .body .showcase .window .full p {
  display: block;
  width: 100%;
}
.desktop .body .showcase .window .full p img {
  margin-left: 0;
  width: 100%;
}
.desktop .body .showcase .window .bread {
  background: #f6f6f6;
  border-left: 8px solid #226cb7;
  height: 36px;
  line-height: 36px;
  padding-left: 20px;
  font-size: 16px;
  font-weight: bold;
}
.desktop .body .list {
  clear: both;
  overflow: hidden;
}
.desktop .body .list .rec {
  width: 161px;
  float: left;
  margin-right: 18px;
  margin-top: 28px;
}
.desktop .body .list .rec a {
  margin-bottom: 40px;
  border-bottom: 3px solid transparent;
  display: block;
  padding-bottom: 10px;
  color: #226cb7;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.desktop .body .list .rec a:hover {
  border-bottom-color: #226cb7;
}
.desktop .body .list .rec img {
  width: 100%;
}
.desktop .body .list .rec span {
  margin-top: 10px;
  display: block;
  text-align: center;
}
.desktop .body .list .rec.last {
  margin-right: 0;
}
.desktop .body .section {
  display: block;
}
.desktop .body .section .title {
  display: block;
  text-align: center;
  font-weight: bold;
  padding-top: 36px;
}
.desktop .body .section .descript {
  margin: 36px 0;
  line-height: 1.6;
}
.desktop .body .section .descript ul {
  list-style: disc inside;
}
.desktop .body .section .descript ul li {
  margin-top: 4px;
}
.desktop .body .section .descript ul li:first-child {
  margin-top: 0;
}
.desktop .body .section .descript ul li div {
  display: inline;
}
.desktop .footer {
  margin-top: 28px;
  background: #707070;
  color: #fff;
  padding-bottom: 28px;
  width: 100%;
  display: block;
}
.desktop .footer a {
  color: #fff;
}
.desktop .footer a:hover {
  text-decoration: underline;
}
.desktop .footer .sign {
  font-size: 13px;
}
.desktop .footer .navlist {
  text-align: center;
  padding-top: 18px;
}
.desktop .footer .navlist ul {
  list-style: none;
  display: inline-block;
  overflow: hidden;
  clear: both;
  margin: 0 auto;
  zoom: 1;
  *display: inline;
}
.desktop .footer .navlist li {
  float: left;
  padding: 3px;
  display: inline-block;
}
.desktop .footer .navlist li .devider {
  padding: 0;
  font-size: 10px;
  -webkit-text-size-adjust: none;
}
.mobile .float {
  position: absolute;
  padding: 0 10%;
  left: 0;
  top: 50%;
  width: 80%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  z-index: 20;
  text-align: center;
  background: rgba(51, 51, 51, 0.29);
  display: table-cell;
  vertical-align: middle;
}
.mobile .float h3 {
  margin: 0.3em 0;
  font-size: 1em;
}
.mobile .float p {
  font-size: 1em;
  padding-bottom: 0.3em;
}
.mobile .maincontainer {
  padding: 0 32px;
}
.mobile .header {
  display: block;
  padding-top: 10px;
}
.mobile .header .brand {
  width: 40%;
  max-width: 200px;
  min-width: 120px;
  height: 60px;
  border-collapse: collapse;
  table-layout: fixed;
}
.mobile .header .brand img {
  width: 100%;
}
.mobile .header .navlist {
  position: relative;
  padding-bottom: 12px;
}
.mobile .header .navlist .navctl {
  cursor: pointer;
  content: ' ';
  position: absolute;
  top: -48px;
  right: 0;
  width: 32px;
  height: 32px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMzJweCIgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyIDMyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNNCwxMGgyNGMxLjEwNCwwLDItMC44OTYsMi0ycy0wLjg5Ni0yLTItMkg0QzIuODk2LDYsMiw2Ljg5NiwyLDhTMi44OTYsMTAsNCwxMHogTTI4LDE0SDRjLTEuMTA0LDAtMiwwLjg5Ni0yLDIgIHMwLjg5NiwyLDIsMmgyNGMxLjEwNCwwLDItMC44OTYsMi0yUzI5LjEwNCwxNCwyOCwxNHogTTI4LDIySDRjLTEuMTA0LDAtMiwwLjg5Ni0yLDJzMC44OTYsMiwyLDJoMjRjMS4xMDQsMCwyLTAuODk2LDItMiAgUzI5LjEwNCwyMiwyOCwyMnoiLz48L3N2Zz4=') no-repeat center center;
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-background-size: contain;
  background-size: contain;
  border: 1px solid #555;
  border-radius: 4px;
}
.mobile .header .navlist ul {
  list-style: none;
  display: none;
}
.mobile .header .navlist ul li {
  display: block;
  height: 2em;
  line-height: 2em;
  text-align: center;
  border-top: 1px solid #aaa;
}
.mobile .header .navlist ul li a {
  color: #555;
  font-weight: bold;
  border-bottom: 3px solid transparent;
  display: block;
}
.mobile .header .navlist ul li a:hover,
.mobile .header .navlist ul li a.active {
  color: #226cb7;
  border-bottom-color: #226cb7;
}
.mobile .header .navlist ul li:first-child {
  border-top: 0;
}
.mobile .header .navlist ul li.last-child a {
  display: inline-block;
  color: #226cb7;
  font-size: 0.9em;
}
.mobile .header .navlist ul li.last-child a:hover {
  border-bottom-color: transparent;
}
.mobile .body .casual {
  margin-bottom: 2em;
}
.mobile .body .blocker {
  display: inline-block;
  margin: 0 auto;
  width: 100%;
}
.mobile .body .grouper {
  margin-top: 36px;
  margin-bottom: 36px;
}
.mobile .body .grouper ul {
  clear: both;
  overflow: hidden;
  display: block;
  zoom: 1;
  list-style: none;
}
.mobile .body .grouper ul h3 {
  font-size: 22px;
  padding: 10px;
  margin: 0;
}
.mobile .body .grouper ul img {
  width: 100%;
  border: 0;
}
.mobile .body .grouper ul span {
  display: block;
  text-align: center;
  padding: 6px 0 9px 0;
}
.mobile .body .grouper ul a {
  display: block;
}
.mobile .body .grouper ul p {
  line-height: 1.3;
}
.mobile .body .grouper ul.flow2x li p {
  color: #333;
}
.mobile .body .grouper ul.flow2x li dt {
  font-size: 18px;
  font-weight: normal;
  color: #333;
  margin: 1em 0;
}
.mobile .body .grouper ul.flow2x li dd {
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: 1.3;
  color: #333;
  display: block;
}
.mobile .body .grouper ul.flow2x1 li {
  width: 46%;
  float: left;
  margin-right: 2%;
  margin-left: 2%;
}
.mobile .body .grouper ul.flow2x1 li a {
  font-size: 1em;
  color: #333;
}
.mobile .body .grouper ul.flow2x1 li a:hover {
  background: #226cb7;
  color: #fff;
}
.mobile .body .grouper ul.flow3x1 li {
  width: 30%;
  float: left;
  text-align: center;
  margin-left: 3%;
}
.mobile .body .grouper ul.flow3x1 li img {
  width: 80%;
}
.mobile .body .grouper ul.flow3x1 li.first {
  margin-left: 1%;
}
.mobile .body .grouper ul.flow3x1 li a img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.mobile .body .grouper ul.flow3x1 li a h3 {
  color: #333;
  font-size: 0.9em;
  margin: 0;
  padding: 0;
}
.mobile .body .grouper ul.flow3x1 li a p {
  color: #777;
  font-size: 12px;
  display: none;
}
.mobile .body .grouper ul.flow3x1 li a:hover h3 {
  color: #226cb7;
}
.mobile .body .grouper ul.flow3x1 li a:hover p {
  color: #4294e5;
}
.mobile .body .grouper ul.flow3x1 li a:hover img {
  -webkit-filter: grayscale(0%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}
.mobile .body .showcase {
  zoom: 1;
  position: relative;
}
.mobile .body .showcase .toolbox {
  position: absolute;
  top: 140px;
  left: -60%;
  width: 60%;
  margin-left: -32px;
  background: #69abee;
}
.mobile .body .showcase .toolbox .wrench {
  background: #226cb7 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTAwcHgiIGhlaWdodD0iNTAwcHgiIHZpZXdCb3g9IjAgMCA1MDAgNTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MDAgNTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00MTAuNTU3LDE0OS40MzJjLTEuMDgxLTcuNDUzLTQuNTQzLTE0LjYzLTEwLjI1Ni0yMC4zNTRjLTE0LjE4LTE0LjE2Ny0zNy4xNjYtMTQuMTY3LTUxLjMzNywwDQoJbC0yNS43MTEsMjUuNzE1Yy03LjA5Myw3LjA4Ny0xOC42MzYsNy4wODctMjUuNzE1LDBsLTg2LjIyMy04Ni4xMzVjLTE0LjE3NC0xNC4xNy0zNy4xNTctMTQuMTctNTEuMzMzLDBsLTg5Ljk0NSw4OS45NDgNCgljLTE0LjI2MiwxNC4xNzktMTQuMjYyLDM3LjE2OCwwLDUxLjMzN2w4Ni4xMzEsODYuMjIyYzcuMDgzLDcuMDgxLDcuMDgzLDE4LjYyNCwwLDI1LjcxNmwtMjUuNzEzLDI1LjcwMw0KCWMtMTQuMTc1LDE0LjE4LTE0LjE3NSwzNy4xNjUsMCw1MS4zMzhjNS43MjMsNS43MiwxMi45LDkuMTc0LDIwLjM1NCwxMC4yNjNsMjQ1LjU3OSwzMS40MzVjMjUuMjYsMC4wOTQsNDUuNjE0LTIwLjM1LDQ1LjYxNC00NS41MTUNCglMNDEwLjU1NywxNDkuNDMyeiIvPg0KPC9zdmc+DQo=') no-repeat center center;
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-background-size: contain;
  background-size: contain;
  width: 28px;
  height: 37px;
  position: absolute;
  right: -28px;
  top: 0;
}
.mobile .body .showcase .toolbox ul {
  list-style: none;
  width: 100%;
}
.mobile .body .showcase .toolbox ul.root li {
  background: #236db6;
  margin-top: 4px;
}
.mobile .body .showcase .toolbox ul.root li span {
  border-bottom: 1px solid transparent;
  display: block;
  text-align: center;
  color: #fff;
  line-height: 36px;
  font-weight: bold;
}
.mobile .body .showcase .toolbox ul.root li a {
  border-bottom: 1px solid transparent;
  display: block;
  text-align: center;
  color: #fff;
  line-height: 36px;
  font-weight: bold;
}
.mobile .body .showcase .toolbox ul.root li a:hover {
  background: #4294e5;
}
.mobile .body .showcase .toolbox ul.root li a.active {
  font-weight: bold;
}
.mobile .body .showcase .toolbox ul.root li:first-child {
  margin-top: 0;
}
.mobile .body .showcase .toolbox ul.sub li {
  background: #f6f6f6;
  margin-top: 0;
}
.mobile .body .showcase .toolbox ul.sub li a {
  padding-top: 6px;
  border-top: 1px solid #ddd;
  text-align: center;
  color: #555;
  line-height: 28px;
  margin: 0 10px;
  font-weight: normal;
}
.mobile .body .showcase .toolbox ul.sub li a:hover {
  background: none;
  color: #555;
  font-weight: bold;
}
.mobile .body .showcase .toolbox ul.sub li:first-child a {
  border-top: 0;
}
.mobile .body .showcase .window {
  display: block;
  width: 100%;
}
.mobile .body .showcase .window .wrapper {
  display: block;
}
.mobile .body .showcase .window .wrapper p {
  display: block;
  width: 100%;
}
.mobile .body .showcase .window .wrapper p img {
  margin-left: 0;
  width: 100%;
}
.mobile .body .showcase .window .full p {
  display: block;
  width: 100%;
}
.mobile .body .showcase .window .full p img {
  margin-left: 0;
  width: 100%;
}
.mobile .body .showcase .window .bread {
  background: #f6f6f6;
  border-left: 8px solid #226cb7;
  height: 36px;
  line-height: 36px;
  padding-left: 20px;
  font-size: 16px;
  font-weight: bold;
}
.mobile .body .section {
  display: block;
}
.mobile .body .section .title {
  display: block;
  text-align: center;
  font-weight: bold;
  padding-top: 36px;
}
.mobile .body .section .descript {
  margin: 36px 0;
  line-height: 1.6;
}
.mobile .body .section .descript ul {
  list-style: disc inside;
}
.mobile .body .section .descript ul li {
  margin-top: 4px;
}
.mobile .body .section .descript ul li:first-child {
  margin-top: 0;
}
.mobile .body .section .descript ul li div {
  display: inline;
}
.mobile .body .list {
  clear: both;
  overflow: hidden;
}
.mobile .body .list .rec {
  margin-top: 32px;
  width: 33.3%;
  float: left;
}
.mobile .body .list .rec a {
  margin-bottom: 40px;
  border-bottom: 3px solid transparent;
  display: block;
  padding-bottom: 10px;
  color: #226cb7;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.mobile .body .list .rec a:hover {
  border-bottom-color: #226cb7;
}
.mobile .body .list .rec img {
  width: 100%;
}
.mobile .body .list .rec span {
  margin-top: 16px;
  display: block;
  text-align: center;
}
.mobile .footer {
  margin-top: 28px;
  background: #707070;
  color: #fff;
  padding-bottom: 28px;
  width: 100%;
  display: block;
}
.mobile .footer a {
  color: #fff;
}
.mobile .footer a:hover {
  text-decoration: underline;
}
.mobile .footer .sign {
  font-size: 0.9em;
}
.mobile .footer .navlist {
  text-align: center;
  padding-top: 18px;
}
.mobile .footer .navlist ul {
  list-style: none;
  display: inline-block;
  overflow: hidden;
  clear: both;
  margin: 0 auto;
  zoom: 1;
  *display: inline;
}
.mobile .footer .navlist li {
  padding: 3px;
  display: inline-block;
}
.mobile .footer .navlist li .devider {
  padding: 0;
  font-size: 10px;
  -webkit-text-size-adjust: none;
}
@media screen and (max-width: 480px) {
  .mobile .maincontainer .body .list .rec {
    width: 50%;
  }
  .mobile .maincontainer .body .list .rec img {
    width: 100%;
  }
  .mobile .maincontainer .body .list .rec span {
    margin-top: 16px;
    display: block;
    text-align: center;
  }
  .mobile .maincontainer .body .list .rec.last {
    margin-right: 0;
  }
}
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
/* No Js */
.no-js .owl-carousel {
  display: block;
}
/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}
/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}