html {
  font-family: 'Microsoft Yahei', Arial, Helvetica, sans-serif;
  font-size: 16px;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-weight: bold;
  margin: 0.8em 0;
}
body h1 {
  font-size: 26px;
}
body h2 {
  font-size: 22px;
}
body h3 {
  font-size: 18px;
}
body h4 {
  font-size: 16px;
}
body h5 {
  font-size: 14px;
}
body h6 {
  font-size: 12px;
}

body strong {
  font-weight: bold !important;
}
body em {
  font-style: italic !important;
}
img {
  max-width: 100%;
  height: auto;
}
a {
  color: inherit;
  text-decoration: none;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.clearfix {
  clear: both;
  zoom: 1;
}
.clearfix::before {
  content: "";
  display: table;
}
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}
body #lteIE8 {
  background: #E34AB6;
  padding: 10px 0;
  text-align: center;
  color: #FFF;
  font-size: 18px;
}
.float-wrapper {
  display: inline-block;
  width: 100%;
  zoom: 1;
}
.nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.circle {
  border-radius: 9999px;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
}
.wrapper {
  width: 1020px;
  margin: 0 auto;
}
.nav-breadcrumbs {
  font-size: 14px;
  line-height: 30px;
  border-bottom: 1px solid #CC4BED;
  padding-bottom: 8px;
  margin-bottom: 6px;
}
.nav-breadcrumbs .breadcrumb-content {
  padding-left: 10px;
}
.nav-breadcrumbs a[href] {
  color: #5A398D;
}
.nav-breadcrumbs a[href]:hover {
  color: #CC4BED;
}
body.home .breadcrumb,
body.page-solution .breadcrumb {
  display: none !important;
}
#masthead {
  position: relative;
  z-index: 99;
  background: white;
  height: 120px;
  overflow: visible;
}
#masthead .wrapper {
  position: relative;
}
#masthead .logo-header {
  position: absolute;
  left: 0;
}
#masthead .top-title {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 36px;
  font-size: 14px;
  z-index: 99;
}
#masthead .top-info {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 99;
  font-size: 14px;
  line-height: 22px;
}
#masthead .top-info a {
  display: inline-block;
  vertical-align: middle;
}
#masthead #primary-navigation {
  float: right;
  margin-top: 40px;
  font-size: 16px;
}
#masthead #primary-navigation ul li.menu-item {
  float: left;
  color: #565656;
}
#masthead #primary-navigation ul li.menu-item.current-menu-item {
  color: #CC4BED;
}
#masthead #primary-navigation ul li.menu-item a {
  display: block;
  padding: 28px 25px;
}
#masthead #primary-navigation ul li.menu-item a:hover {
  color: #CC4BED;
}
#banner-img {
  height: 472px;
  background: 50% 50% no-repeat;
  width: 100%;
  background-size: cover;
  text-align: center;
  color: #FFF;
  padding: 0;
  margin: 0;
}
#contact-us-button {
  display: none;
  position: fixed;
  right: 15px;
  top: 50%;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 18px;
  color: #333;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  text-align: center;
  border: 2px solid #CC4BED;
  z-index: 100;
  background: #FFF;
}
#contact-us {
  position: fixed;
  z-index: 99;
  right: 10px;
  top: 50%;
  color: #a4a4a4;
  width: 168px;
  height: 215px;
  background-color: #FFF;
  border: 3px solid #EEEAED;
  -moz-box-shadow: 0 8px 16px rgba(170, 178, 185, 0.08);
  -webkit-box-shadow: 0 8px 16px rgba(170, 178, 185, 0.08);
  box-shadow: 0 8px 16px rgba(170, 178, 185, 0.08);
  text-align: center;
}
#contact-us .contact-us-hidden {
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
}
#contact-us .return-to-top {
  display: block;
  border: 1px solid #DFDFDF;
  height: 14px;
  font-size: 12px;
  width: 75px;
  margin: 15px auto 0 auto;
  line-height: 14px;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
}
#contact-us .contact-us-logo {
  display: block;
  width: 62px;
  height: 62px;
  margin: 28px auto 0 auto;
}
#contact-us p {
  font-size: 14px;
  padding: 0 20px 15px 20px;
  margin-top: 8px;
  margin-bottom: 10px;
  display: inline-block;
  border-bottom: 2px solid #E5E5E5;
}
#contact-us h4 {
  font-weight: normal;
  margin: 0;
  font-size: 17px;
}
#page-banner {
  height: 315px;
  background: url(../images/header-public.png) 50% 50% no-repeat;
  background-size: cover;
  text-align: center;
  color: #FFF;
  position: relative;
}
.category #main-content,
.tag #main-content {
  text-align: center;
}
.category #main-content #loop-content,
.tag #main-content #loop-content {
  display: inline-block;
  text-align: left;
  position: relative;
  width: 1020px;
  margin: 0 auto;
  margin-top: -150px;
}
.category #main-content #loop-content .post-menu,
.tag #main-content #loop-content .post-menu {
  position: absolute;
  width: 225px;
  left: 0;
  top: 0;
  z-index: 1;
  text-align: center;
  color: #817E7E;
}
.category #main-content #loop-content .post-menu .current-menu-item,
.tag #main-content #loop-content .post-menu .current-menu-item {
  background: #E4007F;
  color: #FFF;
}
.category #main-content #loop-content .post-menu li,
.tag #main-content #loop-content .post-menu li {
  padding: 12px 0;
  border-bottom: 1px solid #DFDFDF;
}
.category #main-content #loop-content .post-menu a,
.tag #main-content #loop-content .post-menu a {
  display: inline-block;
  padding: 10px 50px;
  width: 50%;
}
.category #main-content #loop-content .post-menu a h2,
.tag #main-content #loop-content .post-menu a h2 {
  margin: 0;
  padding: 0;
  font-size: 18px;
}
.category #main-content #loop-content .post-list-detail,
.tag #main-content #loop-content .post-list-detail {
  min-height: 350px;
  padding-left: 225px;
  position: relative;
  padding-bottom: 20px;
  background: #FFF;
}
.category #main-content #loop-content .post-list-detail .post-item,
.tag #main-content #loop-content .post-list-detail .post-item {
  width: 615px;
  position: relative;
  min-height: 267px;
  margin-bottom: 20px;
  border: 1px solid #DFDFDF;
}
.category #main-content #loop-content .post-list-detail .post-item .post-thumbnail,
.tag #main-content #loop-content .post-list-detail .post-item .post-thumbnail {
  width: 100%;
  height: 267px;
  background: 50% 50% no-repeat;
  background-size: cover;
}
.category #main-content #loop-content .post-list-detail .post-item .post-title,
.tag #main-content #loop-content .post-list-detail .post-item .post-title {
  font-size: 30px;
  font-weight: normal;
  padding: 20px 25px 15px 25px;
  position: relative;
  margin: 0;
  color: #44424a;
}
.category #main-content #loop-content .post-list-detail .post-item .link-share,
.tag #main-content #loop-content .post-list-detail .post-item .link-share {
  display: inline-block;
  position: absolute;
  right: -39px;
  top: 189px;
}
.category #main-content #loop-content .post-list-detail .post-item .link-share .share-icon,
.tag #main-content #loop-content .post-list-detail .post-item .link-share .share-icon {
  height: 78px;
  width: 78px;
}
.category #main-content #loop-content .post-list-detail .post-item .link-share .post-share,
.tag #main-content #loop-content .post-list-detail .post-item .link-share .post-share {
  background-color: #e4007f;
  padding: 10px 40px;
  position: absolute;
  width: 288px;
  z-index: 99;
  bottom: -56px;
  left: -148px;
  display: none;
  clear: both;
  zoom: 1;
}
.category #main-content #loop-content .post-list-detail .post-item .link-share .post-share::before,
.tag #main-content #loop-content .post-list-detail .post-item .link-share .post-share::before {
  content: "";
  display: table;
}
.category #main-content #loop-content .post-list-detail .post-item .link-share .post-share::after,
.tag #main-content #loop-content .post-list-detail .post-item .link-share .post-share::after {
  content: "";
  display: table;
  clear: both;
}
.category #main-content #loop-content .post-list-detail .post-item .link-share .post-share a,
.tag #main-content #loop-content .post-list-detail .post-item .link-share .post-share a {
  float: left;
  position: relative;
  display: block;
  width: 33.333%;
  text-align: center;
}
.category #main-content #loop-content .post-list-detail .post-item .link-share .post-share img,
.tag #main-content #loop-content .post-list-detail .post-item .link-share .post-share img {
  width: 36px;
  height: 36px;
}
.category #main-content #loop-content .post-list-detail .post-item .link-share .post-share .share-qrcode,
.tag #main-content #loop-content .post-list-detail .post-item .link-share .post-share .share-qrcode {
  position: absolute;
  right: 0;
  top: -197px;
  background: #FFF;
  border: 1px solid #E5E5E5;
  font-size: 15px;
  text-align: center;
  display: none;
}
.category #main-content #loop-content .post-list-detail .post-item .link-share .post-share .share-qrcode img,
.tag #main-content #loop-content .post-list-detail .post-item .link-share .post-share .share-qrcode img {
  height: 150px;
  width: 150px;
  line-height: 150px;
  font-size: 25px;
}
.category #main-content #loop-content .post-list-detail .post-item .post-summary,
.tag #main-content #loop-content .post-list-detail .post-item .post-summary {
  font-size: 16px;
  color: #7a7a86;
  line-height: 20px;
  height: 80px;
  overflow: hidden;
  margin: 0 30px 40px 30px;
}
.category #main-content #loop-content .post-list-detail .post-item .tag-block,
.tag #main-content #loop-content .post-list-detail .post-item .tag-block {
  position: absolute;
  left: 42px;
  bottom: 10px;
  margin: 0;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.category #main-content #loop-content .post-list-detail .post-item .post-info,
.tag #main-content #loop-content .post-list-detail .post-item .post-info {
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  margin-right: -165px;
  text-align: center;
  border-bottom: 1px solid #817E7E;
}
.category #main-content #loop-content .post-list-detail .post-item .post-info .year,
.tag #main-content #loop-content .post-list-detail .post-item .post-info .year {
  font-size: 35px;
  margin: 17px 0 40px 0;
  line-height: 35px;
}
.category #main-content #loop-content .post-list-detail .post-item .post-info .month,
.tag #main-content #loop-content .post-list-detail .post-item .post-info .month {
  font-size: 70px;
  padding: 0;
  margin: 0;
  line-height: 70px;
}
.category #main-content #loop-content .post-list-detail .post-item .post-info .day,
.tag #main-content #loop-content .post-list-detail .post-item .post-info .day {
  font-size: 70px;
  padding: 15px 0 20px 0;
  margin: 0;
  line-height: 70px;
}
.category #main-content #loop-content .post-navi,
.tag #main-content #loop-content .post-navi {
  margin: 30px 0;
  padding-left: 225px;
  text-align: center;
}
.category #main-content #loop-content .post-navi #page-navi,
.tag #main-content #loop-content .post-navi #page-navi {
  margin: 0;
  display: inline-block;
  padding: 10px 95px;
  border: 1px solid #E5E5E5;
  line-height: 50px;
  background: #FFF;
}
.category #main-content #loop-content .post-navi #page-navi .pages,
.tag #main-content #loop-content .post-navi #page-navi .pages {
  display: none;
}
.category #main-content #loop-content .post-navi #page-navi .page-numbers,
.tag #main-content #loop-content .post-navi #page-navi .page-numbers {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  line-height: 50px;
  margin: 0 10px;
  font-size: 25px;
  border: 0;
}
.category #main-content #loop-content .post-navi #page-navi .current,
.tag #main-content #loop-content .post-navi #page-navi .current {
  background-color: #e4007f;
  color: #FFF;
}
.category #main-content #category-post-list,
.tag #main-content #category-post-list {
  clear: both;
  zoom: 1;
  width: 1020px;
  margin: 0 auto;
  margin-top: 60px;
  text-align: left;
}
.category #main-content #category-post-list::before,
.tag #main-content #category-post-list::before {
  content: "";
  display: table;
}
.category #main-content #category-post-list::after,
.tag #main-content #category-post-list::after {
  content: "";
  display: table;
  clear: both;
}
.category #main-content #category-post-list .post-list-block,
.tag #main-content #category-post-list .post-list-block {
  margin-bottom: 30px;
  float: left;
}
.category #main-content #category-post-list .post-list-block h4,
.tag #main-content #category-post-list .post-list-block h4 {
  font-size: 20px;
  margin: 20px 0;
  position: relative;
}
.category #main-content #category-post-list .post-list-block h4 .more,
.tag #main-content #category-post-list .post-list-block h4 .more {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 16px;
  color: #a4a4a4;
}
.category #main-content #category-post-list .post-list-block ul.post-list li,
.tag #main-content #category-post-list .post-list-block ul.post-list li {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 36px;
}
.category #main-content #category-post-list .post-list-block ul.post-list li .list-item-date,
.tag #main-content #category-post-list .post-list-block ul.post-list li .list-item-date {
  float: right;
  color: #a4a4a4;
}
.category #main-content #category-post-list .post-list-block:nth-of-type(2n),
.tag #main-content #category-post-list .post-list-block:nth-of-type(2n) {
  margin-left: 2.5%;
  width: 47.4%;
}
.category #main-content #category-post-list .post-list-block:nth-of-type(2n+1),
.tag #main-content #category-post-list .post-list-block:nth-of-type(2n+1) {
  margin-right: 2.5%;
  width: 47.4%;
}
.tax-series #main-content .wrapper,
.post-type-archive-download #main-content .wrapper {
  background-color: #FFF;
  margin-top: -150px;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.tax-series #main-content .top-navi,
.post-type-archive-download #main-content .top-navi {
  text-align: center;
  margin-bottom: 40px;
  clear: both;
  zoom: 1;
}
.tax-series #main-content .top-navi::before,
.post-type-archive-download #main-content .top-navi::before {
  content: "";
  display: table;
}
.tax-series #main-content .top-navi::after,
.post-type-archive-download #main-content .top-navi::after {
  content: "";
  display: table;
  clear: both;
}
.tax-series #main-content .top-navi li,
.post-type-archive-download #main-content .top-navi li {
  width: 16.666%;
  position: relative;
  display: inline;
}
.tax-series #main-content .top-navi li a,
.post-type-archive-download #main-content .top-navi li a {
  display: inline-block;
  border: 1px solid #DFDFDF;
  border-radius: 23px;
  margin: 12px 10px;
  color: #44424a;
}
.tax-series #main-content .top-navi li p,
.post-type-archive-download #main-content .top-navi li p {
  line-height: 18px;
  font-size: 18px;
  padding: 5px 35px;
}
.tax-series #main-content .top-navi .active a,
.post-type-archive-download #main-content .top-navi .active a {
  background: #e4007f;
  border: 1px solid #e4007f;
  color: #FFF;
}
.tax-series #main-content #loop-content .post-list-detail,
.post-type-archive-download #main-content #loop-content .post-list-detail {
  clear: both;
  zoom: 1;
}
.tax-series #main-content #loop-content .post-list-detail::before,
.post-type-archive-download #main-content #loop-content .post-list-detail::before {
  content: "";
  display: table;
}
.tax-series #main-content #loop-content .post-list-detail::after,
.post-type-archive-download #main-content #loop-content .post-list-detail::after {
  content: "";
  display: table;
  clear: both;
}
.tax-series #main-content #loop-content .post-list-detail .post-item,
.post-type-archive-download #main-content #loop-content .post-list-detail .post-item {
  width: 340px;
  float: left;
  height: 360px;
  overflow: hidden;
  margin-bottom: 20px;
}
.tax-series #main-content #loop-content .post-list-detail .post-item .post-thumbnail,
.post-type-archive-download #main-content #loop-content .post-list-detail .post-item .post-thumbnail {
  width: 340px;
  height: 240px;
  background: 50% 50% no-repeat #E5E5E5;
  background-size: cover;
}
.tax-series #main-content #loop-content .post-list-detail .post-item .post-title,
.post-type-archive-download #main-content #loop-content .post-list-detail .post-item .post-title {
  margin: 20px 10px 10px 10px;
  font-size: 16px;
  font-weight: bold;
  color: #44424a;
}
.tax-series #main-content #loop-content .post-list-detail .post-item .post-summary,
.post-type-archive-download #main-content #loop-content .post-list-detail .post-item .post-summary {
  font-size: 14px;
  margin: 0 10px;
  color: #7a7a86;
  text-align: justify;
}
.tax-series #main-content .more-btn-field,
.post-type-archive-download #main-content .more-btn-field {
  text-align: center;
  height: 100px;
  color: #a4a4a4;
}
.tax-series #main-content .more-btn-field p,
.post-type-archive-download #main-content .more-btn-field p {
  padding: 0 20px;
  display: inline-block;
  width: 100px;
  margin: 20px 0;
  font-size: 25px;
  line-height: 60px;
}
.tax-series #main-content .post-navi,
.post-type-archive-download #main-content .post-navi {
  margin: 30px 0;
  text-align: center;
}
.tax-series #main-content .post-navi #page-navi,
.post-type-archive-download #main-content .post-navi #page-navi {
  margin: 0;
  display: inline-block;
  padding: 10px 95px;
  border: 1px solid #E5E5E5;
  line-height: 50px;
  background: #FFF;
}
.tax-series #main-content .post-navi #page-navi .pages,
.post-type-archive-download #main-content .post-navi #page-navi .pages {
  display: none;
}
.tax-series #main-content .post-navi #page-navi .page-numbers,
.post-type-archive-download #main-content .post-navi #page-navi .page-numbers {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  line-height: 50px;
  margin: 0 10px;
  font-size: 25px;
  border: 0;
}
.tax-series #main-content .post-navi #page-navi .current,
.post-type-archive-download #main-content .post-navi #page-navi .current {
  background-color: #e4007f;
  color: #FFF;
}
.post-type-archive-download .top-navi li:first-of-type a {
  background: #e4007f;
  border: 1px solid #e4007f;
}
.post-type-archive-download .top-navi li:first-of-type p {
  color: #FFF;
}
#main {
  clear: both;
  zoom: 1;
  background: #F4F4F4;
  position: relative;
}
#main::before {
  content: "";
  display: table;
}
#main::after {
  content: "";
  display: table;
  clear: both;
}
#main .breadcrumb {
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  top: -175px;
  color: #FFF;
  margin: 0 auto;
  width: 1020px;
  height: 20px;
  line-height: 20px;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#colophon {
  color: #9B9B9B;
  background: #3E454C;
  text-align: center;
}
#colophon #footer-navigation {
  width: 1020px;
  margin: 0 auto;
  clear: both;
  zoom: 1;
  padding: 10px 0;
  position: relative;
}
#colophon #footer-navigation::before {
  content: "";
  display: table;
}
#colophon #footer-navigation::after {
  content: "";
  display: table;
  clear: both;
}
#colophon #footer-navigation h2 {
  float: left;
  line-height: 70px;
  font-size: 24px;
  padding: 0 8px;
}
#colophon #footer-navigation .footer-leftside {
  text-align: left;
  margin: 40px 0 0 30px;
  clear: both;
  zoom: 1;
  min-height: 170px;
}
#colophon #footer-navigation .footer-leftside::before {
  content: "";
  display: table;
}
#colophon #footer-navigation .footer-leftside::after {
  content: "";
  display: table;
  clear: both;
}
#colophon #footer-navigation .footer-leftside .footer-contact {
  margin-top: 20px;
}
#colophon #footer-navigation .footer-leftside .footer-contact li {
  float: left;
  margin-left: 20px;
}
#colophon #footer-navigation .footer-leftside .menu-foot-container ul.menu {
  font-size: 18px;
  font-weight: bold;
}
#colophon #footer-navigation .footer-leftside .menu-foot-container ul.menu li.menu-item {
  width: 600px;
  margin-bottom: 5px;
}
#colophon #footer-navigation .footer-leftside .menu-foot-container ul.menu li.menu-item a {
  display: block;
  float: left;
}
#colophon #footer-navigation .footer-leftside .menu-foot-container ul.menu li.menu-item a:hover {
  color: #cecece;
}
#colophon #footer-navigation .footer-leftside .menu-foot-container ul.menu li.menu-item ul.sub-menu {
  font-size: 16px;
  font-weight: normal;
  margin-left: 110px;
}
#colophon #footer-navigation .footer-leftside .menu-foot-container ul.menu li.menu-item ul.sub-menu li.menu-item {
  line-height: 24px;
  margin: 0 5px;
  width: auto;
  display: inline-block;
}
#colophon #footer-navigation .footer-slogan {
  float: right;
  width: 220px;
  text-align: center;
  margin-top: -200px;
  position: relative;
}
#colophon #footer-navigation .footer-slogan .sns-links li {
  display: inline-block;
  margin: 0 8px;
}
#colophon #footer-navigation .footer-slogan .sns-links li:hover {
  color: #cecece;
}
#colophon #footer-navigation .footer-slogan .sns-links li a {
  display: block;
  font-size: 20px;
}
#colophon #footer-navigation .footer-slogan .footer-qrcode {
  position: relative;
  text-align: center;
}
#colophon #footer-navigation .footer-slogan .footer-qrcode .small-qrcode {
  width: 138px;
  height: 138px;
  margin: 0 auto;
  background-color: #FFF;
}
#colophon #footer-navigation .footer-slogan .footer-qrcode .small-qrcode:hover ~ .big-qrcode {
  display: block;
}
#colophon #footer-navigation .footer-slogan .footer-qrcode .big-qrcode {
  display: none;
  position: absolute;
  z-index: 1;
  left: 0;
  top: -225px;
  width: 220px;
  height: 220px;
  background-color: #000;
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}
#colophon #footer-navigation .footer-slogan p {
  font-size: 18px;
}
#colophon #footer-navigation .footer-slogan p:hover {
  color: #cecece;
}
#colophon #footer-navigation .footer-slogan p .fa {
  font-size: 18px;
  display: inline-block;
  margin-right: 5px;
}
#colophon .site-info {
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  padding-bottom: 10px;
  border-top: 1px solid #9B9B9B;
}
#colophon .site-info .footer-tag-cloud {
  color: rgba(155, 155, 155, 0.4);
  font-size: 16px;
  font-weight: bold;
  padding: 10px 50px;
}
#colophon .site-info .footer-tag-cloud .tagcloud {
  margin-top: 5px;
}
#page-index {
  background: white;
  clear: both;
  zoom: 1;
}
#page-index::before {
  content: "";
  display: table;
}
#page-index::after {
  content: "";
  display: table;
  clear: both;
}
#page-index #index-banner {
  position: relative;
}
#page-index #index-banner .owl-carousel {
  position: relative;
  height: 472px;
  width: 100%;
}
#page-index #index-banner .owl-carousel .index-owl {
  display: block;
  color: transparent;
  background-size: cover;
  height: 472px;
}
#page-index #index-banner .owl-carousel .index-owl .owl-detail {
  position: relative;
  color: #FFF;
  width: 1020px;
  margin: 0 auto;
  padding-top: 100px;
  clear: both;
  zoom: 1;
  text-align: center;
}
#page-index #index-banner .owl-carousel .index-owl .owl-detail::before {
  content: "";
  display: table;
}
#page-index #index-banner .owl-carousel .index-owl .owl-detail::after {
  content: "";
  display: table;
  clear: both;
}
#page-index #index-banner .owl-carousel .index-owl .owl-detail h2 {
  font-size: 56px;
  float: right;
  width: 550px;
  margin: 0;
}
#page-index #index-banner .owl-carousel .index-owl .owl-detail p {
  font-size: 24px;
  margin: 15px 0 15px 500px;
  float: right;
  width: 500px;
  text-align: left;
}
#page-index #index-banner .owl-carousel .index-owl-1 {
  background: url(../images/index-owl-1.png) 50% 50% no-repeat;
  position: relative;
  width: 100%;
}
#page-index #index-banner .owl-carousel .index-owl-1 h3 {
  position: relative;
  top: 200px;
  font-size: 24px;
  font-weight: normal;
}
#page-index #index-banner .owl-carousel .index-owl-2 {
  background: url(../images/index-owl-2.png) 50% 50% no-repeat;
}
#page-index #index-banner .owl-carousel .index-owl-3 {
  background: url(../images/index-owl-3.png) 50% 50% no-repeat;
}
#page-index #index-banner .owl-carousel .index-owl-4 {
  background: url(../images/index-owl-4.png) 50% 50% no-repeat;
}
#page-index #index-banner .owl-carousel .index-owl-4 .owl-4-detail {
  width: 900px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  color: #FFF;
  padding-top: 100px;
}
#page-index #index-banner .owl-carousel .index-owl-4 .owl-4-detail li {
  width: 300px;
  float: left;
}
#page-index #index-banner .owl-carousel .index-owl-4 .owl-4-detail li .top-style {
  font-size: 90px;
}
#page-index #index-banner .owl-carousel .index-owl-4 .owl-4-detail li .top-content {
  background-color: rgba(226, 105, 197, 0.6);
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  font-size: 22px;
  height: 40px;
  line-height: 40px;
  margin: 70px 10px 0 10px;
}
#page-index #index-banner .owl-carousel .index-owl-5 {
  background: url(../images/index-owl-5.png) 50% 50% no-repeat;
}
#page-index #index-banner .owl-carousel .index-owl-6 {
  background: url(../images/index-owl-6.png) 40% 50% no-repeat;
  background-size: cover;
}
#page-index #index-banner .owl-carousel .owl-controls {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  text-align: center;
}
#page-index #index-banner .owl-carousel .owl-controls .owl-pagination .owl-page {
  display: inline-block;
}
#page-index #index-banner .owl-carousel .owl-controls .owl-pagination .owl-page.active span {
  background-color: #FFF;
}
#page-index #index-banner .owl-carousel .owl-controls .owl-pagination .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 4px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
#page-index #index-parts {
  width: 1020px;
  margin: 0 auto;
}
#page-index #index-parts footer {
  text-align: center;
  padding: 80px 0;
  color: #595656;
}
#page-index #index-parts footer h2 {
  font-size: 30px;
  line-height: 40px;
}
#page-index #index-parts footer h4 {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 2px;
}
#page-index #index-parts .part-detail {
  clear: both;
  zoom: 1;
  margin: 30px 0;
}
#page-index #index-parts .part-detail::before {
  content: "";
  display: table;
}
#page-index #index-parts .part-detail::after {
  content: "";
  display: table;
  clear: both;
}
#page-index #index-parts .part-detail ul li {
  float: left;
  width: 251px;
  height: 240px;
  margin-right: 4px;
  padding-top: 20px;
  overflow: hidden;
  text-align: center;
}
#page-index #index-parts .part-detail ul li:last-of-type {
  margin-right: 0;
}
#page-index #index-parts .part-detail ul li .part-photo {
  width: 41px;
  height: 50px;
  margin: 0 auto;
}
#page-index #index-parts .part-detail ul li h3 {
  font-size: 20px;
  line-height: 42px;
  margin-top: 20px;
  font-weight: normal;
}
#page-index #index-parts .part-detail ul li p {
  color: #9E9E9E;
  width: 210px;
  line-height: 18px;
  margin: 10px auto;
}
#page-index #index-parts .part-advantage {
  margin: 10px 0 64px 0;
}
#page-index #index-parts .part-advantage ul {
  width: 100%;
  clear: both;
  zoom: 1;
}
#page-index #index-parts .part-advantage ul::before {
  content: "";
  display: table;
}
#page-index #index-parts .part-advantage ul::after {
  content: "";
  display: table;
  clear: both;
}
#page-index #index-parts .part-advantage ul li {
  float: left;
  position: relative;
  text-align: center;
  width: 33.333%;
}
#page-index #index-parts .part-advantage ul li .part-photo {
  width: 100%;
  height: 240px;
  margin: 0;
}
#page-index #index-parts .part-advantage ul li h3 {
  font-size: 20px;
  line-height: 42px;
  margin-top: 20px;
  font-weight: normal;
}
#page-index #index-parts .part-advantage ul li p {
  color: #9E9E9E;
  width: 200px;
  line-height: 18px;
  margin: 10px auto;
  font-size: 20px;
}
#page-index #index-parts .part-series {
  position: relative;
}
#page-index #index-parts .part-series h2 {
  font-size: 24px;
  color: #7a7a86;
}
#page-index #index-parts .part-series h2 .more {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 16px;
}
#page-index #index-parts .part-series .series-show {
  clear: both;
  zoom: 1;
  margin-top: 45px;
  width: 1020px;
}
#page-index #index-parts .part-series .series-show::before {
  content: "";
  display: table;
}
#page-index #index-parts .part-series .series-show::after {
  content: "";
  display: table;
  clear: both;
}
#page-index #index-parts .part-series .series-show li {
  float: left;
  position: relative;
  width: 33.333%;
  height: 240px;
}
#page-index #index-parts .part-series .series-show li .case-img {
  width: 100%;
  height: 100%;
  background: 50% 50% no-repeat;
  background-size: cover;
}
#page-index #index-parts .part-series .series-show li:hover .mask {
  display: block;
}
#page-index #index-parts .part-series .series-show li .mask {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 90;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: none;
  color: #FFF;
  padding: 40px 35px;
}
#page-index #index-parts .part-series .series-show li .mask h3 {
  font-size: 25px;
  font-weight: normal;
  margin: 0 0 20px 0;
  line-height: 1.1em;
  height: 2.2em;
  overflow: hidden;
}
#page-index #index-parts .part-series .series-show li .mask p {
  font-size: 18px;
  overflow: hidden;
  height: 120px;
  word-break: break-all;
  white-space: pre-wrap;
}
#page-index #index-contact {
  background: url('../images/part-contact-bg.png') 50% 50% no-repeat;
  height: 406px;
  text-align: center;
  color: #FFF;
  margin-top: 40px;
}
#page-index #index-contact .title-style {
  padding-top: 50px;
  font-size: 28px;
}
#page-index #index-contact p {
  margin: 0;
  font-size: 15px;
}
#page-index #index-contact p:not(:first-child) {
  line-height: 1.8em;
}
#page-index #index-contact ul {
  width: 750px;
  height: 100px;
  margin: 0 auto 40px auto;
  padding-top: 50px;
}
#page-index #index-contact ul li {
  width: 150px;
  float: left;
  position: relative;
}
#page-index #index-contact ul li p {
  margin-top: 1em;
}
#page-index #index-contact ul li:nth-child(1) {
  width: 135px;
}
#page-index #index-contact ul li:nth-child(2) {
  width: 170px;
}
#page-index #index-contact ul li:nth-child(3) {
  width: 125px;
}
#page-index #index-contact ul li:nth-child(4) {
  width: 125px;
  padding-left: 20px;
}
#page-index #index-contact ul li:nth-child(5) {
  width: 150px;
}
#page-index #index-contact ul li a {
  display: block;
  padding-top: 65px;
  text-align: center;
}
#page-index #index-contact ul li .show-qrcode:hover ~ .contact-qrcode {
  display: block;
}
#page-index #index-contact ul li .phonenum:hover p {
  -ms-transform: scale(1.5, 1.5);
  /* IE 9 */
  -moz-transform: scale(1.5, 1.5);
  /* Firefox */
  -webkit-transform: scale(1.5, 1.5);
  /* Safari 和 Chrome */
  -o-transform: scale(1.5, 1.5);
  /* Opera */
  transform: scale(1.5, 1.5);
}
#page-index #index-contact ul li .big-phonenum {
  width: 250px;
  height: 30px;
  position: absolute;
  opacity: 1;
  top: -45px;
  left: -45px;
  display: none;
  text-align: center;
  font-size: 28px;
}
#page-index #index-contact ul li .contact-qrcode {
  width: 138px;
  height: 138px;
  position: absolute;
  background-color: #FFF;
  opacity: 1;
  top: -150px;
  display: none;
  left: 0;
}
#page-index #index-post-list {
  clear: both;
  zoom: 1;
  width: 1020px;
  margin: 0 auto;
  margin-top: 85px;
}
#page-index #index-post-list::before {
  content: "";
  display: table;
}
#page-index #index-post-list::after {
  content: "";
  display: table;
  clear: both;
}
#page-index #index-post-list .post-list-block {
  margin-bottom: 30px;
  float: left;
}
#page-index #index-post-list .post-list-block h4 {
  font-size: 20px;
  margin: 20px 0;
  position: relative;
}
#page-index #index-post-list .post-list-block h4 .more {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 16px;
  color: #a4a4a4;
}
#page-index #index-post-list .post-list-block ul.post-list li {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 36px;
}
#page-index #index-post-list .post-list-block ul.post-list li .list-item-date {
  float: right;
  color: #a4a4a4;
}
#page-index #index-post-list .post-list-block:nth-of-type(2n) {
  margin-left: 2.5%;
  width: 47.4%;
}
#page-index #index-post-list .post-list-block:nth-of-type(2n+1) {
  margin-right: 2.5%;
  width: 47.4%;
}
#page-index #friends-link {
  margin-top: 50px;
  margin-bottom: 50px;
}
#page-index #friends-link .title-font-size {
  font-size: 18px;
}
#page-index #friends-link .link-menu {
  margin-top: 30px;
}
#page-index #friends-link .link-menu li {
  padding: 5px 0;
  width: 20%;
  overflow: hidden;
  display: inline-block;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-align: center;
}
#page-index #friends-link .link-menu li:hover {
  background-color: #CC4BED;
  color: #FFF;
}
body.single-download #main {
  background: #F4F4F4;
}
body.single-download #main-content.download-page .wrapper {
  margin-top: -150px;
  margin-bottom: 20px;
  background: #FFF;
  clear: both;
  zoom: 1;
  position: relative;
  z-index: 1;
}
body.single-download #main-content.download-page .wrapper::before {
  content: "";
  display: table;
}
body.single-download #main-content.download-page .wrapper::after {
  content: "";
  display: table;
  clear: both;
}
body.single-download #main-content.download-page #content .page-content {
  padding: 0;
  border: 1px solid #DFDFDF;
}
body.single-download #main-content.download-page #content .page-content .post-title {
  margin: 0;
  padding: 42px 42px 67px 42px;
  color: #44424a;
  font-size: 30px;
  letter-spacing: 2px;
  font-weight: normal;
}
body.single-download #main-content.download-page #content .page-content .post-content {
  color: #7a7a86;
  font-size: 16px;
}
body.single-download #main-content.download-page #content .page-content .post-content .case-item {
  width: 100%;
  height: 393px;
  position: relative;
}
body.single-download #main-content.download-page #content .page-content .post-content .case-item .img-block {
  background: 50% 50% no-repeat;
  background-size: cover;
  height: 100%;
  width: 50%;
  display: inline-block;
}
body.single-download #main-content.download-page #content .page-content .post-content .case-item .text-wrapper {
  width: 50%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
body.single-download #main-content.download-page #content .page-content .post-content .case-item .text-wrapper .text-table {
  display: table;
  width: 100%;
  height: 100%;
}
body.single-download #main-content.download-page #content .page-content .post-content .case-item .text-wrapper .text-table .text-block {
  padding: 0 42px;
  line-height: 1.5em;
  display: table-cell;
  vertical-align: middle;
}
body.single-download #main-content.download-page #content .page-content .post-content .case-item .text-wrapper .text-table .text-block ul {
  margin-left: 2em;
}
body.single-download #main-content.download-page #content .page-content .post-content .case-item .text-wrapper .text-table .text-block ul li {
  list-style-type: circle;
}
body.single-download #main-content.download-page #content .page-content .post-content .no-img {
  height: auto;
}
body.single-download #main-content.download-page #content .page-content .post-content .no-img .img-block {
  display: none;
}
body.single-download #main-content.download-page #content .page-content .post-content .no-img .text-wrapper {
  width: 100%;
  margin: 20px 0;
}
body.single-download #main-content.download-page #content .page-content .post-content .full-img .img-block {
  width: 100%;
}
body.single-download #main-content.download-page #content .page-content .post-content .full-img .text-wrapper {
  display: none;
}
body.single-download #main-content.download-page #content .page-content .post-content .left-img .img-block {
  float: left;
}
body.single-download #main-content.download-page #content .page-content .post-content .left-img .text-wrapper {
  float: right;
}
body.single-download #main-content.download-page #content .page-content .post-content .right-img .img-block {
  float: right;
}
body.single-download #main-content.download-page #content .page-content .post-content .right-img .text-wrapper {
  float: left;
}
body.single-download #main-content.download-page #content .page-content .post-content .qrcode-img {
  height: auto;
  text-align: center;
}
body.single-download #main-content.download-page #content .page-content .post-content .qrcode-img .img-block {
  height: 200px;
  width: 200px;
  margin: 20px 0;
}
body.single-download #main-content.download-page #content .page-content .post-content .qrcode-img .text-wrapper {
  display: none;
}
body.single-download #main-content.download-page #content .text-more {
  text-align: center;
  font-size: 23px;
  margin: 25px 0;
  color: #7a7a86;
}
body.single-download #main-content.download-page .more-case .post-item {
  width: 33.3334%;
  float: left;
  margin-bottom: 50px;
}
body.single-download #main-content.download-page .more-case .post-item .post-thumbnail {
  width: 100%;
  height: 242px;
  background: #E5E5E5 no-repeat 50% 50%;
  background-size: cover;
}
body.single-download #main-content.download-page .more-case .post-item .post-title {
  margin: 20px 10px 10px 10px;
  font-size: 16px;
  color: #44424a;
}
body.single-download #main-content.download-page .more-case .post-item .post-summary {
  margin: 0 10px;
  color: #7a7a86;
  font-size: 14px;
}
body.single-download #main-content.download-page .more-case .post-item .post-summary p {
  line-height: 20px;
  overflow: hidden;
  max-height: 60px;
}
body.single-post .page-wrapper {
  border: 1px solid #DFDFDF;
}
body.single-post #content {
  padding-right: 310px;
  border-bottom: 1px solid #DFDFDF;
  padding-top: 42px;
}
body.single-post #content .previous_next_link {
  margin-top: 30px;
}
body.single-post #content .post-title {
  margin: 0 0 45px 42px;
  font-size: 30px;
  font-weight: bold;
  line-height: 30px;
}
body.single-post #content .single-content {
  margin: 0;
  border-right: 1px solid #DFDFDF;
  padding: 0;
}
body.single-post #content .single-content .post-content {
  padding: 0 42px;
}
body.single-post #content .single-content .post-content ul {
  margin-left: 2em;
}
body.single-post #content .single-content .post-content ul li {
  list-style-type: circle;
}
body.single-post #content .single-content .post-content img {
  margin: 10px -42px 10px -42px;
  padding: 0;
  width: 709px;
  height: auto;
  max-width: none;
}
body.single-post #content .single-content .ds-thread {
  margin: 0 10px;
}
body.single-post #content .single-content .ds-thread .ds-powered-by * {
  display: none!important;
}
body.single-post #content .single-content #comments .comments-title {
  padding: 0 42px;
  font-size: 24px;
  color: #44424a;
}
body.single-post #content .single-content #comments .comment-list {
  padding: 0 42px;
}
body.single-post #content .single-content #comments .comment-list li {
  border-bottom: dashed 1px #DFDFDF;
  padding: 30px 20px 20px 20px;
}
body.single-post #content .single-content #comments .comment-list li:last-child {
  border: 0;
}
body.single-post #content .single-content #comments .comment-list li .author {
  font-size: 18px;
  color: #44424a;
}
body.single-post #content .single-content #comments .comment-list li .date {
  font-size: 14px;
  color: #44424a;
}
body.single-post #content .single-content #comments .comment-list li .date span {
  color: #7a7a86;
}
body.single-post #content .single-content #comments .comment-list li .comment {
  font-size: 16px;
  color: #7a7a86;
  margin-top: 30px;
}
body.single-post #content .single-content #comments #respond {
  padding: 42px;
  border-top: 1px solid #DFDFDF;
}
body.single-post #content .single-content #comments #respond .required {
  color: red;
}
body.single-post #content .single-content #comments #respond #commentform {
  margin-bottom: 50px;
  position: relative;
}
body.single-post #content .single-content #comments #respond #commentform .comment-form-author label,
body.single-post #content .single-content #comments #respond #commentform .comment-form-email label {
  float: left;
  width: 110px;
}
body.single-post #content .single-content #comments #respond #commentform .captcha_code_field {
  position: absolute;
  left: 0;
  bottom: -45px;
  width: 160px;
}
body.single-post #content .single-content #comments #respond #commentform .captcha_code_field #captcha_code_label,
body.single-post #content .single-content #comments #respond #commentform .captcha_code_field .required {
  float: left;
}
body.single-post #content .single-content #comments #respond #commentform .captcha_code_field #captcha_code {
  float: right;
}
body.single-post #content .single-content #comments #respond #commentform .comment-form-comment label,
body.single-post #content .single-content #comments #respond #commentform .comment-notes,
body.single-post #content .single-content #comments #respond #commentform .form-allowed-tags,
body.single-post #content .single-content #comments #respond #commentform .comment-form-url {
  display: none;
}
body.single-post #content .single-content #comments #respond #commentform .comment-form-comment {
  height: 112px;
}
body.single-post #content .single-content #comments #respond #commentform .comment-form-comment textarea {
  width: 450px;
  height: 100px;
  resize: none;
  padding: 5px;
}
body.single-post #content .single-content #comments #respond #commentform input {
  padding: 2px;
}
body.single-post #content .single-content #comments #respond #commentform .form-submit {
  position: absolute;
  top: 0;
  left: 462px;
  margin: 0;
}
body.single-post #content .single-content #comments #respond #commentform .form-submit .submit {
  width: 100px;
  height: 112px;
  background: #FF7852;
  border: 0;
  color: #FFF;
  cursor: pointer;
}
body.single-post #content .single-content #comments #respond #commentform .captchaSizeDivLarge {
  position: absolute;
  left: 180px;
  bottom: -45px;
  width: auto;
}
body.single-post #content .single-content #comments #respond #commentform .captchaSizeDivLarge #si_refresh_com {
  display: inline-block;
}
body.single-post #content .single-content #comments #respond #commentform .captchaSizeDivLarge img {
  height: 40px;
  width: auto;
  padding: 0;
  margin: 0;
}
body.single-post #content .info-block {
  text-align: right;
  margin-bottom: 85px;
  color: #a4a4a4;
  margin-right: 42px;
}
body.single-post #content .info-block span {
  margin-left: 15px;
  font-size: 14px;
}
body.single-post #content .info-block p {
  font-size: 24px;
  margin: 0;
}
body.single-post #content .share-block {
  text-align: center;
  margin: 90px 0 0 0;
}
body.single-post #content .share-block .post-share {
  display: inline-block;
  padding: 10px 20px;
  position: relative;
}
body.single-post #content .share-block .post-share a {
  margin: 0 30px;
}
body.single-post #content .share-block .post-share .share-btn img {
  width: 36px;
  border: 1px solid #DFDFDF;
  padding: 5px;
}
body.single-post #content .share-block .post-share .share-qrcode {
  position: absolute;
  right: 0;
  top: -185px;
  background: #FFF;
  border: 1px solid #E5E5E5;
  font-size: 15px;
  text-align: center;
  display: none;
}
body.single-post #content .share-block .post-share .share-qrcode img {
  height: 150px;
  width: 150px;
  line-height: 150px;
  font-size: 25px;
  margin: 0;
}
body.single-post #content #right-side-field {
  position: absolute;
  right: 0;
  top: 0;
  padding: 42px 20px;
  width: 270px;
}
body.single-post #content #right-side-field .right-list-block:first-child {
  padding-bottom: 30px;
  border-bottom: 1px solid #DFDFDF;
}
body.single-post #content #right-side-field .right-list-block:nth-of-type(2) {
  padding-top: 40px;
}
body.single-post #content #right-side-field h4 {
  font-size: 18px;
  padding-bottom: 30px;
  text-align: left;
}
body.single-post #content #right-side-field h4 .more {
  float: right;
  font-size: 14px;
  color: #bbbbbb;
}
body.single-post #content #right-side-field ul.post-list li {
  text-align: left;
  font-size: 14px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 35px;
}
body.single-post #content #right-side-field ul.post-list li .list-item-date {
  font-size: 16px;
  float: right;
  color: #bbbbbb;
}
body.single-post #content #right-side-field ul.post-list li .list-item-excerpt {
  font-size: 12px;
  color: #908E8E;
  line-height: 17px;
  white-space: normal;
  margin-left: 80px;
  min-height: 50px;
}
body.single-post #content #right-side-field ul.post-list li .list-item-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  margin: 10px 0 7px 80px;
}
body.single-post #content #right-side-field ul.post-list li .thumbnail {
  width: 56px;
  height: 56px;
  position: absolute;
  left: 10px;
  top: 12px;
  margin: 0;
  padding: 0;
}
body.single-post #content #right-side-field .more {
  float: right;
  font-size: 14px;
  color: #bbbbbb;
}
body.single-post #post-detail-list {
  clear: both;
  zoom: 1;
  padding: 50px 20px 80px 20px;
}
body.single-post #post-detail-list::before {
  content: "";
  display: table;
}
body.single-post #post-detail-list::after {
  content: "";
  display: table;
  clear: both;
}
body.single-post #post-detail-list .post-list-block {
  width: 50%;
  margin-bottom: 30px;
  float: left;
}
body.single-post #post-detail-list .post-list-block h4 {
  font-size: 18px;
  padding: 20px 0;
  text-align: left;
}
body.single-post #post-detail-list .post-list-block h4 .more {
  float: right;
  font-size: 14px;
  color: #bbbbbb;
}
body.single-post #post-detail-list .post-list-block ul.post-list li {
  text-align: left;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 36px;
}
body.single-post #post-detail-list .post-list-block ul.post-list li .list-item-date {
  font-size: 16px;
  float: right;
  color: #bbbbbb;
}
body.single-post #post-detail-list .post-list-block:nth-of-type(2n) {
  margin-left: 2.5%;
  width: 47.5%;
}
body.single-post #post-detail-list .post-list-block:nth-of-type(2n+1) {
  margin-right: 2.5%;
  width: 47.5%;
}
#main-content.page .article-post-list {
  clear: both;
  zoom: 1;
  padding: 15px 0;
}
#main-content.page .article-post-list::before {
  content: "";
  display: table;
}
#main-content.page .article-post-list::after {
  content: "";
  display: table;
  clear: both;
}
#main-content.page .article-post-list h2 {
  font-size: 28px;
  line-height: 1em;
  padding: 0 0 32px 0;
  width: 620px;
  margin: 0 0 10px 0;
  color: #5A398D;
  letter-spacing: 3px;
  text-align: center;
}
#main-content.page .article-post-list .post-list-block {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 15px;
}
#main-content.page .article-post-list .post-list-block:nth-of-type(3n) {
  margin-right: 0;
}
#main-content.page .article-post-list .post-list-block h4 {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 30px;
  border-bottom: 2px solid #5A398D;
}
#main-content.page .article-post-list .post-list-block h4 .more {
  float: right;
  font-size: 14px;
  font-weight: normal;
  color: #5A398D;
}
#main-content.page .article-post-list .post-list-block ul.post-list {
  font-size: 14px;
  line-height: 18px;
  height: 120px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #5A398D;
}
#main-content.page .article-post-list .post-list-block ul.post-list li {
  line-height: 20px;
  position: relative;
}
#main-content.page .article-post-list .post-list-block ul.post-list li:hover {
  color: #CC4BED;
}
#main-content.page .article-post-list .post-list-block ul.post-list li a {
  display: block;
  padding-right: 4em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#main-content.page .article-post-list .post-list-block ul.post-list li .list-item-date {
  display: block;
  position: absolute;
  right: 0;
}
#main-content.page .wrapper {
  margin-top: -150px;
  background: #FFF;
  margin-bottom: 20px;
  z-index: 1;
  position: relative;
}
#process {
  border-top: 20px solid #F4F4F4;
  position: relative;
}
#process h2 {
  font-size: 28px;
  text-align: center;
  margin-top: 50px;
}
#process .big-tree {
  margin-top: 20px;
}
#process .big-tree .big-branch {
  position: relative;
  height: 140px;
}
#process .big-tree .big-branch .after {
  position: absolute;
  display: none;
  content: '';
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  width: 10px;
  height: 100px;
  background-color: #E4007F;
  top: 70px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#process .big-tree .big-branch .col-1 {
  width: 102px;
  height: 102px;
  border-radius: 51px;
  -webkit-border-radius: 51px;
  -moz-border-radius: 51px;
  position: relative;
  margin: 0 auto;
  display: none;
  z-index: 1;
}
#process .big-tree .big-branch .col-1 p {
  width: 80px;
  margin: auto;
  font-size: 18px;
  line-height: 20px;
  height: 20px;
  color: #FFF;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#process .big-tree .big-branch .col-2 {
  width: 36px;
  height: 15px;
  display: none;
  background: url('../images/right.png') no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 450px;
  right: 0;
  margin: auto 0 auto 120px;
}
#process .big-tree .big-branch .col-3 {
  width: 90px;
  height: 90px;
  position: absolute;
  top: 30px;
  bottom: 0;
  left: 450px;
  right: 0;
  margin: auto 0 auto 156px;
  display: none;
}
#process .big-tree .big-branch .col-4 {
  width: 350px;
  height: 110px;
  position: absolute;
  top: 80px;
  bottom: 0;
  left: 550px;
  right: 0;
  margin: auto 0 auto 156px;
  display: none;
}
#process .big-tree .big-branch .col-4 h4 {
  font-weight: bold;
  margin: 0.8em 0;
  font-size: 18px;
}
#process .big-tree .big-branch .col-4 .small-tree {
  position: relative;
  clear: both;
  zoom: 1;
}
#process .big-tree .big-branch .col-4 .small-tree::before {
  content: "";
  display: table;
}
#process .big-tree .big-branch .col-4 .small-tree::after {
  content: "";
  display: table;
  clear: both;
}
#process .big-tree .big-branch .col-4 .small-tree li {
  float: left;
  width: 105px;
  height: 32px;
  border: 1px solid #DFDFDF;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  line-height: 32px;
  text-align: center;
  margin: 5px;
}
#process .big-tree .big-branch:nth-of-type(1) .col-1 {
  background-color: #F9D164;
}
#process .big-tree .big-branch:nth-of-type(2) .col-1 {
  background-color: #53C29E;
}
#process .big-tree .big-branch:nth-of-type(3) .col-1 {
  background-color: #2FC5E6;
}
#process .big-tree .big-branch:nth-of-type(4) .col-1 {
  background-color: #EEC760;
}
#process .big-tree .big-branch:nth-of-type(5) .col-1 {
  background-color: #EE61B0;
}
#process .big-tree .big-branch:nth-of-type(6) .col-1 {
  background-color: #EEC760;
}
#process .big-tree .big-branch:nth-of-type(2n) .col-2 {
  background: url('../images/left.png') no-repeat;
  left: 290px;
}
#process .big-tree .big-branch:nth-of-type(2n) .col-3 {
  left: 160px;
}
#process .big-tree .big-branch:nth-of-type(2n) .col-4 {
  left: -110px;
}
#process .big-tree .big-branch:nth-of-type(2n) .col-4 .small-tree {
  padding-right: 90px;
}
#process .big-tree .big-branch:nth-of-type(2n) .col-4 li {
  float: right;
}
#process .big-tree .big-branch:last-of-type .col-1 {
  width: 150px;
  height: 150px;
  background-color: #EB42A0;
  border-radius: 75px;
  -webkit-border-radius: 75px;
  -moz-border-radius: 75px;
}
#process .big-tree .big-branch:last-of-type .col-1 p {
  font-size: 50px;
  width: 110px;
}
#process .big-tree .big-branch:last-of-type .col-1:after {
  display: none;
}
#process .process-bottom {
  margin: 20px auto;
  width: 450px;
  text-align: center;
}
#process .process-bottom h4 {
  font-size: 20px;
  font-weight: bold;
  margin: 0.8em 0;
}
#process .process-bottom p {
  line-height: 28px;
}
#process p {
  color: #777;
}
.page-content {
  min-height: 400px;
  padding: 30px 20px;
  font-size: 16px;
}
.page-content .post-title {
  text-align: left;
  font-size: 30px;
  margin-left: 21px;
  font-weight: bold;
  color: #44424a;
}
.page-content .post-content {
  text-align: left;
  font-size: 16px;
  color: #7a7a86;
}
.page-content .tag-block {
  font-size: 15px;
  padding: 50px 0 0 0;
}
.page-content .aligncenter {
  display: block;
  margin: 0 auto;
  padding: 0.8em;
}
.page-content .alignleft {
  float: left;
  padding: 0.8em;
}
.page-content .alignright {
  float: right;
  padding: 0.8em;
}
.page-development .page-thumbnail ul {
  clear: both;
  zoom: 1;
}
.page-development .page-thumbnail ul::before {
  content: "";
  display: table;
}
.page-development .page-thumbnail ul::after {
  content: "";
  display: table;
  clear: both;
}
.page-development .page-thumbnail ul li {
  width: 510px;
  height: 371px;
  float: left;
}
.page-development .page-thumbnail ul li img {
  width: 510px;
  height: 200px;
}
.page-development .page-thumbnail ul li .detail {
  padding: 10px 20px;
}
.page-development .page-thumbnail ul li .detail h2 {
  font-size: 24px;
  margin: 0 0 1em 0;
}
.page-development .page-thumbnail ul li .detail p {
  margin-top: 10px;
  font-size: 16px;
  color: #777;
}
.page-development #index-post-list {
  clear: both;
  zoom: 1;
  padding-top: 80px;
  margin: 0 42px 60px 42px;
}
.page-development #index-post-list::before {
  content: "";
  display: table;
}
.page-development #index-post-list::after {
  content: "";
  display: table;
  clear: both;
}
.page-development #index-post-list .post-list-block {
  margin-bottom: 30px;
  float: left;
  border-top: 1px solid #DFDFDF;
}
.page-development #index-post-list .post-list-block h4 {
  font-size: 20px;
  margin: 20px 0;
  position: relative;
}
.page-development #index-post-list .post-list-block h4 .more {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 16px;
  color: #a4a4a4;
}
.page-development #index-post-list .post-list-block ul.post-list li {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 36px;
}
.page-development #index-post-list .post-list-block ul.post-list li .list-item-date {
  float: right;
  color: #a4a4a4;
}
.page-development #index-post-list .post-list-block:nth-of-type(2n) {
  margin-left: 2.5%;
  width: 47.4%;
}
.page-development #index-post-list .post-list-block:nth-of-type(2n+1) {
  margin-right: 2.5%;
  width: 47.4%;
}
#loop-content .category-title {
  font-size: 26px;
}
#loop-content ul.post-list {
  border-top: 2px solid #5A398D;
  border-bottom: 1px solid #5A398D;
  min-height: 370px;
  margin: 0 -10px 10px -10px;
  font-size: 16px;
  line-height: 18px;
  height: 160px;
  padding-bottom: 5px;
}
#loop-content ul.post-list li {
  line-height: 36px;
  position: relative;
  border-bottom: 1px dashed #CCC;
}
#loop-content ul.post-list li:hover {
  color: #CC4BED;
}
#loop-content ul.post-list li a {
  display: block;
  padding: 0 4em 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#loop-content ul.post-list li .list-item-date {
  display: block;
  position: absolute;
  right: 10px;
}
#loop-content #page-navi {
  margin: 30px 0;
  line-height: 30px;
}
#loop-content #page-navi .page-numbers {
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border: 1px solid #DFDFDF;
  margin-right: -1px;
}
#loop-content #page-navi .page-numbers.current {
  background: rgba(223, 223, 223, 0.5);
}
#loop-content #page-navi .page-numbers:hover {
  background: rgba(223, 223, 223, 0.2);
}
#loop-content #page-navi .pages {
  margin-right: 15px;
}
#page-solution .section {
  overflow: hidden;
  background:no-repeat;
  background-size: cover;
  color: #FFF;
  font-size: 14px;
  position: relative;
  opacity: 0;
}
#page-solution .section h2 {
  font-size: 26px;
  letter-spacing: 5px;
}
#page-solution .section .floater-1 {
  float: left;
  height: 60%;
  margin-bottom: -200px;
}
#page-solution .section .floater-2 {
  float: left;
  height: 50%;
  margin-bottom: -250px;
}
#page-solution #section-0 {
  background-image: url(../images/0.png);
  position: relative;
}
#page-solution #section-0 .full-page-nav {
  text-align: center;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
}
#page-solution #section-0 .full-page-nav-1 .move-to-section {
  display: inline-block;
  margin-right: 24px;
  letter-spacing: 2px;
}
#page-solution #section-0 .full-page-nav-1 .move-to-section a {
  display: block;
  padding: 15px 75px;
}
#page-solution #section-0 .full-page-nav-2 .move-to-section {
  display: inline-block;
  margin-right: 24px;
  letter-spacing: 2px;
}
#page-solution #section-0 .full-page-nav-2 .move-to-section a {
  display: block;
 
}
.bb-1{
position: relative;
right: 100px;
}
.bb-2{
	position: relative;
 	left: 50px;
}
.bb-3{
	position: relative;
 	left: 200px;
}
.bb-4{
	position: relative;
 	left: 325px;
}
#page-solution #section-0 .full-page-nav-1 {
  width:1000px;
  bottom:200px;
 	text-align: center;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
}
#page-solution #section-0 .full-page-nav-1 .move-to-section {
  margin-bottom: 18px;
}
#page-solution #section-0 .full-page-nav-2 {
  width: 1000px;
  bottom:110px;
	
}

#page-solution #section-1 {
  background: #ef5350 url(../images/1.png) no-repeat;
  background-size: cover;
}

#page-solution #section-2 {
  background: #29b6f6 url(../images/2.png) no-repeat;
  background-size: cover;
}

#page-solution #section-3 {
  background: #ffb300 url(../images/3.png) no-repeat;
  background-size: cover;
}

#page-solution #section-4 {
  background-image: url(../images/4.png);
}
#page-solution #section-5 {
  background-image: url(../images/5.png);
}
#page-solution #section-6 {
  background-image: url(../images/6.png);
}
#page-solution #section-7 {
  background-image: url(../images/7.png);
}
#page-solution #section-8 {
  background-image: url(../images/8.png);
}

#page-solution .section-detail-1 {
  clear: both;
  position: relative;
  height: 600px;
  margin: 0 auto;
  text-align: center;
}
#page-solution .section-detail-1 h2 {
  margin-bottom: 20px;
  font-size:42px;
}
#page-solution .section-detail-1 h2 a:hover{
  color:#FFF
}
#page-solution .section-detail-1 p{
	font-size:24px;
	margin-bottom:50px;
}
#page-solution .section-detail-1 .list-detail {
  clear: both;
  zoom: 1;
  margin-top: 10px;
  text-align: center;
  margin-bottom:70px;
}
#page-solution .section-detail-1 .list-detail::before {
  content: "";
  display: table;
}
#page-solution .section-detail-1 .list-detail::after {
  content: "";
  display: table;
  clear: both;
}
#page-solution .section-detail-1 .list-detail .detail-photo {
  width: 70px;
  height: 70px;
  display: block;
  margin: 0 auto;
}
#page-solution .section-detail-1 .list-detail li {
  display: inline-block;
  margin: 0 5px;
  width: 110px;
}
#page-solution .section-detail-1 .series {
  width: 760px;
  margin: 20px auto 0 auto;
}
#page-solution .section-detail-1 .series .list-series {
  clear: both;
  zoom: 1;
  margin-top: 20px;
}
#page-solution .section-detail-1 .series .list-series::before {
  content: "";
  display: table;
}
#page-solution .section-detail-1 .series .list-series::after {
  content: "";
  display: table;
  clear: both;
}
#page-solution .section-detail-1 .series .list-series li {
  display: inline-block;
  margin: 0 10px;
   width: 120px;
  height: 120px;
}
#page-solution .section-detail-1 .series img {
  width: 120px;
  height: 120px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
#page-solution .section-detail-2 {
  height: 400px;
  clear: both;
  position: relative;
  width: 900px;
  margin: 0 auto;
}
#page-solution .section-detail-2 h2 {
  text-align: center;
  width: 440px;
  font-size: 36px;
  margin-bottom: 50px;
}
#page-solution .section-detail-2 .list-detail {
  clear: both;
  zoom: 1;
  margin-top: 10px;
  text-align: center;
  width: 440px;
}
#page-solution .section-detail-2 .list-detail::before {
  content: "";
  display: table;
}
#page-solution .section-detail-2 .list-detail::after {
  content: "";
  display: table;
  clear: both;
}
#page-solution .section-detail-2 .list-detail .detail-photo {
  width: 92px;
  height: 92px;
  display: block;
  margin: 0 auto;
}
#page-solution .section-detail-2 .list-detail li {
  display: inline-block;
  width: 110px;
}
#page-solution .section-detail-2 .list-detail.active {
  width: 550px;
  margin-left: -55px;
}
#page-solution .section-detail-2 .series {
  margin-left: 55px;
  margin-top: 30px;
}
#page-solution .section-detail-2 .series .list-series {
  clear: both;
  zoom: 1;
  margin-top: 10px;
}
#page-solution .section-detail-2 .series .list-series::before {
  content: "";
  display: table;
}
#page-solution .section-detail-2 .series .list-series::after {
  content: "";
  display: table;
  clear: both;
}
#page-solution .section-detail-2 .series .list-series li {
  float: left;
  margin-right: 20px;
}
#page-solution .section-detail-2 .series img {
  width: 70px;
  height: 70px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
#page-solution .section-detail-2.active h2 {
  margin-left: 455px;
}
#page-solution .section-detail-2.active .list-detail {
  margin-left: 450px;
}
#page-solution .section-detail-2.active .list-detail.active {
  margin-left: 395px;
}
#page-solution .section-detail-2.active .series {
  margin-left: 510px;
}
#page-about .page-about-title-style {
  font-size: 28px;
  text-align: center;
  padding: 0;
  margin: 36px 0 66px 0;
  color: #a4a4a4;
}
#page-about .about-title {
  font-size: 16px;
  width: 690px;
  text-align: center;
  margin: 30px auto 0 auto;
  color: #a4a4a4;
}
#page-about .menu-tabs {
  width: 942px;
  clear: both;
  zoom: 1;
  margin: 0 auto;
  padding: 5px 10px;
  border: 1px solid #EEE;
  border-radius: 29px;
}
#page-about .menu-tabs::before {
  content: "";
  display: table;
}
#page-about .menu-tabs::after {
  content: "";
  display: table;
  clear: both;
}
#page-about .menu-tabs li {
  width: 150px;
  height: 48px;
  margin-right: 48px;
  line-height: 48px;
  position: relative;
  float: left;
  text-align: center;
  font-size: 18px;
  color: #000;
}
#page-about .menu-tabs li.active {
  background-color: #AF2B8B;
  color: white;
  border-radius: 24px;
}
#page-about .menu-tabs li:last-of-type {
  margin-right: 0;
}
#page-about .tab-content {
  padding-bottom: 15px;
  margin: 45px 30px 0 30px;
  border-top: 1px solid #DFDFDF;
}
#page-about .tab-content:not(.active) {
  display: none;
}
#page-about .tab-content h3 {
  font-size: 24px;
  font-weight: normal;
}
#page-about .tab-content h3 small {
  font-size: 16px;
}
#page-about .tab-content h4 {
  font-size: 18px;
}
#page-about .tab-content .menu {
  clear: both;
  zoom: 1;
  width: 1020px;
  position: relative;
  left: -50px;
  border: 1px solid #DFDFDF;
}
#page-about .tab-content .menu::before {
  content: "";
  display: table;
}
#page-about .tab-content .menu::after {
  content: "";
  display: table;
  clear: both;
}
#page-about .tab-content .menu li {
  width: 25%;
  float: left;
  text-align: center;
  height: 50px;
  line-height: 50px;
  color: #a4a4a4;
  font-size: 16px;
}
#page-about .tab-content .menu li a {
  display: block;
}
#page-about .tab-content .menu li:not(:last-child) a {
  border-right: 1px solid #DFDFDF;
}
#page-about .tab-content .menu li.active {
  background-color: #D927B1;
  color: #FFF;
}
#page-about .tab-content.tab-about .menu-block {
  display: none;
  margin-top: 50px;
}
#page-about .tab-content.tab-about .menu-block.active {
  display: block;
}
#page-about .tab-content.tab-culture .menu li {
  width: 25%;
}
#page-about .tab-content.tab-culture .menu-block {
  display: none;
  margin-top: 50px;
  position: relative;
  padding-bottom: 50px;
}
#page-about .tab-content.tab-culture .menu-block.active {
  display: block;
}
#page-about .tab-content.tab-culture .menu-block .post-block {
  margin-bottom: 50px;
}
#page-about .tab-content.tab-culture .menu-block .post-block .block-img {
  width: 512px;
  height: 256px;
  margin: 0 auto;
  background: 50% 50% no-repeat;
  background-size: contain;
}
#page-about .tab-content.tab-culture .menu-block .post-content {
  display: none;
}
#page-about .tab-content.tab-culture .menu-block .post-content .post-info {
  text-align: right ;
}
#page-about .tab-content.tab-culture .menu-block .post-content .post-info span {
  margin-left: 15px;
}
#page-about .tab-content.tab-culture .menu-block .post-content .link-block {
  margin-top: 50px;
}
#page-about .tab-content.tab-culture .menu-block .post-content .return-block {
  float: right;
}
#page-about .tab-content.tab-culture .menu-block .post-content .return-block:hover {
  color: #333;
}
#page-about .tab-content.tab-culture .menu-block .post-content .post-link:hover {
  color: #333;
}
#page-about .tab-content.tab-culture .menu-block .check-more {
  position: absolute;
  display: block;
  right: 0;
  left: 0;
  bottom: 0;
  width: 130px;
  height: 30px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  margin: 0 auto;
  line-height: 30px;
  text-align: center;
  background-color: #CC4BED;
  color: #FFF;
}
#page-about .tab-content.tab-culture .menu-block #mask-more {
  position: absolute;
  display: none;
  right: 0;
  left: 0;
  bottom: 0;
  width: 130px;
  height: 30px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  margin: 0 auto;
  background-color: #FFF;
  z-index: 99;
}
#page-about .tab-content.tab-culture .block-first {
  margin-bottom: 30px;
}
#page-about .tab-content.tab-culture .block-first .qrcode {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  display: block;
}
#page-about .tab-content.tab-culture .block-first.active {
  text-align: center;
}
#page-about .tab-content.tab-culture .culture-banner {
  max-width: 1020px;
  width: 1020px;
  margin-left: -50px;
}
#page-about .tab-content.tab-contact .block-first {
  clear: both;
  zoom: 1;
  padding-bottom: 15px;
  border-bottom: 1px solid #DFDFDF;
}
#page-about .tab-content.tab-contact .block-first::before {
  content: "";
  display: table;
}
#page-about .tab-content.tab-contact .block-first::after {
  content: "";
  display: table;
  clear: both;
}
#page-about .tab-content.tab-contact .block-first .col-1 {
  float: left;
  width: 50%;
  border-right: 1px solid #DFDFDF;
  height: 220px;
}
#page-about .tab-content.tab-contact .block-first .col-2 {
  margin-left: 50%;
  height: 220px;
  text-align: center;
}
#page-about .tab-content.tab-contact .block-second {
  padding-bottom: 30px;
  border-bottom: 1px solid #DFDFDF;
}
#page-about .tab-content.tab-contact .block-second .about-map {
  margin: 15px 0 0 0;
  display: inline-block;
  width: 640px;
  height: 380px;
  position: relative;
}
#page-about .tab-content.tab-hr .hr-info {
  margin-top: 20px;
  display: none;
}
#page-about .tab-content.tab-hr .hr-info .hr-title {
  font-size: 30px;
  width: 300px;
}
#page-about .tab-content.tab-hr .hr-info .hr-content {
  line-height: 22px;
  padding: 0 2em;
}
#page-about .tab-content.tab-hr .hr-info.active {
  display: block;
}
#page-about .tab-content.tab-hr .none-hr {
  display: none;
  text-align: center;
}
#page-about .tab-content.tab-advantage .block-first {
  margin-bottom: 30px;
  color: #7a7a86;
}
#page-about .tab-content.tab-advantage .block-first .block-first-font-size {
  font-size: 26px;
  margin-bottom: 20px;
}
#page-about .tab-content.tab-advantage .block-first .block-first-phone-font-size {
  font-size: 38px;
  margin-top: -15px;
}
#page-about .tab-content.tab-advantage .block-first p {
  font-size: 20px;
}
#page-about .tab-content.tab-advantage .block-first .qrcode {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  display: block;
}
#page-about .tab-content.tab-advantage .block-first.active {
  text-align: center;
}
#page-about .tab-content.tab-advantage .block-second iframe {
  width: 100%;
  height: 300px;
  border: none;
}
#page-about .tab-content .block-third {
  margin-top: 50px;
  text-align: center;
}
.page-module .wrapper {
  background-color: #FFF;
  margin-top: -150px;
  margin-bottom: 20px;
}
.page-module .content-field {
  padding: 42px;
}
.page-module .content-field .title {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 90px;
  color: #44424a;
}
.page-module .content-field .content {
  font-size: 16px;
  color: #7a7a86;
}
.page-module .content-field .content .selected {
  display: block;
}
.page-module .content-field .content li {
  display: none;
}
.page-module .content-field img {
  width: 100%;
  height: auto;
  margin: 20px 0;
}
.page-module .content-field .navi {
  clear: both;
  zoom: 1;
  margin: 0 50px 80px 0;
  width: 100%;
}
.page-module .content-field .navi::before {
  content: "";
  display: table;
}
.page-module .content-field .navi::after {
  content: "";
  display: table;
  clear: both;
}
.page-module .content-field .navi li {
  width: 25%;
  float: left;
  text-align: center;
}
.page-module .content-field .navi li a {
  padding: 20px 50px;
  border-radius: 30px;
  border: 1px solid #DFDFDF;
  color: #44424a;
  font-size: 16px;
  line-height: 16px;
  display: inline-block;
}
.page-module .content-field .navi li .selected {
  background-color: #e4007f;
  color: #FFF;
  border: 1px solid #e4007f;
}
.page-module #post-detail-list {
  clear: both;
  zoom: 1;
  margin: 0 42px 60px 42px;
  padding-top: 80px;
}
.page-module #post-detail-list::before {
  content: "";
  display: table;
}
.page-module #post-detail-list::after {
  content: "";
  display: table;
  clear: both;
}
.page-module #post-detail-list .post-list-block {
  margin-bottom: 30px;
  float: left;
  border-top: 1px solid #DFDFDF;
}
.page-module #post-detail-list .post-list-block h4 {
  font-size: 20px;
  margin: 20px 0;
  position: relative;
}
.page-module #post-detail-list .post-list-block h4 .more {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 16px;
  color: #a4a4a4;
}
.page-module #post-detail-list .post-list-block ul.post-list li {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 36px;
}
.page-module #post-detail-list .post-list-block ul.post-list li .list-item-date {
  float: right;
  color: #a4a4a4;
}
.page-module #post-detail-list .post-list-block:nth-of-type(2n) {
  margin-left: 2.5%;
  width: 47.4%;
}
.page-module #post-detail-list .post-list-block:nth-of-type(2n+1) {
  margin-right: 2.5%;
  width: 47.4%;
}
body.page-copyright #post-detail-list {
  clear: both;
  zoom: 1;
  margin: 0 42px 60px 42px;
  padding-top: 80px;
}
body.page-copyright #post-detail-list::before {
  content: "";
  display: table;
}
body.page-copyright #post-detail-list::after {
  content: "";
  display: table;
  clear: both;
}
body.page-copyright #post-detail-list .post-list-block {
  margin-bottom: 30px;
  float: left;
  border-top: 1px solid #DFDFDF;
}
body.page-copyright #post-detail-list .post-list-block h4 {
  font-size: 20px;
  margin: 20px 0;
  position: relative;
}
body.page-copyright #post-detail-list .post-list-block h4 .more {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 16px;
  color: #a4a4a4;
}
body.page-copyright #post-detail-list .post-list-block ul.post-list li {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 36px;
}
body.page-copyright #post-detail-list .post-list-block ul.post-list li .list-item-date {
  float: right;
  color: #a4a4a4;
}
body.page-copyright #post-detail-list .post-list-block:nth-of-type(2n) {
  margin-left: 2.5%;
  width: 47.4%;
}
body.page-copyright #post-detail-list .post-list-block:nth-of-type(2n+1) {
  margin-right: 2.5%;
  width: 47.4%;
}
.move-to-section a:hover{
	
	-webkit-animation:bounce 1s;animation:bounce 1s;}
	
.ljzx1{
	width:118px;
	height:48px;
	background: #FFFFFF;
	color:#ef5350;
	-webkit-border-radius:5px;
	margin-bottom:10px;
	text-align:center;
	line-height:48px;
	float:left;
}
.ljzx1 a{
	font-size:18px;
	border:1px solid #ffffff;
}
.ljzx1 a:hover{
	background:#ffffff;
	
	color:#ef5350;
}

.ljzx2{
	width:118px;
	height:48px;
	line-height:48px;
	border:1px solid #ffffff;
	-webkit-border-radius:5px;
	float:left;
}
.ljzx2 a{
	font-size:18px;
	
}
.ljzx2 a:hover{

	color:#ffffff;
}

.kfapp{ 
	position: absolute;
	 width: 587px; 
	 height: 108px; 
	 background: url(../images/page1_3.png) no-repeat center;
	 top: 50%;
	 left: 50%;
	  margin:-300px 0 0 -294px;
	  }
.box{
	position: absolute;
	 width: 1000px;
	  height: 122px;	  
	   top: 50%;
	   left: 50%; 
	   margin:-150px 0 0 -450px;   
	   }
.box ul li{background:url(../images/weixuanzhong.png) no-repeat center;}

.box ul li:hover{background:url(../images/yixuanzhong.png) no-repeat center;}

.box ul li img{
	width:63px;
	height:56px;
	position:relative;
	top: 25%;
	left: 23%; 
	
}	   
.box .qiu-list1{
	width:120px;
	height:120px;
	-webkit-border-radius:50%;	
	float:left;
	margin:0 50px;
	

}

.box .qiu-list2{
	width:120px;
	height:120px;
	-webkit-border-radius:50%;	
	float:left;
	margin:0 50px;
	
}
.box .qiu-list3{
	width:120px;
	height:120px;
	-webkit-border-radius:50%;	
	float:left;
	margin:0 50px;
	
}
.box .qiu-list4{
	width:120px;
	height:120px;
	-webkit-border-radius:50%;	
	float:left;
	margin:0 50px;
	
}	
@media (max-width: 479px){
	#page-solution #section-0 {
    background-image: url(../images/10.png);
    position: relative;
}
}