@charset "utf-8";
.container {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .container {
    width: 100%;
    padding: 0 30px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1060px;
  }
}
@media (min-width: 1300px) {
  .container {
    width: 1130px;
  }
}
@media (min-width: 1380px) {
  .container {
    width: 1190px;
  }
}
@media (min-width: 1550px) {
  .container {
    width: 1330px;
  }
}
@media (min-width: 1620px) {
  .container {
    width: 1390px;
  }
}
@media (min-width: 1800px) {
  .container {
    width: 1605px;
  }
}
@media (max-width: 767px) {
  .container {
    width: 100%;
    padding: 0 10px;
  }
}
.icon-menu {
  color: #652177;
  font-size: 26px;
  position: absolute;
  line-height: 30px;
  width: 30px;
  height: 30px;
  top: 50%;
  margin-top: -15px;
  right: 10px;
}
@media (min-width: 1025px) {
  .icon-menu {
    display: none;
  }
}
@media (min-width: 767px) {
  .icon-menu {
    font-size: 24px;
  }
}
@media (min-width: 321px) {
  .icon-menu {
    font-size: 23px;
    right: 8px;
  }
}
header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background: url("../images/headerbg.jpg") repeat-y left #ffffff;
  background-size: 50% auto;
  z-index: 5;
}
.bmb {
  height: 104px;
}
@media (max-width: 1840px) {
  .bmb {
    height: 90px;
  }
}
@media (max-width: 1601px) {
  .bmb {
    height: 80px;
  }
}
@media (max-width: 1550px) {
  .bmb {
    height: 68px;
  }
}
@media (max-width: 1301px) {
  .bmb {
    height: 64px;
  }
}
@media (max-width: 767px) {
  .bmb {
    height: 48px;
  }
}
@media (max-width: 376px) {
  .bmb {
    height: 40px;
  }
}
@media (max-width: 321px) {
  .bmb {
    height: 36px;
  }
}
.header {
  z-index: 90;
  background: #fff;
  height: 104px;
}
@media (max-width: 1840px) {
  .header {
    height: 90px;
  }
}
@media (max-width: 1601px) {
  .header {
    height: 80px;
  }
}
@media (max-width: 1550px) {
  .header {
    height: 68px;
  }
}
@media (max-width: 1301px) {
  .header {
    height: 64px;
  }
}
@media (max-width: 767px) {
  .header {
    height: 48px;
  }
}
@media (max-width: 376px) {
  .header {
    height: 40px;
  }
}
@media (max-width: 321px) {
  .header {
    height: 36px;
  }
}
.header .logo {
  background: #652177;
  float: left;
  position: relative;
  z-index: 5;
  height: 104px;
  padding: 19px 20px 0 0;
  width: 210px;
}
@media (max-width: 1840px) {
  .header .logo {
    width: 180px;
    height: 90px;
    padding: 17px 15px 0 0;
  }
}
@media (max-width: 1601px) {
  .header .logo {
    width: 170px;
    padding: 13px 10px 0 0;
    height: 80px;
  }
}
@media (max-width: 1550px) {
  .header .logo {
    width: 150px;
    padding: 10px 10px 0 0;
    height: 68px;
  }
}
@media (max-width: 1301px) {
  .header .logo {
    width: 140px;
    padding: 9px 10px 0 0;
    height: 64px;
  }
}
@media (max-width: 767px) {
  .header .logo {
    width: 100px;
    padding: 8px 8px 0 0;
    height: 48px;
  }
}
@media (max-width: 376px) {
  .header .logo {
    width: 90px;
    padding: 6px 8px 0 0;
    height: 40px;
  }
}
@media (max-width: 321px) {
  .header .logo {
    width: 80px;
    padding: 5px 8px 0 0;
    height: 36px;
  }
}
.header .right {
  float: right;
  font-size: 0;
  text-align: right;
}
.header .right .tel {
  display: inline-block;
  color: #333333;
  height: 104px;
  vertical-align: middle;
  font-family: "dincond-regularregular";
  line-height: 104px;
  font-size: 28px;
}
@media (max-width: 1840px) {
  .header .right .tel {
    line-height: 90px;
    font-size: 24px;
    height: 90px;
  }
}
@media (max-width: 1601px) {
  .header .right .tel {
    height: 80px;
    line-height: 80px;
  }
}
@media (max-width: 1550px) {
  .header .right .tel {
    height: 68px;
    line-height: 68px;
  }
}
@media (max-width: 1367px) {
  .header .right .tel {
    font-size: 22px;
  }
}
@media (max-width: 1301px) {
  .header .right .tel {
    height: 64px;
    line-height: 64px;
  }
}
@media (max-width: 1025px) {
  .header .right .tel {
    display: none;
  }
}
.header .right .tel em {
  display: block;
  float: left;
  font-size: 16px;
  font-family: "microsoft yahei";
  font-style: inherit;
}
@media (max-width: 1550px) {
  .header .right .tel em {
    font-size: 15px;
  }
}
@media (max-width: 1367px) {
  .header .right .tel em {
    font-size: 14px;
  }
}
.header .search {
  display: inline-block;
  margin: 0 35px 0 0;
  height: 104px;
  vertical-align: middle;
}
@media (max-width: 1840px) {
  .header .search {
    margin: 0 15px 0 0;
    height: 90px;
  }
}
@media (max-width: 1601px) {
  .header .search {
    margin: 0 10px 0 0;
    height: 80px;
  }
}
@media (max-width: 1550px) {
  .header .search {
    height: 68px;
  }
}
@media (max-width: 1301px) {
  .header .search {
    height: 64px;
  }
}
@media (max-width: 1025px) {
  .header .search {
    margin: 0 20px 0 0;
  }
}
@media (max-width: 767px) {
  .header .search {
    height: 48px;
    margin: 0 40px 0 0;
  }
}
@media (max-width: 376px) {
  .header .search {
    height: 40px;
  }
}
@media (max-width: 321px) {
  .header .search {
    height: 36px;
  }
}
.header .search .search-btn {
  width: 74px;
  position: relative;
  z-index: 1;
  cursor: pointer;
  text-align: center;
  height: 104px;
  line-height: 104px;
  font-weight: bold;
}
@media (max-width: 1840px) {
  .header .search .search-btn {
    line-height: 90px;
    height: 90px;
  }
}
@media (max-width: 1601px) {
  .header .search .search-btn {
    width: 68px;
    height: 80px;
    line-height: 80px;
  }
}
@media (max-width: 1550px) {
  .header .search .search-btn {
    height: 68px;
    width: 60px;
    line-height: 68px;
  }
}
@media (max-width: 1367px) {
  .header .search .search-btn {
    width: 50px;
  }
}
@media (max-width: 1301px) {
  .header .search .search-btn {
    height: 64px;
    line-height: 64px;
  }
}
@media (max-width: 767px) {
  .header .search .search-btn {
    height: 48px;
    line-height: 48px;
  }
}
@media (max-width: 376px) {
  .header .search .search-btn {
    height: 40px;
    line-height: 40px;
  }
}
@media (max-width: 321px) {
  .header .search .search-btn {
    height: 36px;
    width: 44px;
    line-height: 36px;
  }
}
.header .search .search-btn:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 47px;
  width: 1px;
  height: 11px;
  background: #cccccc;
}
@media (max-width: 1840px) {
  .header .search .search-btn:before {
    top: 37px;
  }
}
@media (max-width: 1601px) {
  .header .search .search-btn:before {
    top: 32px;
  }
}
@media (max-width: 1550px) {
  .header .search .search-btn:before {
    top: 28px;
  }
}
@media (max-width: 1301px) {
  .header .search .search-btn:before {
    top: 25px;
  }
}
@media (max-width: 767px) {
  .header .search .search-btn:before {
    top: 17px;
  }
}
@media (max-width: 376px) {
  .header .search .search-btn:before {
    top: 13px;
  }
}
@media (max-width: 321px) {
  .header .search .search-btn:before {
    top: 11px;
  }
}
.header .search .search-btn .icon-sousuo {
  color: #292929;
  font-size: 18px;
}
@media (max-width: 1367px) {
  .header .search .search-btn .icon-sousuo {
    font-size: 16px;
  }
}
.header .nav {
  display: inline-block;
  margin: 0 20px 0 0;
  vertical-align: middle;
}
@media (max-width: 1025px) {
  .header .nav {
    display: none;
  }
}
.header .nav li {
  float: left;
  padding: 0 26px;
}
@media (max-width: 1840px) {
  .header .nav li {
    padding: 0 19px;
  }
}
@media (max-width: 1601px) {
  .header .nav li {
    padding: 0 18px;
  }
}
@media (max-width: 1550px) {
  .header .nav li {
    padding: 0 15px;
  }
}
@media (max-width: 1367px) {
  .header .nav li {
    padding: 0 14px;
  }
}
@media (max-width: 1301px) {
  .header .nav li {
    padding: 0 13px;
  }
}
.header .nav li:hover > a {
  color: #652177;
}
.header .nav li:hover .sub {
  display: block;
}
.header .nav li > a {
  height: 104px;
  line-height: 104px;
  color: #333333;
  font-size: 15px;
  display: block;
  overflow: hidden;
}
@media (max-width: 1840px) {
  .header .nav li > a {
    height: 90px;
    line-height: 90px;
  }
}
@media (max-width: 1601px) {
  .header .nav li > a {
    height: 80px;
    line-height: 80px;
  }
}
@media (max-width: 1550px) {
  .header .nav li > a {
    font-size: 15px;
    height: 68px;
    line-height: 68px;
  }
}
@media (max-width: 1445px) {
  .header .nav li > a {
    font-size: 14px;
  }
}
@media (max-width: 1301px) {
  .header .nav li > a {
    height: 64px;
    line-height: 64px;
  }
}
.header .nav li .sub {
  position: absolute;
  left: 0;
  z-index: 1;
  overflow: hidden;
  display: none;
  top: 104px;
  border-top: 1px solid #dddddd;
  background: #fff;
  width: 100%;
  text-align: left;
}
@media (max-width: 1840px) {
  .header .nav li .sub {
    top: 90px;
  }
}
@media (max-width: 1601px) {
  .header .nav li .sub {
    top: 80px;
  }
}
@media (max-width: 1550px) {
  .header .nav li .sub {
    top: 68px;
  }
}
@media (max-width: 1301px) {
  .header .nav li .sub {
    top: 64px;
  }
}
.header .nav li .sub .container {
  padding: 0 0 0 28%;
}
.header .nav li #case-nav .container {
  padding-left: 34%;
}
@media (max-width: 1835px) {
  .header .nav li .sub .container {
    margin: 0 0 0 5.5%;
  }
}
@media (max-width: 1620px) {
  .header .nav li .sub .container {
    margin: 0 0 0 4%;
  }
}
@media (max-width: 1550px) {
  .header .nav li .sub .container {
    margin: 0 0 0 4.5%;
  }
}
@media (max-width: 1400px) {
  .header .nav li .sub .container {
    margin: 0 0 0 3.7%;
  }
}
@media (max-width: 1340px) {
  .header .nav li .sub .container {
    margin: 0 0 0 3.1%;
  }
}
.header .nav li .sub span {
  display: block;
  -webkit-animation: 0.25s snav 0s ease-in-out;
  animation: 0.25s snav 0s ease-in-out;
}
@-webkit-keyframes snav {
  0% {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
  }
}
@keyframes snav {
  0% {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
  }
}
.header .nav li .sub span > a {
  padding: 20px 0;
  margin: 0 23px;
  position: relative;
  display: inline-block;
  color: #666666;
  font-size: 14px;
  z-index: 20;
}
@media (max-width: 1550px) {
  .header .nav li .sub span > a {
    margin: 0 16px;
    padding: 16px 0;
  }
}
.header .nav li .sub span > a:hover:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #652177;
}
.header .nav .active > a {
  color: #652177;
}
#craft-nav span {
  padding: 0 0 0 11.5%;
}
@media (max-width: 1835px) {
  #craft-nav span {
    padding: 0 0 0 10.5%;
  }
}
@media (max-width: 1550px) {
  #craft-nav span {
    padding: 0 0 0 9.7%;
  }
}
#furnishings-nav span {
  padding: 0 0 0 35%;
}
@media (max-width: 1835px) {
  #furnishings-nav span {
    padding: 0 0 0 35.5%;
  }
}
@media (max-width: 1620px) {
  #furnishings-nav span {
    padding: 0 0 0 36.5%;
  }
}
@media (max-width: 1550px) {
  #furnishings-nav span {
    padding: 0 0 0 35.5%;
  }
}
@media (max-width: 1400px) {
  #furnishings-nav span {
    padding: 0 0 0 36.5%;
  }
}
#about-nav span {
  padding: 0 0 0 36.3%;
}
@media (max-width: 1835px) {
  #about-nav span {
    padding: 0 0 0 37%;
  }
}
@media (max-width: 1550px) {
  #about-nav span {
    padding: 0 0 0 35.5%;
  }
}
@media (max-width: 1400px) {
  #about-nav span {
    padding: 0 0 0 36%;
  }
}
.header1 {
  z-index: 999;
  height: 86px;
  background: #fff;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  animation: myfirst 1.6s alternate;
  -webkit-animation: myfirst 1.6s alternate;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
  background: url("../images/headerbg.jpg") repeat-y center left #ffffff;
  background-size: 50% auto;
}
@media (max-width: 1840px) {
  .header1 {
    height: 76px;
  }
}
@media (max-width: 1601px) {
  .header1 {
    height: 71px;
  }
}
@media (max-width: 1550px) {
  .header1 {
    height: 64px;
  }
}
@media (max-width: 1301px) {
  .header1 {
    height: 58px;
  }
}
@media (max-width: 767px) {
  .header1 {
    height: 44px;
  }
}
@media (max-width: 376px) {
  .header1 {
    height: 40px;
  }
}
@media (max-width: 321px) {
  .header1 {
    height: 36px;
  }
}
.header1 .header {
  height: 86px;
}
@media (max-width: 1840px) {
  .header1 .header {
    height: 76px;
  }
}
@media (max-width: 1601px) {
  .header1 .header {
    height: 71px;
  }
}
@media (max-width: 1550px) {
  .header1 .header {
    height: 64px;
  }
}
@media (max-width: 1301px) {
  .header1 .header {
    height: 58px;
  }
}
@media (max-width: 767px) {
  .header1 .header {
    height: 44px;
  }
}
@media (max-width: 376px) {
  .header1 .header {
    height: 40px;
  }
}
@media (max-width: 321px) {
  .header1 .header {
    height: 36px;
  }
}
.header1 .logo {
  padding: 10px 20px 0 0;
  height: 86px;
}
@media (max-width: 1840px) {
  .header1 .logo {
    height: 76px;
    padding: 8px 15px 0 0;
  }
}
@media (max-width: 1601px) {
  .header1 .logo {
    height: 71px;
    padding: 8px 10px 0 0;
  }
}
@media (max-width: 1550px) {
  .header1 .logo {
    height: 64px;
  }
}
@media (max-width: 1301px) {
  .header1 .logo {
    height: 58px;
    padding: 6px 10px 0 0;
  }
}
@media (max-width: 767px) {
  .header1 .logo {
    padding: 5px 8px 0 0;
    height: 44px;
  }
}
@media (max-width: 376px) {
  .header1 .logo {
    height: 40px;
  }
}
@media (max-width: 321px) {
  .header1 .logo {
    height: 36px;
  }
}
.header1 .nav li > a {
  height: 86px;
  line-height: 86px;
}
@media (max-width: 1840px) {
  .header1 .nav li > a {
    height: 76px;
    line-height: 76px;
  }
}
@media (max-width: 1601px) {
  .header1 .nav li > a {
    height: 71px;
    line-height: 71px;
  }
}
@media (max-width: 1550px) {
  .header1 .nav li > a {
    height: 64px;
    line-height: 64px;
  }
}
@media (max-width: 1301px) {
  .header1 .nav li > a {
    height: 58px;
    line-height: 58px;
  }
}
@media (max-width: 767px) {
  .header1 .nav li > a {
    height: 44px;
    line-height: 44px;
  }
}
@media (max-width: 376px) {
  .header1 .nav li > a {
    height: 40px;
    line-height: 40px;
  }
}
@media (max-width: 321px) {
  .header1 .nav li > a {
    height: 36px;
    line-height: 36px;
  }
}
.header1 .nav li .sub {
  top: 86px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
}
@media (max-width: 1840px) {
  .header1 .nav li .sub {
    top: 76px;
  }
}
@media (max-width: 1601px) {
  .header1 .nav li .sub {
    top: 71px;
  }
}
@media (max-width: 1550px) {
  .header1 .nav li .sub {
    top: 64px;
  }
}
@media (max-width: 1301px) {
  .header1 .nav li .sub {
    top: 58px;
  }
}
@media (max-width: 767px) {
  .header1 .nav li .sub {
    top: 44px;
  }
}
@media (max-width: 376px) {
  .header1 .nav li .sub {
    top: 40px;
  }
}
@media (max-width: 321px) {
  .header1 .nav li .sub {
    top: 36px;
  }
}
.header1 .search {
  height: 86px;
}
@media (max-width: 1840px) {
  .header1 .search {
    height: 76px;
  }
}
@media (max-width: 1601px) {
  .header1 .search {
    height: 71px;
  }
}
@media (max-width: 1550px) {
  .header1 .search {
    height: 64px;
  }
}
@media (max-width: 1301px) {
  .header1 .search {
    height: 58px;
  }
}
@media (max-width: 767px) {
  .header1 .search {
    height: 44px;
  }
}
@media (max-width: 376px) {
  .header1 .search {
    height: 40px;
  }
}
@media (max-width: 321px) {
  .header1 .search {
    height: 36px;
  }
}
.header1 .search .search-btn {
  height: 86px;
  line-height: 86px;
}
@media (max-width: 1840px) {
  .header1 .search .search-btn {
    height: 76px;
    line-height: 76px;
  }
}
@media (max-width: 1601px) {
  .header1 .search .search-btn {
    height: 71px;
    line-height: 71px;
  }
}
@media (max-width: 1550px) {
  .header1 .search .search-btn {
    height: 64px;
    line-height: 64px;
  }
}
@media (max-width: 1301px) {
  .header1 .search .search-btn {
    height: 58px;
    line-height: 58px;
  }
}
@media (max-width: 767px) {
  .header1 .search .search-btn {
    height: 44px;
    line-height: 44px;
  }
}
@media (max-width: 376px) {
  .header1 .search .search-btn {
    height: 40px;
    line-height: 40px;
  }
}
@media (max-width: 321px) {
  .header1 .search .search-btn {
    height: 36px;
    line-height: 36px;
  }
}
.header1 .search .search-btn:before {
  top: 37px;
}
@media (max-width: 1840px) {
  .header1 .search .search-btn:before {
    top: 32px;
  }
}
@media (max-width: 1601px) {
  .header1 .search .search-btn:before {
    top: 29px;
  }
}
@media (max-width: 1550px) {
  .header1 .search .search-btn:before {
    top: 25px;
  }
}
@media (max-width: 1301px) {
  .header1 .search .search-btn:before {
    top: 23px;
  }
}
@media (max-width: 767px) {
  .header1 .search .search-btn:before {
    top: 16px;
  }
}
@media (max-width: 376px) {
  .header1 .search .search-btn:before {
    top: 14px;
  }
}
@media (max-width: 321px) {
  .header1 .search .search-btn:before {
    top: 12px;
  }
}
.header1 .right .tel {
  height: 86px;
  line-height: 86px;
}
@media (max-width: 1840px) {
  .header1 .right .tel {
    height: 76px;
    line-height: 76px;
  }
}
@media (max-width: 1601px) {
  .header1 .right .tel {
    height: 71px;
    line-height: 71px;
  }
}
@media (max-width: 1550px) {
  .header1 .right .tel {
    height: 71px;
    line-height: 71px;
  }
}
@media (max-width: 1301px) {
  .header1 .right .tel {
    height: 58px;
    line-height: 58px;
  }
}
@media (max-width: 767px) {
  .header1 .right .tel {
    height: 44px;
    line-height: 44px;
  }
}
@media (max-width: 376px) {
  .header1 .right .tel {
    height: 40px;
    line-height: 40px;
  }
}
@media (max-width: 321px) {
  .header1 .right .tel {
    height: 36px;
    line-height: 36px;
  }
}
@keyframes myfirst {
  0% {
    top: -110px;
  }
  100% {
    top: 0;
  }
}
@-webkit-keyframes myfirst {
  0% {
    top: -110px;
  }
  100% {
    left: 0;
  }
}
.home-title {
  position: relative;
  z-index: 60;
  border-bottom: 1px #e9e9e9 solid;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.03);
  background: #fff;
}
.home-title .container {
  position: relative;
}
.home-title .container ul {
  background: #fff;
  position: relative;
  z-index: 90;
  text-align: center;
  font-size: 0;
  padding: 25px 0 40px 265px;
  height: 180px;
  margin: -135px auto 0;
}
.home-title .container ul:after {
  content: "";
  position: absolute;
  left: 0;
  z-index: 100;
  width: 100%;
  bottom: -82px;
  height: 82px;
  background: url("../images/maks.png") no-repeat top center;
  background-size: 110% auto;
}
.home-title .container ul li {
  width: 20%;
  padding: 0 5px;
  display: inline-block;
}
.home-title .container ul li:hover .pic {
  transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
}
@media (max-width: 767px) {
  .home-title .container ul li:hover .pic {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
  }
}
.home-title .container ul li:hover .pic img {
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  filter: grayscale(0);
}
.home-title .container ul li:hover span {
  color: #652177;
}
.home-title .container ul li .pic {
  margin: 0 auto;
  position: relative;
  width: 64px;
  height: 64px;
  transition: all 0.65s ease-in-out;
  -webkit-transition: all 0.65s ease-in-out;
  -moz-transition: all 0.65s ease-in-out;
}
.home-title .container ul li .pic img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
  filter: gray;
  transition: all 0.65s ease-in-out;
  -webkit-transition: all 0.65s ease-in-out;
  -moz-transition: all 0.65s ease-in-out;
}
.home-title .container ul li span {
  display: block;
  margin: 10px auto 0;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  color: #333333;
  text-align: center;
  font-size: 16px;
}
.home-title .container ul li p {
  display: block;
  height: 24px;
  text-align: center;
  line-height: 24px;
  overflow: hidden;
  color: #999999;
  font-size: 14px;
}
@media (max-width: 1445px) {
  .home-title .container ul {
    padding-top: 20px;
    padding-bottom: 20px;
    height: 152px;
    margin: -100px auto 0;
  }
  .home-title .container ul li .pic {
    width: 54px;
    height: 54px;
  }
}
@media (max-width: 992px) {
  .home-title .container ul {
    height: 132px;
    margin: -80px auto 0;
  }
  .home-title .container ul li .pic {
    width: 40px;
    height: 40px;
  }
  .home-title .container ul li span {
    font-size: 14px;
  }
  .home-title .container ul li p {
    font-size: 12px;
    height: 20px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .home-title .container ul {
    height: auto;
    background: #f7f7f7;
    margin: 10px auto 0;
    padding-top: 20px;
    padding-bottom: 0;
    padding-left: 0;
  }
  .home-title .container ul:after {
    display: none;
  }
  .home-title .container ul li {
    margin: 0 0 20px;
  }
  .home-title .container ul li .pic {
    width: 34px;
    height: 34px;
  }
  .home-title .container ul li span {
    margin: 5px auto 0;
    font-size: 15px;
    height: 22px;
    line-height: 22px;
  }
  .home-title .container ul li p {
    font-size: 10px;
    height: 18px;
    line-height: 18px;
  }
}
@media (max-width: 414px) {
  .home-title .list {
    width: 100%;
    overflow: auto ;
  }
  .home-title .list::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color: #fcfcfc;
  }
  .home-title .list::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fcfcfc;
  }
  .home-title .list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #652177;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  }
  .home-title .list ul {
    width: 600px;
  }
}
@media (max-width: 376px) {
  .home-title .container ul li .pic {
    width: 30px;
    height: 30px;
  }
  .home-title .container ul li span {
    font-size: 14px;
    height: 18px;
    line-height: 18px;
  }
}
@media (max-width: 321px) {
  .home-title .container ul li .pic {
    width: 28px;
    height: 28px;
  }
  .home-title .container ul li p {
    font-size: 9px;
  }
}
.home-case {
  overflow: hidden;
  position: relative;
  z-index: 100;
  padding: 0 0 44px;
  margin: 60px auto 0;
}
@media (max-width: 767px) {
  .home-case {
    margin: 30px auto 0;
    padding: 0 0 30px;
  }
}
.home-case .hcase-main {
  overflow: hidden;
  margin: 0 auto 26px;
  display: none;
}
@media (max-width: 1445px) {
  .home-case .hcase-main {
    margin: 0 auto 25px;
  }
}
@media (max-width: 767px) {
  .home-case .hcase-main {
    margin: 0 auto 25px;
  }
}
@media (max-width: 361px) {
  .home-case .hcase-main {
    margin: 0 auto 20px;
  }
}
.home-case .hcase-main .hcase {
  margin: 0 -7px;
}
.home-case .hcase-main .hcase li {
  padding: 9px 7px;
  float: left;
  width: 25%;
}
@media (max-width: 992px) {
  .home-case .hcase-main .hcase li {
    width: 33.33333333%;
  }
}
@media (max-width: 767px) {
  .home-case .hcase-main .hcase li {
    width: 50%;
    padding: 6px 5px;
    display: none;
  }
  .home-case .hcase-main .hcase li:nth-child(1),
  .home-case .hcase-main .hcase li:nth-child(2),
  .home-case .hcase-main .hcase li:nth-child(3),
  .home-case .hcase-main .hcase li:nth-child(4),
  .home-case .hcase-main .hcase li:nth-child(5),
  .home-case .hcase-main .hcase li:nth-child(6),
  .home-case .hcase-main .hcase li:nth-child(7),
  .home-case .hcase-main .hcase li:nth-child(8) {
    display: block;
  }
}
@media (max-width: 361px) {
  .home-case .hcase-main .hcase li {
    padding: 5px 4px;
  }
}
.home-case .hcase-main .hcase .li-1 .mask:before {
  width: 94%;
  height: 94%;
  top: 3%;
  left: 3%;
}
.home-case .hcase-main .hcase .pic {
  position: relative;
  overflow: hidden;
  background: #efefef;
}
.home-case .hcase-main .hcase .pic img {
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
}
.home-case .hcase-main .hcase .pic:after {
  content: "";
  display: block;
  padding-bottom: 59.5%;
}
.home-case .hcase-main .hcase a {
  display: block;
  position: relative;
}
.home-case .hcase-main .hcase a:hover .pic img {
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
}
.home-case .hcase-main .hcase a:hover .mask {
  opacity: 1;
  display: block\9;
}
.home-case .hcase-main .hcase a .mask {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  display: none\9;
  padding: 5%;
  width: 100%;
  height: 100%;
  z-index: 99;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  background: url("../images/case-mask.png");
}
@media (max-width: 992px) {
  .home-case .hcase-main .hcase a .mask {
    display: none;
  }
}
.home-case .hcase-main .hcase a .mask:before {
  content: "";
  display: block;
  position: absolute;
  width: 94%;
  height: 90%;
  top: 5%;
  z-index: 100;
  left: 3%;
  border: 1px solid #fff;
}
.home-case .hcase-main .hcase a .mask span {
  text-align: center;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  display: block;
  color: #fff;
  font-size: 16px;
}
.home-case .hcase-main .hcase a .mask p {
  text-align: center;
  height: 50px;
  line-height: 25px;
  overflow: hidden;
  display: block;
  color: #fff;
  margin: 5px auto 25px;
  font-size: 12px;
  padding: 0 10px;
}
@media (max-width: 1700px) {
  .home-case .hcase-main .hcase a .mask p {
    margin-bottom: 10px;
  }
}
@media (max-width: 1440px) {
  .home-case .hcase-main .hcase a .mask p {
    margin-bottom: 5px;
  }
}
@media (max-width: 1280px) {
  .home-case .hcase-main .hcase a .mask p {
    height: 25px;
  }
}
@media (max-width: 1280px) {
  .home-case .hcase-main .hcase a .mask span {
    margin-top: 5px;
  }
}
.home-case .hcase-main .hcase a .mask em {
  display: block;
  margin: 0 auto;
  width: 46px;
  position: relative;
  text-align: center;
  height: 46px;
}
.home-case .hcase-main .hcase a .mask i {
  display: inline-block;
  margin: 0 auto;
}
.home-case .hcase-main .hcase a .mask .icon-jiahao {
  color: #fff;
  font-size: 44px;
  margin: 0 auto;
}
.home-case .hcase-main .hcase .box {
  position: absolute;
  width: 90%;
  height: 124px;
  top: 50%;
  margin-top: -62px;
}
.home-case .case-title {
  text-align: center;
  margin: 23px auto 48px;
}
@media (max-width: 1681px) {
  .home-case .case-title {
    margin: 23px auto 35px;
  }
}
@media (max-width: 1445px) {
  .home-case .case-title {
    margin: 23px auto 25px;
  }
}
@media (max-width: 992px) {
  .home-case .case-title {
    margin: 23px auto 10px;
  }
}
.home-case .case-title li {
  display: inline-block;
  color: #999999;
  font-size: 14px;
  cursor: pointer;
  position: relative;
  z-index: 1;
  line-height: 24px;
  padding: 2px 21px;
  margin: 0 5px 10px;
}
@media (max-width: 767px) {
  .home-case .case-title li {
    padding: 2px 10px;
    margin: 0 5px 5px;
  }
}
.home-case .case-title li:hover {
  background: #652177;
  color: #fff;
}
.home-case .case-title .active {
  background: #652177;
  color: #fff;
}
.morez {
  margin: 0 auto;
  width: 160px;
  height: 35px;
  display: block;
  background: #652177;
  border: 1px solid #652177;
  line-height: 34px;
  position: relative;
  background: #652177 url("../images/jiantou.png") 110px no-repeat;
  overflow: hidden;
  padding-left: 17px;
  font-size: 14px;
  color: #fff !important;
}
@media (max-width: 767px) {
  .morez {
    width: 110px;
    height: 32px;
    line-height: 32px;
  }
}
.morez:hover {
  border: 1px solid #652177;
  background: url("../images/jiantou-01.png") 110px no-repeat;
  color: #652177 !important;
}
.morez a {
  display: block;
}
.titlez {
  text-align: center;
  color: #333333;
  font-size: 26px;
  line-height: 34px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .titlez {
    font-size: 22px;
    line-height: 28px;
  }
}
.titlez-1 {
  text-align: center;
  color: #000000;
  font-size: 36px;
  line-height: 46px;
  margin: 0 auto;
  font-family: "helveticaneueltpro-md-0";
}
@media (max-width: 767px) {
  .titlez-1 {
    font-size: 26px;
    line-height: 34px;
  }
}
.home-number {
  margin: 0 auto;
  padding: 65px 0 44px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  background-attachment: fixed;
}
@media (max-width: 1550px) {
  .home-number {
    padding: 60px 0 50px;
  }
}
@media (max-width: 767px) {
  .home-number {
    padding: 40px 0 30px;
  }
  .home-number li {
    display: none;
  }
  .home-number li:nth-child(1) {
    display: block;
  }
  .home-number li:nth-child(2) {
    display: block;
  }
  .home-number li:nth-child(3) {
    display: block;
  }
  .home-number li:nth-child(4) {
    display: block;
  }
  .home-number .circle li .item {
    padding-top: 10%;
  }
}
@media (max-width: 376px) {
  .home-number {
    padding: 30px 0;
  }
}
.home-number .container {
  position: relative;
  padding: 0 30px 0 370px;
}
@media (max-width: 1010px) {
  .home-number .container {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  .home-number .container {
    padding: 0 10px;
  }
}
.home-number .left {
  position: absolute;
  left: 0;
  height: 70px;
  padding: 0 0 0 30px;
  top: 50%;
  margin-top: -35px;
}
@media (max-width: 1010px) {
  .home-number .left {
    position: relative;
    left: auto;
    top: auto;
    padding: 0;
    width: 100%;
    margin: 0 auto 25px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .home-number .left {
    position: relative;
    left: auto;
    top: auto;
    padding: 0;
    width: 100%;
    margin: 0 auto 15px;
    text-align: center;
  }
}
@media (max-width: 321px) {
  .home-number .left {
    margin: 0 auto 10px;
  }
}
.home-number .left .text-1 {
  float: left;
  color: #fff;
  font-size: 20px;
  height: 70px;
  overflow: hidden;
  line-height: 70px;
}
@media (max-width: 1010px) {
  .home-number .left .text-1 {
    float: initial;
    vertical-align: middle;
    display: inline-block;
  }
}
@media (max-width: 376px) {
  .home-number .left .text-1 {
    font-size: 16px;
  }
}
.home-number .left .counter {
  float: left;
  color: #fff;
  height: 70px;
  width: 165px;
  margin: 0 8px 0 12px;
  font-size: 60px;
  font-weight: bold;
  letter-spacing: 38px;
  padding: 0 0 0 12px;
  font-family: "dincond-regularregular";
  background: url("../images/num-bg.png") no-repeat center;
}
@media (max-width: 1010px) {
  .home-number .left .counter {
    float: initial;
    vertical-align: middle;
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .home-number .left .counter {
    font-size: 42px;
    height: 50px;
    width: 126px;
    line-height: 50px;
    padding: 0 0 0 10px;
    letter-spacing: 30px;
    background-size: 100% auto;
  }
}
.home-number .circle {
  margin: 0 -30px 0 0;
  padding: 0 0 15px 120px;
}
@media (max-width: 1805px) {
  .home-number .circle {
    padding: 0 0 0 80px;
  }
}
@media (max-width: 1550px) {
  .home-number .circle {
    padding: 0 0 0 50px;
  }
}
@media (max-width: 1350px) {
  .home-number .circle {
    padding: 0 0 0 10px;
    margin: 0 -20px 0 0;
  }
}
@media (max-width: 767px) {
  .home-number .circle {
    margin: 0 -10px;
  }
}
.home-number .circle li {
  width: 25%;
  float: left;
  padding: 30px;
}
@media (max-width: 1350px) {
  .home-number .circle li {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .home-number .circle li {
    width: 50%;
    padding: 10px;
  }
}
.home-number .circle li .item {
  padding: 20% 5% 10px;
  width: 220px;
  height: 220px;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 50%;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  border: 1px solid #a7a7a7;
}
@media (max-width: 1805px) {
  .home-number .circle li .item {
    width: 180px;
    height: 180px;
  }
}
@media (max-width: 1550px) {
  .home-number .circle li .item {
    width: 150px;
    padding: 15% 5% 10px;
    height: 150px;
  }
}
@media (max-width: 1350px) {
  .home-number .circle li .item {
    width: 136px;
    padding: 15% 5% 10px;
    height: 136px;
  }
}
@media (max-width: 1010px) {
  .home-number .circle li .item {
    width: 140px;
    height: 140px;
  }
}
@media (max-width: 767px) {
  .home-number .circle li .item {
    width: 170px;
    height: 170px;
  }
}
@media (max-width: 376px) {
  .home-number .circle li .item {
    width: 150px;
    height: 150px;
  }
}
@media (max-width: 321px) {
  .home-number .circle li .item {
    width: 134px;
    height: 134px;
  }
}
.home-number .circle li .item:hover {
  background: #fff;
  border: 1px solid #fff;
}
.home-number .circle li .item:hover .num {
  color: #652177;
}
.home-number .circle li .item:hover span {
  color: #652177;
}
.home-number .circle li .item:hover p {
  color: #652177;
}
.home-number .circle li .num {
  color: #fff;
  font-size: 26px;
  text-align: center;
  font-family: "microsoft yahei";
  line-height: 46px;
}
@media (max-width: 1805px) {
  .home-number .circle li .num {
    font-size: 22px;
    line-height: 42px;
  }
}
@media (max-width: 1550px) {
  .home-number .circle li .num {
    font-size: 18px;
    line-height: 36px;
  }
}
.home-number .circle li .num big {
  font-size: 48px;
  font-family: "futura_md_btmedium";
}
@media (max-width: 1805px) {
  .home-number .circle li .num big {
    font-size: 42px;
  }
}
@media (max-width: 1550px) {
  .home-number .circle li .num big {
    font-size: 36px;
  }
}
@media (max-width: 321px) {
  .home-number .circle li .num big {
    font-size: 32px;
  }
}
.home-number .circle li span {
  display: block;
  color: #fff;
  font-size: 32px;
  height: 48px;
  line-height: 48px;
  overflow: hidden;
  text-align: center;
}
@media (max-width: 1805px) {
  .home-number .circle li span {
    font-size: 22px;
    height: 36px;
    line-height: 36px;
  }
}
@media (max-width: 1550px) {
  .home-number .circle li span {
    font-size: 20px;
    height: 30px;
    line-height: 30px;
  }
}
@media (max-width: 321px) {
  .home-number .circle li span {
    font-size: 18px;
    height: 26px;
    line-height: 26px;
  }
}
.home-number .circle li p {
  display: block;
  color: #fff;
  font-size: 13px;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  text-align: center;
}
@media (max-width: 1805px) {
  .home-number .circle li p {
    font-size: 12px;
  }
}
@media (max-width: 1550px) {
  .home-number .circle li p {
    font-size: 11px;
  }
}
@media (max-width: 1350px) {
  .home-number .circle li p {
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  .home-number .circle li p {
    font-size: 12px;
  }
}
@media (max-width: 376px) {
  .home-number .circle li p {
    font-size: 11px;
  }
}
@media (max-width: 321px) {
  .home-number .circle li p {
    font-size: 9px;
    height: 20px;
    line-height: 20px;
  }
}
.home-hote {
  padding: 60px 0 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .home-hote {
    padding: 30px 0 0;
  }
}
.home-hote .home-hotemian {
  margin: 40px auto 28px auto;
  overflow: hidden;
}
@media (max-width: 1281px) {
  .home-hote .home-hotemian {
    margin: 20px auto 25px;
  }
}
@media (max-width: 1025px) {
  .home-hote {
    padding: 30px 0 0;
  }
}
.home-hote .home-hotemian ul {
  margin: 0 -5px;
}
.home-hote .home-hotemian ul li {
  float: left;
  width: 25%;
  padding: 5px;
}
@media (max-width: 992px) {
  .home-hote .home-hotemian ul li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .home-hote .home-hotemian ul li {
    display: none;
  }
  .home-hote .home-hotemian ul li:nth-child(1),
  .home-hote .home-hotemian ul li:nth-child(2),
  .home-hote .home-hotemian ul li:nth-child(3),
  .home-hote .home-hotemian ul li:nth-child(4),
  .home-hote .home-hotemian ul li:nth-child(5),
  .home-hote .home-hotemian ul li:nth-child(6) {
    display: block;
  }
}
.home-hote .home-hotemian ul a {
  display: inline-block;
  width: 100%;
}
.home-hote .home-hotemian ul a:hover .pic img {
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
}
.home-hote .home-hotemian ul .box {
  position: relative;
  overflow: hidden;
}
.home-hote .home-hotemian ul .box:after {
  content: "";
  display: block;
  padding-bottom: 63.5%;
}
.home-hote .home-hotemian ul .pic img {
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
}
.home-hote .home-hotemian ul .pic .mask {
  padding-top: 5px;
  position: absolute;
  right: 0;
  top: 0;
  height: 76px;
  z-index: 50;
  width: 80px;
  transition: all 0.45s ease-in-out;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  background: #000 \9;
  background: rgba(0, 0, 0, 0.3);
}
.home-hote .home-hotemian ul .pic .mask .text-1 {
  text-align: center;
  line-height: 30px;
  color: #fff;
  overflow: hidden;
  font-size: 14px;
}
.home-hotemian .text-1 span {
  display: block;
}
.home-hote .home-hotemian ul .pic .mask .text-1 big {
  font-size: 30px;
  margin: 0 2px;
  font-family: "futura_md_btmedium";
}
.home-hote .home-hotemian ul .txt {
  padding: 5px 10px 5px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  background: #000 \9;
  background: rgba(0, 0, 0, 0.5);
}
@media (max-width: 767px) {
  .home-hote .home-hotemian ul .txt {
    padding: 15px 10px 10px;
  }
  .home-hote .home-hotemian ul .pic .mask {
    height: 62px;
  }
  .home-hote .home-hotemian ul .pic .mask .text-1 {
    font-size: 12px;
    line-height: 26px;
  }
  .home-hote .home-hotemian ul .pic .mask .text-1 big {
    font-size: 20px;
  }
}
@media (max-width: 360px) {
  .home-hote .home-hotemian ul .txt span {
    font-size: 14px;
  }
  .home-hote .home-hotemian ul .pic .mask {
    height: 52px;
  }
  .home-hote .home-hotemian ul .pic .mask .text-1 {
    line-height: 20px;
  }
}
.home-hote .home-hotemian ul .txt span {
  display: block;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  color: #fff;
  font-size: 16px;
}
.home-hote .home-hotemian ul .txt p {
  display: block;
  margin: 3px 0 0;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  color: #fff;
  font-size: 12px;
}
@media (max-width: 767px) {
  .home-hote .home-hotemian ul .txt {
    padding: 5px 10px 5px;
  }
  .home-hote .home-hotemian ul .txt p {
    margin: 0 auto;
    display: none;
  }
  .home-hote .home-hotemian ul .txt span {
    font-size: 14px;
  }
}
.home-video {
  background: #f4f4f4;
  margin: 44px auto 60px auto;
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  .home-video {
    margin: 30px auto;
  }
}
.home-video .txt {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -250px;
  width: 49.5%;
  height: 500px;
  z-index: 50;
  background: url("../images/home-videobg.jpg") no-repeat right center;
}
@media (max-width: 1550px) {
  .home-video .txt {
    height: 450px;
    width: 55%;
    margin-top: -225px;
  }
}
@media (max-width: 1281px) {
  .home-video .txt {
    height: 360px;
    margin-top: -180px;
  }
}
@media (max-width: 1025px) {
  .home-video .txt {
    height: 320px;
    margin-top: -160px;
  }
}
@media (max-width: 992px) {
  .home-video .txt {
    height: 300px;
    margin-top: -150px;
  }
}
@media (max-width: 767px) {
  .home-video .txt {
    position: relative;
    left: auto;
    top: auto;
    margin-top: auto;
    width: 100%;
    height: auto;
  }
}
.home-video .txt .text-1 {
  height: 202px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -101px;
  width: 77%;
  border: 1px solid #dedede;
  border-right: none;
}
@media (max-width: 1281px) {
  .home-video .txt .text-1 {
    height: 178px;
    width: 88%;
    margin-top: -89px;
  }
}
@media (max-width: 1025px) {
  .home-video .txt .text-1 {
    height: 140px;
    margin-top: -70px;
  }
}
@media (max-width: 992px) {
  .home-video .txt .text-1 {
    width: 94%;
  }
}
@media (max-width: 767px) {
  .home-video .txt .text-1 {
    position: relative;
    left: auto;
    top: auto;
    margin-top: auto;
    width: 100%;
    height: auto;
    border: none;
    border-top: 1px solid #dedede;
  }
}
.home-video .txt .text-1 ul {
  display: inline-block;
  width: 100%;
}
.home-video .txt .text-1 ul li {
  padding: 45px 20px 50px;
  float: left;
  width: 33.33333333%;
}
@media (max-width: 1281px) {
  .home-video .txt .text-1 ul li {
    padding: 30px 10px;
  }
}
@media (max-width: 1025px) {
  .home-video .txt .text-1 ul li {
    padding: 15px 10px;
  }
}
@media (max-width: 992px) {
  .home-video .txt .text-1 ul li {
    padding: 15px 5px;
  }
}
@media (max-width: 321px) {
  .home-video .txt .text-1 ul li {
    padding: 10px 5px;
  }
}
.home-video .txt .text-1 ul big {
  font-size: 40px;
  color: #333333;
  display: block;
  text-align: center;
  line-height: 50px;
  height: 50px;
  overflow: hidden;
  font-family: "futura_md_btmedium";
}
@media (max-width: 1025px) {
  .home-video .txt .text-1 ul big {
    font-size: 30px;
    line-height: 40px;
    height: 40px;
  }
}
@media (max-width: 992px) {
  .home-video .txt .text-1 ul big {
    font-size: 24px;
    line-height: 34px;
    height: 34px;
  }
}
@media (max-width: 321px) {
  .home-video .txt .text-1 ul big {
    font-size: 20px;
    line-height: 30px;
    height: 30px;
  }
}
.home-video .txt .text-1 ul .counter {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
}
@media (max-width: 1025px) {
  .home-video .txt .text-1 ul .counter {
    line-height: 40px;
    height: 40px;
  }
}
@media (max-width: 992px) {
  .home-video .txt .text-1 ul .counter {
    line-height: 34px;
    height: 34px;
  }
}
@media (max-width: 321px) {
  .home-video .txt .text-1 ul .counter {
    line-height: 30px;
    height: 30px;
  }
}
.home-video .txt .text-1 ul small {
  font-size: 16px;
  height: 50px;
  line-height: 68px;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 1025px) {
  .home-video .txt .text-1 ul small {
    line-height: 48px;
    height: 40px;
  }
}
@media (max-width: 992px) {
  .home-video .txt .text-1 ul small {
    line-height: 38px;
    height: 34px;
  }
}
@media (max-width: 321px) {
  .home-video .txt .text-1 ul small {
    line-height: 36px;
    height: 30px;
  }
}
.home-video .txt .text-1 ul p {
  margin: 13px auto 0;
  text-align: center;
  color: #666666;
  overflow: hidden;
  font-size: 14px;
  line-height: 22px;
  height: 44px;
}
@media (max-width: 992px) {
  .home-video .txt .text-1 ul p {
    font-size: 12px;
    line-height: 20px;
    height: 40px;
  }
}
@media (max-width: 767px) {
  .home-video .txt .text-1 ul p {
    font-size: 11px;
    margin: 8px auto 0;
    line-height: 16px;
    height: 32px;
  }
}
@media (max-width: 321px) {
  .home-video .txt .text-1 ul p {
    font-size: 9px;
    margin: 5px auto 0;
    line-height: 14px;
    height: 28px;
  }
}
.home-video .video {
  position: relative;
  float: right;
  width: 62.28%;
}
@media (max-width: 767px) {
  .home-video .video {
    float: inherit;
    width: 100%;
  }
}
.home-video .video:after {
  content: "";
  display: block;
}
.home-video .video i {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -56px;
  margin-top: -56px;
  top: 50%;
  width: 112px;
  height: 112px;
}
@media (max-width: 1805px) {
  .home-video .video i {
    width: 80px;
    height: 80px;
    margin-left: -40px;
    margin-top: -40px;
  }
}
@media (max-width: 1367px) {
  .home-video .video i {
    width: 66px;
    height: 66px;
    margin-left: -33px;
    margin-top: -33px;
  }
}
@media (max-width: 1025px) {
  .home-video .video i {
    width: 54px;
    height: 54px;
    margin-left: -27px;
    margin-top: -27px;
  }
}
@media (max-width: 767px) {
  .home-video .video i {
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
  }
}
.home-news {
  overflow: hidden;
}
.home-news .moreBtn-02 {
  display: none;
}
@media (max-width: 767px) {
  .home-news {
    padding-bottom: 30px;
  }
  .home-news .moreBtn-02 {
    display: block;
  }
}
.home-news .home-newsmain {
  margin: 50px auto;
  overflow: hidden;
}
@media (max-width: 1805px) {
  .home-news .home-newsmain {
    margin: 30px auto 40px;
  }
}
@media (max-width: 1200px) {
  .home-news .home-newsmain {
    margin: 15px auto 30px;
  }
}
@media (max-width: 767px) {
  .home-news .home-newsmain {
    margin: 15px auto 0;
  }
}
.home-news ul {
  margin: 0 -15px;
}
@media (max-width: 1550px) {
  .home-news ul {
    margin: 0 -10px;
  }
}
@media (max-width: 992px) {
  .home-news ul {
    margin: 0 -8px;
  }
}
@media (max-width: 767px) {
  .home-news ul {
    margin: 0 -5px;
  }
}
.home-news ul li {
  float: left;
  padding: 15px;
  width: 25%;
}
@media (max-width: 1550px) {
  .home-news ul li {
    padding: 10px;
  }
}
@media (max-width: 992px) {
  .home-news ul li {
    width: 50%;
    padding: 8px;
  }
}
.home-news .moreBtn-01 {
  display: none;
}
@media (max-width: 767px) {
  .home-news ul li {
    width: 100%;
    padding: 5px;
    display: none;
  }
  .home-news ul li:first-child {
    display: block;
  }
  .home-news .moreBtn-01 {
    display: block;
  }
}
.home-news ul li a {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 400px;
  display: inline-block;
}
@media (max-width: 1805px) {
  .home-news ul li a {
    height: 336px;
  }
}
@media (max-width: 1550px) {
  .home-news ul li a {
    height: 320px;
  }
}
@media (max-width: 1380px) {
  .home-news ul li a {
    height: 310px;
  }
}
@media (max-width: 1281px) {
  .home-news ul li a {
    height: 290px;
  }
}
@media (max-width: 1200px) {
  .home-news ul li a {
    height: auto;
  }
}
.home-news ul li a:hover .txt {
  -ms-transform: translateY(-57%);
  transform: translateY(-57%);
  -webkit-transform: translateY(-57%);
  -moz-transform: translateY(-57%);
}
@media (max-width: 1805px) {
  .home-news ul li a:hover .txt {
    -ms-transform: translateY(-53%);
    transform: translateY(-53%);
    -webkit-transform: translateY(-53%);
    -moz-transform: translateY(-53%);
  }
}
@media (max-width: 1380px) {
  .home-news ul li a:hover .txt {
    -ms-transform: translateY(-48%);
    transform: translateY(-48%);
    -webkit-transform: translateY(-48%);
    -moz-transform: translateY(-48%);
  }
}
@media (max-width: 1200px) {
  .home-news ul li a:hover .txt {
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
  }
}
.home-news ul li a:hover .txt .pic-1 {
  display: block;
}
@media (max-width: 1200px) {
  .home-news ul li a:hover .txt .pic-1 {
    display: none;
  }
}
.home-news ul li a:hover .txt em {
  display: block;
}
@media (max-width: 1200px) {
  .home-news ul li a:hover .txt em {
    display: none;
  }
}
.home-news ul li a:hover .txt p {
  height: 72px;
}
@media (max-width: 1200px) {
  .home-news ul li a:hover .txt p {
    height: 48px;
  }
}
.home-news ul li a:hover .txt .more {
  display: block;
}
@media (max-width: 1200px) {
  .home-news ul li a:hover .txt .more {
    display: none;
  }
}
.home-news ul li .pic {
  position: relative;
  width: 100%;
  overflow: hidden;
  transition: all 5.45s ease-in-out;
  -webkit-transition: all 5.45s ease-in-out;
  -moz-transition: all 5.45s ease-in-out;
}
.home-news ul li .pic:after {
  content: "";
  display: block;
  padding-bottom: 59.5%;
}
.home-news ul li .txt {
  background: #fff;
  padding: 35px 0;
  transition: all 0.45s ease-in-out;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
}
@media (max-width: 1200px) {
  .home-news ul li .txt {
    padding: 20px 0 0;
  }
}
@media (max-width: 767px) {
  .home-news ul li .txt {
    padding: 15px 0 10px;
  }
}
.home-news ul li .txt .pic-1 {
  width: 40px;
  height: 40px;
  margin: 0 0 23px;
  border: 2px solid #333333;
  line-height: 40px;
  display: none;
  text-align: center;
}
@media (max-width: 1281px) {
  .home-news ul li .txt .pic-1 {
    margin: 0 0 15px;
  }
}
.home-news ul li .txt .pic-1 .icon-xiazai {
  color: #333333;
  font-size: 22px;
}
.home-news ul li .txt span {
  color: #333333;
  font-size: 16px;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  display: block;
}
.home-news ul li .txt time {
  display: block;
  color: #666666;
  margin: 8px auto 10px;
  font-size: 12px;
  line-height: 24px;
  font-family: "avantgardef_extralightregular";
  height: 24px;
}
@media (max-width: 767px) {
  .home-news ul li .txt time {
    margin: 5px auto 6px;
  }
}
.home-news ul li .txt time big {
  font-size: 20px;
  color: #adadad;
  margin: 0 5px 0 0;
  line-height: 24px;
}
.home-news ul li .txt em {
  width: 30px;
  height: 2px;
  font-style: inherit;
  margin: 18px 0 22px;
  background: #666666;
  display: none;
}
@media (max-width: 1281px) {
  .home-news ul li .txt em {
    margin: 10px 0;
  }
}
.home-news ul li .txt p {
  color: #666666;
  font-size: 14px;
  height: 48px;
  overflow: hidden;
  line-height: 24px;
}
.home-news ul li .txt .more {
  border: 2px solid #666666;
  width: 180px;
  height: 44px;
  margin: 35px 0 0;
  line-height: 40px;
  text-align: center;
  color: #666666;
  display: none;
  font-size: 14px;
  font-weight: bold;
}
@media (max-width: 1805px) {
  .home-news ul li .txt .more {
    margin: 10px 0 0;
    height: 38px;
    font-size: 12px;
    line-height: 36px;
    width: 150px;
  }
}
.home-contact {
  margin: 10px auto 30px;
  overflow: hidden;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 95px 0 70px;
  background-attachment: fixed;
}
@media (max-width: 1380px) {
  .home-contact {
    padding: 65px 0 50px;
    margin: 0 auto 30px;
  }
}
@media (max-width: 767px) {
  .home-contact {
    margin: 0 auto 30px;
    padding: 30px 0 40px;
  }
}
.home-contact .yuyue {
  float: left;
  width: 73%;
  background: url("../images/home-yuyuebg.jpg") no-repeat center right #ffffff;
  height: 480px;
  padding: 55px 160px 10px 45px;
}
@media (max-width: 1550px) {
  .home-contact .yuyue {
    padding: 55px 80px 10px 45px;
  }
}
@media (max-width: 1380px) {
  .home-contact .yuyue {
    width: 65%;
    padding: 55px 40px 10px 45px;
  }
}
@media (max-width: 992px) {
  .home-contact .yuyue {
    width: 100%;
    height: auto;
    padding: 35px 20px;
  }
}
@media (max-width: 767px) {
  .home-contact .yuyue {
    padding: 20px;
  }
}
.home-contact .yuyue .title {
  color: #333333;
  font-size: 26px;
  line-height: 36px;
  height: 36px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .home-contact .yuyue .title {
    font-size: 22px;
    line-height: 32px;
    height: 32px;
  }
}
.home-contact .yuyue .text {
  color: #666666;
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  margin: 10px 0 20px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .home-contact .yuyue .text {
    margin: 5px 0 10px;
  }
}
.home-contact .yuyue .message {
  margin: 0 -15px;
}
@media (max-width: 1380px) {
  .home-contact .yuyue .message {
    margin: 0 -10px;
  }
}
@media (max-width: 767px) {
  .home-contact .yuyue .message {
    margin: 0 auto;
  }
}
.home-contact .yuyue .message li {
  width: 50%;
  float: left;
  padding: 10px 15px;
  position: relative;
}
.home-contact .yuyue .message li font {
  color: #f30;
  display: none;
  font-size: 12px;
  padding: 0 5px;
  position: absolute;
  right: 0;
  top: -8px;
}
@media (max-width: 1380px) {
  .home-contact .yuyue .message li {
    padding: 10px;
  }
}
@media (max-width: 767px) {
  .home-contact .yuyue .message li {
    padding: 8px 0;
    width: 100%;
  }
}
.home-contact .yuyue .message li input,
.home-contact .yuyue .message li textarea {
  width: 100%;
  border: 1px solid #dbdbdb;
  font-family: "microsoft yahei";
  color: #333333;
  background: none;
  height: 42px;
  line-height: 42px;
  font-size: 14px;
  padding: 0 10px;
  border-radius: 0;
}
.home-contact .yuyue .message li input::-webkit-input-placeholder,
.home-contact .yuyue .message li textarea::-webkit-input-placeholder {
  color: #666;
}
.home-contact .yuyue .message li input:focus,
.home-contact .yuyue .message li textarea:focus {
  box-shadow: 0 0 0 1px #652177;
  border: 1px solid #652177;
}
.home-contact .yuyue .message li textarea {
  padding: 8px 10px;
  height: 74px;
  line-height: 20px;
}
.home-contact .yuyue .message .li-1 {
  width: 100%;
}
.home-contact .yuyue .message #send {
  width: 150px;
  height: 44px;
  line-height: 44px;
  overflow: hidden;
  text-align: center;
  color: #666666;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  margin: 15px 0 0;
  border: 2px solid #666666;
}
@media (max-width: 767px) {
  .home-contact .yuyue .message #send {
    margin: 5px 0 0;
    height: 40px;
    line-height: 40px;
  }
}
.home-contact .yuyue .message #send:hover {
  background: #652177;
  border: 2px solid #652177;
  color: #fff;
}
.home-contact .home-about {
  width: 27%;
  height: 480px;
  float: left;
  padding: 0 0 0 18px;
}
@media (max-width: 1380px) {
  .home-contact .home-about {
    width: 35%;
  }
}
@media (max-width: 992px) {
  .home-contact .home-about {
    width: 100%;
    padding: 0;
    height: auto;
    margin: 20px auto 0;
  }
}
.home-contact .home-about .box {
  background: #fff;
  height: 480px;
  padding: 55px 50px 10px;
}
@media (max-width: 1550px) {
  .home-contact .home-about .box {
    padding: 35px 30px 10px;
  }
}
@media (max-width: 992px) {
  .home-contact .home-about .box {
    height: auto;
    padding: 35px 20px;
  }
}
@media (max-width: 767px) {
  .home-contact .home-about .box {
    padding: 20px;
  }
}
.home-contact .home-about .title {
  color: #333333;
  font-size: 26px;
  line-height: 36px;
  height: 36px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .home-contact .home-about .title {
    font-size: 22px;
    line-height: 32px;
    height: 32px;
  }
}
.home-contact .home-about ul {
  margin: 30px 0 0;
}
@media (max-width: 767px) {
  .home-contact .home-about ul {
    margin: 10px 0 0;
  }
}
.home-contact .home-about ul li {
  position: relative;
  padding: 20px 0 20px 40px;
  border-bottom: 1px solid #ececec;
}
.home-contact .home-about ul li:hover em {
  transform: rotateX(360deg);
  -webkit-transform: rotateX(360deg);
  -moz-transform: rotateX(360deg);
  -o-transform: rotateX(360deg);
}
.home-contact .home-about ul li:hover em .icon-address {
  color: #652177;
}
.home-contact .home-about ul li:hover em .icon-tel {
  color: #652177;
}
.home-contact .home-about ul li:hover em .icon-youjian {
  color: #652177;
}
.home-contact .home-about ul li .zi {
  font-family: "helveticaneueltpro-md-0";
  font-size: 20px;
}
.home-contact .home-about ul li .zi a {
  color: #666666;
}
.home-contact .home-about ul li .zi a:hover {
  color: #652177;
}
@media (max-width: 1380px) {
  .home-contact .home-about ul li .zi {
    font-size: 16px;
  }
}
.home-contact .home-about ul li em {
  display: block;
  font-style: inherit;
  left: 0;
  top: 20px;
  transition: all 0.45s ease-in-out;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  position: absolute;
  width: 40px;
}
.home-contact .home-about ul li em .icon-address {
  color: #7c7c7c;
  font-size: 28px;
}
@media (max-width: 1380px) {
  .home-contact .home-about ul li em .icon-address {
    font-size: 24px;
  }
}
.home-contact .home-about ul li em .icon-tel {
  color: #7c7c7c;
  font-size: 26px;
}
@media (max-width: 1380px) {
  .home-contact .home-about ul li em .icon-tel {
    font-size: 22px;
  }
}
.home-contact .home-about ul li em .icon-youjian {
  color: #7c7c7c;
  font-size: 26px;
}
@media (max-width: 1380px) {
  .home-contact .home-about ul li em .icon-youjian {
    font-size: 24px;
  }
}
.home-contact .home-about ul li big {
  display: block;
  color: #333333;
  font-size: 18px;
  line-height: 26px;
  font-family: "helveticaneueltpro-md-0";
}
.home-contact .home-about ul li small {
  display: block;
  color: #666666;
  font-size: 16px;
  margin: 5px 0 0;
  line-height: 24px;
}
@media (max-width: 1380px) {
  .home-contact .home-about ul li small {
    font-size: 14px;
    line-height: 20px;
  }
}
.home-contact .home-about ul li small a {
  color: #666666;
}
.home-contact .home-about ul li small a:hover {
  color: #652177;
}
footer {
  background: #ffffff;
  padding: 45px 0 0;
  border-top: 1px solid #dedede;
}
@media (max-width: 998px) {
  footer {
    padding: 25px 0 0;
  }
}
@media (max-width: 992px) {
  footer {
    padding: 0;
  }
}
@media (max-width: 1025px) {
  footer #footer-map {
    display: none;
  }
}
footer .footer-nav {
  float: left;
  width: 85%;
}
@media (max-width: 1281px) {
  footer .footer-nav {
    width: 78%;
  }
}
@media (max-width: 998px) {
  footer .footer-nav {
    display: none;
  }
}
footer .footer-nav li {
  width: 20%;
  float: left;
  padding: 0 0 0 22px;
}
footer .footer-nav li span {
  display: block;
  margin: 0 0 25px;
}
footer .footer-nav li span > a {
  display: block;
  color: #333333;
  font-size: 16px;
  line-height: 24px;
}
footer .footer-nav li > a {
  display: block;
  color: #666666;
  font-size: 14px;
  line-height: 24px;
  padding: 0 0 4px;
  height: 24px;
  overflow: hidden;
}
footer .footer-nav li > a:hover {
  color: #652177;
}
footer .right {
  width: 15%;
  float: right;
}
@media (max-width: 1281px) {
  footer .right {
    width: 22%;
    padding: 25px 0 0;
  }
}
@media (max-width: 998px) {
  footer .right {
    width: 100%;
    float: inherit;
    text-align: center;
    margin: 0 auto;
  }
}
footer .right big {
  display: block;
  color: #333333;
  width: 142px;
  font-size: 16px;
  line-height: 24px;
  float: right;
  margin: 0 0 22px;
}
@media (max-width: 998px) {
  footer .right big {
    float: inherit;
    text-align: center;
    margin: 0 auto 15px;
  }
}
footer .right .ewm {
  clear: both;
  width: 142px;
  height: 142px;
  float: right;
  border: 1px solid #f2f2f2;
  padding: 9px;
}
@media (max-width: 998px) {
  footer .right .ewm {
    float: inherit;
    margin: 0 auto;
    text-align: center;
  }
}
footer .right .ewm span {
  display: block;
  width: 122px;
  height: 122px;
  position: relative;
}
footer .copy {
  clear: both;
  margin: 30px auto 0;
  border-top: 1px solid #dedede;
  padding: 18px 10px;
}
@media (max-width: 998px) {
  footer .copy {
    margin: 30px auto 0;
  }
}
@media (max-width: 767px) {
  footer .copy {
    margin: 20px auto 0;
  }
}
footer .copy p {
  float: left;
  color: #666666;
  line-height: 20px;
  font-size: 14px;
  width: 60%;
}
@media (max-width: 767px) {
  footer .copy p {
    width: 100%;
    text-align: center;
  }
}
footer .copy p a {
  margin: 0 0 0 10px;
  vertical-align: middle;
}
@media (max-width: 767px) {
  footer .copy p a {
    margin: 0 0 0 5px;
  }
}
footer .copy span {
  display: block;
  float: right;
  width: 40%;
  text-align: right;
  color: #666666;
  line-height: 20px;
  font-size: 14px;
}
@media (max-width: 767px) {
  footer .copy span {
    width: 100%;
    text-align: center;
  }
}
footer .copy span a {
  margin: 0 0 0 10px;
}
footer .copy span a:hover {
  color: #652177;
}
.bannerz {
  overflow: hidden;
  width: 100%;
}
.bannerz .pc-banner {
  overflow: hidden;
  width: 100%;
}
@media (max-width: 992px) {
  .bannerz .pc-banner {
    display: none;
  }
}
.bannerz .pc-banner .pic {
  width: 100%;
  position: relative;
}
.bannerz .pc-banner .pic:after {
  content: "";
  display: block;
  padding-bottom: 46.8%;
}
.bannerz .pc-banner .slick-dots li button {
  width: 14px;
  height: 14px;
  margin: 0 5px;
  background: url("../images/btn-02.png") no-repeat center;
}
.bannerz .pc-banner .slick-dots li.slick-active button {
  background: url("../images/btn-01.png") no-repeat center;
}
.bannerz .pc-banner .slick-dots {
  bottom: 160px;
}
@media (max-width: 1445px) {
  .bannerz .pc-banner .slick-dots {
    bottom: 120px;
  }
}
@media (max-width: 992px) {
  .bannerz .pc-banner .slick-dots {
    bottom: 120px;
  }
}
.bannerz .phone-banner {
  overflow: hidden;
  width: 100%;
}
@media (min-width: 993px) {
  .bannerz .phone-banner {
    display: none;
  }
}
.bannerz .phone-banner .pic {
  width: 100%;
  position: relative;
}
.bannerz .phone-banner .pic:after {
  content: "";
  display: block;
  padding-bottom: 54.8%;
}
.bannerz .phone-banner .slick-dots li button {
  width: 14px;
  height: 14px;
  margin: 0 3px;
  background: url("../images/btn-02.png") no-repeat center;
}
@media (max-width: 361px) {
  .bannerz .phone-banner .slick-dots li button {
    width: 12px;
    height: 12px;
    margin: 0 2px;
    background-size: 100% 100%;
  }
}
.bannerz .phone-banner .slick-dots li.slick-active button {
  background: url("../images/btn-01.png") no-repeat center;
}
@media (max-width: 361px) {
  .bannerz .phone-banner .slick-dots li.slick-active button {
    background-size: 100% 100%;
  }
}
.bannerz .phone-banner .slick-dots {
  bottom: 160px;
}
@media (max-width: 992px) {
  .bannerz .phone-banner .slick-dots {
    bottom: 95px;
  }
}
@media (max-width: 767px) {
  .bannerz .phone-banner .slick-dots {
    bottom: 15px;
  }
}
.home-team {
  background: #f7f7f7;
  padding: 60px 0 44px;
}
@media (max-width: 767px) {
  .home-team {
    padding: 30px 0 30px;
  }
}
.home-team .home-teamtitle {
  text-align: center;
  margin: 23px auto 30px;
}
@media (max-width: 767px) {
  .home-team .home-teamtitle {
    margin: 23px auto 20px;
  }
}
@media (max-width: 361px) {
  .home-team .home-teamtitle {
    margin: 23px auto 15px;
  }
}
.home-team .home-teamtitle li {
  display: inline-block;
  color: #999999;
  font-size: 14px;
  cursor: pointer;
  position: relative;
  z-index: 1;
  line-height: 22px;
  padding: 3px 21px;
  margin: 0 5px 10px;
}
@media (max-width: 767px) {
  .home-team .home-teamtitle li {
    padding: 2px 16px;
    margin: 0 3px 10px;
  }
}
@media (max-width: 361px) {
  .home-team .home-teamtitle li {
    padding: 2px 13px;
    font-size: 12px;
  }
}
.home-team .home-teamtitle li:hover {
  background: #652177;
  color: #fff;
}
.home-team .home-teamtitle .active {
  background: #652177;
  color: #fff;
}
.rotemian {
  margin: 50px auto 0;
  padding: 15px 0;
}
.rotemian div {
  padding: 100px 0;
}
.rotemian div:hover {
  width: 300px;
}
.rotemian span {
  width: 100%;
  display: block;
  position: relative;
  z-index: 1;
}
.rotemian span img {
  -webkit-transform: rotateY(10deg);
  transform: rotateY(10deg);
}
.rotemian span:after {
  content: "";
  display: block;
  padding-bottom: 143.4%;
}
.rotemian .slick-slide {
  height: 200px;
  -webkit-transform: translate3d(-6px, 0px, -50px) rotateX(0deg) rotateY(-30deg);
  transform: translate3d(-6px, 0px, -50px) rotateX(0deg) rotateY(-30deg);
}
.rotemian .slick-center {
  -webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);
  transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);
  height: 400px;
}
.rotemian .slick-dots {
  bottom: auto;
  top: -28px;
}
@media (max-width: 767px) {
  .rotemian .slick-dots {
    top: -24px;
  }
}
.rotemian .slick-dots li button {
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 50%;
  margin: 0 1px;
}
.rotemian .slick-dots li.slick-active button {
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  background: none;
}
.ny {
  min-height: 500px;
}
.banner-ny .banner-nypc {
  width: 100%;
  position: relative;
}
@media (max-width: 998px) {
  .banner-ny .banner-nypc {
    display: none;
  }
}
.banner-ny .banner-nypc:after {
  content: "";
  display: block;
  padding-bottom: 20.85%;
}
.banner-ny .banner-nypc1 {
  width: 100%;
  position: relative;
}
@media (max-width: 998px) {
  .banner-ny .banner-nypc1 {
    display: none;
  }
}
.banner-ny .banner-nypc1:after {
  content: "";
  display: block;
  padding-bottom: 20.9%;
}
.banner-ny .banner-nyphone {
  width: 100%;
  position: relative;
}
@media (min-width: 999px) {
  .banner-ny .banner-nyphone {
    display: none;
  }
}
.banner-ny .banner-nyphone:after {
  content: "";
  display: block;
  padding-bottom: 40.2%;
}

.case {
  overflow: hidden;
  padding: 0 0 65px;
}
@media (max-width: 767px) {
  .case {
    padding: 0 0 35px;
  }
}
.case-main {
  overflow: hidden;
  margin: 15px auto 5px;
}
@media (max-width: 1025px) {
  .case-main {
    margin: 15px auto 30px;
  }
}
@media (max-width: 767px) {
  .case-main {
    margin: 5px auto 20px;
  }
}
@media (max-width: 376px) {
  .case-main {
    margin: 0 auto 20px;
  }
}
.case-main ul {
  margin: 0 -14px;
}
@media (max-width: 1445px) {
  .case-main ul {
    margin: 0 -10px;
  }
}
@media (max-width: 1025px) {
  .case-main ul {
    margin: 0 -8px;
  }
}
@media (max-width: 998px) {
  .case-main ul {
    margin: 0 -6px;
  }
}
@media (max-width: 767px) {
  .case-main ul {
    margin: 0 -4px;
  }
}
.case-main li {
  width: 33.33333333%;
  float: left;
  padding: 23px 14px;
}
@media (max-width: 1445px) {
  .case-main li {
    padding: 18px 10px;
  }
}
@media (max-width: 1025px) {
  .case-main li {
    padding: 15px 8px;
  }
}
@media (max-width: 998px) {
  .case-main li {
    padding: 12px 6px;
  }
}
@media (max-width: 767px) {
  .case-main li {
    padding: 5px 4px 10px;
    width: 100%;
  }
}
.case-main li a {
  width: 100%;
  display: inline-block;
}
.case-main li a:hover .pic img {
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.case-main li a:hover .pic .mask {
  opacity: 1;
  display: block\9;
}
.case-main li a:hover .txt {
  color: #652177;
}
.case-main li .pic {
  position: relative;
  overflow: hidden;
  z-index: 5;
  width: 100%;
}
.case-main li .pic img {
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
}
.case-main li .pic:after {
  content: "";
  display: block;
  padding-bottom: 61.3%;
}
.case-main li .pic .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  opacity: 0;
  display: none\9;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  background: url("../images/case-mask1.png");
}
@media (max-width: 767px) {
  .case-main li .pic .mask {
    display: none;
  }
}
.case-main li .pic .mask:before {
  content: "";
  width: 94%;
  height: 90%;
  left: 3%;
  top: 5%;
  position: absolute;
  z-index: 60;
  border: 1px solid #fff;
}
.case-main li .pic .box {
  position: absolute;
  width: 90%;
  left: 50%;
  margin-left: -45%;
  height: 142px;
  top: 50%;
  margin-top: -71px;
}
@media (max-width: 1681px) {
  .case-main li .pic .box {
    height: 122px;
    margin-top: -61px;
  }
}
@media (max-width: 1445px) {
  .case-main li .pic .box {
    height: 112px;
    margin-top: -56px;
  }
}
@media (max-width: 1025px) {
  .case-main li .pic .box {
    margin-top: -50px;
    height: 100px;
  }
}
.case-main li .pic p {
  color: #ffffff;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  overflow: hidden;
  height: 56px;
}
@media (max-width: 1025px) {
  .case-main li .pic p {
    line-height: 24px;
    height: 48px;
  }
}
.case-main li .pic em {
  display: block;
  margin: 40px auto 0;
  width: 46px;
  position: relative;
  text-align: center;
  height: 46px;
}
@media (max-width: 1681px) {
  .case-main li .pic em {
    margin: 20px auto 0;
  }
}
@media (max-width: 1445px) {
  .case-main li .pic em {
    margin: 16px auto 0;
    height: 40px;
    width: 40px;
  }
}
@media (max-width: 1025px) {
  .case-main li .pic em {
    height: 36px;
    width: 36px;
  }
}
.case-main li .pic em .icon-jiahao {
  color: #fff;
  font-size: 44px;
  margin: 0 auto;
}
@media (max-width: 1445px) {
  .case-main li .pic em .icon-jiahao {
    font-size: 38px;
  }
}
@media (max-width: 1025px) {
  .case-main li .pic em .icon-jiahao {
    font-size: 34px;
  }
}
.case-main li .txt {
  border-bottom: 1px solid #dcdcdc;
  color: #333333;
  font-size: 18px;
  line-height: 26px;
  height: 54px;
  line-height: 60px;
  overflow: hidden;
}
@media (max-width: 1301px) {
  .case-main li .txt {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .case-main li .txt {
    height: 40px;
    font-size: 15px;
    line-height: 45px;
  }
}
@media (max-width: 1550px) {
  .case-main li .txt-1 {
    padding: 10px 0 0;
  }
}
.case-main li .txt-1 em {
  font-style: inherit;
  height: 38px;
  line-height: 38px;
  width: 30%;
  color: #666666;
  font-size: 14px;
  display: block;
  float: left;
  overflow: hidden;
}
@media (max-width: 1630px) {
  .case-main li .txt-1 em {
    margin: 0 20px 0 0;
    font-size: 13px;
  }
}
@media (max-width: 1550px) {
  .case-main li .txt-1 em {
    float: inherit;
    height: 30px;
    line-height: 30px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .case-main li .txt-1 em {
    float: left;
    width: 100%;
  }
}
@media (max-width: 376px) {
  .case-main li .txt-1 em {
    float: inherit;
    width: 100%;
  }
}
@media (max-width: 321px) {
  .case-main li .txt-1 em {
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    width: 100%;
  }
}
.case-main li .txt-1 em i {
  display: block;
  float: left;
  margin: 0 8px 0 0;
}
@media (max-width: 321px) {
  .case-main li .txt-1 em i {
    font-size: 14px;
  }
}
.titlen {
  text-align: center;
  color: #050505;
  margin: 60px auto 0;
  font-size: 34px;
  line-height: 42px;
}
@media (max-width: 1025px) {
  .titlen {
    margin: 50px auto 0;
  }
}
@media (max-width: 767px) {
  .titlen {
    font-size: 26px;
    line-height: 36px;
    margin: 25px auto 0;
  }
}
@media (max-width: 376px) {
  .titlen {
    font-size: 22px;
    line-height: 32px;
  }
}
.textn {
  text-align: center;
  color: #3b3b3b;
  font-size: 14px;
  margin: 5px 0 15px;
  line-height: 22px;
}
@media (max-width: 361px) {
  .textn {
    margin: 2px 0 10px;
  }
}
.textn-1 {
  display: table;
  height: 24px;
  margin: 0 auto;
  padding: 0 75px;
  color: #000000;
  font-size: 16px;
  letter-spacing: 3px;
  font-weight: bold;
  font-family: "avantgardef_extralightregular";
  line-height: 24px;
  position: relative;
}
@media (max-width: 998px) {
  .textn-1 {
    padding: 0 50px;
  }
}
@media (max-width: 361px) {
  .textn-1 {
    padding: 0 30px;
  }
}
.textn-1:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background: #acacac;
}
.textn-1 span {
  display: table;
  margin: 0 auto;
  position: relative;
  z-index: 50;
  background: #fff;
  padding: 0 55px;
}
@media (max-width: 998px) {
  .textn-1 span {
    padding: 0 35px;
  }
}
@media (max-width: 361px) {
  .textn-1 span {
    padding: 0 20px;
  }
}
.crumb {
  border-bottom: 1px solid #d7d7d7;
  color: #999999;
  font-size: 12px;
  height: 34px;
  line-height: 34px;
  text-align: right;
  overflow: hidden;
  margin: 6px 0 0;
}
.crumb a {
  color: #999999;
  font-size: 12px;
}
.crumb a:hover {
  color: #652177;
}
.subn {
  text-align: center;
  margin: 70px auto 0;
  font-size: 0;
}
@media (max-width: 1445px) {
  .subn {
    margin: 60px auto 0;
  }
}
@media (max-width: 1025px) {
  .subn {
    margin: 45px auto 0;
  }
}
@media (max-width: 767px) {
  .subn {
    margin: 25px auto 0;
  }
}
.subn li {
  width: 33.33333333%;
  margin: 0 0 15px;
  border: 1px solid #dcdcdc;
  border-right: none;
  position: relative;
  z-index: 1;
  vertical-align: middle;
  display: inline-block;
}
.subn li:hover {
  background: url("../images/subbg.jpg") no-repeat center #652177;
}
.subn li:hover a {
  color: #fff;
}
.subn li:before {
  content: "";
  display: block;
  position: absolute;
  right: -1px;
  top: -1px;
  width: 10px;
  height: 1px;
  background: #dcdcdc;
}
.subn li:after {
  content: "";
  display: block;
  position: absolute;
  right: -1px;
  top: 0;
  width: 1px;
  height: 100%;
  background: #dcdcdc;
}
.subn li a {
  display: block;
  color: #333333;
  font-size: 20px;
  padding: 0 5px;
  line-height: 48px;
  height: 48px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1367px) {
  .subn li a {
    font-size: 18px;
    line-height: 48px;
  }
}
@media (max-width: 1025px) {
  .subn li a {
    font-size: 17px;
    line-height: 48px;
  }
}
@media (max-width: 767px) {
  .subn li a {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
  }
}
@media (max-width: 376px) {
  .subn li a {
    padding: 0 5px;
    font-size: 11px;
  }
}
@media (max-width: 361px) {
  .subn li a {
    padding: 0 5px;
    font-size: 10px;
  }
}
@media (max-width: 321px) {
  .subn li a {
    padding: 0 4px;
    font-size: 9px;
  }
}
.subn li a:after {
  content: "";
  display: block;
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 10px;
  height: 1px;
  background: #dcdcdc;
}
.subn .active {
  background: url("../images/subbg.jpg") no-repeat center #652177;
}
.subn .active a {
  color: #fff;
}
.morec {
  margin: 0 auto;
  width: 190px;
  height: 38px;
  clear: both;
  line-height: 38px;
  overflow: hidden;
  position: relative;
  font-size: 14px;
  padding: 0 70px 0 50px;
  background: #4d4d4d;
  display: block;
}
@media (max-width: 999px) {
  .morec {
    width: 160px;
    padding: 0 50px 0 35px;
  }
}
@media (max-width: 767px) {
  .morec {
    width: 140px;
    height: 34px;
    line-height: 34px;
    padding: 0 45px 0 20px;
  }
}
.morec:hover {
  background: #652177;
}
.morec:hover a {
  color: #fff;
}
.morec:after {
  content: "";
  display: block;
  position: absolute;
  right: 50px;
  top: 50%;
  width: 17px;
  height: 1px;
  margin-top: -1px;
  background: #fff;
}
@media (max-width: 999px) {
  .morec:after {
    right: 35px;
  }
}
@media (max-width: 767px) {
  .morec:after {
    right: 25px;
  }
}
.morec a {
  display: block;
  color: #fff;
}
@media (max-width: 992px) {
  .case-sub {
    display: none;
  }
}
.case-sub li {
  border-bottom: 1px solid #f1f1f1;
  padding: 12px 0 5px 175px;
  display: inline-block;
  width: 100%;
  position: relative;
}
.case-sub li big {
  display: block;
  left: 0;
  top: 12px;
  position: absolute;
  color: #333333;
  font-style: 14px;
  height: 24px;
  overflow: hidden;
  line-height: 24px;
  width: 110px;
  text-align: center;
}
.case-sub li a.quanbu {
  display: block;
  cursor: pointer;
  left: 115px;
  top: 12px;
  position: absolute;
  color: #fff;
  height: 24px;
  font-size: 14px;
  line-height: 24px;
  width: 56px;
  overflow: hidden;
  background: #652177;
  text-align: center;
}
.case-sub li dl dd a {
  display: block;
  float: left;
  padding: 0 20px;
  margin: 0 0 10px;
  color: #666666;
  line-height: 24px;
}
.case-sub li dl dd a:hover {
  color: #652177;
}
.case-sub li dl dd a.cur {
  color: #652177;
}
.sub-phone {
  border-right: 1px solid #dcdcdc;
  position: relative;
  z-index: 99;
}
@media (min-width: 993px) {
  .sub-phone {
    display: none;
  }
}
.sub-phone dl {
  float: left;
  width: 25%;
  border: 1px solid #dcdcdc;
  border-right: none;
}
.sub-phone dl dd {
  position: absolute;
  left: 0;
  top: 44px;
  width: 100.1%;
  padding: 10px 10px 20px 15px;
  overflow-y: scroll;
  background: #fff;
  border: 1px solid #dcdcdc;
  display: none;
}
@media (max-width: 767px) {
  .sub-phone dl dd {
    top: 36px;
    padding: 5px 10px 15px;
  }
}
@media (max-width: 321px) {
  .sub-phone dl dd {
    top: 32px;
  }
}
.sub-phone dl dd a {
  display: block;
  margin: 15px 15px 0 0;
  padding: 5px 15px;
  float: left;
  border: 1px solid #dcdcdc;
  border-radius: 2px;
  color: #666666;
  font-size: 14px;
  line-height: 22px;
}
@media (max-width: 767px) {
  .sub-phone dl dd a {
    font-size: 12px;
    line-height: 20px;
    padding: 3px 12px;
    margin: 10px 10px 0 0;
  }
}
.sub-phone dl dd a:hover {
  border: 1px solid #652177;
}
.sub-phone dl dd a.cur {
  border: 1px solid #652177;
}
.sub-phone dl dt {
  text-align: center;
  padding: 0 5px;
  background: #fff;
}
.sub-phone dl dt span {
  cursor: pointer;
  color: #666;
  height: 44px;
  max-width: 80%;
  line-height: 44px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
}
@media (max-width: 767px) {
  .sub-phone dl dt span {
    height: 36px;
    font-size: 13px;
    line-height: 36px;
    max-width: 78%;
  }
}
@media (max-width: 321px) {
  .sub-phone dl dt span {
    height: 32px;
    font-size: 12px;
    line-height: 32px;
    max-width: 74%;
  }
}
.sub-phone dl dt em {
  font-style: inherit;
  display: inline-block;
  vertical-align: middle;
  height: 44px;
  line-height: 40px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .sub-phone dl dt em {
    height: 36px;
    line-height: 32px;
  }
}
@media (max-width: 321px) {
  .sub-phone dl dt em {
    height: 32px;
    line-height: 29px;
  }
}
.sub-phone dl dt .rote {
  transition: all 0.35s;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
}
.sub-phone dl dt .rote1 {
  transition: all 0.35s;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
.sub-phone dl dt .rote2 {
  transition: all 0.35s;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
}
.sub-phone dl dt .icon-xiaojiantouyou {
  font-size: 12px;
}
.sub-phone .active dt span {
  color: #652177;
}
.sub-phone .active dt .icon-xiaojiantouyou {
  color: #652177;
}
.search-ny {
  padding: 25px 0 20px;
}
@media (max-width: 767px) {
  .search-ny {
    padding: 20px 0 5px;
  }
}
.search-ny .left {
  float: left;
  position: relative;
}
.search-ny .left font {
  color: #652177;
  display: none;
  font-size: 12px;
  padding: 0 5px;
  position: absolute;
  right: 74px;
  top: -20px;
}
@media (max-width: 767px) {
  .search-ny .left {
    margin: 0 0 10px;
  }
}
.search-ny .left input {
  width: 240px;
  border: 1px solid #dcdcdc;
  font-family: "microsoft yahei";
  color: #333333;
  float: left;
  background: none;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  padding: 0 10px;
  border-radius: 0;
}
.search-ny .left input::-webkit-input-placeholder {
  color: #a9a9a9;
}
@media (max-width: 321px) {
  .search-ny .left input {
    width: 200px;
  }
}
.search-ny .left input:focus {
  box-shadow: 0 0 0 1px #652177;
  border: 1px solid #652177;
}
.search-ny .left .btnz {
  float: left;
  width: 72px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-align: center;
  color: #fff;
  border: none;
  background: #525252;
  font-size: 14px;
  margin: 0 0 0 8px;
}
.search-ny .left .btnz:hover {
  background: #652177;
}
.search-ny .right {
  float: right;
  text-align: right;
  color: #666666;
  font-size: 14px;
  line-height: 22px;
  padding: 2px 0 0;
}
@media (max-width: 767px) {
  .search-ny .right {
    text-align: left;
    clear: both;
    float: inherit;
  }
}
.page {
  text-align: center;
}
.page a {
  display: inline-block;
  height: 30px;
  line-height: 28px;
  padding: 0 10px;
  color: #666666;
  font-size: 14px;
  vertical-align: middle;
  border: 1px solid #cccccc;
}
@media (max-width: 992px) {
  .page a {
    display: none;
  }
}
.page a:hover {
  background: #652177;
  border: 1px solid #652177;
  color: #fff;
}
.page .icon-icon07 {
  color: #ccc;
  font-size: 18px;
}
.page .icon-icon07 {
  color: #ccc;
  font-size: 18px;
}
.page .active {
  background: #652177;
  border: 1px solid #652177;
  color: #fff;
}
.page .cpb {
  background: #652177;
  border: 1px solid #652177;
  color: #fff;
}
.page .on {
  padding: 0 5px;
}
@media (max-width: 992px) {
  .page .on {
    display: inline-block;
    padding: 0 10px;
    margin: 0 3px;
  }
}

.furnishings {
  overflow: hidden;
  padding: 0 0 65px;
}
@media (max-width: 767px) {
  .furnishings {
    padding: 0 0 35px;
  }
}
.furnishings .furnishings-main {
  overflow: hidden;
  margin: 15px auto 40px;
}
@media (max-width: 1025px) {
  .furnishings .furnishings-main {
    margin: 15px auto 30px;
  }
}
@media (max-width: 767px) {
  .furnishings .furnishings-main {
    margin: 5px auto 20px;
  }
}
@media (max-width: 376px) {
  .furnishings .furnishings-main {
    margin: 0 auto 20px;
  }
}
.furnishings .furnishings-main ul {
  margin: 0 -8px;
}
@media (max-width: 767px) {
  .furnishings .furnishings-main ul {
    margin: 0 -4px;
  }
}
.furnishings .furnishings-main li {
  width: 33.33333333%;
  float: left;
  padding: 23px 8px;
}
@media (max-width: 998px) {
  .furnishings .furnishings-main li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .furnishings .furnishings-main li {
    padding: 10px 4px;
  }
}
.furnishings .furnishings-main li a {
  width: 100%;
  display: inline-block;
}
.furnishings .furnishings-main li a:hover .pic img {
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.furnishings .furnishings-main li a:hover .pic .mask {
  opacity: 1;
  display: block\9;
}
.furnishings .furnishings-main li a:hover .txt {
  color: #652177;
}
.furnishings .furnishings-main li .pic {
  position: relative;
  overflow: hidden;
  z-index: 5;
  width: 100%;
}
.furnishings .furnishings-main li .pic img {
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
}
.furnishings .furnishings-main li .pic:after {
  content: "";
  display: block;
  padding-bottom: 64.5%;
}
.furnishings .furnishings-main li .pic .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  opacity: 0;
  display: none\9;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  background: url("../images/case-mask1.png");
}
@media (max-width: 767px) {
  .furnishings .furnishings-main li .pic .mask {
    display: none;
  }
}
.furnishings .furnishings-main li .pic .mask:before {
  content: "";
  width: 94%;
  height: 90%;
  left: 3%;
  top: 5%;
  position: absolute;
  z-index: 60;
  border: 1px solid #fff;
}
.furnishings .furnishings-main li .pic .box {
  position: absolute;
  width: 90%;
  left: 50%;
  margin-left: -45%;
  height: 142px;
  top: 50%;
  margin-top: -71px;
}
@media (max-width: 1681px) {
  .furnishings .furnishings-main li .pic .box {
    height: 122px;
    margin-top: -61px;
  }
}
@media (max-width: 1445px) {
  .furnishings .furnishings-main li .pic .box {
    height: 112px;
    margin-top: -56px;
  }
}
@media (max-width: 1025px) {
  .furnishings .furnishings-main li .pic .box {
    margin-top: -50px;
    height: 100px;
  }
}
.furnishings .furnishings-main li .pic p {
  color: #ffffff;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  overflow: hidden;
  height: 56px;
}
@media (max-width: 1025px) {
  .furnishings .furnishings-main li .pic p {
    line-height: 24px;
    height: 48px;
  }
}
.furnishings .furnishings-main li .pic em {
  display: block;
  margin: 40px auto 0;
  width: 46px;
  position: relative;
  text-align: center;
  height: 46px;
}
@media (max-width: 1681px) {
  .furnishings .furnishings-main li .pic em {
    margin: 20px auto 0;
  }
}
@media (max-width: 1445px) {
  .furnishings .furnishings-main li .pic em {
    margin: 16px auto 0;
    height: 40px;
    width: 40px;
  }
}
@media (max-width: 1025px) {
  .furnishings .furnishings-main li .pic em {
    height: 36px;
    width: 36px;
  }
}
.furnishings .furnishings-main li .pic em .icon-jiahao {
  color: #fff;
  font-size: 44px;
  margin: 0 auto;
}
@media (max-width: 1445px) {
  .furnishings .furnishings-main li .pic em .icon-jiahao {
    font-size: 38px;
  }
}
@media (max-width: 1025px) {
  .furnishings .furnishings-main li .pic em .icon-jiahao {
    font-size: 34px;
  }
}
.furnishings .furnishings-main li .txt {
  border-bottom: 1px solid #dcdcdc;
  color: #333333;
  font-size: 18px;
  line-height: 26px;
  height: 54px;
  overflow: hidden;
  line-height: 60px;
}
@media (max-width: 1301px) {
  .furnishings .furnishings-main li .txt {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .furnishings .furnishings-main li .txt {
    height: 40px;
    font-size: 15px;
    line-height: 45px;
  }
}
@media (max-width: 1550px) {
  .furnishings .furnishings-main li .txt-1 {
    padding: 10px 0 0;
  }
}
.furnishings .furnishings-main li .txt-1 em {
  font-style: inherit;
  height: 38px;
  line-height: 38px;
  color: #666666;
  font-size: 14px;
  display: block;
  float: left;
  overflow: hidden;
  width: 30%;
}
@media (max-width: 1630px) {
  .furnishings .furnishings-main li .txt-1 em {
    margin: 0 20px 0 0;
    font-size: 13px;
  }
}
@media (max-width: 1550px) {
  .furnishings .furnishings-main li .txt-1 em {
    float: inherit;
    height: 30px;
    line-height: 30px;
    width: 100%;
  }
}
@media (max-width: 321px) {
  .furnishings .furnishings-main li .txt-1 em {
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    width: 100%;
  }
}
.furnishings .furnishings-main li .txt-1 em i {
  display: block;
  float: left;
  margin: 0 8px 0 0;
}
@media (max-width: 321px) {
  .furnishings .furnishings-main li .txt-1 em i {
    font-size: 14px;
  }
}

.floor {
  overflow: hidden;
  padding: 0 0 80px;
}
@media (max-width: 767px) {
  .floor {
    padding: 0 0 35px;
  }
}
.floor-main {
  overflow: hidden;
  margin: 30px auto 40px;
}
@media (max-width: 1025px) {
  .floor-main {
    margin: 15px auto 30px;
  }
}
@media (max-width: 767px) {
  .floor-main {
    margin: 5px auto 20px;
  }
}
@media (max-width: 376px) {
  .floor-main {
    margin: 0 auto 20px;
  }
}
.floor-main ul {
  margin: 0 -14px;
}
@media (max-width: 1445px) {
  .floor-main ul {
    margin: 0 -10px;
  }
}
@media (max-width: 1025px) {
  .floor-main ul {
    margin: 0 -8px;
  }
}
@media (max-width: 998px) {
  .floor-main ul {
    margin: 0 -6px;
  }
}
@media (max-width: 767px) {
  .floor-main ul {
    margin: 0 -4px;
  }
}
.floor-main li {
  width: 33.33333333%;
  float: left;
  padding: 23px 14px;
}
@media (max-width: 1445px) {
  .floor-main li {
    padding: 18px 10px;
  }
}
@media (max-width: 1025px) {
  .floor-main li {
    padding: 15px 8px;
  }
}
@media (max-width: 998px) {
  .floor-main li {
    padding: 12px 6px;
  }
}
@media (max-width: 767px) {
  .floor-main li {
    padding: 10px 4px;
    width: 100%;
  }
}
.floor-main li a {
  width: 100%;
  display: inline-block;
}
.floor-main li a:hover .pic img {
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.floor-main li a:hover .pic .mask {
  bottom: 0;
}
.floor-main li a:hover .txt {
  color: #652177;
}
.floor-main li .pic {
  position: relative;
  overflow: hidden;
  z-index: 5;
  width: 100%;
}
.floor-main li .pic img {
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
}
.floor-main li .pic:after {
  content: "";
  display: block;
  padding-bottom: 63.3%;
}
.floor-main li .pic .mask {
  position: absolute;
  left: 0;
  bottom: -100%;
  padding: 9px 10px 0;
  height: 100px;
  z-index: 50;
  width: 100%;
  transition: all 0.45s ease-in-out;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  background: url("../images/hote-bg.png");
}
@media (max-width: 1681px) {
  .floor-main li .pic .mask {
    height: 70px;
  }
}
@media (max-width: 1281px) {
  .floor-main li .pic .mask {
    height: 60px;
  }
}
@media (max-width: 767px) {
  .floor-main li .pic .mask {
    display: none;
  }
}
.floor-main li .pic .mask:before {
  content: "";
  display: block;
  position: absolute;
  left: 2%;
  width: 96%;
  height: 80px;
  top: 50%;
  margin-top: -40px;
  border: 1px solid #fff;
}
@media (max-width: 1681px) {
  .floor-main li .pic .mask:before {
    height: 52px;
    margin-top: -26px;
  }
}
@media (max-width: 1281px) {
  .floor-main li .pic .mask:before {
    height: 46px;
    margin-top: -23px;
  }
}
.floor-main li .pic .mask .text-1 {
  text-align: center;
  line-height: 78px;
  height: 98px;
  color: #fff;
  overflow: hidden;
  font-size: 14px;
}
@media (max-width: 1681px) {
  .floor-main li .pic .mask .text-1 {
    height: 52px;
    line-height: 48px;
  }
}
@media (max-width: 1281px) {
  .floor-main li .pic .mask .text-1 {
    height: 42px;
    line-height: 38px;
  }
}
.floor-main li .pic .mask .text-1 big {
  font-size: 24px;
  margin: 0 2px;
  font-family: "futura_md_btmedium";
}
.floor-main li .pic .box {
  position: absolute;
  width: 90%;
  left: 50%;
  margin-left: -45%;
  height: 142px;
  top: 50%;
  margin-top: -71px;
}
@media (max-width: 1681px) {
  .floor-main li .pic .box {
    height: 122px;
    margin-top: -61px;
  }
}
@media (max-width: 1445px) {
  .floor-main li .pic .box {
    height: 112px;
    margin-top: -56px;
  }
}
@media (max-width: 1025px) {
  .floor-main li .pic .box {
    margin-top: -50px;
    height: 100px;
  }
}
.floor-main li .pic p {
  color: #ffffff;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  overflow: hidden;
  height: 56px;
}
@media (max-width: 1025px) {
  .floor-main li .pic p {
    line-height: 24px;
    height: 48px;
  }
}
.floor-main li .pic em {
  display: block;
  margin: 40px auto 0;
  width: 46px;
  text-align: center;
  height: 46px;
}
@media (max-width: 1681px) {
  .floor-main li .pic em {
    margin: 20px auto 0;
  }
}
@media (max-width: 1445px) {
  .floor-main li .pic em {
    margin: 16px auto 0;
    height: 40px;
    width: 40px;
  }
}
@media (max-width: 1025px) {
  .floor-main li .pic em {
    height: 36px;
    width: 36px;
  }
}
.floor-main li .pic em .icon-jiahao {
  color: #fff;
  font-size: 44px;
  margin: 0 auto;
}
@media (max-width: 1445px) {
  .floor-main li .pic em .icon-jiahao {
    font-size: 38px;
  }
}
@media (max-width: 1025px) {
  .floor-main li .pic em .icon-jiahao {
    font-size: 34px;
  }
}
.floor-main li .txt {
  border-bottom: 1px solid #dcdcdc;
  color: #333333;
  font-size: 18px;
  line-height: 26px;
  overflow: hidden;
  height: 54px;
  line-height: 60px;
}
@media (max-width: 1301px) {
  .floor-main li .txt {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .floor-main li .txt {
    height: 40px;
    font-size: 15px;
    line-height: 45px;
  }
}
@media (max-width: 1550px) {
  .floor-main li .txt-1 {
    padding: 10px 0 0;
  }
}
.floor-main li .txt-1 em {
  font-style: inherit;
  height: 38px;
  line-height: 38px;
  color: #666666;
  font-size: 14px;
  display: block;
  float: left;
  overflow: hidden;
  width: 30%;
}
@media (max-width: 1630px) {
  .floor-main li .txt-1 em {
    margin: 0 20px 0 0;
    font-size: 13px;
  }
}
@media (max-width: 1550px) {
  .floor-main li .txt-1 em {
    float: inherit;
    height: 30px;
    line-height: 30px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .floor-main li .txt-1 em {
    float: left;
    width: 100%;
  }
}
@media (max-width: 376px) {
  .floor-main li .txt-1 em {
    float: inherit;
    width: 100%;
  }
}
@media (max-width: 321px) {
  .floor-main li .txt-1 em {
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    width: 100%;
  }
}
.floor-main li .txt-1 em i {
  display: block;
  float: left;
  margin: 0 8px 0 0;
}
@media (max-width: 321px) {
  .floor-main li .txt-1 em i {
    font-size: 14px;
  }
}

.news {
  overflow: hidden;
  padding: 0 0 85px;
}
@media (max-width: 1445px) {
  .news {
    padding: 0 0 65px;
  }
}
@media (max-width: 767px) {
  .news {
    padding: 0 0 45px;
  }
}
@media (max-width: 367px) {
  .news {
    padding: 0 0 35px;
  }
}
.news .newsmain {
  overflow: hidden;
}
.news .newsmain ul {
  margin: 30px -13px;
}
@media (max-width: 1445px) {
  .news .newsmain ul {
    margin: 20px -10px 40px;
  }
}
@media (max-width: 1025px) {
  .news .newsmain ul {
    margin: 20px -6px 40px;
  }
}
@media (max-width: 992px) {
  .news .newsmain ul {
    margin: 20px -5px 30px;
  }
}
@media (max-width: 767px) {
  .news .newsmain ul {
    margin: 15px 0 20px;
  }
}
.news .newsmain li {
  padding: 17px 13px;
  float: left;
  width: 33.33333333%;
}
@media (max-width: 1445px) {
  .news .newsmain li {
    padding: 13px 10px;
  }
}
@media (max-width: 1025px) {
  .news .newsmain li {
    padding: 8px 6px;
  }
}
@media (max-width: 992px) {
  .news .newsmain li {
    padding: 6px 5px;
    width: 50%;
  }
}
@media (max-width: 767px) {
  .news .newsmain li {
    width: 100%;
    padding: 6px 0;
  }
}
.news .newsmain li a {
  display: block;
}
.news .newsmain li a:hover .pic img {
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
}
@media (max-width: 767px) {
  .news .newsmain li a:hover .pic img {
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
}
.news .newsmain li a:hover .time big {
  color: #652177;
}
@media (max-width: 767px) {
  .news .newsmain li a:hover .time big {
    color: #333333;
  }
}
.news .newsmain li a:hover .time small {
  color: #652177;
}
@media (max-width: 767px) {
  .news .newsmain li a:hover .time small {
    color: #777777;
  }
}
.news .newsmain li a:hover .text span {
  color: #652177;
}
@media (max-width: 767px) {
  .news .newsmain li a:hover .text span {
    color: #1c1c1c;
  }
}
.news .newsmain li a:hover .more:after {
  right: 12px;
  background: url("../images/news-ico02.png") no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 767px) {
  .news .newsmain li a:hover .more:after {
    background: url("../images/news-ico02.png") no-repeat;
    background-size: 100% 100%;
    right: 0;
  }
}
.news .newsmain li .pic {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.news .newsmain li .pic img {
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}
.news .newsmain li .pic:after {
  content: "";
  display: block;
  padding-bottom: 59.5%;
}
.news .newsmain li .txt {
  border: 1px solid #efefef;
  padding: 25px 25px 0;
}
@media (max-width: 1601px) {
  .news .newsmain li .txt {
    padding: 20px 20px 0;
  }
}
@media (max-width: 1025px) {
  .news .newsmain li .txt {
    padding: 15px 12px 0;
  }
}
.news .newsmain li .txt .text {
  position: relative;
  z-index: 1;
  padding: 0 0 0 110px;
}
@media (max-width: 1601px) {
  .news .newsmain li .txt .text {
    padding: 0 0 0 93px;
  }
}
@media (max-width: 1445px) {
  .news .newsmain li .txt .text {
    padding: 0 0 0 86px;
  }
}
@media (max-width: 1025px) {
  .news .newsmain li .txt .text {
    padding: 0 0 0 75px;
  }
}
@media (max-width: 992px) {
  .news .newsmain li .txt .text {
    padding: 0 0 0 68px;
  }
}
@media (max-width: 321px) {
  .news .newsmain li .txt .text {
    padding: 0 0 0 64px;
  }
}
.news .newsmain li .txt .text span {
  height: 24px;
  line-height: 24px;
  display: block;
  color: #1c1c1c;
  font-size: 18px;
  overflow: hidden;
}
@media (max-width: 1445px) {
  .news .newsmain li .txt .text span {
    font-size: 15px;
  }
}
@media (max-width: 992px) {
  .news .newsmain li .txt .text span {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .news .newsmain li .txt .text span {
    height: 20px;
    line-height: 20px;
    font-size: 16px;
  }
}
.news .newsmain li .txt .text p {
  height: 46px;
  margin: 3px 0 0;
  line-height: 23px;
  color: #777777;
  font-size: 14px;
  overflow: hidden;
}
@media (max-width: 1445px) {
  .news .newsmain li .txt .text p {
    font-size: 12px;
    line-height: 20px;
    height: 40px;
  }
}
@media (max-width: 767px) {
  .news .newsmain li .txt .text p {
    height: 40px;
    margin: 5px 0 0;
    line-height: 20px;
    font-size: 13px;
  }
}
@media (max-width: 321px) {
  .news .newsmain li .txt .text p {
    font-size: 12px;
    line-height: 16px;
    height: 32px;
  }
}
.news .newsmain li .txt .text time {
  position: absolute;
  left: 0;
  top: 0;
  width: 90px;
  border-right: 1px solid #ececec;
  display: block;
}
@media (max-width: 1601px) {
  .news .newsmain li .txt .text time {
    width: 76px;
  }
}
@media (max-width: 1445px) {
  .news .newsmain li .txt .text time {
    width: 72px;
  }
}
@media (max-width: 1025px) {
  .news .newsmain li .txt .text time {
    width: 63px;
  }
}
@media (max-width: 992px) {
  .news .newsmain li .txt .text time {
    width: 58px;
  }
}
@media (max-width: 321px) {
  .news .newsmain li .txt .text time {
    width: 54px;
  }
}
.news .newsmain li .txt .text time big {
  padding: 0 0 0 5px;
  display: block;
  height: 48px;
  line-height: 48px;
  overflow: hidden;
  font-size: 48px;
  color: #333333;
  font-weight: 100;
  font-family: "avantgardebook";
}
@media (max-width: 1601px) {
  .news .newsmain li .txt .text time big {
    height: 44px;
    line-height: 44px;
    font-size: 44px;
  }
}
@media (max-width: 1445px) {
  .news .newsmain li .txt .text time big {
    height: 40px;
    line-height: 40px;
    font-size: 40px;
  }
}
@media (max-width: 1025px) {
  .news .newsmain li .txt .text time big {
    height: 36px;
    line-height: 36px;
    font-size: 36px;
  }
}
@media (max-width: 992px) {
  .news .newsmain li .txt .text time big {
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    padding: 0;
    text-align: center;
  }
}
@media (max-width: 321px) {
  .news .newsmain li .txt .text time big {
    height: 28px;
    line-height: 28px;
    font-size: 28px;
  }
}
.news .newsmain li .txt .text time small {
  display: block;
  color: #777777;
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  font-family: "futura_md_btmedium";
}
@media (max-width: 1025px) {
  .news .newsmain li .txt .text time small {
    font-size: 10px;
  }
}
@media (max-width: 992px) {
  .news .newsmain li .txt .text time small {
    font-size: 9px;
  }
}
.news .newsmain li .more {
  height: 40px;
  overflow: hidden;
  line-height: 40px;
  color: #777777;
  margin: 30px auto 0;
  border-top: 1px solid #ececec;
  font-size: 12px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1445px) {
  .news .newsmain li .more {
    margin: 20px auto 0;
  }
}
@media (max-width: 767px) {
  .news .newsmain li .more {
    margin: 15px auto 0;
  }
}
@media (max-width: 321px) {
  .news .newsmain li .more {
    height: 36px;
    line-height: 36px;
  }
}
.news .newsmain li .more:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 15px;
  width: 24px;
  height: 8px;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  background: url("../images/news-ico01.png") no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 992px) {
  .news .newsmain li .more:after {
    width: 18px;
    height: 6px;
  }
}
@media (max-width: 321px) {
  .news .newsmain li .more:after {
    top: 13px;
    width: 15px;
    height: 5px;
  }
}

.news-show {
  background: #fafafa;
  color: #666666;
  font-size: 14px;
  line-height: 22px;
}
.news-show .boxa {
  margin: 0 auto;
}
.news-show .title-1 {
  text-align: center;
  color: #652177;
  font-size: 26px;
  line-height: 34px;
  margin: 0 auto 10px;
}
@media (max-width: 1025px) {
  .news-show .title-1 {
    margin: 0 auto 15px;
  }
}
@media (max-width: 992px) {
  .news-show .title-1 {
    font-size: 24px;
    margin: 0 auto 10px;
    line-height: 32px;
  }
}
@media (max-width: 767px) {
  .news-show .title-1 {
    font-size: 20px;
    margin: 0 auto 5px;
    line-height: 26px;
  }
}
@media (max-width: 376px) {
  .news-show .title-1 {
    font-size: 18px;
    margin: 0 auto 3px;
    line-height: 24px;
  }
}
.news-show .text-1 {
  color: #666666;
  font-size: 15px;
  margin: 25px auto 45px;
  line-height: 22px;
}
@media (max-width: 1025px) {
  .news-show .text-1 {
    margin: 20px auto 35px;
  }
}
@media (max-width: 992px) {
  .news-show .text-1 {
    margin: 20px auto 25px;
  }
}
@media (max-width: 767px) {
  .news-show .text-1 {
    font-size: 14px;
    margin: 15px auto 20px;
    line-height: 22px;
  }
}
@media (max-width: 376px) {
  .news-show .text-1 {
    font-size: 13px;
    margin: 15px auto;
    line-height: 22px;
  }
}
@media (max-width: 321px) {
  .news-show .text-1 {
    margin: 10px auto 15px;
  }
}
.news-show .text-2 {
  color: #666666;
  font-size: 15px;
  margin: 10px auto 0;
  line-height: 22px;
}
@media (max-width: 767px) {
  .news-show .text-2 {
    font-size: 14px;
  }
}
@media (max-width: 376px) {
  .news-show .text-2 {
    font-size: 13px;
    line-height: 22px;
  }
}
.news-show .img-1 {
  text-align: center;
  margin: 0 auto 45px;
  overflow: hidden;
}
@media (max-width: 1025px) {
  .news-show .img-1 {
    margin: 0 auto 30px;
  }
}
@media (max-width: 992px) {
  .news-show .img-1 {
    margin: 0 auto 25px;
  }
}
@media (max-width: 767px) {
  .news-show .img-1 {
    margin: 0 auto 15px;
  }
}
@media (max-width: 376px) {
  .news-show .img-1 {
    margin: 0 auto 6px;
  }
}
@media (max-width: 321px) {
  .news-show .img-1 {
    margin: 0 auto;
  }
}
.news-show .img-1 img {
  max-width: 100%;
}
.sourse {
  text-align: center;
  color: #666666;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  font-family: "futura_md_btmedium", "microsoft yahei";
}
.backz {
  position: relative;
  z-index: 1;
  padding: 0 0 40px;
  border-bottom: 1px solid #d7d7d7;
  margin: 55px auto 0;
}
@media (max-width: 992px) {
  .backz {
    padding: 0 0 25px;
  }
}
@media (max-width: 767px) {
  .backz {
    padding: 0 0 15px;
    margin: 25px auto 0;
  }
}
.backz em {
  font-style: inherit;
  width: 190px;
  height: 37px;
  line-height: 37px;
  background: #652177;
  display: block;
  font-size: 14px;
  float: left;
  text-align: right;
}
@media (max-width: 767px) {
  .backz em {
    width: 110px;
    height: 30px;
    line-height: 30px;
  }
}
@media (max-width: 321px) {
  .backz em {
    width: 103px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
  }
}
.backz em:hover {
  background: #565656;
}
.backz em:before {
  content: "";
  position: absolute;
  left: 65px;
  top: 16px;
  width: 17px;
  height: 1px;
  background: #fff;
}
@media (max-width: 767px) {
  .backz em:before {
    left: 15px;
    top: 14px;
  }
}
@media (max-width: 321px) {
  .backz em:before {
    left: 13px;
    top: 13px;
  }
}
.backz em a {
  display: block;
  padding: 0 40px 0 10px;
  color: #fff;
}
@media (max-width: 767px) {
  .backz em a {
    padding: 0 15px 0 10px;
  }
}
@media (max-width: 321px) {
  .backz em a {
    padding: 0 13px 0 10px;
  }
}
.backz .article {
  float: right;
  width: 60%;
  padding: 0 40px 0 0;
  text-align: right;
}
@media (max-width: 767px) {
  .backz .article {
    padding: 0;
  }
}
.backz .article li {
  display: inline-block;
  margin: 0 0 0 15px;
}
@media (max-width: 767px) {
  .backz .article li {
    padding: 5px 0 0;
    margin: 0 0 0 10px;
  }
}
@media (max-width: 321px) {
  .backz .article li {
    margin: 0 0 0 7px;
  }
}
.backz .article li:hover .iconfont {
  color: #652177;
}
@media (max-width: 767px) {
  .backz .article li:hover .iconfont {
    color: #9b9b9b;
  }
}
.backz .article li .iconfont {
  color: #9b9b9b;
  font-size: 36px;
}
@media (max-width: 767px) {
  .backz .article li .iconfont {
    font-size: 30px;
  }
}
@media (max-width: 321px) {
  .backz .article li .iconfont {
    font-size: 26px;
  }
}

.case-show {
  width: 100%;
  overflow: hidden;
  background: #fafafa;
}
.case-show .textn-1 span {
  background: #fafafa;
}
.case-show .main {
  margin: 50px auto 0;
}
@media (max-width: 992px) {
  .case-show .main {
    margin: 30px auto 0;
  }
}
@media (max-width: 767px) {
  .case-show .main {
    margin: 20px auto 0;
  }
}
.case-show .leftc {
  float: left;
  width: 79.2%;
}
@media (max-width: 992px) {
  .case-show .leftc {
    width: 100%;
  }
}
.case-show .leftc .slider-forbox {
  float: left;
  width: 100%;
}
.case-show .leftc .slider-for {
  width: 100%;
}
.case-show .leftc .slider-for p {
  width: 100%;
  position: relative;
}
.case-show .leftc .slider-for p:after {
  content: "";
  display: block;
  padding-bottom: 61.5%;
}
.case-show .leftc .slider-for .slick-prev,
.case-show .leftc .slider-for .slick-next {
  width: 37px;
  height: 65px;
  border: none;
  margin-top: -32.5px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
@media (max-width: 992px) {
  .case-show .leftc .slider-for .slick-prev,
  .case-show .leftc .slider-for .slick-next {
    width: 29px;
    height: 50px;
    margin-top: -25px;
  }
}
@media (max-width: 767px) {
  .case-show .leftc .slider-for .slick-prev,
  .case-show .leftc .slider-for .slick-next {
    width: 20px;
    height: 34px;
    margin-top: -17px;
  }
}
.case-show .leftc .slider-for .slick-prev {
  left: 20px;
  background: url("../images/case-showleft.png") no-repeat center;
  background-size: 100% 100%;
}
@media (max-width: 767px) {
  .case-show .leftc .slider-for .slick-prev {
    left: 10px;
  }
}
.case-show .leftc .slider-for .slick-prev:hover {
  opacity: 0.7;
}
.case-show .leftc .slider-for .slick-next {
  right: 20px;
  background: url("../images/case-showright.png") no-repeat center;
  background-size: 100% 100%;
}
@media (max-width: 767px) {
  .case-show .leftc .slider-for .slick-next {
    right: 10px;
  }
}
.case-show .leftc .slider-for .slick-next:hover {
  opacity: 0.7;
}
.case-show .leftc .slider-nav {
  padding: 0 15.4%;
  margin: 14px auto 0;
  text-align: center;
}
@media (max-width: 1681px) {
  .case-show .leftc .slider-nav {
    padding: 0 10%;
  }
}
@media (max-width: 1601px) {
  .case-show .leftc .slider-nav {
    padding: 0 7%;
  }
}
@media (max-width: 1445px) {
  .case-show .leftc .slider-nav {
    padding: 0 9%;
  }
}
@media (max-width: 767px) {
  .case-show .leftc .slider-nav {
    padding: 0 3%;
  }
}
@media (max-width: 412px) {
  .case-show .leftc .slider-nav {
    padding: 0 1.8%;
  }
}
@media (max-width: 361px) {
  .case-show .leftc .slider-nav {
    padding: 0 1%;
  }
}
.case-show .leftc .slider-nav .slick-track {
  display: inline-block;
}
.case-show .leftc .slider-nav div {
  padding: 0 6px 0 2px;
}
.case-show .leftc .slider-nav p {
  width: 100%;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.case-show .leftc .slider-nav p:hover {
  border: 1px solid #652177;
}
.case-show .leftc .slider-nav p:after {
  content: "";
  display: block;
  padding-bottom: 62%;
}
@media (max-width: 1445px) {
  .case-show .leftc .slider-nav p:after {
    padding-bottom: 61.5%;
  }
}
.case-show .leftc .slider-nav i {
  display: block;
}
.case-show .leftc .slider-nav .slick-current p {
  border: 1px solid #652177;
}
.case-show .leftc .slider-nav .slick-prev,
.case-show .leftc .slider-nav .slick-next {
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 50%;
  margin-top: -12px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.case-show .leftc .slider-nav .slick-prev {
  left: 12.2%;
  opacity: 0;
  background: url("../images/left.png") no-repeat center #ffffff;
  background-size: 100% 100%;
}
@media (max-width: 1025px) {
  .case-show .leftc .slider-nav .slick-prev {
    opacity: 1;
    left: 5%;
  }
}
.case-show .leftc .slider-nav .slick-next {
  right: 12%;
  opacity: 0;
  background: url("../images/right.png") no-repeat center #ffffff;
  background-size: 100% 100%;
}
@media (max-width: 1025px) {
  .case-show .leftc .slider-nav .slick-next {
    opacity: 1;
    right: 5%;
  }
}
.case-show .leftc .slider-nav:hover .slick-prev,
.case-show .leftc .slider-nav:hover .slick-next {
  opacity: 1;
}
.case-show .rightc {
  float: left;
  width: 20.8%;
  padding: 0 0 0 35px;
}
@media (max-width: 1281px) {
  .case-show .rightc {
    padding: 0 0 0 25px;
  }
}
@media (max-width: 992px) {
  .case-show .rightc {
    width: 100%;
    padding: 0 0 50px;
  }
}
@media (max-width: 767px) {
  .case-show .rightc {
    padding: 0 0 25px;
  }
}
.case-show .rightc .yuyue-teacher li .pic {
  position: relative;
}
@media (max-width: 992px) {
  .case-show .rightc .yuyue-teacher li .pic {
    float: left;
    width: 30%;
  }
}
.case-show .rightc .yuyue-teacher li .pic:after {
  content: "";
  display: block;
  padding-bottom: 140%;
}
.case-show .rightc .yuyue-teacher li .txt {
  padding: 25px 0 0;
}
@media (max-width: 992px) {
  .case-show .rightc .yuyue-teacher li .txt {
    float: left;
    width: 70%;
    padding: 0 0 0 30px;
  }
}
@media (max-width: 767px) {
  .case-show .rightc .yuyue-teacher li .txt {
    padding: 0 0 0 20px;
  }
}
.case-show .rightc .yuyue-teacher li .txt .text-2 {
  color: #666666;
  word-break: break-all;
  font-size: 16px;
  line-height: 30px;
  min-height: 120px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .case-show .rightc .yuyue-teacher li .txt .text-2 {
    font-size: 14px;
    line-height: 24px;
    min-height: 96px;
  }
}
@media (max-width: 321px) {
  .case-show .rightc .yuyue-teacher li .txt .text-2 {
    font-size: 12px;
    line-height: 20px;
    min-height: 80px;
  }
}
.case-show .rightc .yuyue-teacher li .yuyue-btn {
  width: 180px;
  height: 42px;
  border: 1px solid #b4b4b4;
  line-height: 40px;
  color: #666666;
  font-size: 16px;
  overflow: hidden;
  margin: 40px 0 0;
  cursor: pointer;
  padding: 0 20px 0 20px;
  position: relative;
}
.case-show .rightc .yuyue-teacher li .yuyue-btn a {
  color: #666666;
}
@media (max-width: 1310px) {
  .case-show .rightc .yuyue-teacher li .yuyue-btn {
    width: 160px;
    line-height: 36px;
    font-size: 15px;
    height: 36px;
    padding: 0 15px 0 15px;
  }
}
@media (max-width: 767px) {
  .case-show .rightc .yuyue-teacher li .yuyue-btn {
    margin: 12px 0 0;
    height: 34px;
    line-height: 34px;
  }
}
@media (max-width: 376px) {
  .case-show .rightc .yuyue-teacher li .yuyue-btn {
    margin: 10px 0 0;
  }
}
@media (max-width: 321px) {
  .case-show .rightc .yuyue-teacher li .yuyue-btn {
    width: 140px;
    line-height: 32px;
    font-size: 14px;
    height: 32px;
    padding: 0 5px 0 10px;
  }
}
.case-show .rightc .yuyue-teacher li .yuyue-btn:hover {
  border: 1px solid #652177;
  color: #652177;
}
.case-show .rightc .yuyue-teacher li .yuyue-btn:hover a {
  color: #652177;
}
.case-show .rightc .yuyue-teacher li .yuyue-btn:hover:after {
  background: #652177;
}
.case-show .rightc .yuyue-teacher li .yuyue-btn:after {
  content: "";
  position: relative;
  float: right;
  top: 50%;
  width: 23px;
  height: 1px;
  margin-top: -1px;
  background: #b4b4b4;
}
.case-show .rightc .yuyue-teacher li .yuyue-3d {
  width: 180px;
  height: 42px;
  border: 1px solid #b4b4b4;
  line-height: 40px;
  color: #666666;
  font-size: 16px;
  overflow: hidden;
  margin: 40px 0 0;
  cursor: pointer;
  padding: 0 20px 0 20px;
  position: relative;
}
.case-show .rightc .yuyue-teacher li .yuyue-3d a {
  color: #666666;
}
@media (max-width: 1310px) {
  .case-show .rightc .yuyue-teacher li .yuyue-3d {
    width: 160px;
    line-height: 36px;
    font-size: 15px;
    height: 36px;
    padding: 0 15px 0 15px;
  }
}
@media (max-width: 767px) {
  .case-show .rightc .yuyue-teacher li .yuyue-3d {
    margin: 12px 0 0;
    height: 34px;
    line-height: 34px;
  }
}
@media (max-width: 376px) {
  .case-show .rightc .yuyue-teacher li .yuyue-3d {
    margin: 10px 0 0;
  }
}
@media (max-width: 321px) {
  .case-show .rightc .yuyue-teacher li .yuyue-3d {
    width: 140px;
    line-height: 32px;
    font-size: 14px;
    height: 32px;
    padding: 0 5px 0 10px;
  }
}
.case-show .rightc .yuyue-teacher li .yuyue-3d:hover {
  border: 1px solid #652177;
  color: #652177;
}
.case-show .rightc .yuyue-teacher li .yuyue-3d:hover a {
  color: #652177;
}
.case-show .rightc .yuyue-teacher li .yuyue-3d:hover:after {
  background: #652177;
}
.case-show .rightc .yuyue-teacher li .yuyue-3d:after {
  content: "";
  position: relative;
  float: right;
  top: 50%;
  width: 23px;
  height: 1px;
  margin-top: -1px;
  background: #b4b4b4;
}
.case-show .rightc .yuyue-teacher li .tyal {
  margin-top: 14px;
}
.case-show .part-1 {
  border-top: 1px solid #b4b4b4;
  padding: 45px 0 140px;
  margin: 55px auto 0;
}
@media (max-width: 1681px) {
  .case-show .part-1 {
    padding: 45px 0 100px;
  }
}
@media (max-width: 1445px) {
  .case-show .part-1 {
    padding: 35px 0 80px;
  }
}
@media (max-width: 992px) {
  .case-show .part-1 {
    padding: 35px 0 80px;
    margin: 35px auto 0;
  }
}
@media (max-width: 767px) {
  .case-show .part-1 {
    padding: 25px 0 40px;
  }
}
.case-show .part-1 .title {
  color: #050505;
  font-size: 34px;
  line-height: 44px;
}
@media (max-width: 767px) {
  .case-show .part-1 .title {
    font-size: 28px;
    line-height: 36px;
  }
}
.case-show .part-1 i {
  font-style: inherit;
  width: 30px;
  height: 2px;
  display: block;
  margin: 25px 0;
  background: #666666;
}
@media (max-width: 767px) {
  .case-show .part-1 i {
    margin: 15px 0;
  }
}
.case-show .part-1 .text-1 {
  color: #666666;
  line-height: 24px;
  font-size: 15px;
}
.backz-1 {
  font-style: inherit;
  width: 190px;
  height: 37px;
  margin: 65px 0 0;
  padding: 0 5px 0 90px;
  line-height: 37px;
  background: #2e2e2e;
  display: block;
  font-size: 14px;
  float: right;
  position: relative;
}
@media (max-width: 767px) {
  .backz-1 {
    width: 110px;
    height: 30px;
    margin: 20px 0 0;
    padding: 0 5px 0 38px;
    line-height: 30px;
  }
}
@media (max-width: 321px) {
  .backz-1 {
    width: 103px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
  }
}
.backz-1:hover {
  background: #652177;
}
.backz-1:before {
  content: "";
  position: absolute;
  left: 65px;
  top: 16px;
  width: 17px;
  height: 1px;
  background: #fff;
}
@media (max-width: 767px) {
  .backz-1:before {
    left: 15px;
    top: 14px;
  }
}
@media (max-width: 321px) {
  .backz-1:before {
    left: 13px;
    top: 13px;
  }
}
.backz-1 a {
  display: block;
  color: #fff;
}
.relevant-cases {
  padding: 40px 0 35px;
}
@media (max-width: 1445px) {
  .relevant-cases {
    padding: 40px 0 5px;
  }
}
@media (max-width: 767px) {
  .relevant-cases {
    padding: 25px 0 20px;
  }
}
.appointment,
.appointment1 {
  background: url("../images/yuyue-mask.png");
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 9999;
}
.appointment .appointment-main,
.appointment1 .appointment-main,
.appointment .appointment1-main,
.appointment1 .appointment1-main {
  width: 626px;
  height: 428px;
  position: absolute;
  left: 50%;
  margin-left: -308.5px;
  top: 50%;
  padding: 50px 65px 20px;
  margin-top: -214px;
  background: #fff;
  border-radius: 5px;
}
@media (max-width: 1025px) {
  .appointment .appointment-main,
  .appointment1 .appointment-main,
  .appointment .appointment1-main,
  .appointment1 .appointment1-main {
    width: 600px;
    margin-left: -300px;
    height: 380px;
    margin-top: -190px;
  }
}
@media (max-width: 767px) {
  .appointment .appointment-main,
  .appointment1 .appointment-main,
  .appointment .appointment1-main,
  .appointment1 .appointment1-main {
    width: 90%;
    margin-left: -45%;
    height: 254px;
    padding: 20px 25px;
    margin-top: -127px;
  }
}
@media (max-width: 361px) {
  .appointment .appointment-main,
  .appointment1 .appointment-main,
  .appointment .appointment1-main,
  .appointment1 .appointment1-main {
    height: 244px;
    margin-top: -122px;
  }
}
.appointment .appointment-main .appointment-close,
.appointment1 .appointment-main .appointment-close,
.appointment .appointment1-main .appointment-close,
.appointment1 .appointment1-main .appointment-close,
.appointment .appointment-main .appointment1-close,
.appointment1 .appointment-main .appointment1-close,
.appointment .appointment1-main .appointment1-close,
.appointment1 .appointment1-main .appointment1-close {
  position: absolute;
  right: 5px;
  top: 3px;
  cursor: pointer;
  background: #fff;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
}
.appointment .appointment-main .icon-guanbi,
.appointment1 .appointment-main .icon-guanbi,
.appointment .appointment1-main .icon-guanbi,
.appointment1 .appointment1-main .icon-guanbi {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #d9d9d9;
  font-size: 28px;
}
.appointment big,
.appointment1 big {
  color: #000000;
  display: block;
  font-size: 30px;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
  text-align: center;
}
@media (max-width: 767px) {
  .appointment big,
  .appointment1 big {
    font-size: 20px;
    line-height: 28px;
    height: 28px;
  }
}
@media (max-width: 321px) {
  .appointment big,
  .appointment1 big {
    font-size: 18px;
    line-height: 26px;
    height: 26px;
  }
}
.appointment .yuyue-input,
.appointment1 .yuyue-input {
  border-top: 1px solid #cecece;
  padding: 45px 0 0;
  margin: 55px auto 0;
}
@media (max-width: 1025px) {
  .appointment .yuyue-input,
  .appointment1 .yuyue-input {
    margin: 30px auto 0;
  }
}
@media (max-width: 767px) {
  .appointment .yuyue-input,
  .appointment1 .yuyue-input {
    padding: 25px 0 0;
    margin: 15px auto 0;
  }
}
.appointment .yuyue-input li,
.appointment1 .yuyue-input li {
  width: 100%;
  margin: 0 auto;
  display: table;
  margin: 0 0 25px;
  position: relative;
}
.appointment .yuyue-input li font,
.appointment1 .yuyue-input li font {
  color: #f30;
  display: none;
  font-size: 12px;
  padding: 0 5px;
  position: absolute;
  right: 9%;
  top: -22px;
}
@media (max-width: 767px) {
  .appointment .yuyue-input li,
  .appointment1 .yuyue-input li {
    margin: 0 0 15px;
  }
  .appointment .yuyue-input li font,
  .appointment1 .yuyue-input li font {
    color: #f30;
    display: none;
    font-size: 12px;
    padding: 0 5px;
    position: absolute;
    right: 0;
    top: -17px;
  }
}
.appointment .yuyue-input li span,
.appointment1 .yuyue-input li span {
  width: 120px;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  color: #666666;
  font-style: 15px;
  text-align: right;
  padding: 0 15px 0 0;
  float: left;
}
@media (max-width: 767px) {
  .appointment .yuyue-input li span,
  .appointment1 .yuyue-input li span {
    width: 70px;
  }
}
@media (max-width: 361px) {
  .appointment .yuyue-input li span,
  .appointment1 .yuyue-input li span {
    height: 32px;
    line-height: 32px;
  }
}
@media (max-width: 361px) {
  .appointment .yuyue-input li span,
  .appointment1 .yuyue-input li span {
    width: 50px;
  }
}
.appointment .yuyue-input li input,
.appointment1 .yuyue-input li input {
  width: 320px;
  border: 1px solid #999999;
  font-family: "microsoft yahei";
  color: #333333;
  float: left;
  background: none;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  padding: 0 10px;
  border-radius: 0;
}
.appointment .yuyue-input li input::-webkit-input-placeholder,
.appointment1 .yuyue-input li input::-webkit-input-placeholder {
  color: #a9a9a9;
}
@media (max-width: 767px) {
  .appointment .yuyue-input li input,
  .appointment1 .yuyue-input li input {
    width: 195px;
  }
}
@media (max-width: 361px) {
  .appointment .yuyue-input li input,
  .appointment1 .yuyue-input li input {
    width: 200px;
    height: 32px;
    line-height: 32px;
  }
}
@media (max-width: 361px) {
  .appointment .yuyue-input li input,
  .appointment1 .yuyue-input li input {
    width: 155px;
  }
}
.appointment .yuyue-input li input:focus,
.appointment1 .yuyue-input li input:focus {
  box-shadow: 0 0 0 1px #652177;
  border: 1px solid #652177;
}
.appointment .yuyue-input li .yy-btn,
.appointment1 .yuyue-input li .yy-btn {
  width: 140px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  overflow: hidden;
  font-size: 15px;
  background: #652177;
  border: none;
  margin: 0 0 0 120px;
}
@media (max-width: 767px) {
  .appointment .yuyue-input li .yy-btn,
  .appointment1 .yuyue-input li .yy-btn {
    margin: 0 0 0 70px;
    height: 36px;
    line-height: 36px;
  }
}
@media (max-width: 361px) {
  .appointment .yuyue-input li .yy-btn,
  .appointment1 .yuyue-input li .yy-btn {
    margin: 0 0 0 50px;
  }
}
.appointment .yuyue-input li .yy-btn:hover,
.appointment1 .yuyue-input li .yy-btn:hover {
  background: #565656;
}

.furnishings-teacher {
  overflow: hidden;
  padding: 0 0 85px;
}
@media (max-width: 1550px) {
  .furnishings-teacher {
    padding: 0 0 60px;
  }
}
@media (max-width: 992px) {
  .furnishings-teacher {
    padding: 0 0 50px;
  }
}
@media (max-width: 767px) {
  .furnishings-teacher {
    padding: 0 0 30px;
  }
}
.furnishings-teacher .furnishings-teachermain {
  overflow: hidden;
}
.furnishings-teacher .furnishings-teachermain ul {
  margin: 30px -13px 40px;
}
@media (max-width: 992px) {
  .furnishings-teacher .furnishings-teachermain ul {
    margin: 15px -10px 30px;
  }
}
@media (max-width: 767px) {
  .furnishings-teacher .furnishings-teachermain ul {
    margin: 5px -5px 20px;
  }
}
.furnishings-teacher .furnishings-teachermain li {
  width: 25%;
  float: left;
  padding: 20px 13px;
}
@media (max-width: 1801px) {
  .furnishings-teacher .furnishings-teachermain li {
    padding: 15px 13px;
  }
}
@media (max-width: 992px) {
  .furnishings-teacher .furnishings-teachermain li {
    width: 33.33333333%;
    padding: 12px 10px;
  }
}
@media (max-width: 767px) {
  .furnishings-teacher .furnishings-teachermain li {
    width: 50%;
    padding: 6px 5px;
  }
}
.furnishings-teacher .furnishings-teachermain li a {
  display: inline-block;
  width: 100%;
  padding: 35px 15px 55px;
  border: 1px solid #dcdcdc;
}
@media (max-width: 1550px) {
  .furnishings-teacher .furnishings-teachermain li a {
    padding: 25px 15px 35px;
  }
}
@media (max-width: 767px) {
  .furnishings-teacher .furnishings-teachermain li a {
    padding: 20px 10px 15px;
  }
}
.furnishings-teacher .furnishings-teachermain li a:hover .pic:after {
  -webkit-animation: play1 2s linear infinite;
  animation: play1 2s linear infinite;
}
.furnishings-teacher .furnishings-teachermain li a:hover .txt em {
  color: #652177;
}
.furnishings-teacher .furnishings-teachermain li a .pic {
  width: 280px;
  height: 280px;
  margin: 0 auto;
  padding: 27px 25px;
  position: relative;
}
@media (max-width: 1801px) {
  .furnishings-teacher .furnishings-teachermain li a .pic {
    width: 220px;
    height: 220px;
    padding: 19px 20px;
  }
}
@media (max-width: 1550px) {
  .furnishings-teacher .furnishings-teachermain li a .pic {
    width: 180px;
    height: 180px;
    padding: 16px 15px;
  }
}
@media (max-width: 1281px) {
  .furnishings-teacher .furnishings-teachermain li a .pic {
    width: 160px;
    height: 160px;
    padding: 14px 13px;
  }
}
@media (max-width: 1025px) {
  .furnishings-teacher .furnishings-teachermain li a .pic {
    width: 140px;
    height: 140px;
    padding: 12px 13px;
  }
}
@media (max-width: 767px) {
  .furnishings-teacher .furnishings-teachermain li a .pic {
    width: 120px;
    height: 120px;
    padding: 10px;
  }
}
@media (max-width: 321px) {
  .furnishings-teacher .furnishings-teachermain li a .pic {
    width: 100px;
    height: 100px;
    padding: 10px;
  }
}
.furnishings-teacher .furnishings-teachermain li a .pic:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  webkit-transform: translate3d(0, 180, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background: url("../images/furnishings-teacherquan.png") no-repeat center;
  background-size: 100% 100%;
}
@-webkit-keyframes play1 {
  0% {
    -webkit-transform: rotatez(0deg);
  }
  100% {
    -webkit-transform: rotatez(360deg);
  }
}
@keyframes play1 {
  0% {
    -webkit-transform: rotatez(0deg);
  }
  100% {
    -webkit-transform: rotatez(360deg);
  }
}
.furnishings-teacher .furnishings-teachermain li a .pic span {
  display: block;
  width: 225px;
  height: 225px;
  position: relative;
  margin: 0 auto;
}
@media (max-width: 1801px) {
  .furnishings-teacher .furnishings-teachermain li a .pic span {
    width: 180px;
    height: 180px;
  }
}
@media (max-width: 1550px) {
  .furnishings-teacher .furnishings-teachermain li a .pic span {
    width: 146px;
    height: 146px;
  }
}
@media (max-width: 1281px) {
  .furnishings-teacher .furnishings-teachermain li a .pic span {
    width: 130px;
    height: 130px;
  }
}
@media (max-width: 1025px) {
  .furnishings-teacher .furnishings-teachermain li a .pic span {
    width: 115px;
    height: 115px;
  }
}
@media (max-width: 767px) {
  .furnishings-teacher .furnishings-teachermain li a .pic span {
    width: 99px;
    height: 99px;
  }
}
@media (max-width: 321px) {
  .furnishings-teacher .furnishings-teachermain li a .pic span {
    width: 80px;
    height: 80px;
  }
}
.furnishings-teacher .furnishings-teachermain li a .txt {
  padding: 50px 0 0;
}
@media (max-width: 1801px) {
  .furnishings-teacher .furnishings-teachermain li a .txt {
    padding: 30px 0 0;
  }
}
@media (max-width: 767px) {
  .furnishings-teacher .furnishings-teachermain li a .txt {
    padding: 15px 0 0;
  }
}
.furnishings-teacher .furnishings-teachermain li a .txt em {
  font-style: inherit;
  text-align: center;
  display: block;
  color: #333333;
  font-size: 22px;
  line-height: 24px;
  height: 24px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .furnishings-teacher .furnishings-teachermain li a .txt em {
    font-size: 18px;
  }
}
@media (max-width: 321px) {
  .furnishings-teacher .furnishings-teachermain li a .txt em {
    font-size: 16px;
  }
}
.furnishings-teacher .furnishings-teachermain li a .txt p {
  color: #666666;
  font-size: 14px;
  text-align: center;
  overflow: hidden;
  height: 24px;
  margin: 5px auto 0;
  line-height: 24px;
}
@media (max-width: 767px) {
  .furnishings-teacher .furnishings-teachermain li a .txt p {
    margin: 0 auto;
  }
}

.project {
  overflow: hidden;
  padding: 0 0 90px;
}
@media (max-width: 1550px) {
  .project {
    padding: 0 0 65px;
  }
}
@media (max-width: 992px) {
  .project {
    padding: 0 0 45px;
  }
}
@media (max-width: 767px) {
  .project {
    padding: 0 0 35px;
  }
}
.project .project-main {
  overflow: hidden;
  margin: 0 auto 20px;
  position: relative;
}
@media (max-width: 767px) {
  .project .project-main {
    margin: -10px auto 10px;
  }
}
.project .project-main:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #fff;
}
.project .project-main ul {
  margin: 0 -70px;
}
@media (max-width: 1630px) {
  .project .project-main ul {
    margin: 0 -60px;
  }
}
@media (max-width: 1550px) {
  .project .project-main ul {
    margin: 0 -50px;
  }
}
@media (max-width: 1367px) {
  .project .project-main ul {
    margin: 0 -35px;
  }
}
@media (max-width: 992px) {
  .project .project-main ul {
    margin: 0 -25px;
  }
}
@media (max-width: 767px) {
  .project .project-main ul {
    margin: 0 -10px;
  }
}
.project .project-main ul li {
  padding: 70px 0 70px 70px;
  float: left;
  border-bottom: 1px solid #e0e0e0;
  width: 33.33333333%;
}
@media (max-width: 1630px) {
  .project .project-main ul li {
    padding: 60px 0 60px 60px;
  }
}
@media (max-width: 1550px) {
  .project .project-main ul li {
    padding: 50px 0 50px 50px;
  }
}
@media (max-width: 1367px) {
  .project .project-main ul li {
    padding: 35px 0 35px 35px;
  }
}
@media (max-width: 992px) {
  .project .project-main ul li {
    width: 50%;
    padding: 25px 0 25px 25px;
  }
}
@media (max-width: 767px) {
  .project .project-main ul li {
    padding: 20px 0 20px 10px;
  }
}
.project .project-main ul li:hover .pic img {
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
}
.project .project-main ul li:hover .txt span {
  color: #652177;
}
.project .project-main ul li a {
  border-right: 1px solid #969696;
  display: inline-block;
  width: 100%;
  padding: 0 70px 0 0;
}
@media (max-width: 1630px) {
  .project .project-main ul li a {
    padding: 0 60px 0 0;
  }
}
@media (max-width: 1550px) {
  .project .project-main ul li a {
    padding: 0 50px 0 0;
  }
}
@media (max-width: 1367px) {
  .project .project-main ul li a {
    padding: 0 35px 0 0;
  }
}
@media (max-width: 992px) {
  .project .project-main ul li a {
    padding: 0 25px 0 0;
  }
}
@media (max-width: 767px) {
  .project .project-main ul li a {
    padding: 0 10px 0 0;
  }
}
.project .project-main ul li .pic {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.project .project-main ul li .pic img {
  transition: all 0.35s;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
}
.project .project-main ul li .pic:after {
  content: "";
  display: block;
  padding-bottom: 62%;
}
.project .project-main ul li .txt {
  padding: 50px 0 0;
}
@media (max-width: 1367px) {
  .project .project-main ul li .txt {
    padding: 30px 0 0;
  }
}
@media (max-width: 767px) {
  .project .project-main ul li .txt {
    padding: 15px 0 0;
  }
}
.project .project-main ul li .txt span {
  display: block;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  color: #000000;
  font-size: 24px;
}
@media (max-width: 1367px) {
  .project .project-main ul li .txt span {
    font-size: 21px;
  }
}
@media (max-width: 767px) {
  .project .project-main ul li .txt span {
    font-size: 16px;
  }
}
@media (max-width: 376px) {
  .project .project-main ul li .txt span {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
  }
}
.project .project-main ul li .txt time {
  display: block;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  color: #999999;
  font-size: 12px;
  margin: 4px 0 3px;
  font-family: "avantgardebook";
}
@media (max-width: 376px) {
  .project .project-main ul li .txt time {
    font-size: 11px;
    height: 22px;
    margin: 2px 0;
    line-height: 22px;
  }
}
.project .project-main ul li .txt p {
  display: block;
  height: 44px;
  line-height: 22px;
  overflow: hidden;
  color: #666666;
  font-size: 14px;
}
@media (max-width: 767px) {
  .project .project-main ul li .txt p {
    font-size: 12px;
    height: 40px;
    line-height: 20px;
  }
}
@media (max-width: 376px) {
  .project .project-main ul li .txt p {
    font-size: 10px;
    height: 36px;
    line-height: 18px;
  }
}
.space {
  height: 80px;
}
@media (max-width: 1445px) {
  .space {
    height: 50px;
  }
}
@media (max-width: 992px) {
  .space {
    height: 35px;
  }
}
@media (max-width: 767px) {
  .space {
    height: 20px;
  }
}

.team {
  overflow: hidden;
  padding: 0 0 70px;
}
@media (max-width: 767px) {
  .team {
    padding: 0 0 35px;
  }
}
.team .team-main {
  overflow: hidden;
  margin: 10px 0 40px;
}
@media (max-width: 767px) {
  .team .team-main {
    margin: 10px 0 20px;
  }
}
#xiangguan {
  margin: 0;
}
.team .team-main dl {
  margin: 0 -13px;
}
@media (max-width: 1445px) {
  .team .team-main dl {
    margin: 0 -10px;
  }
}
@media (max-width: 767px) {
  .team .team-main dl {
    margin: 0 -5px;
  }
}
.team .team-main dl dd {
  float: left;
  width: 25%;
  padding: 22px 13px;
}
@media (max-width: 1445px) {
  .team .team-main dl dd {
    padding: 18px 10px;
  }
}
@media (max-width: 992px) {
  .team .team-main dl dd {
    width: 33.33333333%;
  }
}
@media (max-width: 767px) {
  .team .team-main dl dd {
    width: 50%;
    padding: 10px 5px;
  }
}
.team .team-main dl dd:hover .pic img {
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.team .team-main dl dd:hover .pic .mask {
  opacity: 1;
  display: block\9;
}
.team .team-main dl dd:hover .txt span a {
  color: #652177;
}
.team .team-main dl dd .pic {
  overflow: hidden;
  display: block;
  position: relative;
}
.team .team-main dl dd .pic img {
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}
.team .team-main dl dd .pic:after {
  content: "";
  display: block;
  padding-bottom: 144%;
}
.team .team-main dl dd .pic .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  display: none\9;
  padding: 20px;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  background: url("../images/team-maks.png");
}
@media (max-width: 992px) {
  .team .team-main dl dd .pic .mask {
    display: none;
  }
}
.team .team-main dl dd .pic .mask:before {
  content: "";
  display: block;
  position: absolute;
  left: 4.5%;
  top: 3%;
  width: 91%;
  height: 94%;
  border: 1px solid #ffffff;
}
.team .team-main dl dd .pic .mask .box {
  position: absolute;
  left: 50%;
  margin-left: -45%;
  top: 50%;
  margin-top: -90px;
  height: 180px;
  width: 90%;
}
@media (max-width: 1445px) {
  .team .team-main dl dd .pic .mask .box {
    height: 144px;
    margin-top: -72px;
  }
}
.team .team-main dl dd .pic .mask span {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  height: 24px;
  overflow: hidden;
}
.team .team-main dl dd .pic .mask p {
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 12px;
  line-height: 22px;
  height: 44px;
  margin: 10px auto 60px;
  overflow: hidden;
}
@media (max-width: 1445px) {
  .team .team-main dl dd .pic .mask p {
    margin: 10px auto 30px;
  }
}
.team .team-main dl dd .pic .mask em {
  display: block;
  width: 42px;
  height: 42px;
  position: relative;
  line-height: 42px;
  text-align: center;
  margin: 0 auto;
  color: #fff;
}
@media (max-width: 1445px) {
  .team .team-main dl dd .pic .mask em {
    width: 36px;
    height: 36px;
    line-height: 36px;
  }
}
.team .team-main dl dd .pic .mask em .icon-jiahao {
  color: #fff;
  font-size: 44px;
}
@media (max-width: 1445px) {
  .team .team-main dl dd .pic .mask em .icon-jiahao {
    font-size: 36px;
  }
}
.team .team-main dl dd .txt {
  padding: 30px 10px 35px 15px;
  border-bottom: 1px solid #dcdcdc;
}
@media (max-width: 1281px) {
  .team .team-main dl dd .txt {
    padding: 20px 0;
  }
}
@media (max-width: 767px) {
  .team .team-main dl dd .txt {
    padding: 10px 0;
  }
}
@media (max-width: 361px) {
  .team .team-main dl dd .txt {
    padding: 8px 0;
  }
}
.team .team-main dl dd .txt span {
  color: #333333;
  font-size: 16px;
  line-height: 24px;
  height: 24px;
  display: block;
  overflow: hidden;
}
.team .team-main dl dd .txt span a {
  display: block;
  color: #333333;
}
@media (max-width: 361px) {
  .team .team-main dl dd .txt span {
    font-size: 14px;
    line-height: 20px;
    height: 20px;
  }
}
.team .team-main dl dd .txt .text-1 {
  color: #666666;
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  margin: 3px 0 0;
  padding: 0 55px 0 0;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .team .team-main dl dd .txt .text-1 {
    font-size: 12px;
    margin: 0;
  }
}
@media (max-width: 361px) {
  .team .team-main dl dd .txt .text-1 {
    font-size: 10px;
    padding: 0 38px 0 0;
  }
}
.team .team-main dl dd .txt .text-1 em {
  display: block;
  position: absolute;
  font-style: inherit;
  right: 0;
  top: 0;
  cursor: pointer;
  width: 52px;
  height: 24px;
  font-size: 14px;
  line-height: 24px;
  color: #666666;
}
@media (max-width: 767px) {
  .team .team-main dl dd .txt .text-1 em {
    font-size: 12px;
  }
}
@media (max-width: 361px) {
  .team .team-main dl dd .txt .text-1 em {
    font-size: 10px;
    width: 38px;
  }
}
.team .team-main dl dd .txt .text-1 em i {
  display: block;
  float: left;
  margin: 2px 8px 0 0;
}
@media (max-width: 767px) {
  .team .team-main dl dd .txt .text-1 em i {
    font-size: 13px;
    margin: 0 5px 0 0;
  }
}
@media (max-width: 361px) {
  .team .team-main dl dd .txt .text-1 em i {
    font-size: 12px;
    margin: 2px 4px 0 0;
  }
}

.patent {
  overflow: hidden;
  padding: 0 0 60px;
}
@media (max-width: 992px) {
  .patent {
    padding: 0 0 40px;
  }
}
@media (max-width: 767px) {
  .patent {
    padding: 0 0 30px;
  }
}
@media (max-width: 361px) {
  .patent {
    padding: 0 0 25px;
  }
}
.patent .patent-main {
  overflow: hidden;
  margin: 10px auto 0;
}
@media (max-width: 767px) {
  .patent .patent-main {
    margin: 5px auto 0;
  }
}
.patent .patent-main ul {
  margin: 0 -23px;
}
@media (max-width: 1555px) {
  .patent .patent-main ul {
    margin: 0 -16px;
  }
}
@media (max-width: 1281px) {
  .patent .patent-main ul {
    margin: 0 -13px;
  }
}
@media (max-width: 992px) {
  .patent .patent-main ul {
    margin: 0;
  }
}
.patent .patent-main ul li {
  float: left;
  width: 50%;
  padding: 20px 23px;
}
@media (max-width: 1555px) {
  .patent .patent-main ul li {
    padding: 15px 16px;
  }
}
@media (max-width: 1281px) {
  .patent .patent-main ul li {
    padding: 13px;
  }
}
@media (max-width: 992px) {
  .patent .patent-main ul li {
    width: 100%;
    padding: 10px 0;
  }
}
@media (max-width: 767px) {
  .patent .patent-main ul li {
    padding: 8px 0;
  }
}
@media (max-width: 361px) {
  .patent .patent-main ul li {
    padding: 5px 0;
  }
}
.patent .patent-main ul a {
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 1;
}
.patent .patent-main ul a:hover .pic:before {
  left: 0;
}
.patent .patent-main ul a:hover .txt .title {
  color: #652177;
}
.patent .patent-main ul .pic {
  float: left;
  position: relative;
  z-index: 5;
  overflow: hidden;
  width: 32.4%;
}
@media (max-width: 767px) {
  .patent .patent-main ul .pic {
    width: 30%;
  }
}
.patent .patent-main ul .pic:before {
  content: "";
  position: absolute;
  left: -100%;
  top: 0;
  z-index: 5;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  transition: all 0.35s;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  background: rgba(0, 0, 0, 0.02);
}
.patent .patent-main ul .pic:after {
  content: "";
  display: block;
  padding-bottom: 68.5%;
}
.patent .patent-main ul .txt {
  float: left;
  padding: 0 0 0 25px;
  width: 67.6%;
}
@media (max-width: 767px) {
  .patent .patent-main ul .txt {
    width: 70%;
    padding: 0 0 0 18px;
  }
}
@media (max-width: 321px) {
  .patent .patent-main ul .txt {
    padding: 0 0 0 15px;
  }
}
.patent .patent-main ul .txt .box {
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  position: relative;
}
.patent .patent-main ul .txt .box:before {
  content: "";
  display: block;
  position: absolute;
  left: -21px;
  bottom: 23px;
  width: 21px;
  height: 26px;
  background: url("../images/patent-ico.png") no-repeat center;
}
@media (max-width: 767px) {
  .patent .patent-main ul .txt .box:before {
    background-size: 15px auto;
    left: -18px;
    bottom: 15%;
  }
}
@media (max-width: 321px) {
  .patent .patent-main ul .txt .box:before {
    background-size: 12px auto;
    left: -17px;
  }
}
.patent .patent-main ul .txt .box .txt-1 {
  padding: 30px 25px;
}
@media (max-width: 1681px) {
  .patent .patent-main ul .txt .box .txt-1 {
    padding: 25px;
  }
}
@media (max-width: 1601px) {
  .patent .patent-main ul .txt .box .txt-1 {
    padding: 20px;
  }
}
@media (max-width: 1367px) {
  .patent .patent-main ul .txt .box .txt-1 {
    padding: 15px;
  }
}
@media (max-width: 767px) {
  .patent .patent-main ul .txt .box .txt-1 {
    padding: 7px 10px;
  }
}
@media (max-width: 321px) {
  .patent .patent-main ul .txt .box .txt-1 {
    padding: 3px 8px;
  }
}
.patent .patent-main ul .txt .box .title {
  height: 34px;
  line-height: 46px;
  padding: 0 0 0 50px;
  position: relative;
  color: #000000;
  overflow: hidden;
  font-size: 18px;
  margin: 0 0 15px;
}
@media (max-width: 1555px) {
  .patent .patent-main ul .txt .box .title {
    margin: 0 0 10px;
  }
}
@media (max-width: 1367px) {
  .patent .patent-main ul .txt .box .title {
    font-size: 16px;
    line-height: 50px;
  }
}
@media (max-width: 992px) {
  .patent .patent-main ul .txt .box .title {
    height: 34px;
    font-size: 18px;
    line-height: 46px;
  }
}
@media (max-width: 767px) {
  .patent .patent-main ul .txt .box .title {
    font-size: 15px;
    line-height: 30px;
    height: 24px;
    margin: 0 0 2px;
    padding: 0 0 0 40px;
  }
}
@media (max-width: 376px) {
  .patent .patent-main ul .txt .box .title {
    font-size: 14px;
  }
}
@media (max-width: 321px) {
  .patent .patent-main ul .txt .box .title {
    padding: 0 0 0 32px;
    font-size: 13px;
    margin: 0;
  }
}
.patent .patent-main ul .txt .box .title span {
  height: 34px;
  overflow: hidden;
  display: block;
  position: relative;
  z-index: 10;
}
@media (max-width: 767px) {
  .patent .patent-main ul .txt .box .title span {
    height: 24px;
  }
}
.patent .patent-main ul .txt .box .title em {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 58px;
  height: 34px;
  font-family: "avantgardebook";
  font-style: inherit;
  font-size: 30px;
  line-height: 45px;
  padding: 0;
  color: #652177;
}
@media (max-width: 767px) {
  .patent .patent-main ul .txt .box .title em {
    font-size: 20px;
    width: 40px;
    line-height: 30px;
    height: 24px;
  }
}
@media (max-width: 321px) {
  .patent .patent-main ul .txt .box .title em {
    font-size: 16px;
    width: 32px;
    line-height: 28px;
    height: 24px;
  }
}
.patent .patent-main ul .txt .box .title em:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  background: url("../images/patent-line.png") no-repeat right center;
}
@media (max-width: 767px) {
  .patent .patent-main ul .txt .box .title em:after {
    background-size: 34px auto;
  }
}
@media (max-width: 321px) {
  .patent .patent-main ul .txt .box .title em:after {
    background-size: 30px auto;
  }
}
.patent .patent-main ul .txt .box .title i {
  position: relative;
  font-style: inherit;
  z-index: 1;
}
.patent .patent-main ul .txt .box p {
  color: #666666;
  font-size: 14px;
  padding: 0 0 0 50px;
  height: 20px;
  word-break: break-all;
  overflow: hidden;
  line-height: 20px;
}
@media (max-width: 767px) {
  .patent .patent-main ul .txt .box p {
    padding: 0 0 0 40px;
    font-size: 12px;
  }
}
@media (max-width: 376px) {
  .patent .patent-main ul .txt .box p {
    font-size: 10px;
    height: 16px;
    line-height: 16px;
  }
}
@media (max-width: 321px) {
  .patent .patent-main ul .txt .box p {
    padding: 0 0 0 32px;
  }
}

.honor {
  padding: 0 0 75px;
  overflow: hidden;
}
@media (max-width: 1445px) {
  .honor {
    padding: 0 0 60px;
  }
}
@media (max-width: 992px) {
  .honor {
    padding: 0 0 55px;
  }
}
@media (max-width: 767px) {
  .honor {
    padding: 0 0 35px;
  }
}
.honor .honor-main {
  margin: 30px -14px;
}
@media (max-width: 1445px) {
  .honor .honor-main {
    margin: 20px -12px 30px;
  }
}
@media (max-width: 992px) {
  .honor .honor-main {
    margin: 10px -10px 20px;
  }
}
@media (max-width: 767px) {
  .honor .honor-main {
    margin: 0 -6px 20px;
  }
}
.honor .honor-main .honor-n {
  width: 25%;
  float: left;
  padding: 22px 14px;
}
@media (max-width: 1681px) {
  .honor .honor-main .honor-n {
    padding: 18px 14px;
  }
}
@media (max-width: 1445px) {
  .honor .honor-main .honor-n {
    padding: 14px 12px;
  }
}
@media (max-width: 992px) {
  .honor .honor-main .honor-n {
    width: 33.33333333%;
    padding: 12px 10px;
  }
}
@media (max-width: 767px) {
  .honor .honor-main .honor-n {
    width: 50%;
    padding: 6px;
  }
}
.honor .honor-main .pic {
  border: 1px solid #dcdcdc;
  padding: 14px;
}
@media (max-width: 1681px) {
  .honor .honor-main .pic {
    padding: 12px;
  }
}
@media (max-width: 1445px) {
  .honor .honor-main .pic {
    padding: 10px;
  }
}
@media (max-width: 992px) {
  .honor .honor-main .pic {
    padding: 9px;
  }
}
@media (max-width: 767px) {
  .honor .honor-main .pic {
    padding: 5px;
  }
}
.honor .honor-main .pic span {
  display: block;
  position: relative;
}
.honor .honor-main .pic span:after {
  content: "";
  display: block;
  padding-bottom: 75%;
}
.honor .honor-main em {
  display: block;
  font-style: inherit;
  text-align: center;
  line-height: 24px;
  height: 24px;
  overflow: hidden;
  color: #333333;
  font-size: 16px;
  margin: 22px auto 0;
}
@media (max-width: 1445px) {
  .honor .honor-main em {
    margin: 15px auto 0;
  }
}
@media (max-width: 992px) {
  .honor .honor-main em {
    margin: 13px auto 0;
  }
}
@media (max-width: 767px) {
  .honor .honor-main em {
    font-size: 14px;
    margin: 5px auto 0;
  }
}

.videoz {
  overflow: hidden;
  padding: 0 0 45px;
}
@media (max-width: 767px) {
  .videoz {
    padding: 0 0 15px;
  }
}
.videoz .part-1 {
  margin: 50px auto 95px;
}
@media (max-width: 1445px) {
  .videoz .part-1 {
    margin: 40px auto 75px;
  }
}
@media (max-width: 1281px) {
  .videoz .part-1 {
    margin: 35px auto 50px;
  }
}
@media (max-width: 992px) {
  .videoz .part-1 {
    margin: 20px auto 45px;
  }
}
@media (max-width: 767px) {
  .videoz .part-1 {
    margin: 10px auto 25px;
  }
}
.videoz .part-1 .pic {
  float: left;
  width: 74.25%;
  position: relative;
}
@media (max-width: 767px) {
  .videoz .part-1 .pic {
    width: 100%;
  }
}
.videoz .part-1 .txt {
  float: left;
  padding: 75px 0 0 30px;
  width: 25.75%;
}
@media (max-width: 1281px) {
  .videoz .part-1 .txt {
    padding: 60px 0 0 20px;
  }
}
@media (max-width: 767px) {
  .videoz .part-1 .txt {
    width: 100%;
    padding: 20px 0 0;
  }
}
.videoz .part-1 .txt big {
  display: block;
  color: #000000;
  font-size: 24px;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
}
.videoz .part-1 .txt time {
  display: block;
  color: #999999;
  font-size: 12px;
  line-height: 24px;
  height: 24px;
  font-family: "avantgardef_extralightregular";
  overflow: hidden;
  margin: 0 0 5px;
}
.videoz .part-1 .txt p {
  display: block;
  color: #666666;
  font-size: 14px;
  line-height: 22px;
  height: 66px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .videoz .part-1 .txt p {
    height: auto;
  }
}
.videoz .video-main {
  overflow: hidden;
}
.videoz .video-main .video-title {
  color: #050505;
  font-size: 34px;
  line-height: 44px;
  overflow: hidden;
  margin: 0 0 15px;
}
@media (max-width: 1281px) {
  .videoz .video-main .video-title {
    margin: 0 0 5px;
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 992px) {
  .videoz .video-main .video-title {
    font-size: 26px;
    line-height: 34px;
  }
}
@media (max-width: 767px) {
  .videoz .video-main .video-title {
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 15px;
  }
}
.videoz .video-main .videoa {
  margin: 0 -14px;
  padding: 0 0 60px;
}
@media (max-width: 767px) {
  .videoz .video-main .videoa {
    padding: 0 0 45px;
  }
}
@media (max-width: 321px) {
  .videoz .video-main .videoa {
    padding: 0 0 40px;
  }
}
.videoz .video-main .videoa .slick-dots li.slick-active button {
  background: #652177;
}
.videoz .video-main .videoa .slick-dots li button {
  background: #ccc;
  width: 10px;
  height: 10px;
  margin: 0 5px;
}
@media (max-width: 1367px) {
  .videoz .video-main .videoa .slick-dots li button {
    width: 8px;
    height: 8px;
    margin: 0 4px;
  }
}
@media (max-width: 767px) {
  .videoz .video-main .videoa .slick-dots li button {
    margin: 0 2px;
  }
}
@media (max-width: 1281px) {
  .videoz .video-main .videoa {
    margin: 0 -10px;
  }
}
@media (max-width: 992px) {
  .videoz .video-main .videoa {
    margin: 0 -6px;
  }
}
@media (max-width: 767px) {
  .videoz .video-main .videoa {
    margin: 0 -4px;
  }
}
.videoz .video-main .videoa .item {
  padding: 14px;
}
@media (max-width: 1281px) {
  .videoz .video-main .videoa .item {
    padding: 10px;
  }
}
@media (max-width: 992px) {
  .videoz .video-main .videoa .item {
    padding: 6px;
  }
}
@media (max-width: 767px) {
  .videoz .video-main .videoa .item {
    padding: 4px;
  }
}
.videoz .video-main .item a {
  display: inline-block;
  width: 100%;
}
.videoz .video-main .item a:hover .txt span {
  color: #652177;
}
.videoz .video-main .item .pic {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.videoz .video-main .item .pic:after {
  content: "";
  display: block;
  padding-bottom: 54%;
}
.videoz .video-main .item .pic i {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  margin-left: -30px;
}
@media (max-width: 1445px) {
  .videoz .video-main .item .pic i {
    width: 48px;
    height: 48px;
    margin-top: -24px;
    margin-left: -24px;
  }
}
@media (max-width: 992px) {
  .videoz .video-main .item .pic i {
    width: 38px;
    height: 38px;
    margin-top: -16px;
    margin-left: -16px;
  }
}
@media (max-width: 767px) {
  .videoz .video-main .item .pic i {
    width: 34px;
    height: 34px;
    margin-top: -17px;
    margin-left: -17px;
  }
}
@media (max-width: 321px) {
  .videoz .video-main .item .pic i {
    width: 28px;
    height: 28px;
    margin-top: -14px;
    margin-left: -14px;
  }
}
.videoz .video-main .item .txt {
  padding: 37px 0 0;
}
@media (max-width: 1281px) {
  .videoz .video-main .item .txt {
    padding: 25px 0 0;
  }
}
@media (max-width: 992px) {
  .videoz .video-main .item .txt {
    padding: 20px 0 0;
  }
}
.videoz .video-main .item .txt span {
  display: block;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  color: #000000;
  font-size: 18px;
}
.videoz .video-main .item .txt span {
  display: block;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  color: #000000;
  margin: 0 0 10px;
  font-size: 18px;
}
@media (max-width: 992px) {
  .videoz .video-main .item .txt span {
    margin: 0 0 6px;
  }
}
.videoz .video-main .item .txt p {
  display: block;
  height: 44px;
  line-height: 22px;
  overflow: hidden;
  color: #666666;
  font-size: 14px;
}

.team-show {
  overflow: hidden;
  background: #fafafa;
}
.team-show .backz {
  border-bottom: none;
}
.team-show .part-1 {
  margin: 20px auto;
  padding: 0 150px 65px;
}
@media (max-width: 1820px) {
  .team-show .part-1 {
    padding: 0 120px 65px;
  }
}
@media (max-width: 1620px) {
  .team-show .part-1 {
    padding: 0 100px 65px;
  }
}
@media (max-width: 1551px) {
  .team-show .part-1 {
    padding: 0 0 35px;
  }
}
@media (max-width: 1081px) {
  .team-show .part-1 {
    margin: 10px auto;
  }
}
@media (max-width: 992px) {
  .team-show .part-1 {
    padding: 0 0 15px;
  }
}
@media (max-width: 767px) {
  .team-show .part-1 {
    padding: 0 0 10px;
  }
}
.team-show .part-1 .left {
  float: left;
  width: 33%;
}
@media (max-width: 992px) {
  .team-show .part-1 .left {
    width: 58%;
  }
}
@media (max-width: 767px) {
  .team-show .part-1 .left {
    width: 100%;
  }
}
.team-show .part-1 .left .pic {
  overflow: hidden;
  text-align: right;
}
@media (max-width: 992px) {
  .team-show .part-1 .left .pic {
    text-align: left;
  }
}
.team-show .part-1 .left .pic img {
  max-width: 100%;
}
.team-show .part-1 .left .text-1 {
  text-align: center;
  color: #666666;
  font-size: 15px;
  margin: 30px auto 20px;
  line-height: 24px;
}
.team-show .part-1 .left .text-1 big {
  color: #652177;
  font-size: 34px;
  font-weight: bold;
  font-family: "avantgardebook";
}
.team-show .part-1 .left .btn {
  text-align: center;
}
.team-show .part-1 .left .btn .yyt {
  display: inline-block;
  width: 140px;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
  padding: 0 5px 0 12px;
  color: #fff;
  margin: 0 4px;
  text-align: left;
  font-size: 14px;
  background: #652177;
}
.team-show .part-1 .left .btn .yyt .icon-yuyue1 {
  width: 20px;
  font-size: 24px;
  line-height: 34px;
  display: block;
  margin: 0 15px 0 0;
  float: left;
}
.team-show .part-1 .left .btn .zxzx {
  display: inline-block;
  width: 140px;
  height: 40px;
  margin: 0 4px;
  vertical-align: middle;
  line-height: 40px;
  padding: 0 5px 0 25px;
  color: #666666;
  font-size: 14px;
  text-align: left;
  border: 1px solid #d1d1d1;
}
.team-show .part-1 .left .btn .zxzx .icon-zixun {
  width: 20px;
  font-size: 24px;
  line-height: 38px;
  display: block;
  margin: 0 10px 0 0;
  float: left;
}
.team-show .part-1 .txt {
  float: left;
  width: 67%;
  padding: 0 0 0 35px;
}
@media (max-width: 992px) {
  .team-show .part-1 .txt {
    width: 100%;
    padding: 30px 0 0;
  }
}
@media (max-width: 767px) {
  .team-show .part-1 .txt {
    padding: 20px 0 0;
  }
}
.team-show .part-1 .txt ul li {
  width: 100%;
  display: inline-block;
  padding: 0 0 25px;
  margin: 0 0 25px;
  border-bottom: 1px dotted #dddddd;
}
.team-show .part-1 .txt ul li:last-child {
  border-bottom: none;
}
@media (max-width: 1820px) {
  .team-show .part-1 .txt ul li {
    padding: 0 0 15px;
    margin: 0 0 20px;
  }
}
@media (max-width: 767px) {
  .team-show .part-1 .txt ul li {
    padding: 0 0 5px;
    margin: 0 0 15px;
  }
}
.team-show .part-1 .txt ul li big {
  display: block;
  color: #000000;
  font-size: 30px;
  line-height: 40px;
  height: 40px;
  margin: 0 0 15px;
  overflow: hidden;
}
@media (max-width: 1325px) {
  .team-show .part-1 .txt ul li big {
    font-size: 24px;
    line-height: 28px;
    height: 28px;
  }
}
@media (max-width: 1081px) {
  .team-show .part-1 .txt ul li big {
    font-size: 20px;
    margin: 0 0 10px;
  }
}
.team-show .part-1 .txt ul li small {
  display: block;
  color: #666666;
  font-size: 20px;
  line-height: 28px;
  height: 28px;
  margin: 0 0 15px;
  overflow: hidden;
}
@media (max-width: 1081px) {
  .team-show .part-1 .txt ul li small {
    margin: 0 0 10px;
  }
}
.team-show .part-1 .txt ul li em {
  font-style: inherit;
  position: relative;
  display: block;
  color: #666666;
  font-size: 14px;
  line-height: 20px;
  margin: 2px 0;
  padding: 0 0 0 10px;
}
.team-show .part-1 .txt ul li em:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  height: 1px;
  width: 4px;
  background: #6a6a6a;
}
.team-show .exhibition {
  overflow: hidden;
  padding: 40px 0 35px;
  background: #fff;
}
@media (max-width: 1445px) {
  .team-show .exhibition {
    padding: 40px 0 5px;
  }
}
@media (max-width: 767px) {
  .team-show .exhibition {
    padding: 25px 0 30px;
  }
}
.team-show .exhibition .exhibition-title {
  color: #050505;
  font-size: 34px;
  line-height: 44px;
  overflow: hidden;
  margin: 0 0 15px;
}
@media (max-width: 1281px) {
  .team-show .exhibition .exhibition-title {
    margin: 0 0 5px;
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 992px) {
  .team-show .exhibition .exhibition-title {
    font-size: 26px;
    line-height: 34px;
  }
}
@media (max-width: 767px) {
  .team-show .exhibition .exhibition-title {
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 10px;
  }
}

.construction {
  padding: 0 0 75px;
  overflow: hidden;
}
@media (max-width: 1367px) {
  .construction {
    padding: 0 0 50px;
  }
}
@media (max-width: 767px) {
  .construction {
    padding: 0 0 35px;
  }
}
.construction .construction-main {
  overflow: hidden;
  margin: 60px auto 10px;
}
@media (max-width: 1367px) {
  .construction .construction-main {
    margin: 45px auto 15px;
  }
}
@media (max-width: 992px) {
  .construction .construction-main {
    margin: 35px auto 15px;
  }
}
@media (max-width: 767px) {
  .construction .construction-main {
    margin: 20px auto 15px;
  }
}
@media (max-width: 767px) {
  .construction .construction-main {
    margin: 20px auto 10px;
  }
}
.construction .construction-main dl dd {
  display: inline-block;
  margin: 0 auto 43px;
  width: 100%;
  background: #fafafa;
}
@media (max-width: 1367px) {
  .construction .construction-main dl dd {
    margin: 0 auto 35px;
  }
}
@media (max-width: 992px) {
  .construction .construction-main dl dd {
    margin: 0 auto 20px;
  }
}
@media (max-width: 767px) {
  .construction .construction-main dl dd {
    margin: 0 auto 15px;
  }
}
@media (max-width: 321px) {
  .construction .construction-main dl dd {
    margin: 0 auto 12px;
  }
}
.construction .construction-main dl dd:hover .pic img {
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.construction .construction-main dl dd:hover .txt span a {
  color: #652177;
}
.construction .construction-main dl dd:hover .txt .construction-btn {
  border: 1px solid #652177;
  background: #652177;
  color: #fff;
}
.construction .construction-main dl dd .pic {
  float: left;
  width: 32.8%;
  display: block;
  overflow: hidden;
  position: relative;
}
@media (max-width: 992px) {
  .construction .construction-main dl dd .pic {
    width: 100%;
  }
}
.construction .construction-main dl dd .pic img {
  transition: all 0.35s;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
}
.construction .construction-main dl dd .pic:after {
  content: "";
  display: block;
  padding-bottom: 63.2%;
}
.construction .construction-main dl dd .txt {
  float: right;
  padding: 50px 75px 0 80px;
  width: 67.2%;
}
@media (max-width: 1805px) {
  .construction .construction-main dl dd .txt {
    padding: 40px 50px 0;
  }
}
@media (max-width: 1555px) {
  .construction .construction-main dl dd .txt {
    padding: 35px 50px 0;
  }
}
@media (max-width: 1305px) {
  .construction .construction-main dl dd .txt {
    padding: 25px 35px 0;
  }
}
@media (max-width: 1065px) {
  .construction .construction-main dl dd .txt {
    padding: 18px 30px 0;
  }
}
@media (max-width: 992px) {
  .construction .construction-main dl dd .txt {
    width: 100%;
    padding: 30px 20px;
  }
}
@media (max-width: 767px) {
  .construction .construction-main dl dd .txt {
    padding: 20px 15px;
  }
}
.construction .construction-main dl dd .txt span {
  color: #000000;
  font-size: 24px;
  line-height: 28px;
  height: 28px;
  display: block;
  overflow: hidden;
}
@media (max-width: 767px) {
  .construction .construction-main dl dd .txt span {
    font-size: 20px;
    line-height: 24px;
    height: 24px;
  }
}
.construction .construction-main dl dd .txt span a {
  display: block;
  color: #000000;
}
.construction .construction-main dl dd .txt p {
  color: #666666;
  font-size: 14px;
  line-height: 22px;
  height: 44px;
  margin: 20px 0 35px;
  overflow: hidden;
}
@media (max-width: 1555px) {
  .construction .construction-main dl dd .txt p {
    margin: 20px 0 15px;
  }
}
@media (max-width: 1305px) {
  .construction .construction-main dl dd .txt p {
    margin: 10px 0 15px;
  }
}
.construction .construction-main dl dd .txt .text {
  width: 605px;
  float: left;
  height: 50px;
  margin: 10px 20px 0;
  padding: 30px 0 0;
  display: inline-block;
  background: url("../images/jindutiao.png") no-repeat top left;
  background-size: 100% auto;
}
@media (max-width: 1805px) {
  .construction .construction-main dl dd .txt .text {
    width: 505px;
  }
}
@media (max-width: 1555px) {
  .construction .construction-main dl dd .txt .text {
    width: 400px;
  }
}
@media (max-width: 1065px) {
  .construction .construction-main dl dd .txt .text {
    width: 340px;
  }
}
@media (max-width: 767px) {
  .construction .construction-main dl dd .txt .text {
    width: 100%;
    margin: 0 auto 20px;
    padding: 20px 0 0;
    font-size: 13px;
  }
}
@media (max-width: 321px) {
  .construction .construction-main dl dd .txt .text {
    padding: 16px 0 0;
    height: 40px;
    font-size: 12px;
  }
}
.construction .construction-main dl dd .txt .text p {
  float: left;
  width: 47%;
  color: #666666;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
}
@media (max-width: 1805px) {
  .construction .construction-main dl dd .txt .text p {
    width: 46%;
  }
}
.construction .construction-main dl dd .txt .text p:first-child {
  margin: 0 0 0 -1%;
}
@media (max-width: 1445px) {
  .construction .construction-main dl dd .txt .text p:first-child {
    margin: 0 0 0 -2%;
  }
}
.construction .construction-main dl dd .txt .text p:last-child {
  width: 6%;
  float: right;
}
@media (max-width: 1805px) {
  .construction .construction-main dl dd .txt .text p:last-child {
    margin: 0 -3% 0 0;
  }
}
@media (max-width: 1555px) {
  .construction .construction-main dl dd .txt .text p:last-child {
    width: 7%;
  }
}
@media (max-width: 1065px) {
  .construction .construction-main dl dd .txt .text p:last-child {
    width: 9%;
  }
}
@media (max-width: 361px) {
  .construction .construction-main dl dd .txt .text p:last-child {
    width: 10%;
  }
}
@media (max-width: 321px) {
  .construction .construction-main dl dd .txt .text p:last-child {
    width: 12%;
  }
}
.construction .construction-main dl dd .txt .construction-btn {
  float: right;
  width: 180px;
  height: 40px;
  color: #666666;
  font-size: 14px;
  line-height: 40px;
  cursor: pointer;
  padding: 0 10px 0 35px;
  border: 1px solid #d1d1d1;
}
@media (max-width: 1555px) {
  .construction .construction-main dl dd .txt .construction-btn {
    width: 150px;
    height: 36px;
    padding: 0 10px 0 20px;
    line-height: 36px;
  }
}
@media (max-width: 1065px) {
  .construction .construction-main dl dd .txt .construction-btn {
    width: 130px;
    height: 32px;
    padding: 0 10px;
    line-height: 32px;
  }
}
@media (max-width: 767px) {
  .construction .construction-main dl dd .txt .construction-btn {
    float: left;
  }
}
.construction .construction-main dl dd .txt .construction-btn .icon-yanjing {
  font-size: 20px;
  display: block;
  float: left;
  margin: 0 10px 0 0;
}
.construction .construction-main dl .li-odd .pic {
  float: right;
}
@media (max-width: 992px) {
  .construction .construction-main dl .li-odd .pic {
    float: left;
  }
}
.construction .construction-main dl .li-odd .txt span {
  text-align: right;
}
@media (max-width: 992px) {
  .construction .construction-main dl .li-odd .txt span {
    text-align: left;
  }
}
.construction .construction-main dl .li-odd .txt p {
  text-align: right;
}
@media (max-width: 992px) {
  .construction .construction-main dl .li-odd .txt p {
    text-align: left;
  }
}
.construction .construction-main dl .li-odd .txt .jungong {
  float: right;
}
.construction .construction-main dl .li-odd .txt .kaigong {
  float: right;
}
.construction .construction-main dl .li-odd .txt .shigong {
  float: right;
}
.construction .construction-main dl .li-odd .txt .construction-btn {
  float: left;
}
@media (max-width: 992px) {
  .construction .construction-main dl .li-odd .txt .text {
    float: left;
  }
}
.construction .construction-main dl .li-odd .txt .btn {
  float: left;
}
@media (max-width: 992px) {
  .construction .construction-main dl .li-odd .txt .btn {
    float: right;
  }
}
@media (max-width: 767px) {
  .construction .construction-main dl .li-odd .txt .btn {
    float: left;
  }
}

.construction-show {
  overflow: hidden;
  padding: 0 0 45px;
  background: #fafafa;
}
@media (max-width: 767px) {
  .construction-show {
    padding: 0 0 15px;
  }
}
.construction-show .textn-1 span {
  background: #fafafa;
}
.construction-show .part-1 {
  margin: 50px auto 115px;
}
@media (max-width: 1445px) {
  .construction-show .part-1 {
    margin: 40px auto 75px;
  }
}
@media (max-width: 1281px) {
  .construction-show .part-1 {
    margin: 35px auto 50px;
  }
}
@media (max-width: 992px) {
  .construction-show .part-1 {
    margin: 20px auto 45px;
  }
}
@media (max-width: 767px) {
  .construction-show .part-1 {
    margin: 10px auto 25px;
  }
}
.construction-show .part-1 .pic {
  float: left;
  width: 56.2%;
  position: relative;
}
@media (max-width: 767px) {
  .construction-show .part-1 .pic {
    width: 100%;
  }
}
.construction-show .part-1 .txt {
  float: left;
  padding: 55px 0 0 55px;
  width: 43.8%;
}
@media (max-width: 1555px) {
  .construction-show .part-1 .txt {
    padding: 30px 0 0 35px;
  }
}
@media (max-width: 1285px) {
  .construction-show .part-1 .txt {
    padding: 20px 0 0 30px;
  }
}
@media (max-width: 992px) {
  .construction-show .part-1 .txt {
    padding: 0 0 0 15px;
  }
}
@media (max-width: 767px) {
  .construction-show .part-1 .txt {
    width: 100%;
    padding: 20px 0 0;
  }
}
.construction-show .part-1 .txt big {
  display: block;
  color: #050505;
  font-size: 34px;
  line-height: 44px;
  height: 44px;
  overflow: hidden;
}
@media (max-width: 992px) {
  .construction-show .part-1 .txt big {
    font-size: 26px;
    line-height: 34px;
    height: 34px;
  }
}
.construction-show .part-1 .txt b {
  display: block;
  font-style: inherit;
  width: 30px;
  height: 2px;
  background: #666666;
  margin: 30px 0 20px;
}
@media (max-width: 1285px) {
  .construction-show .part-1 .txt b {
    margin: 15px 0;
  }
}
.construction-show .part-1 .txt time {
  display: block;
  color: #666666;
  font-size: 15px;
  line-height: 24px;
  height: 24px;
  overflow: hidden;
  margin: 20px 0 85px;
}
@media (max-width: 1555px) {
  .construction-show .part-1 .txt time {
    margin: 10px 0 40px;
  }
}
@media (max-width: 1285px) {
  .construction-show .part-1 .txt time {
    margin: 10px 0 30px;
  }
}
.construction-show .part-1 .txt time span {
  font-size: 18px;
  font-family: "avantgardebook";
}
.construction-show .part-1 .txt p {
  display: block;
  color: #666666;
  font-size: 14px;
  line-height: 22px;
  min-height: 66px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .construction-show .part-1 .txt p {
    height: auto;
  }
}
.construction-show .part-1 .btn .yyt {
  display: inline-block;
  width: 140px;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
  padding: 0 5px 0 12px;
  color: #fff;
  margin: 0 4px;
  text-align: left;
  font-size: 14px;
  background: #652177;
}
@media (max-width: 992px) {
  .construction-show .part-1 .btn .yyt {
    width: 136px;
  }
}
.construction-show .part-1 .btn .yyt .icon-yuyue1 {
  width: 20px;
  font-size: 24px;
  line-height: 34px;
  display: block;
  margin: 0 15px 0 0;
  float: left;
}
.construction-show .part-1 .btn .zxzx {
  display: inline-block;
  width: 140px;
  height: 40px;
  margin: 0 4px;
  vertical-align: middle;
  line-height: 40px;
  padding: 0 5px 0 10px;
  color: #666666;
  font-size: 14px;
  text-align: left;
  border: 1px solid #d1d1d1;
}
@media (max-width: 992px) {
  .construction-show .part-1 .btn .zxzx {
    width: 136px;
  }
}
.construction-show .part-1 .btn .zxzx .icon-zixun {
  width: 20px;
  font-size: 24px;
  line-height: 38px;
  display: block;
  margin: 0 10px 0 0;
  float: left;
}
.construction-show .construction-showmain {
  overflow: hidden;
}
.construction-show .construction-showmain .construction-showtitle {
  color: #050505;
  font-size: 34px;
  line-height: 44px;
  overflow: hidden;
  margin: 0 0 15px;
  padding: 0 150px 0 0;
  position: relative;
}
@media (max-width: 1281px) {
  .construction-show .construction-showmain .construction-showtitle {
    margin: 0 0 5px;
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 992px) {
  .construction-show .construction-showmain .construction-showtitle {
    font-size: 26px;
    line-height: 34px;
  }
}
@media (max-width: 767px) {
  .construction-show .construction-showmain .construction-showtitle {
    font-size: 24px;
    line-height: 28px;
    padding: 0 130px 0 0;
    margin: 0 0 15px;
  }
}
.construction-show .construction-showmain .construction-showtitle .more {
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  max-width: 150px;
}
@media (max-width: 992px) {
  .construction-show .construction-showmain .construction-showtitle .more {
    max-width: 130px;
  }
}
@media (max-width: 767px) {
  .construction-show .construction-showmain .construction-showtitle .more {
    max-width: 100px;
  }
}
.construction-show .construction-showmain ul {
  margin: 0 -14px;
}
@media (max-width: 1281px) {
  .construction-show .construction-showmain ul {
    margin: 0 -10px;
  }
}
@media (max-width: 992px) {
  .construction-show .construction-showmain ul {
    margin: 0 -6px;
  }
}
@media (max-width: 767px) {
  .construction-show .construction-showmain ul {
    margin: 0 auto;
  }
}
.construction-show .construction-showmain ul li {
  float: left;
  padding: 14px;
  width: 33.33333333%;
}
@media (max-width: 1281px) {
  .construction-show .construction-showmain ul li {
    padding: 10px;
  }
}
@media (max-width: 992px) {
  .construction-show .construction-showmain ul li {
    padding: 6px;
  }
}
@media (max-width: 767px) {
  .construction-show .construction-showmain ul li {
    width: 100%;
    padding: 0 0 20px;
  }
}
.construction-show .construction-showmain ul li a {
  display: inline-block;
  width: 100%;
}
.construction-show .construction-showmain ul li a:hover .txt span {
  color: #652177;
}
.construction-show .construction-showmain ul li .pic {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.construction-show .construction-showmain ul li .pic:after {
  content: "";
  display: block;
  padding-bottom: 63%;
}
.construction-show .construction-showmain ul li .pic i {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  margin-left: -30px;
}
@media (max-width: 1445px) {
  .construction-show .construction-showmain ul li .pic i {
    width: 48px;
    height: 48px;
    margin-top: -24px;
    margin-left: -24px;
  }
}
@media (max-width: 992px) {
  .construction-show .construction-showmain ul li .pic i {
    width: 38px;
    height: 38px;
    margin-top: -16px;
    margin-left: -16px;
  }
}
@media (max-width: 767px) {
  .construction-show .construction-showmain ul li .pic i {
    width: 48px;
    height: 48px;
    margin-top: -24px;
    margin-left: -24px;
  }
}
.construction-show .construction-showmain ul li .txt {
  padding: 30px 0 0;
}
@media (max-width: 1281px) {
  .construction-show .construction-showmain ul li .txt {
    padding: 25px 0 0;
  }
}
@media (max-width: 992px) {
  .construction-show .construction-showmain ul li .txt {
    padding: 20px 0 0;
  }
}
.construction-show .construction-showmain ul li .txt span {
  display: block;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  color: #000000;
  font-size: 18px;
}
.construction-show .construction-showmain ul li .txt span {
  display: block;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  color: #000000;
  margin: 0 0 10px;
  font-size: 18px;
}
@media (max-width: 992px) {
  .construction-show .construction-showmain ul li .txt span {
    margin: 0 0 6px;
  }
}
.construction-show .construction-showmain ul li .txt p {
  display: block;
  height: 44px;
  line-height: 22px;
  overflow: hidden;
  color: #666666;
  font-size: 14px;
}

.contact {
  overflow: hidden;
  padding: 0 0 50px;
}
@media (max-width: 767px) {
  .contact {
    padding: 0 0 30px;
  }
}
.contact .contact-map {
  width: 100%;
  position: relative;
  z-index: 1;
  margin: 50px auto 100px;
  padding: 0 70px;
  height: 500px;
}
@media (max-width: 1445px) {
  .contact .contact-map {
    padding: 0;
    height: 400px;
    margin: 35px auto 70px;
  }
}
@media (max-width: 992px) {
  .contact .contact-map {
    height: 300px;
    margin: 25px auto 40px;
  }
}
@media (max-width: 767px) {
  .contact .contact-map {
    height: 200px;
    margin: 10px auto 25px;
  }
}
.contact .contact-map #l-map {
  width: 100%;
  height: 500px;
}
@media (max-width: 1445px) {
  .contact .contact-map #l-map {
    height: 400px;
  }
}
@media (max-width: 992px) {
  .contact .contact-map #l-map {
    height: 300px;
  }
}
@media (max-width: 767px) {
  .contact .contact-map #l-map {
    height: 200px;
  }
}
.contact .contact-map #l-map .anchorBL {
  display: none;
}
.contact .contact-map #l-map .BMapLib_sendToPhone {
  display: none;
}
.contact .contact-map #l-map1 {
  width: 100%;
  height: 500px;
}
@media (max-width: 1445px) {
  .contact .contact-map #l-map1 {
    height: 400px;
  }
}
@media (max-width: 992px) {
  .contact .contact-map #l-map1 {
    height: 300px;
  }
}
@media (max-width: 767px) {
  .contact .contact-map #l-map1 {
    height: 200px;
  }
}
.contact .contact-map #l-map1 .anchorBL {
  display: none;
}
.contact .contact-map #l-map1 .BMapLib_sendToPhone {
  display: none;
}
.contact .contact-map #l-map2 {
  width: 100%;
  height: 500px;
}
@media (max-width: 1445px) {
  .contact .contact-map #l-map2 {
    height: 400px;
  }
}
@media (max-width: 992px) {
  .contact .contact-map #l-map2 {
    height: 300px;
  }
}
@media (max-width: 767px) {
  .contact .contact-map #l-map2 {
    height: 200px;
  }
}
.contact .contact-map #l-map2 .anchorBL {
  display: none;
}
.contact .contact-map #l-map2 .BMapLib_sendToPhone {
  display: none;
}
.contact .contact-map #l-map3 {
  width: 100%;
  height: 500px;
}
@media (max-width: 1445px) {
  .contact .contact-map #l-map3 {
    height: 400px;
  }
}
@media (max-width: 992px) {
  .contact .contact-map #l-map3 {
    height: 300px;
  }
}
@media (max-width: 767px) {
  .contact .contact-map #l-map3 {
    height: 200px;
  }
}
.contact .contact-map #l-map3 .anchorBL {
  display: none;
}
.contact .contact-map #l-map3 .BMapLib_sendToPhone {
  display: none;
}
.contact .contact-map em {
  font-style: inherit;
  font-size: 14px;
  color: #dd5522;
}
.contact .contact-map p {
  font-size: 13px;
  color: #333;
  margin: 6px 0 0;
}
.contact .content {
  position: relative;
  z-index: 5;
}
.contact .cont-nr {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 10;
  display: inline-block;
}
.contact .part-1 {
  padding: 0 150px;
}
@media (max-width: 1601px) {
  .contact .part-1 {
    padding: 0 80px;
  }
}
@media (max-width: 1445px) {
  .contact .part-1 {
    padding: 0;
  }
}
.contact .part-1 .left {
  float: left;
  width: 39%;
}
@media (max-width: 767px) {
  .contact .part-1 .left {
    width: 100%;
  }
}
.contact .part-1 .left big {
  display: block;
  color: #050505;
  font-size: 34px;
  line-height: 44px;
}
@media (max-width: 767px) {
  .contact .part-1 .left big {
    font-size: 24px;
    line-height: 32px;
  }
}
.contact .part-1 .left i {
  display: block;
  margin: 12px 0 0;
  font-style: inherit;
  width: 36px;
  height: 2px;
  background: #858585;
}
.contact .part-1 .txt {
  width: 61%;
  float: left;
}
@media (max-width: 767px) {
  .contact .part-1 .txt {
    width: 100%;
    padding: 20px 0 0;
  }
}
.contact .part-1 .txt .text-1 {
  color: #333333;
  font-size: 14px;
  line-height: 22px;
  margin: 0 0 10px;
}
.contact .part-1 .txt .text-2 {
  color: #666666;
  font-size: 14px;
  word-break: break-all;
  line-height: 22px;
  margin: 0 0 40px;
}
.contact .part-1 .txt .text-2 a {
  color: #666666;
}
.contact .part-1 .txt .text-2 a:hover {
  color: #652177;
}
@media (max-width: 767px) {
  .contact .part-1 .txt .text-2 {
    margin: 0 0 25px;
  }
}
.contact .part-1 .txt .liuyan {
  width: 180px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  background: #652177;
  color: #fff;
  display: block;
  padding: 0 60px 0 20px;
  font-size: 16px;
  position: relative;
}
@media (max-width: 767px) {
  .contact .part-1 .txt .liuyan {
    width: 140px;
    padding: 0 45px 0 20px;
    height: 36px;
    line-height: 36px;
  }
}
.contact .part-1 .txt .liuyan:after {
  content: "";
  display: block;
  position: absolute;
  right: 55px;
  top: 50%;
  width: 23px;
  height: 1px;
  margin-top: -1px;
  background: #b4b4b4;
}
@media (max-width: 767px) {
  .contact .part-1 .txt .liuyan:after {
    right: 20px;
  }
}
.messagez {
  background: url("../images/yuyue-mask.png");
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 99;
}
.messagez .messagez-main {
  width: 1130px;
  height: 480px;
  position: absolute;
  left: 50%;
  background: url("../images/home-yuyuebg.jpg") no-repeat right center;
  margin-left: -565px;
  top: 50%;
  padding: 50px 160px 20px 50px;
  margin-top: -240px;
}
@media (max-width: 14455px) {
  .messagez .messagez-main {
    width: 900px;
    margin-left: -450px;
    height: 380px;
    padding: 30px 50px 20px;
    margin-top: -190px;
  }
}
@media (max-width: 1025px) {
  .messagez .messagez-main {
    width: 750px;
    margin-left: -375px;
    height: 380px;
    margin-top: -190px;
  }
}
@media (max-width: 992px) {
  .messagez .messagez-main {
    width: 90%;
    margin-left: -45%;
  }
}
@media (max-width: 767px) {
  .messagez .messagez-main {
    height: 250px;
    padding: 15px;
    margin-top: -125px;
  }
}
.messagez .messagez-main .messagez-close {
  position: absolute;
  right: 5px;
  top: 3px;
  cursor: pointer;
  background: #fff;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
}
.messagez .messagez-main .messagez-close .icon-guanbi {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #d9d9d9;
  font-size: 28px;
}
.messagez .title {
  color: #333333;
  font-size: 26px;
  line-height: 36px;
  height: 36px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .messagez .title {
    font-size: 22px;
    line-height: 26px;
    height: 26px;
  }
}
.messagez .text {
  color: #666666;
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  margin: 10px 0 20px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .messagez .text {
    margin: 3px 0 0;
  }
}
.messagez .message {
  margin: 0 -15px;
}
@media (max-width: 767px) {
  .messagez .message {
    margin: 0 -5px;
  }
}
.messagez .message li {
  width: 50%;
  float: left;
  padding: 10px 15px;
  position: relative;
}
.messagez .message li font {
  color: #f30;
  display: none;
  font-size: 12px;
  padding: 0 5px;
  position: absolute;
  right: 0;
  top: -8px;
}
@media (max-width: 767px) {
  .messagez .message li {
    padding: 5px;
  }
}
.messagez .message li input,
.messagez .message li textarea {
  width: 100%;
  border: 1px solid #dbdbdb;
  font-family: "microsoft yahei";
  color: #333333;
  background: none;
  height: 42px;
  line-height: 42px;
  font-size: 14px;
  padding: 0 10px;
  border-radius: 0;
}
.messagez .message li input::-webkit-input-placeholder,
.messagez .message li textarea::-webkit-input-placeholder {
  color: #666;
}
@media (max-width: 767px) {
  .messagez .message li input,
  .messagez .message li textarea {
    height: 36px;
    line-height: 36px;
  }
}
.messagez .message li input:focus,
.messagez .message li textarea:focus {
  box-shadow: 0 0 0 1px #652177;
  border: 1px solid #652177;
}
.messagez .message li textarea {
  padding: 8px 10px;
  height: 74px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .messagez .message li textarea {
    height: 60px;
  }
}
.messagez .message .li-1 {
  width: 100%;
  margin: 0 0 10px;
}
@media (max-width: 767px) {
  .messagez .message .li-1 {
    margin: 0 0 5px;
  }
}
.messagez .message #send {
  width: 150px;
  height: 44px;
  line-height: 40px;
  overflow: hidden;
  text-align: center;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  background: #652177;
}
@media (max-width: 767px) {
  .messagez .message #send {
    height: 36px;
    width: 140px;
    line-height: 34px;
    font-size: 14px;
  }
}

.story {
  overflow: hidden;
}
.story .titles {
  text-align: center;
  color: #333333;
  font-size: 26px;
  line-height: 34px;
}
@media (max-width: 767px) {
  .story .titles {
    font-size: 24px;
    line-height: 32px;
  }
}
.story .titles-1 {
  width: 20px;
  height: 2px;
  display: block;
  margin: 20px auto;
  background: #8a8b8b;
}
@media (max-width: 767px) {
  .story .titles-1 {
    margin: 10px auto 15px;
  }
}
.story .part-1 {
  padding: 55px 0 120px;
  background: #ffffff;
}
@media (max-width: 1681px) {
  .story .part-1 {
    padding: 45px 0 100px;
  }
}
@media (max-width: 1555px) {
  .story .part-1 {
    padding: 45px 0 70px;
  }
}
@media (max-width: 992px) {
  .story .part-1 {
    padding: 30px 0 40px;
  }
}
@media (max-width: 767px) {
  .story .part-1 {
    padding: 15px 0 20px;
  }
}
.story .part-1 .container {
  padding: 0 6%;
}
@media (max-width: 1681px) {
  .story .part-1 .container {
    padding: 0 4%;
  }
}
@media (max-width: 1445px) {
  .story .part-1 .container {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  .story .part-1 .container {
    padding: 0 15px;
  }
}
.story .part-1 .box {
  width: 65%;
  padding: 80px 0 55px;
  margin: 0 auto;
  background: url("../images/part-1bg.png") no-repeat 30% center;
}
@media (max-width: 992px) {
  .story .part-1 .box {
    background: url("../images/part-1bg.png") no-repeat -15% center;
  }
}
@media (max-width: 1810px) {
  .story .part-1 .box {
    width: 68%;
  }
}
@media (max-width: 1620px) {
  .story .part-1 .box {
    width: 72%;
  }
}
@media (max-width: 1555px) {
  .story .part-1 .box {
    padding: 60px 0 55px;
  }
}
@media (max-width: 1385px) {
  .story .part-1 .box {
    width: 78%;
  }
}
@media (max-width: 1310px) {
  .story .part-1 .box {
    width: 82%;
  }
}
@media (max-width: 1025px) {
  .story .part-1 .box {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .story .part-1 .box {
    padding: 40px 0 30px;
  }
}
@media (max-width: 767px) {
  .story .part-1 .box {
    padding: 15px 0 20px;
  }
}
.story .part-1 .text-1 {
  color: #333333;
  font-size: 60px;
  line-height: 60px;
  font-family: "avantgardebook";
}
@media (max-width: 1555px) {
  .story .part-1 .text-1 {
    font-size: 50px;
    line-height: 48px;
  }
}
@media (max-width: 992px) {
  .story .part-1 .text-1 {
    font-size: 44px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .story .part-1 .text-1 {
    font-size: 24px;
    line-height: 26px;
  }
}
.story .part-1 .text-1 small {
  font-size: 50px;
}
@media (max-width: 1555px) {
  .story .part-1 .text-1 small {
    font-size: 40px;
  }
}
@media (max-width: 992px) {
  .story .part-1 .text-1 small {
    font-size: 37px;
  }
}
@media (max-width: 767px) {
  .story .part-1 .text-1 small {
    font-size: 20px;
    line-height: 24px;
  }
}
.story .part-1 i {
  display: block;
  margin: 15px 0 25px;
  width: 135px;
  height: 1px;
  background: #dcdcdc;
}
.story .part-1 .text-2 {
  color: #666666;
  font-size: 16px;
  text-align: center;
  line-height: 24px;
}
@media (max-width: 767px) {
  .story .part-1 .text-2 {
    line-height: 22px;
    font-size: 14px;
  }
}
.story .part-1 .img-1 {
  text-align: center;
  margin: 0 auto;
  overflow: hidden;
}
.story .part-2 {
  padding: 80px 0 125px;
  background: #f6f6f6;
}
@media (max-width: 1601px) {
  .story .part-2 {
    padding: 80px 0 70px;
  }
}
@media (max-width: 1445px) {
  .story .part-2 {
    padding: 60px 0 50px;
  }
}
@media (max-width: 1025px) {
  .story .part-2 {
    padding: 50px 0 30px;
  }
}
@media (max-width: 767px) {
  .story .part-2 {
    padding: 25px 0 15px;
  }
}
.story .part-2 .container {
  padding: 0 6%;
}
@media (max-width: 1681px) {
  .story .part-2 .container {
    padding: 0 4%;
  }
}
@media (max-width: 1445px) {
  .story .part-2 .container {
    padding: 0 30px;
  }
}
.story .part-2 ul {
  margin: 70px -20px 0;
  text-align: center;
  font-size: 0;
}
@media (max-width: 1445px) {
  .story .part-2 ul {
    margin: 25px -20px 0;
  }
}
@media (max-width: 1025px) {
  .story .part-2 ul {
    margin: 5px -20px 0;
  }
}
@media (max-width: 767px) {
  .story .part-2 ul {
    margin: 5px -9px 0;
  }
}
.story .part-2 ul li {
  display: inline-block;
  width: 20%;
  padding: 20px;
}
@media (max-width: 767px) {
  .story .part-2 ul li {
    width: 33.33333333%;
  }
}
@media (max-width: 767px) {
  .story .part-2 ul li {
    padding: 10px 9px;
  }
}
.story .part-2 ul li:hover .pic {
  border: 1px solid #652177;
  background: #652177;
}
.story .part-2 ul li:hover .pic .show {
  display: none;
}
.story .part-2 ul li:hover .pic .hide {
  display: block;
}
.story .part-2 ul li:hover .txt span {
  color: #652177;
}
.story .part-2 ul li .pic {
  margin: 0 auto;
  width: 160px;
  height: 160px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  border: 1px solid #cacaca;
  border-radius: 50%;
  position: relative;
}
@media (max-width: 1310px) {
  .story .part-2 ul li .pic {
    width: 140px;
    height: 140px;
  }
}
@media (max-width: 1025px) {
  .story .part-2 ul li .pic {
    width: 120px;
    height: 120px;
  }
}
@media (max-width: 992px) {
  .story .part-2 ul li .pic {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 767px) {
  .story .part-2 ul li .pic {
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 376px) {
  .story .part-2 ul li .pic {
    width: 80px;
    height: 80px;
  }
}
.story .part-2 ul li .pic img {
  width: 35%;
}
.story .part-2 ul li .pic .show {
  display: block;
}
.story .part-2 ul li .pic .hide {
  display: none;
}
.story .part-2 ul li .txt {
  padding: 32px 0 0;
}
@media (max-width: 1025px) {
  .story .part-2 ul li .txt {
    padding: 20px 0 0;
  }
}
@media (max-width: 767px) {
  .story .part-2 ul li .txt {
    padding: 10px 0 0;
  }
}
.story .part-2 ul li .txt span {
  display: block;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  font-size: 18px;
  text-align: center;
  color: #333333;
}
@media (max-width: 767px) {
  .story .part-2 ul li .txt span {
    font-size: 16px;
  }
}
.story .part-2 ul li .txt p {
  display: block;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  font-size: 12px;
  text-align: center;
  color: #999999;
}
@media (max-width: 767px) {
  .story .part-2 ul li .txt p {
    font-size: 11px;
  }
}
@media (max-width: 376px) {
  .story .part-2 ul li .txt p {
    font-size: 10px;
  }
}
@media (max-width: 361px) {
  .story .part-2 ul li .txt p {
    font-size: 8px;
  }
}
.story .part-3 {
  padding: 75px 0 100px;
}
@media (max-width: 1445px) {
  .story .part-3 {
    padding: 60px 0 65px;
  }
}
@media (max-width: 767px) {
  .story .part-3 {
    padding: 30px 0 5px;
  }
}
.story .part-3 .event-main {
  padding: 0 7%;
  margin: 75px auto 0;
  position: relative;
}
@media (max-width: 1681px) {
  .story .part-3 .event-main {
    padding: 0 5.5%;
  }
}
@media (max-width: 1445px) {
  .story .part-3 .event-main {
    padding: 0;
  }
}
@media (max-width: 1310px) {
  .story .part-3 .event-main {
    margin: 45px auto 0;
  }
}
@media (max-width: 767px) {
  .story .part-3 .event-main {
    margin: -10px auto 0;
  }
}
.story .part-3 .event-main:before {
  content: "";
  display: block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 50%;
  top: 0;
  z-index: 50;
  background: #fff;
  margin-left: -8.5px;
  border-radius: 50%;
  border: 1px solid #652177;
}
@media (max-width: 767px) {
  .story .part-3 .event-main:before {
    display: none;
  }
}
.story .part-3 .event-main:after {
  content: "";
  display: block;
  position: absolute;
  width: 9px;
  height: 9px;
  left: 50%;
  top: 4px;
  z-index: 50;
  background: #652177;
  margin-left: -4.5px;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .story .part-3 .event-main:after {
    display: none;
  }
}
.story .part-3 .event {
  height: 885px;
  overflow: hidden;
}
@media (max-width: 1840px) {
  .story .part-3 .event {
    height: 900px;
  }
}
@media (max-width: 992px) {
  .story .part-3 .event {
    height: 940px;
  }
}
@media (max-width: 767px) {
  .story .part-3 .event {
    height: auto;
  }
}
.story .part-3 .event:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -0.5px;
  width: 1px;
  height: 100%;
  background: #e5e5e5;
}
@media (max-width: 767px) {
  .story .part-3 .event:after {
    display: none;
  }
}
.story .part-3 .event .kh {
  height: 100px;
}
.story .part-3 ul {
  padding: 0 80px 100px;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  width: 100%;
}
@media (max-width: 1445px) {
  .story .part-3 ul {
    padding: 0 50px 100px;
  }
}
@media (max-width: 1025px) {
  .story .part-3 ul {
    padding: 0 0 100px;
  }
}
@media (max-width: 767px) {
  .story .part-3 ul {
    padding: 0 0 25px;
  }
}
.story .part-3 ul li {
  float: right;
  padding: 120px 0 0 50px;
  width: 50%;
}
@media (max-width: 767px) {
  .story .part-3 ul li {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .story .part-3 ul li {
    padding: 80px 0 0;
  }
}
.story .part-3 ul li .box {
  border: 1px solid #e5e5e5;
  padding: 30px 35px 45px 25px;
  position: relative;
}
@media (max-width: 1840px) {
  .story .part-3 ul li .box {
    padding: 30px 35px 25px 25px;
  }
}
@media (max-width: 767px) {
  .story .part-3 ul li .box {
    padding: 30px 15px 20px;
  }
}
.story .part-3 ul li .box:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  z-index: 50;
  left: -60px;
  width: 18px;
  height: 18px;
  background: #fff;
  margin-top: -10px;
  border: 3px solid #652177;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .story .part-3 ul li .box:before {
    display: none;
  }
}
.story .part-3 ul li .box:after {
  content: "";
  display: block;
  position: absolute;
  left: -14px;
  top: 50%;
  margin-top: -10px;
  width: 15px;
  height: 20px;
  background: url("../images/trangle-ico01.png") no-repeat;
}
@media (max-width: 767px) {
  .story .part-3 ul li .box:after {
    display: none;
  }
}
.story .part-3 ul li .box time {
  display: block;
  width: 96px;
  height: 96px;
  background: #652177;
  position: absolute;
  top: -70px;
  left: 15px;
  color: #fff;
  padding: 0 0 0 15px;
  font-size: 14px;
  line-height: 96px;
  border-radius: 50%;
  word-break: break-all;
  overflow: hidden;
}
@media (max-width: 767px) {
  .story .part-3 ul li .box time {
    width: 78px;
    height: 78px;
    font-size: 12px;
    line-height: 78px;
    padding: 0 0 0 13px;
    top: -60px;
    left: 50%;
    margin-left: -39px;
  }
}
.story .part-3 ul li .box time big {
  display: block;
  float: left;
  font-size: 22px;
  word-break: break-all;
  margin: 0 5px 0 0;
  font-family: "avantgardebook";
}
@media (max-width: 767px) {
  .story .part-3 ul li .box time big {
    font-size: 18px;
    margin: 0 3px 0 0;
  }
}
.story .part-3 ul li .box .txt {
  color: #666666;
  font-size: 14px;
  line-height: 24px;
  max-height: 96px;
  text-align: left;
  overflow: hidden;
}
@media (max-width: 992px) {
  .story .part-3 ul li .box .txt {
    max-height: 120px;
  }
}
@media (max-width: 767px) {
  .story .part-3 ul li .box .txt {
    max-height: initial;
  }
}
.story .part-3 ul .li-odd {
  padding: 270px 50px 0 0;
}
@media (max-width: 767px) {
  .story .part-3 ul .li-odd {
    padding: 80px 0 0;
  }
}
.story .part-3 ul .li-odd .box {
  padding: 30px 75px 45px 25px;
}
@media (max-width: 1840px) {
  .story .part-3 ul .li-odd .box {
    padding: 30px 75px 25px 25px;
  }
}
@media (max-width: 1025px) {
  .story .part-3 ul .li-odd .box {
    padding: 30px 35px 25px 25px;
  }
}
@media (max-width: 767px) {
  .story .part-3 ul .li-odd .box {
    padding: 30px 15px 20px;
  }
}
.story .part-3 ul .li-odd .box:before {
  left: auto;
  right: -60px;
}
.story .part-3 ul .li-odd .box:after {
  left: auto;
  right: -14px;
  background: url("../images/trangle-ico02.png") no-repeat;
}
.story .part-3 ul .li-odd .box time {
  left: auto;
  right: 15px;
}
@media (max-width: 767px) {
  .story .part-3 ul .li-odd .box time {
    top: -60px;
    left: 50%;
    margin-left: -39px;
  }
}
.story .part-3 ul .li-odd .box .txt {
  text-align: right;
}
@media (max-width: 767px) {
  .story .part-3 ul .li-odd .box .txt {
    text-align: left;
  }
}
.story .part-3 ul .li-3 {
  padding: 0 0 0 50px;
}
@media (max-width: 767px) {
  .story .part-3 ul .li-3 {
    padding: 80px 0 0;
  }
}
.story .part-3 ul .li-4 {
  padding: 165px 50px 0 0;
}
@media (max-width: 1025px) {
  .story .part-3 ul .li-4 {
    padding: 165px 35px 0 0;
  }
}
@media (max-width: 767px) {
  .story .part-3 ul .li-4 {
    padding: 80px 0 0;
  }
}
.story .part-3 ul .li-5 {
  padding: 0 0 0 50px;
}
@media (max-width: 767px) {
  .story .part-3 ul .li-5 {
    padding: 80px 0 0;
  }
}
.story .part-3 ul .li-6 {
  padding: 285px 50px 0 0;
}
@media (max-width: 1025px) {
  .story .part-3 ul .li-6 {
    padding: 285px 35px 0 0;
  }
}
@media (max-width: 767px) {
  .story .part-3 ul .li-6 {
    padding: 80px 0 0;
  }
}
.story .part-3 ul .li-9 .box time {
  font-size: 12px;
  padding: 0 0 0 5px;
}
@media (max-width: 767px) {
  .story .part-3 ul .li-9 .box time {
    font-size: 10px;
  }
}
.story .part-3 ul .li-9 .box time big {
  font-size: 14px;
}
@media (max-width: 767px) {
  .story .part-3 ul .li-9 .box time big {
    font-size: 12px;
  }
}
.story .part-3 em {
  display: block;
  width: 25px;
  height: 24px;
  position: relative;
  margin: 0 auto;
  cursor: pointer;
  font-size: 0;
  background: url("../images/story-more.png") no-repeat;
}
@media (max-width: 767px) {
  .story .part-3 em {
    display: none;
  }
}
.story .part-4 {
  background: #f6f6f6;
  padding: 65px 0 125px;
}
@media (max-width: 1601px) {
  .story .part-4 {
    padding: 60px 0 90px;
  }
}
@media (max-width: 992px) {
  .story .part-4 {
    padding: 40px 0 50px;
  }
}
@media (max-width: 767px) {
  .story .part-4 {
    padding: 30px 0 10px;
  }
}
.story .part-4 .container {
  padding: 0 6%;
}
@media (max-width: 1681px) {
  .story .part-4 .container {
    padding: 0 4%;
  }
}
@media (max-width: 1445px) {
  .story .part-4 .container {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  .story .part-4 .container {
    padding: 0 15px;
  }
}
.story .part-4 .img-2 {
  text-align: center;
  margin: 45px auto;
  overflow: hidden;
}
@media (max-width: 767px) {
  .story .part-4 .img-2 {
    margin: 20px auto 5px;
  }
}
.story .group {
  padding: 0 13.5%;
  position: relative;
  z-index: 5;
}
@media (max-width: 1367px) {
  .story .group {
    padding: 0 10%;
  }
}
@media (max-width: 767px) {
  .story .group {
    padding: 0;
  }
}
.story .group:before {
  content: "";
  position: absolute;
  left: 9.5%;
  top: -135px;
  width: 13px;
  height: 295px;
  z-index: 90;
  background: url("../images/story-mask.png") no-repeat;
}
@media (max-width: 1445px) {
  .story .group:before {
    left: 8%;
  }
}
@media (max-width: 1367px) {
  .story .group:before {
    left: 5%;
  }
}
@media (max-width: 767px) {
  .story .group:before {
    display: none;
  }
}
.story .group ul {
  margin: 0 -80px;
}
@media (max-width: 1445px) {
  .story .group ul {
    margin: 0 -40px;
  }
}
@media (max-width: 767px) {
  .story .group ul {
    margin: 0 auto;
  }
}
.story .group li {
  width: 50%;
  padding: 0 80px;
  border-right: 1px solid #cbcbcb;
  float: left;
}
@media (max-width: 1445px) {
  .story .group li {
    padding: 0 40px;
  }
}
@media (max-width: 767px) {
  .story .group li {
    width: 100%;
    padding: 10px 0;
    border-right: none;
    border-bottom: 1px solid #cbcbcb;
  }
}
.story .group li:last-child {
  border: none;
}
.story .group li em {
  display: block;
  margin: 0 0 7px;
  font-size: 666666;
  font-style: inherit;
  font-size: 14px;
  line-height: 24px;
}
.story .group li .kong {
  padding: 0 0 0 72px;
}
.story .group li .kong1 {
  padding: 0 0 0 87px;
}
.story .part-5 {
  background: #fff;
  padding: 60px 0 75px;
}
@media (max-width: 992px) {
  .story .part-5 {
    padding: 40px 0 50px;
  }
}
@media (max-width: 767px) {
  .story .part-5 {
    padding: 25px 0 30px;
  }
}
.story .part-5 .container {
  padding: 0 13%;
}
@media (max-width: 1681px) {
  .story .part-5 .container {
    padding: 0 9%;
  }
}
@media (max-width: 1445px) {
  .story .part-5 .container {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  .story .part-5 .container {
    padding: 0 15px;
  }
}
.story .part-5 .service {
  overflow: hidden;
  margin: 50px auto 0;
}
@media (max-width: 1601px) {
  .story .part-5 .service {
    margin: 35px auto 0;
  }
}
@media (max-width: 767px) {
  .story .part-5 .service {
    margin: 5px auto 0;
  }
}
.story .part-5 ul {
  margin: 0 -45px;
}
@media (max-width: 1601px) {
  .story .part-5 ul {
    margin: 0 -35px;
  }
}
@media (max-width: 1025px) {
  .story .part-5 ul {
    margin: 0 -20px;
  }
}
@media (max-width: 992px) {
  .story .part-5 ul {
    margin: 0 -10px;
  }
}
@media (max-width: 767px) {
  .story .part-5 ul {
    margin: 0 auto;
  }
}
.story .part-5 ul li {
  float: left;
  padding: 10px 45px;
  width: 33.33333333%;
}
@media (max-width: 1601px) {
  .story .part-5 ul li {
    padding: 10px 35px;
  }
}
@media (max-width: 1025px) {
  .story .part-5 ul li {
    padding: 10px 20px;
  }
}
@media (max-width: 992px) {
  .story .part-5 ul li {
    padding: 10px;
  }
}
@media (max-width: 767px) {
  .story .part-5 ul li {
    width: 100%;
    padding: 10px 0;
  }
}
.story .part-5 ul li .item {
  min-height: 391px;
  padding: 55px 20px 40px;
  border: 1px solid #cacaca;
}
@media (max-width: 992px) {
  .story .part-5 ul li .item {
    padding: 55px 10px 40px;
    min-height: 360px;
  }
}
@media (max-width: 767px) {
  .story .part-5 ul li .item {
    min-height: inherit;
    padding: 35px 10px 20px;
  }
}
.story .part-5 ul li .pic {
  width: 54px;
  height: 54px;
  margin: 0 auto 45px;
  position: relative;
}
@media (max-width: 992px) {
  .story .part-5 ul li .pic {
    margin: 0 auto 15px;
  }
}
@media (max-width: 767px) {
  .story .part-5 ul li .pic {
    margin: 0 auto 10px;
  }
}
.story .part-5 ul li .txt {
  padding: 30px 0 10px;
}
@media (max-width: 767px) {
  .story .part-5 ul li .txt {
    padding: 10px 0;
  }
}
.story .part-5 ul li .txt big {
  text-align: center;
  color: #666666;
  font-size: 40px;
  line-height: 48px;
  display: block;
  font-family: "avantgardebook";
  margin: 0 auto;
}
@media (max-width: 321px) {
  .story .part-5 ul li .txt big {
    font-size: 32px;
    line-height: 38px;
  }
}
.story .part-5 ul li .txt span {
  text-align: center;
  color: #050505;
  font-size: 22px;
  line-height: 30px;
  display: block;
  margin: 20px auto 5px;
}
@media (max-width: 767px) {
  .story .part-5 ul li .txt span {
    margin: 10px auto 5px;
  }
}
.story .part-5 ul li .txt p {
  text-align: center;
  color: #666666;
  font-size: 14px;
  line-height: 24px;
  display: block;
  margin: 0 auto;
}
.search-bomb {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  display: none;
  background: #222222;
}
.search-bomb .search-close {
  width: 70%;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .search-bomb .search-close {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .search-bomb .search-close {
    width: 90%;
  }
}
.search-bomb .search-close .icon-guanbi {
  float: right;
  text-align: right;
  width: 50px;
  height: 100px;
  cursor: pointer;
  line-height: 100px;
  font-size: 30px;
  color: #fff;
  font-weight: bold;
}
@media (max-width: 992px) {
  .search-bomb .search-close .icon-guanbi {
    line-height: 60px;
    height: 60px;
  }
}
@media (max-width: 321px) {
  .search-bomb .search-close .icon-guanbi {
    line-height: 40px;
    height: 40px;
    font-size: 24px;
  }
}
.search-bomb .search-main1 {
  height: 124px;
  position: relative;
  z-index: 1;
  top: 50%;
  width: 70%;
  left: 50%;
  padding: 0 125px 0 0;
  margin-left: -35%;
  margin-top: -62px;
  border-bottom: 1px solid #515151;
}
.search-bomb .search-main1 font {
  color: #fff;
  display: none;
  font-size: 22px;
  padding: 0 5px;
  position: absolute;
  right: 9%;
  top: 0;
}
@media (max-width: 1445px) {
  .search-bomb .search-main1 {
    height: 100px;
    margin-top: -50px;
    padding: 0 100px 0 0;
  }
}
@media (max-width: 992px) {
  .search-bomb .search-main1 {
    width: 80%;
    padding: 0 70px 0 0;
    height: 68px;
    margin-left: -40%;
  }
}
@media (max-width: 767px) {
  .search-bomb .search-main1 {
    width: 90%;
    padding: 0 50px 0 0;
    height: 50px;
    margin-left: -45%;
  }
}
@media (max-width: 321px) {
  .search-bomb .search-main1 {
    padding: 0 40px 0 0;
    height: 40px;
  }
}
.search-bomb .search-main1 .sbtn {
  position: absolute;
  right: 0;
  top: 0;
  width: 124px;
  height: 124px;
  text-align: center;
  line-height: 124px;
  background: #652177;
}
@media (max-width: 1445px) {
  .search-bomb .search-main1 .sbtn {
    width: 100px;
    height: 100px;
    line-height: 100px;
  }
}
@media (max-width: 992px) {
  .search-bomb .search-main1 .sbtn {
    width: 68px;
    height: 68px;
    line-height: 68px;
  }
}
@media (max-width: 767px) {
  .search-bomb .search-main1 .sbtn {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
}
@media (max-width: 321px) {
  .search-bomb .search-main1 .sbtn {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
.search-bomb .search-main1 .sbtn .icon-sousuo {
  color: #fff;
  font-size: 24px;
}
@media (max-width: 767px) {
  .search-bomb .search-main1 .sbtn .icon-sousuo {
    font-size: 20px;
  }
}
@media (max-width: 321px) {
  .search-bomb .search-main1 .sbtn .icon-sousuo {
    font-size: 16px;
  }
}
.search-bomb .search-main1 input {
  width: 100%;
  border: none;
  font-family: "microsoft yahei";
  color: #CCCCCC;
  background: none;
  height: 122px;
  line-height: 122px;
  font-size: 50px;
  padding: 0 10px;
  border-radius: 0;
}
.search-bomb .search-main1 input::-webkit-input-placeholder {
  color: #555555;
}
@media (max-width: 1445px) {
  .search-bomb .search-main1 input {
    height: 100px;
    font-size: 36px;
    line-height: 100px;
  }
}
@media (max-width: 992px) {
  .search-bomb .search-main1 input {
    font-size: 24px;
    height: 68px;
    line-height: 68px;
  }
}
@media (max-width: 767px) {
  .search-bomb .search-main1 input {
    font-size: 16px;
    height: 50px;
    line-height: 60px;
  }
}
@media (max-width: 321px) {
  .search-bomb .search-main1 input {
    height: 40px;
    font-size: 14px;
    line-height: 40px;
  }
}

.mapz {
  margin: 0 auto;
  background: #fafafa;
  color: #666666;
  font-size: 15px;
  line-height: 24px;
  padding: 0 0 80px;
}
@media (max-width: 1681px) {
  .mapz {
    padding: 0 0 20px;
  }
}
@media (max-width: 767px) {
  .mapz {
    padding: 0 0 15px;
  }
}
.map {
  margin: 80px auto 0;
}
@media (max-width: 1445px) {
  .map {
    margin: 50px auto 0;
  }
}
@media (max-width: 767px) {
  .map {
    margin: 25px auto 0;
  }
}
.map dl {
  margin: 20px 0;
  overflow: hidden;
  border-bottom: 1px solid #A8AFB1;
}
.map dl:hover {
  background: #fff;
}
.map dl:hover dt a {
  color: #fff;
  font-weight: bold;
}
.map dt {
  font-size: 14px;
  float: left;
  width: 10%;
  text-align: center;
  background: #652177;
}
.map dt:hover {
  background: #474348;
}
.map dt a {
  color: #fff;
  display: block;
  line-height: 40px;
}
.map dt a:hover {
  color: #e0e9f3;
  font-weight: bold;
}
.map dd {
  font-size: 12px;
  display: block;
  overflow: hidden;
  float: left;
  width: 85%;
}
.map dd .p2 {
  padding: 0 0 0 20px;
  clear: both;
}
.map dd .p2 a {
  color: #503507;
  font-size: 13px;
  line-height: 40px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.map dd .p2 a:hover {
  color: #764b00;
}
.map dd div {
  clear: both;
  overflow: hidden;
  padding: 0 20px 0 10px;
}
.map dd div a {
  color: #333;
  line-height: 40px;
  float: left;
  padding: 0 10px;
}
.map dd div a:hover {
  color: #0b419b;
}
@media (max-width: 768px) {
  .w1004 {
    border-top: solid 1px #cfcfcf;
    border-bottom: solid 1px #cfcfcf;
    border-right: none;
    border-left: none;
    border-radius: 2px;
    padding: 10px 15px;
    background: #fff;
  }
  .map dt {
    width: 100%;
  }
  .map dd {
    width: 85%;
  }
}

.floor-show {
  overflow: hidden;
  padding: 0 0 45px;
  background: #fafafa;
}
.floor-show .textn-1 span {
  background: #fafafa;
}
.floor-show .part-1 {
  margin: 50px auto 85px;
}
@media (max-width: 1445px) {
  .floor-show .part-1 {
    margin: 40px auto 65px;
  }
}
@media (max-width: 1281px) {
  .floor-show .part-1 {
    margin: 35px auto 45px;
  }
}
@media (max-width: 992px) {
  .floor-show .part-1 {
    margin: 20px auto 35px;
  }
}
@media (max-width: 767px) {
  .floor-show .part-1 {
    margin: 10px auto 35px;
  }
}
.floor-show .part-1 .pic {
  float: left;
  width: 56.2%;
  position: relative;
}
@media (max-width: 767px) {
  .floor-show .part-1 .pic {
    width: 100%;
  }
}
.floor-show .part-1 .txt {
  float: left;
  padding: 55px 0 0 55px;
  width: 43.8%;
}
@media (max-width: 1555px) {
  .floor-show .part-1 .txt {
    padding: 30px 0 0 35px;
  }
}
@media (max-width: 1285px) {
  .floor-show .part-1 .txt {
    padding: 20px 0 0 30px;
  }
}
@media (max-width: 992px) {
  .floor-show .part-1 .txt {
    padding: 0 0 0 15px;
  }
}
@media (max-width: 767px) {
  .floor-show .part-1 .txt {
    width: 100%;
    padding: 20px 0 0;
  }
}
.floor-show .part-1 .txt big {
  display: block;
  color: #050505;
  font-size: 34px;
  line-height: 44px;
  height: 44px;
  overflow: hidden;
}
@media (max-width: 992px) {
  .floor-show .part-1 .txt big {
    font-size: 26px;
    line-height: 34px;
    height: 34px;
  }
}
.floor-show .part-1 .txt b {
  display: block;
  font-style: inherit;
  width: 30px;
  height: 2px;
  background: #666666;
  margin: 30px 0 20px;
}
@media (max-width: 1285px) {
  .floor-show .part-1 .txt b {
    margin: 15px 0;
  }
}
.floor-show .part-1 .txt .text-2 {
  display: block;
  color: #666666;
  font-size: 15px;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
  margin: 20px 0 85px;
}
@media (max-width: 1555px) {
  .floor-show .part-1 .txt .text-2 {
    margin: 10px 0 40px;
  }
}
@media (max-width: 1285px) {
  .floor-show .part-1 .txt .text-2 {
    margin: 10px 0 30px;
  }
}
.floor-show .part-1 .txt .text-2 span {
  font-size: 34px;
  font-weight: bold;
  color: #652177;
  font-family: "avantgardebook";
}
.floor-show .part-1 .txt .text-1 {
  display: block;
  color: #666666;
  font-size: 14px;
  line-height: 22px;
  height: 66px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .floor-show .part-1 .txt .text-1 {
    height: auto;
  }
}
.floor-show .part-1 .btn .yyt {
  display: inline-block;
  width: 180px;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
  padding: 0 5px 0 12px;
  color: #fff;
  margin: 0 4px;
  text-align: left;
  font-size: 14px;
  background: #652177;
}
@media (max-width: 992px) {
  .floor-show .part-1 .btn .yyt {
    width: 136px;
    font-size: 12px;
    height: 34px;
    line-height: 34px;
    padding: 0 5px 0 3px;
  }
}
.floor-show .part-1 .btn .yyt .icon-yuyue1 {
  width: 20px;
  font-size: 24px;
  line-height: 34px;
  display: block;
  margin: 0 15px 0 0;
  float: left;
}
@media (max-width: 992px) {
  .floor-show .part-1 .btn .yyt .icon-yuyue1 {
    font-size: 19px;
    width: 16px;
    line-height: 30px;
    margin: 0 10px 0 0;
  }
}
.floor-show .part-1 .btn .zxzx {
  display: inline-block;
  width: 180px;
  height: 40px;
  margin: 0 4px;
  vertical-align: middle;
  line-height: 40px;
  padding: 0 5px 0 30px;
  color: #666666;
  font-size: 14px;
  text-align: left;
  border: 1px solid #d1d1d1;
}
@media (max-width: 992px) {
  .floor-show .part-1 .btn .zxzx {
    width: 136px;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    padding: 0 5px 0 13px;
  }
}
.floor-show .part-1 .btn .zxzx .icon-zixun {
  width: 20px;
  font-size: 24px;
  line-height: 38px;
  display: block;
  margin: 0 10px 0 0;
  float: left;
}
@media (max-width: 992px) {
  .floor-show .part-1 .btn .zxzx .icon-zixun {
    font-size: 20px;
    width: 16px;
    line-height: 32px;
  }
}
.floor-show .construction-showmain {
  overflow: hidden;
}
.floor-show .construction-showmain .construction-showtitle {
  color: #050505;
  font-size: 34px;
  line-height: 44px;
  overflow: hidden;
  padding: 0 150px 0 0;
  position: relative;
}
@media (max-width: 1281px) {
  .floor-show .construction-showmain .construction-showtitle {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 992px) {
  .floor-show .construction-showmain .construction-showtitle {
    font-size: 26px;
    line-height: 34px;
  }
}
@media (max-width: 767px) {
  .floor-show .construction-showmain .construction-showtitle {
    font-size: 24px;
    line-height: 28px;
    padding: 0 130px 0 0;
  }
}
.floor-show .construction-showmain .construction-showtitle .more {
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  max-width: 150px;
}
@media (max-width: 992px) {
  .floor-show .construction-showmain .construction-showtitle .more {
    max-width: 130px;
  }
}
@media (max-width: 767px) {
  .floor-show .construction-showmain .construction-showtitle .more {
    max-width: 100px;
  }
}
.floor-show .construction-showmain .floor-main {
  margin: 5px auto 0;
}
@media (max-width: 767px) {
  .floor-show .construction-showmain .floor-main {
    margin: 0 auto;
  }
}

.team-gun {
  padding: 10px 0 60px;
  height: 603px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .team-gun {
    display: none;
  }
}
.team-gun .team-gundong {
  width: 100%;
  display: inline-block;
  padding: 10px 0;
}
.team-gun .slick-dots li button {
  width: 21px;
  height: 21px;
  background: url("../images/team-btn02.png") no-repeat center;
}
.team-gun .slick-dots li.slick-active button {
  background: url("../images/team-btn01.png") no-repeat center;
}
.team-gun .team-nr {
  padding: 0 4px;
}
.team-gun .team-nr li {
  float: left;
  width: 13%;
  padding: 15px 0;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}
.team-gun .team-nr li .item .pic {
  width: 100%;
  outline: 1px solid transparent;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  overflow: hidden;
  position: relative;
  z-index: 1;
  text-align: center;
}
.team-gun .team-nr li .item .pic img {
  max-width: initial;
  text-align: center;
  margin: 0 auto;
  vertical-align: middle;
}
.team-gun .team-nr li .item .pic span {
  width: 100%;
  overflow: hidden;
  height: 100%;
  position: relative;
  display: block;
}
.team-gun .team-nr li .item .pic i {
  font-style: inherit;
  display: block;
  position: relative;
  left: 50%;
  margin-left: -165px;
  width: 331px;
  height: 473px;
}
.team-gun .team-nr li .item .pic .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: none\9;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  background: url("../images/team-maks.png");
}
.team-gun .team-nr li .item .pic .mask:before {
  content: "";
  display: block;
  position: absolute;
  left: 3%;
  top: 2%;
  width: 94%;
  height: 96%;
  border: 1px solid #ffffff;
}
.team-gun .team-nr li .item .pic .mask .box {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  height: 178px;
  top: 50%;
  padding: 0 10px;
  margin-top: -89px;
}
.team-gun .team-nr li .item .pic .mask .box big {
  text-align: center;
  color: #fff;
  font-size: 22px;
  line-height: 26px;
  height: 26px;
  overflow: hidden;
  display: block;
}
.team-gun .team-nr li .item .pic .mask .box em {
  font-style: inherit;
  text-align: center;
  color: #fff;
  margin: 4px 0 0;
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  overflow: hidden;
  display: block;
}
.team-gun .team-nr li .item .pic .mask .box p {
  text-align: center;
  color: #BFBEBE;
  font-size: 12px;
  line-height: 20px;
  height: 40px;
  margin: 15px auto 25px;
  overflow: hidden;
  display: block;
}
.team-gun .team-nr li .item .pic .mask .box .more {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: relative;
  margin: 0 auto;
}
.team-gun .team-nr li .item .pic .mask .box .more .icon-jiahao {
  color: #fff;
  font-size: 44px;
}
.team-gun .team-nr .li-1 .pic {
  transform: perspective(200px) rotateY(4deg);
  -webkit-transform: perspective(200px) rotateY(4deg);
  -moz-transform: perspective(200px) rotateY(4deg);
  -o-transform: perspective(200px) rotateY(4deg);
}
.team-gun .team-nr .li-2 .pic {
  transform: perspective(200px) rotateY(3deg);
  -webkit-transform: perspective(200px) rotateY(3deg);
  -moz-transform: perspective(200px) rotateY(3deg);
  -o-transform: perspective(200px) rotateY(3deg);
}
.team-gun .team-nr .li-3 .pic {
  transform: perspective(200px) rotateY(1deg);
  -webkit-transform: perspective(200px) rotateY(1deg);
  -moz-transform: perspective(200px) rotateY(1deg);
  -o-transform: perspective(200px) rotateY(1deg);
}
.team-gun .team-nr .li-4 {
  width: 22%;
  padding: 15px 5px 15px 0;
}
.team-gun .team-nr .li-4 .pic {
  background: #eeeeee;
  padding: 10px;
  margin: -10px 0 0;
}
.team-gun .team-nr .li-4 .pic span .mask {
  opacity: 1;
  display: block\9;
}
.team-gun .team-nr .li-5 .pic {
  transform: perspective(200px) rotateY(179deg);
  -webkit-transform: perspective(200px) rotateY(179deg);
  -moz-transform: perspective(200px) rotateY(179deg);
  -o-transform: perspective(200px) rotateY(179deg);
}
.team-gun .team-nr .li-5 .pic .box {
  transform: perspective(200px) rotateY(180deg);
  -webkit-transform: perspective(200px) rotateY(180deg);
  -moz-transform: perspective(200px) rotateY(180deg);
  -o-transform: perspective(200px) rotateY(180deg);
}
.team-gun .team-nr .li-6 .pic {
  transform: perspective(200px) rotateY(177deg);
  -webkit-transform: perspective(200px) rotateY(177deg);
  -moz-transform: perspective(200px) rotateY(177deg);
  -o-transform: perspective(200px) rotateY(177deg);
}
.team-gun .team-nr .li-6 .pic .box {
  transform: perspective(200px) rotateY(180deg);
  -webkit-transform: perspective(200px) rotateY(180deg);
  -moz-transform: perspective(200px) rotateY(180deg);
  -o-transform: perspective(200px) rotateY(180deg);
}
.team-gun .team-nr .li-7 .pic {
  transform: perspective(200px) rotateY(176deg);
  -webkit-transform: perspective(200px) rotateY(176deg);
  -moz-transform: perspective(200px) rotateY(176deg);
  -o-transform: perspective(200px) rotateY(176deg);
}
.team-gun .team-nr .li-7 .pic .box {
  transform: perspective(200px) rotateY(180deg);
  -webkit-transform: perspective(200px) rotateY(180deg);
  -moz-transform: perspective(200px) rotateY(180deg);
  -o-transform: perspective(200px) rotateY(180deg);
}
.gundong {
  position: relative;
  z-index: 5;
  background: #f7f7f7;
}
.team-gun1 {
  padding: 0 0 70px;
}
@media (min-width: 768px) {
  .team-gun1 {
    display: none;
  }
}
@media (max-width: 767px) {
  .team-gun1 {
    padding: 23px 0 60px;
  }
}
.team-gun1 .slick-dots li button {
  width: 21px;
  height: 21px;
  background: url("../images/team-btn02.png") no-repeat center;
  background-size: 100% 100%;
}
@media (max-width: 767px) {
  .team-gun1 .slick-dots li button {
    width: 16px;
    height: 16px;
  }
}
.team-gun1 .slick-dots li.slick-active button {
  background: url("../images/team-btn01.png") no-repeat center;
  background-size: 100% 100%;
}
.team-gun1 div {
  padding: 0 5px 0 3px;
}
@media (max-width: 767px) {
  .team-gun1 div {
    padding: 0 7px 0 3px;
  }
}
.team-gun1 .pic {
  position: relative;
}
.team-gun1 .pic:after {
  content: "";
  display: block;
  padding: 72%;
}
@media (max-width: 767px) {
  .team-gun1 .pic:after {
    padding: 75%;
  }
}

.block-float2 {
  width: 65px;
  position: fixed;
  right: 10px;
  bottom: 130px;
  z-index: 9999;
  font-family: "microsoft yahei";
  color: #696969;
}
@media (max-width: 1681px) {
  .block-float2 {
    bottom: 114px;
  }
}
@media (max-width: 1445px) {
  .block-float2 {
    bottom: 109px;
  }
}
@media (max-width: 1140px) {
  .block-float2 {
    bottom: 100px;
  }
}
@media (max-width: 1025px) {
  .block-float2 {
    width: 58px;
    right: 6px;
  }
}
@media (max-width: 992px) {
  .block-float2 {
    display: none;
  }
}
.block-float2 > ul > li {
  width: 65px;
  margin-bottom: 2px;
  position: relative;
}
@media (max-width: 1025px) {
  .block-float2 > ul > li {
    width: 58px;
  }
}
.float-erweima {
  width: 160px;
  height: 160px;
  position: absolute;
  right: 76px;
  top: 0;
  display: none;
}
@media (max-width: 1025px) {
  .float-erweima {
    width: 130px;
    height: 130px;
  }
}
.float-erweima b {
  display: block;
  width: 0;
  height: 0;
  border-style: dashed dashed dashed solid;
  border-color: transparent transparent transparent white;
  border-width: 8px;
  position: absolute;
  right: -16px;
  top: 10px;
}
.phone {
  width: 160px;
  border: 1px solid #eaeaea;
  position: absolute;
  right: 75px;
  bottom: 0;
  display: none;
}
.phone .qq {
  padding: 5px 10px;
  background-color: #fff;
  border-bottom: 1px solid #EAEAEA;
}
.phone .qq .block-btn {
  display: block;
  background-color: #eff4f6;
  font-size: 12px;
  color: #646464;
  text-decoration: none;
  height: 25px;
  line-height: 25px;
  margin: 5px 0;
  border: 1px solid #c8d1d6;
  text-align: center;
}
.phone .qq .block-btn > img {
  margin-right: 10px;
  position: relative;
  top: 3px;
}
.phone .qq .block-btn:hover {
  background-color: #c8d1d6;
}
.phone .tt {
  background-color: #f7f7f7;
  border: 1px solid #fff;
  font-size: 12px;
  padding: 5px;
}
.phone .tt em {
  display: block;
  font-size: 14px;
  font-weight: bold;
  font-style: inherit;
  color: #333;
  line-height: 24px;
}
.phone .tt small {
  display: block;
  font-size: 12px;
  font-weight: 100;
  font-style: inherit;
  color: #333;
  line-height: 24px;
}
.phone .arrow {
  display: block;
  width: 11px;
  height: 17px;
  background: url("../images/arrow.png") no-repeat center center;
  position: absolute;
  right: -10px;
  bottom: 10px;
}
#block-phone {
  cursor: pointer;
  background: #652177;
  height: 70px;
  padding: 10px 2px 0;
}
@media (max-width: 1025px) {
  #block-phone {
    height: 59px;
    padding: 10px 2px 0;
  }
}
#block-phone span {
  display: block;
  text-align: center;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
}
@media (max-width: 1025px) {
  #block-phone span {
    line-height: 20px;
    height: 20px;
  }
}
#block-phone span .iconfont {
  color: #fff;
  font-size: 30px;
}
@media (max-width: 1025px) {
  #block-phone span .iconfont {
    font-size: 20px;
  }
}
#block-phone b {
  display: block;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  font-weight: 100;
  height: 20px;
  color: #fff;
  overflow: hidden;
}
@media (max-width: 1025px) {
  #block-phone b {
    font-size: 12px;
  }
}
#block-phone a {
  display: block;
}
#block-erweima {
  background: #652177;
  height: 70px;
  padding: 10px 5px 0;
}
@media (max-width: 1025px) {
  #block-erweima {
    height: 59px;
    padding: 10px 2px 0;
  }
}
#block-erweima span {
  display: block;
  text-align: center;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
}
@media (max-width: 1025px) {
  #block-erweima span {
    line-height: 20px;
    height: 20px;
  }
}
#block-erweima span .iconfont {
  color: #fff;
  font-size: 24px;
}
@media (max-width: 1025px) {
  #block-erweima span .iconfont {
    font-size: 18px;
  }
}
#block-erweima b {
  display: block;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  font-weight: 100;
  height: 20px;
  color: #fff;
  overflow: hidden;
}
#block-erweima a {
  display: block;
}
#block-phone-num {
  background: #652177;
  height: 70px;
  padding: 10px 5px 0;
}
@media (max-width: 1025px) {
  #block-phone-num {
    height: 59px;
    padding: 10px 2px 0;
  }
}
#block-phone-num span {
  display: block;
  text-align: center;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
}
@media (max-width: 1025px) {
  #block-phone-num span {
    line-height: 20px;
    height: 20px;
  }
}
#block-phone-num span .iconfont {
  color: #fff;
  font-size: 24px;
}
@media (max-width: 1025px) {
  #block-phone-num span .iconfont {
    font-size: 16px;
  }
}
#block-phone-num b {
  display: block;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  font-weight: 100;
  height: 20px;
  color: #fff;
  overflow: hidden;
}
#block-phone-num a {
  display: block;
}
.block-phone-num {
  font-family: arial;
  font-size: 18px;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  height: 100%;
  line-height: 68px;
  padding: 0 20px;
  color: #fff;
  background: #652177;
  cursor: pointer;
}
@media (max-width: 1025px) {
  .block-phone-num {
    line-height: 59px;
  }
}
.block-phone-num .iconfont {
  color: #fff;
  margin: 0 15px 0 0;
  font-size: 24px;
}
#return_top {
  cursor: pointer;
  display: none;
  height: 22px;
  background: #5C5C5E;
  line-height: 22px;
  text-align: center;
  overflow: hidden;
}
#return_top .iconfont {
  color: #fff;
  font-size: 14px;
}
@media (max-width: 1025px) {
  #return_top .iconfont {
    font-size: 13px;
  }
}
#return_bottom {
  display: none;
  cursor: pointer;
  height: 22px;
  line-height: 22px;
  background: #5C5C5E;
  text-align: center;
  overflow: hidden;
}
#return_bottom .iconfont {
  color: #fff;
  font-size: 14px;
}
@media (max-width: 1025px) {
  #return_bottom .iconfont {
    font-size: 13px;
  }
}
.mobile-footer-menu {
  display: none;
  height: 54px;
}
@media (max-width: 992px) {
  .mobile-footer-menu {
    
    width: 100%;
    background: #652177;
    padding: 5px 0;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99;
    list-style: none;
    font-size: 12px;
  }
  .mobile-footer-menu li {
    width: 25%;
    float: left;
    position: relative;
  }
  .mobile-footer-menu li:after {
    content: "";
    position: absolute;
    height: 42px;
    width: 1px;
    background: rgba(255, 255, 255, 0.2);
    right: 0;
    top: 2px;
  }
  .mobile-footer-menu li .ewmz {
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: -138px;
    display: none;
    width: 120px;
    padding: 5px;
    background: #f7f7f7;
    border: 1px solid #fff;
    height: 120px;
  }
  .mobile-footer-menu li .ewmz span {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
  }
  .mobile-footer-menu li .ewmz:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    margin-left: -8px;
    bottom: -8px;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
  }
  .mobile-footer-menu li .qqz {
    width: 160px;
    border: 1px solid #eaeaea;
    position: absolute;
    left: 10px;
    background: #f7f7f7;
    bottom: 62px;
    z-index: 99;
    display: none;
  }
  .mobile-footer-menu li .qqz:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 23%;
    bottom: -8px;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
  }
  .mobile-footer-menu li .qqz .qq {
    padding: 5px 10px;
    background-color: #fff;
    border-bottom: 1px solid #EAEAEA;
  }
  .mobile-footer-menu li .qqz .block-btn {
    display: block;
    background-color: #eff4f6;
    font-size: 12px;
    color: #646464;
    text-decoration: none;
    height: 25px;
    line-height: 25px;
    margin: 5px 0;
    border: 1px solid #c8d1d6;
    text-align: center;
  }
  .mobile-footer-menu li .qqz .block-btn > img {
    margin-right: 10px;
    position: relative;
    top: 3px;
  }
  .mobile-footer-menu li .qqz .tt {
    padding: 10px;
  }
  .mobile-footer-menu li .qqz big {
    display: block;
    color: #333;
    text-align: left;
    font-size: 14px;
    line-height: 30px;
    overflow: hidden;
    font-weight: bold;
  }
  .mobile-footer-menu li .qqz small {
    font-size: 12px;
    color: #333;
    line-height: 24px;
  }
  .mobile-footer-menu li span {
    height: 24px;
    line-height: 24px;
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    color: #fff;
    text-align: center;
  }
  .mobile-footer-menu li span .icon-qq {
    font-size: 20px;
  }
  .mobile-footer-menu li span .icon-weixin1 {
    font-size: 15px;
  }
  .mobile-footer-menu li span .icon-dianhua {
    font-size: 16px;
  }
  .mobile-footer-menu li span .icon-icon22 {
    font-size: 15px;
  }
  .mobile-footer-menu li em {
    font-style: normal;
    text-align: center;
    display: block;
    color: #fff;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
  }
  .mobile-footer-menu li:last-child:after {
    display: none;
  }
}
@media (max-width: 992px) and (max-width: 415px) {
  .mobile-footer-menu li .qqz:after {
    left: 20%;
  }
}
@media (max-width: 992px) and (max-width: 376px) {
  .mobile-footer-menu li .qqz:after {
    left: 18%;
  }
}
@media (max-width: 992px) and (max-width: 361px) {
  .mobile-footer-menu li .qqz:after {
    left: 17%;
  }
}
@media (max-width: 992px) and (max-width: 321px) {
  .mobile-footer-menu li .qqz:after {
    left: 13.5%;
  }
}
.mobile-footer-menu #return_top {
  display: block;
}
.jungong,
.kaigong,
.shigong {
  width: 597px;
  padding: 30px 0 0;
  color: #666666;
  font-size: 14px;
  float: left;
  height: 54px;
  position: relative;
  z-index: 1;
  margin: 10px 20px 0 0;
  background: url("../images/a-3.png") no-repeat left top;
  background-size: 100% auto;
}
@media (max-width: 1800px) {
  .jungong,
  .kaigong,
  .shigong {
    width: 510px;
    padding: 25px 0 0;
    height: 49px;
  }
}
@media (max-width: 1555px) {
  .jungong,
  .kaigong,
  .shigong {
    width: 450px;
    height: 44px;
    padding: 20px 0 0;
  }
}
@media (max-width: 1380px) {
  .jungong,
  .kaigong,
  .shigong {
    width: 400px;
  }
}
@media (max-width: 1110px) {
  .jungong,
  .kaigong,
  .shigong {
    width: 380px;
  }
}
@media (max-width: 992px) {
  .jungong,
  .kaigong,
  .shigong {
    width: 450px;
  }
}
@media (max-width: 767px) {
  .jungong,
  .kaigong,
  .shigong {
    width: 360px;
    font-size: 12px;
    float: left !important;
    margin: 0 0 15px;
    height: 50px;
    padding: 26px 0 0;
    background: url("../images/a-33.png") no-repeat left top;
    background-size: 100% auto;
  }
}
@media (max-width: 376px) {
  .jungong,
  .kaigong,
  .shigong {
    width: 310px;
    height: 46px;
    padding: 22px 0 0;
  }
}
@media (max-width: 321px) {
  .jungong,
  .kaigong,
  .shigong {
    width: 268px;
    height: 44px;
    padding: 20px 0 0;
  }
}
.jungong .a-1,
.kaigong .a-1,
.shigong .a-1 {
  float: left;
  width: 46.4%;
  line-height: 24px;
  height: 24px;
  position: relative;
  margin: 0 0 0 -5px;
  overflow: hidden;
}
@media (max-width: 1555px) {
  .jungong .a-1,
  .kaigong .a-1,
  .shigong .a-1 {
    margin: 0 0 0 -8px;
  }
}
@media (max-width: 767px) {
  .jungong .a-1,
  .kaigong .a-1,
  .shigong .a-1 {
    margin: 0 0 0 -4px;
    width: 44.4%;
  }
}
.jungong .a-2,
.kaigong .a-2,
.shigong .a-2 {
  float: left;
  width: 48.3%;
  line-height: 24px;
  height: 24px;
  overflow: hidden;
}
.jungong .a-3,
.kaigong .a-3,
.shigong .a-3 {
  float: left;
  width: 34px;
  position: absolute;
  right: -10px;
  bottom: 0;
  margin: 0 0 0 10px;
  line-height: 24px;
  height: 24px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .jungong .a-3,
  .kaigong .a-3,
  .shigong .a-3 {
    right: -13px;
  }
}
@media (max-width: 321px) {
  .jungong .a-3,
  .kaigong .a-3,
  .shigong .a-3 {
    right: -15px;
  }
}
.kaigong {
  background: url("../images/a-1.png") no-repeat left top;
  background-size: 100% auto;
}
@media (max-width: 767px) {
  .kaigong {
    background: url("../images/a-11.png") no-repeat left top;
    background-size: 100% auto;
  }
}
.shigong {
  background: url("../images/a-2.png") no-repeat left top;
  background-size: 100% auto;
}
@media (max-width: 767px) {
  .shigong {
    background: url("../images/a-22.png") no-repeat left top;
    background-size: 100% auto;
  }
}
.culture-modal {
  display: none;
  z-index: 99999;
  color: #666;
  text-align: center;
  position: relative;
}
.culture-modal .pic-2 {
  padding: 15px;
}
.culture-modal .pic-2 img {
  border: solid 10px #fff;
}
.culture-modal .close-modal {
  top: 0;
  right: 10px;
  position: absolute;
  background-color: #000;
}
.culture-modal .close-modal img {
  max-width: 30px;
}

.link {
  position: relative;
  margin: 30px auto 0;
  padding: 0 0 0 65px;
}
@media (max-width: 767px) {
  .link {
    padding: 0;
    margin: 15px auto 0;
  }
}
.link b {
  font-size: 15px;
  line-height: 24px;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 70px;
}
@media (max-width: 767px) {
  .link b {
    width: 100%;
    position: relative;
    left: auto;
    top: auto;
    margin: 0 0 3px;
  }
}
@media (max-width: 767px) {
  .link ul {
    margin: 0 -8px;
  }
}
@media (max-width: 376px) {
  .link ul {
    margin: 0 -7px;
  }
}
.link ul li {
  float: left;
}
.link ul li:hover a {
  color: #652178;
}
.link ul li a {
  display: block;
  color: #333;
  font-size: 14px;
  padding: 2px 15px;
  line-height: 22px;
}
@media (max-width: 767px) {
  .link ul li a {
    font-size: 12px;
    line-height: 20px;
    padding: 2px 8px 0;
  }
}
@media (max-width: 376px) {
  .link ul li a {
    padding: 2px 7px 0;
  }
}
.related_news {
  background: #F2F2F2;
  margin: 60px auto 0;
  padding: 30px 0 40px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .related_news {
    padding: 25px 0 30px;
  }
}
.related_news .relevant-title {
  color: #050505;
  font-size: 34px;
  line-height: 44px;
}
@media (max-width: 767px) {
  .related_news .relevant-title {
    font-size: 24px;
    line-height: 34px;
    margin: 0 0 6px;
  }
}
.related_news .related_list {
  overflow: hidden;
  margin: 10px auto 0;
}
@media (max-width: 767px) {
  .related_news .related_list {
    margin: 0 auto;
  }
}
.related_news ul {
  margin: 0 -29px;
}
@media (max-width: 1367px) {
  .related_news ul {
    margin: 0 -24px;
  }
}
@media (max-width: 992px) {
  .related_news ul {
    margin: 0 -15px;
  }
}
.related_news ul li {
  float: left;
  width: 50%;
  padding: 0 29px;
}
@media (max-width: 1367px) {
  .related_news ul li {
    padding: 0 24px;
  }
}
@media (max-width: 992px) {
  .related_news ul li {
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  .related_news ul li {
    float: initial;
    width: 100%;
  }
}
.related_news ul li a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 120px 0 20px;
  position: relative;
  border-bottom: 1px dotted #cccccc;
}
@media (max-width: 1601px) {
  .related_news ul li a {
    padding: 0 110px 0 20px;
  }
}
@media (max-width: 1367px) {
  .related_news ul li a {
    padding: 0 100px 0 20px;
  }
}
@media (max-width: 992px) {
  .related_news ul li a {
    height: 40px;
    line-height: 40px;
    padding: 0 90px 0 20px;
  }
}
@media (max-width: 767px) {
  .related_news ul li a {
    padding: 0 85px 0 20px;
  }
}
@media (max-width: 321px) {
  .related_news ul li a {
    padding: 0 78px 0 20px;
  }
}
.related_news ul li a:hover span {
  color: #652177;
}
.related_news ul li a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 50px;
  background: url("../images/xinwen.png") no-repeat left center;
}
@media (max-width: 992px) {
  .related_news ul li a:before {
    height: 40px;
  }
}
.related_news ul li a span {
  display: block;
  height: 50px;
  float: left;
  color: #333333;
  font-size: 15px;
  overflow: hidden;
  line-height: 50px;
}
@media (max-width: 992px) {
  .related_news ul li a span {
    height: 40px;
    font-size: 14px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .related_news ul li a span {
    font-size: 13px;
  }
}
.related_news ul li a time {
  position: absolute;
  right: 0;
  top: 0;
  width: 90px;
  text-align: right;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  color: #999999;
  font-size: 14px;
}
@media (max-width: 992px) {
  .related_news ul li a time {
    height: 40px;
    width: 80px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .related_news ul li a time {
    font-size: 12px;
    width: 70px;
  }
}

.bottom_ad {
  position: fixed;
  left: 0;
  height: 130px;
  bottom: 0;
  width: 100%;
  display: none;
  z-index: 999;
}
@media (max-width: 1681px) {
  .bottom_ad {
    height: 114px;
  }
}
@media (max-width: 767px) {
  .bottom_ad {
    height: 125px;
  }
}
.bottom_ad .close_ad {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
  z-index: 999;
  cursor: pointer;
  text-align: center;
  line-height: 30px;
  color: #fff;
  font-size: 22px;
}
@media (max-width: 767px) {
  .bottom_ad .close_ad {
    right: 0;
    top: 0;
    font-size: 26px;
  }
}
.bottom_ad .bottom_ico {
  position: fixed;
  left: 15px;
  bottom: 35px;
  width: 120px;
  height: 120px;
  color: #fff;
  z-index: 9999;
  cursor: pointer;
  background: #652177;
  border-radius: 50%;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
}
@media (max-width: 1681px) {
  .bottom_ad .bottom_ico {
    width: 110px;
    height: 110px;
    bottom: 30px;
  }
}
@media (max-width: 1445px) {
  .bottom_ad .bottom_ico {
    width: 100px;
    height: 100px;
    bottom: 25px;
  }
}
@media (max-width: 1140px) {
  .bottom_ad .bottom_ico {
    width: 80px;
    height: 80px;
    bottom: 20px;
    left: 10px;
  }
}
@media (max-width: 767px) {
  .bottom_ad .bottom_ico {
    right: 5px;
    bottom: 5px;
    width: 68px;
    height: 68px;
  }
}
.bottom_ad .bottom_ico:after {
  content: "";
  display: block;
  position: absolute;
  right: 8px;
  bottom: 10px;
  width: 23px;
  height: 20px;
  z-index: 1000;
  background: url("../images/shou.png") no-repeat center;
  background-size: 100% 100%;
  animation: shou 1.5s infinite;
  -webkit-animation: shou 1.5s infinite;
}
@media (max-width: 1681px) {
  .bottom_ad .bottom_ico:after {
    right: 5px;
    bottom: 8px;
  }
}
@media (max-width: 1140px) {
  .bottom_ad .bottom_ico:after {
    right: -2px;
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .bottom_ad .bottom_ico:after {
    right: -5px;
    bottom: -2px;
  }
}
@keyframes shou {
  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    bottom: 0;
  }
}
@-webkit-keyframes shou {
  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    bottom: 0;
  }
}
.bottom_ad .bottom_ico span {
  display: block;
  font-size: 30px;
  line-height: 34px;
  letter-spacing: 2px;
  border-radius: 50%;
  margin: 26px 20px 5px 30px;
}
@media (max-width: 1681px) {
  .bottom_ad .bottom_ico span {
    line-height: 32px;
    font-size: 26px;
    margin: 24px 20px 5px 28px;
  }
}
@media (max-width: 1445px) {
  .bottom_ad .bottom_ico span {
    font-size: 23px;
    line-height: 30px;
    margin: 20px 20px 5px 26px;
  }
}
@media (max-width: 1140px) {
  .bottom_ad .bottom_ico span {
    font-size: 18px;
    line-height: 24px;
    margin: 17px 10px 5px 22px;
  }
}
@media (max-width: 767px) {
  .bottom_ad .bottom_ico span {
    font-size: 16px;
    line-height: 20px;
    margin: 15px 10px 5px 17px;
  }
}
.bottom_ad .bottom_admain {
  width: 100%;
  position: absolute;
  left: -100%;
  bottom: 0;
  z-index: 5;
  overflow: hidden;
  padding: 28px 0 20px;
  background: url("../images/bobg.png");
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
@media (max-width: 1681px) {
  .bottom_ad .bottom_admain {
    padding: 20px 0 12px;
  }
}
@media (max-width: 767px) {
  .bottom_ad .bottom_admain {
    padding: 10px 0 5px;
  }
}
.bottom_ad .bottom_admain .container {
  position: relative;
}
.bottom_ad .bottom_admain .left {
  width: 30.5%;
  position: relative;
  z-index: 1;
  padding: 5px 0 0 85px;
  float: left;
}
@media (max-width: 1625px) {
  .bottom_ad .bottom_admain .left {
    width: 34%;
  }
}
@media (max-width: 1445px) {
  .bottom_ad .bottom_admain .left {
    padding: 5px 0 0 75px;
  }
}
@media (max-width: 1140px) {
  .bottom_ad .bottom_admain .left {
    padding: 0 0 0 70px;
  }
}
@media (max-width: 992px) {
  .bottom_ad .bottom_admain .left {
    display: none;
  }
}
.bottom_ad .bottom_admain .left .ico {
  position: absolute;
  left: 0;
  top: 5px;
  width: 70px;
  height: 70px;
}
@media (max-width: 1445px) {
  .bottom_ad .bottom_admain .left .ico {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 1140px) {
  .bottom_ad .bottom_admain .left .ico {
    width: 55px;
    height: 58px;
  }
}
.bottom_ad .bottom_admain .left .txt {
  padding: 3px 0 0;
}
.bottom_ad .bottom_admain .left .txt big {
  display: block;
  color: #fff;
  line-height: 34px;
  height: 34px;
  overflow: hidden;
  font-size: 28px;
}
@media (max-width: 1445px) {
  .bottom_ad .bottom_admain .left .txt big {
    line-height: 30px;
    font-size: 24px;
    height: 30px;
    overflow: hidden;
  }
}
@media (max-width: 1140px) {
  .bottom_ad .bottom_admain .left .txt big {
    line-height: 30px;
    font-size: 20px;
    height: 30px;
    overflow: hidden;
  }
}
.bottom_ad .bottom_admain .left .txt big b {
  font-weight: 100;
  color: #652177;
}
.bottom_ad .bottom_admain .left .txt small {
  display: block;
  color: #d8cddb;
  line-height: 38px;
  height: 38px;
  overflow: hidden;
  font-size: 22px;
}
@media (max-width: 1445px) {
  .bottom_ad .bottom_admain .left .txt small {
    line-height: 30px;
    font-size: 18px;
    height: 30px;
    overflow: hidden;
  }
}
@media (max-width: 1140px) {
  .bottom_ad .bottom_admain .left .txt small {
    line-height: 26px;
    font-size: 17px;
    height: 26px;
    overflow: hidden;
  }
}
.bottom_ad .bottom_admain .left1 {
  float: left;
  position: relative;
  z-index: 1;
  width: 41%;
}
@media (max-width: 992px) {
  .bottom_ad .bottom_admain .left1 {
    width: 62%;
  }
}
@media (max-width: 767px) {
  .bottom_ad .bottom_admain .left1 {
    width: 94%;
  }
}
.bottom_ad .bottom_admain .left1 .messb {
  position: relative;
  z-index: 5;
  padding: 0 85px 0 0;
}
@media (max-width: 1445px) {
  .bottom_ad .bottom_admain .left1 .messb {
    padding: 0 78px 0 0;
  }
}
@media (max-width: 1140px) {
  .bottom_ad .bottom_admain .left1 .messb {
    padding: 0 68px 0 0;
  }
}
@media (max-width: 767px) {
  .bottom_ad .bottom_admain .left1 .messb {
    padding: 0 51px 0 0;
  }
}
@media (max-width: 321px) {
  .bottom_ad .bottom_admain .left1 .messb {
    padding: 0 41px 0 0;
  }
}
.bottom_ad .bottom_admain .left1 .messb li {
  width: 50%;
  margin: 0 0 6px;
  padding: 0 3px;
  float: left;
  position: relative;
}
.bottom_ad .bottom_admain .left1 .messb li font {
  color: #f00;
  display: none;
  font-size: 12px;
  padding: 0 5px;
  position: absolute;
  right: 0;
  top: 0;
}
.bottom_ad .bottom_admain .left1 .messb li span {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 5;
}
.bottom_ad .bottom_admain .left1 .messb li span i {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  text-align: center;
  height: 35px;
  color: #666;
  font-size: 16px;
  font-style: inherit;
  line-height: 35px;
}
@media (max-width: 1445px) {
  .bottom_ad .bottom_admain .left1 .messb li span i {
    height: 32px;
    line-height: 32px;
  }
}
@media (max-width: 1140px) {
  .bottom_ad .bottom_admain .left1 .messb li span i {
    height: 28px;
    line-height: 28px;
  }
}
@media (max-width: 767px) {
  .bottom_ad .bottom_admain .left1 .messb li span i {
    width: 20px;
  }
}
.bottom_ad .bottom_admain .left1 .messb li input {
  width: 100%;
  height: 35px;
  background: #fff;
  font-size: 14px;
  padding: 0 10px;
  border: 1px solid #ccc;
  line-height: 35px;
  color: #666;
  border-radius: 0;
  font-family: "microsoft yahei";
}
@media (max-width: 1445px) {
  .bottom_ad .bottom_admain .left1 .messb li input {
    height: 32px;
    line-height: 32px;
  }
}
@media (max-width: 1140px) {
  .bottom_ad .bottom_admain .left1 .messb li input {
    height: 28px;
    line-height: 28px;
  }
}
@media (max-width: 767px) {
  .bottom_ad .bottom_admain .left1 .messb li input {
    font-size: 12px;
    padding: 0 10px 0 6px;
  }
}
@media (max-width: 321px) {
  .bottom_ad .bottom_admain .left1 .messb li input {
    font-size: 11px;
    padding: 0 0 0 5px;
  }
}
.bottom_ad .bottom_admain .left1 .messb li input::-webkit-input-placeholder {
  color: #666;
}
.bottom_ad .bottom_admain .left1 .messb .li-1 {
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
  height: 77px;
  background: #fff;
}
@media (max-width: 1445px) {
  .bottom_ad .bottom_admain .left1 .messb .li-1 {
    width: 76px;
    height: 70px;
  }
}
@media (max-width: 1140px) {
  .bottom_ad .bottom_admain .left1 .messb .li-1 {
    width: 64px;
    height: 62px;
  }
}
@media (max-width: 767px) {
  .bottom_ad .bottom_admain .left1 .messb .li-1 {
    width: 50px;
    height: 62px;
  }
}
@media (max-width: 321px) {
  .bottom_ad .bottom_admain .left1 .messb .li-1 {
    width: 40px;
    height: 62px;
  }
}
.bottom_ad .bottom_admain .left1 .messb .li-1 .btn {
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  padding: 15px 15px 0;
  font-family: "microsoft yahei";
  color: #652177;
  word-wrap: break-word;
  font-size: 18px;
  text-align: center;
  line-height: 24px;
  letter-spacing: 2px;
  display: block;
}
@media (max-width: 1445px) {
  .bottom_ad .bottom_admain .left1 .messb .li-1 .btn {
    padding: 10px 13px 0;
  }
}
@media (max-width: 1140px) {
  .bottom_ad .bottom_admain .left1 .messb .li-1 .btn {
    padding: 7px 11px 0;
  }
}
@media (max-width: 767px) {
  .bottom_ad .bottom_admain .left1 .messb .li-1 .btn {
    padding: 8px 6px 0;
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 36px) {
  .bottom_ad .bottom_admain .left1 .messb .li-1 .btn {
    padding: 8px 6px 0;
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 321px) {
  .bottom_ad .bottom_admain .left1 .messb .li-1 .btn {
    padding: 8px 0 0 3px;
    font-size: 12px;
  }
}
.bottom_ad .bottom_admain .left2 {
  float: left;
  padding: 5px 0 0 145px;
  position: relative;
  z-index: 5;
  width: 28.5%;
}
@media (max-width: 1625px) {
  .bottom_ad .bottom_admain .left2 {
    width: 25%;
  }
}
@media (max-width: 1570px) {
  .bottom_ad .bottom_admain .left2 {
    padding: 7px 0 0 110px;
  }
}
@media (max-width: 1380px) {
  .bottom_ad .bottom_admain .left2 {
    padding: 5px 0 0 95px;
  }
}
@media (max-width: 1140px) {
  .bottom_ad .bottom_admain .left2 {
    padding: 5px 0 0 95px;
  }
}
@media (max-width: 1080px) {
  .bottom_ad .bottom_admain .left2 {
    padding: 5px 0 0 76px;
  }
}
@media (max-width: 992px) {
  .bottom_ad .bottom_admain .left2 {
    width: 38%;
  }
}
@media (max-width: 767px) {
  .bottom_ad .bottom_admain .left2 {
    width: 100%;
    text-align: center;
    padding: 0 10px;
  }
}
.bottom_ad .bottom_admain .left2 em {
  display: block;
  position: absolute;
  left: 70px;
  top: 9px;
  z-index: 5;
  font-style: inherit;
  width: 61px;
  height: 61px;
}
@media (max-width: 1570px) {
  .bottom_ad .bottom_admain .left2 em {
    left: 40px;
  }
}
@media (max-width: 1380px) {
  .bottom_ad .bottom_admain .left2 em {
    width: 56px;
    height: 56px;
    top: 6px;
    left: 30px;
  }
}
@media (max-width: 1080px) {
  .bottom_ad .bottom_admain .left2 em {
    width: 48px;
    height: 48px;
    top: 7px;
    left: 20px;
  }
}
@media (max-width: 767px) {
  .bottom_ad .bottom_admain .left2 em {
    width: 35px;
    height: 35px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    top: auto;
    margin: 0 2px;
    left: auto;
  }
}
@media (max-width: 361px) {
  .bottom_ad .bottom_admain .left2 em {
    width: 30px;
    height: 30px;
  }
}
.bottom_ad .bottom_admain .left2 .txt {
  display: block;
}
@media (max-width: 767px) {
  .bottom_ad .bottom_admain .left2 .txt {
    text-align: left;
    margin: 0 2px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
  }
}
.bottom_ad .bottom_admain .left2 big {
  display: block;
  color: #fff;
  font-size: 22px;
  height: 30px;
  overflow: hidden;
  line-height: 30px;
}
@media (max-width: 1380px) {
  .bottom_ad .bottom_admain .left2 big {
    font-size: 20px;
  }
}
@media (max-width: 1140px) {
  .bottom_ad .bottom_admain .left2 big {
    font-size: 16px;
    height: 24px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .bottom_ad .bottom_admain .left2 big {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
  }
}
@media (max-width: 361px) {
  .bottom_ad .bottom_admain .left2 big {
    font-size: 12px;
    height: 16px;
    line-height: 16px;
  }
}
.bottom_ad .bottom_admain .left2 .tel_b {
  font-size: 28px;
  font-weight: bold;
  line-height: 38px;
  height: 38px;
  font-family: "avantgardebook";
  overflow: hidden;
  color: #fff;
}
@media (max-width: 1380px) {
  .bottom_ad .bottom_admain .left2 .tel_b {
    font-size: 24px;
    line-height: 34px;
    height: 34px;
  }
}
@media (max-width: 1140px) {
  .bottom_ad .bottom_admain .left2 .tel_b {
    font-size: 24px;
    line-height: 34px;
    height: 34px;
    overflow: hidden;
  }
}
@media (max-width: 1080px) {
  .bottom_ad .bottom_admain .left2 .tel_b {
    font-size: 22px;
    line-height: 30px;
    height: 30px;
  }
}
@media (max-width: 767px) {
  .bottom_ad .bottom_admain .left2 .tel_b {
    font-size: 18px;
    line-height: 22px;
    height: 22px;
  }
}
@media (max-width: 361px) {
  .bottom_ad .bottom_admain .left2 .tel_b {
    font-size: 14px;
    height: 18px;
    line-height: 18px;
  }
}
.bottom_ad .bottom_admain .left2 .tel_b:hover {
  color: #EEEEEE;
}
.bottom_ad1 .bottom_ico {
  left: -100%;
}
.bottom_ad1 .bottom_admain {
  left: 0;
}
.yuyue-baojia {
  background: url("../images/case-mask.png");
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 999;
}
@media (max-width: 767px) {
  .yuyue-baojia {
    padding: 50px 0 125px;
  }
}
.yuyue-baojia .icon-guanbi {
  color: #ccc;
  font-size: 28px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  position: absolute;
  right: 10px;
  cursor: pointer;
  top: 10px;
}
.yuyue-baojia .icon-guanbi:hover {
  color: #652177;
}
.yuyue-baojia .yuyue {
  position: absolute;
  left: 50%;
  margin-left: -30%;
  width: 60%;
  top: 50%;
  margin-top: -240px;
  background: url("../images/home-yuyuebg.jpg") no-repeat center right #ffffff;
  height: 480px;
  padding: 55px 60px 10px 45px;
}
@media (max-width: 1550px) {
  .yuyue-baojia .yuyue {
    padding: 55px 50px 10px 45px;
  }
}
@media (max-width: 1380px) {
  .yuyue-baojia .yuyue {
    width: 65%;
    height: 440px;
    margin-top: -220px;
    padding: 25px 40px 10px 45px;
  }
}
@media (max-width: 992px) {
  .yuyue-baojia .yuyue {
    margin-left: -40%;
    width: 80%;
    padding: 35px 20px;
  }
}
@media (max-width: 767px) {
  .yuyue-baojia .yuyue {
    padding: 20px;
    margin-left: -45%;
    width: 90%;
    top: 40px;
    margin-top: 0;
    height: 430px;
  }
}
@media (max-width: 376px) {
  .yuyue-baojia .yuyue {
    padding: 20px;
    margin-left: -45%;
    width: 90%;
    top: 20px;
    margin-top: 0;
    height: 320px;
    padding: 10px 15px;
  }
}
.yuyue-baojia .yuyue .title {
  color: #333333;
  font-size: 26px;
  line-height: 36px;
  height: 36px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .yuyue-baojia .yuyue .title {
    font-size: 22px;
    line-height: 32px;
    height: 32px;
  }
}
.yuyue-baojia .yuyue .text {
  color: #666666;
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  margin: 10px 0 20px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .yuyue-baojia .yuyue .text {
    margin: 5px 0 10px;
  }
}
@media (max-width: 376px) {
  .yuyue-baojia .yuyue .text {
    margin: 0;
  }
}
.yuyue-baojia .yuyue .message {
  margin: 0 -15px;
}
@media (max-width: 1380px) {
  .yuyue-baojia .yuyue .message {
    margin: 0 -10px;
  }
}
@media (max-width: 767px) {
  .yuyue-baojia .yuyue .message {
    margin: 0 auto;
  }
}
.yuyue-baojia .yuyue .message li {
  width: 50%;
  float: left;
  padding: 10px 15px;
  position: relative;
}
.yuyue-baojia .yuyue .message li font {
  color: #f30;
  display: none;
  font-size: 12px;
  padding: 0 5px;
  position: absolute;
  right: 0;
  top: -8px;
}
@media (max-width: 1380px) {
  .yuyue-baojia .yuyue .message li {
    padding: 10px;
  }
}
@media (max-width: 767px) {
  .yuyue-baojia .yuyue .message li {
    padding: 5px 0;
    width: 100%;
  }
}
@media (max-width: 376px) {
  .yuyue-baojia .yuyue .message li {
    padding: 3px 0;
  }
}
.yuyue-baojia .yuyue .message li input,
.yuyue-baojia .yuyue .message li textarea {
  width: 100%;
  border: 1px solid #dbdbdb;
  font-family: "microsoft yahei";
  color: #333333;
  background: none;
  height: 42px;
  line-height: 42px;
  font-size: 14px;
  padding: 0 10px;
  border-radius: 0;
}
@media (max-width: 767px) {
  .yuyue-baojia .yuyue .message li input,
  .yuyue-baojia .yuyue .message li textarea {
    height: 36px;
    line-height: 36px;
  }
}
@media (max-width: 376px) {
  .yuyue-baojia .yuyue .message li input,
  .yuyue-baojia .yuyue .message li textarea {
    height: 28px;
    line-height: 28px;
  }
}
.yuyue-baojia .yuyue .message li input::-webkit-input-placeholder,
.yuyue-baojia .yuyue .message li textarea::-webkit-input-placeholder {
  color: #666;
}
.yuyue-baojia .yuyue .message li input:focus,
.yuyue-baojia .yuyue .message li textarea:focus {
  box-shadow: 0 0 0 1px #652177;
  border: 1px solid #652177;
}
.yuyue-baojia .yuyue .message li textarea {
  padding: 8px 10px;
  height: 74px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .yuyue-baojia .yuyue .message li textarea {
    height: 68px;
  }
}
@media (max-width: 376px) {
  .yuyue-baojia .yuyue .message li textarea {
    height: 60px;
  }
}
.yuyue-baojia .yuyue .message .li-1 {
  width: 100%;
}
.yuyue-baojia .yuyue .message #send1 {
  width: 150px;
  height: 44px;
  line-height: 44px;
  overflow: hidden;
  text-align: center;
  color: #666666;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  margin: 15px 0 0;
  border: 2px solid #666666;
}
@media (max-width: 767px) {
  .yuyue-baojia .yuyue .message #send1 {
    margin: 5px 0 0;
    height: 40px;
    line-height: 40px;
  }
}
@media (max-width: 376px) {
  .yuyue-baojia .yuyue .message #send1 {
    margin: 0;
    height: 32px;
    line-height: 32px;
  }
}
.yuyue-baojia .yuyue .message #send1:hover {
  background: #652177;
  border: 2px solid #652177;
  color: #fff;
}
#ys {
  cursor: pointer;
}
.footer1 {
  margin: 0 auto 0;
}
.home-zxyy {
  background: #652177;
  color: #fff;
  width: 265px;
  height: 215px;
  padding: 30px 27px 30px 27px;
  position: absolute;
  bottom: 1px;
  left: 30px;
  z-index: 99;
  overflow: hidden;
}
.home-zxyy input {
  background: transparent;
  border: 1px #fff solid;
  border-radius: 0;
  width: 100%;
  line-height: 30px;
  padding: 0 7px;
  margin-bottom: 18px;
  color: #FFFFFF;
  cursor: auto;
}
.home-zxyy .xzmsg {
  position: relative;
}
.home-zxyy font {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  display: none;
  color: #fff;
}
.home-zxyy input:-ms-input-placeholder {
  color: #fff;
}
.home-zxyy input::-moz-placeholder {
  color: #fff;
}
.home-zxyy input::-ms-input-placeholder {
  color: #fff;
}
.home-zxyy input::-webkit-input-placeholder {
  color: #fff;
}
.home-zxyy .btn {
  display: block;
  width: 100%;
  height: 32px;
  text-align: center;
  line-height: 32px;
  background: #fff;
  color: #666666;
  font-size: 14px;
}
.home-zxyy .text {
  text-align: center;
  color: #fff;
  margin: 12px 0 0 0;
}
.home-zxyy .text .num {
  font-weight: bold;
  font-size: 19px;
}
@media (max-width: 767px) {
  .home-zxyy {
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    left: auto;
    bottom: auto;
    height: auto;
    margin-top: 10px;
  }
  .home-zxyy input {
    width: 28%;
    margin-right: 2%;
    float: left;
    margin-bottom: 0;
    font-size: 12px;
  }
  .home-zxyy .btn {
    width: 18%;
    margin-right: 2%;
    float: left;
    font-size: 12px;
  }
  .home-zxyy .text {
    width: 20%;
    float: left;
    font-size: 12px;
  }
  .home-zxyy .text .num {
    font-size: 12px;
  }
}
@media (max-width: 639px) {
  .home-zxyy {
    padding-top: 10px;
    padding-bottom: 8px;
  }
  .home-zxyy input {
    width: 100%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    margin-bottom: 10px;
  }
  .home-zxyy .btn {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
  }
  .home-zxyy .text {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
  }
}
.home-design-list {
  padding-top: 40px;
  border-right: 1px solid #fff;
  margin-bottom: 35px;
}
.home-design-list li {
  width: 12.5%;
  float: left;
}
.home-design-list li .pic {
  background: #272526;
  display: block;
  position: relative;
}
.home-design-list li .pic:after {
  content: "";
  display: block;
  padding-bottom: 150%;
}
.home-design-list li .pic:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.home-design-list li .pic img {
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  z-index: 1;
}
.home-design-list li.jieshao {
  width: 25%;
  color: #fff;
  font-size: 22px;
  text-align: center;
  line-height: 42px;
  background: #652177;
  position: relative;
}
.home-design-list li.jieshao:after {
  content: "";
  display: block;
  padding-bottom: 75%;
}
@media (max-width: 1799px) {
  .home-design-list li.jieshao:after {
    padding-bottom: 74.8%;
  }
}
.home-design-list li.jieshao .box2 {
  background: #652177;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
}
.home-design-list li.jieshao .num {
  font-size: 28px;
  font-style: normal;
}
.home-design-list li .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  display: none\9;
  padding: 20px;
  text-align: center;
  background: url(../images/team-maks.png);
  color: #fff;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.home-design-list li .box {
  padding-top: 80px;
}
.home-design-list li span {
  display: block;
  line-height: 40px;
  font-size: 16px;
}
.home-design-list li .p-01 {
  font-size: 12px;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
}
.home-design-list li em {
  display: block;
  width: 45px;
  height: 45px;
  position: relative;
  margin: 15px auto;
}
.home-design-list li:hover .pic img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 999;
}
.home-design-list li:hover .mask {
  opacity: 1;
  display: block\9;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 1000;
}
@media (max-width: 1400px) {
  .home-design-list .jieshao .box2 {
    font-size: 12px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .home-design-list {
    display: none;
  }
}
@media (max-width: 1799px) {
  .home-design-list li .box {
    padding-top: 20px;
  }
}
@media (max-width: 1600px) {
  .home-design-list li .mask {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (max-width: 1024px) {
  .home-design-list li .box {
    padding-top: 0;
  }
  .home-design-list li .mask {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.home-video .txt .text-2 {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -190px;
  width: 77%;
  border: 1px solid #dedede;
  border-right: none;
}
@media (max-width: 1281px) {
  .home-video .txt .text-2 {
    height: 300px;
    width: 88%;
    margin-top: -150px;
  }
}
@media (max-width: 1025px) {
  .home-video .txt .text-2 {
    height: 260px;
    margin-top: -130px;
  }
}
@media (max-width: 992px) {
  .home-video .txt .text-2 {
    width: 94%;
  }
}
@media (max-width: 767px) {
  .home-video .txt .text-2 {
    position: relative;
    left: auto;
    top: auto;
    margin-top: auto;
    width: 100%;
    height: auto;
    border: none;
    border-top: 1px solid #dedede;
  }
}
.home-video .txt .text-2 ul {
  display: inline-block;
  width: 100%;
}
.home-video .txt .text-2 ul li {
  padding: 52px 0 45px 0;
  float: left;
  width: 33.33333333%;
}
@media (max-width: 1281px) {
  .home-video .txt .text-2 ul li {
    padding: 30px 10px;
  }
}
@media (max-width: 1025px) {
  .home-video .txt .text-2 ul li {
    padding: 15px 10px;
  }
}
@media (max-width: 992px) {
  .home-video .txt .text-2 ul li {
    padding: 15px 5px;
  }
}
@media (max-width: 321px) {
  .home-video .txt .text-2 ul li {
    padding: 10px 5px;
  }
}
.home-video .txt .text-2 ul .icon {
  display: block;
  width: 40px;
  height: 40px;
  position: relative;
  margin: auto;
  font-family: "futura_md_btmedium";
}
@media (max-width: 992px) {
  .home-video .txt .text-2 ul big {
    font-size: 24px;
    line-height: 34px;
    height: 34px;
  }
}
.home-video .txt .text-2 ul .counter {
  display: inline-block;
  
}
@media (max-width: 1025px) {
  .home-video .txt .text-2 ul small {
    line-height: 48px;
    height: 40px;
  }
}
.home-video .txt .text-2 ul .jsh {
  margin: 13px auto 0;
  text-align: center;
  color: #666666;
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
  height: 40px;
}
.home-video .txt .text-2 ul .jsh span {
  display: block;
}
@media (max-width: 1025px) {
  .home-video .txt .text-2 ul .jsh {
    font-size: 12px;
  }
}
@media (max-width: 992px) {
  .home-video .txt .text-2 ul .jsh {
    font-size: 12px;
    line-height: 20px;
    height: 40px;
  }
}
@media (max-width: 767px) {
  .home-video .txt .text-2 ul .jsh {
    font-size: 11px;
    margin: 8px auto 0;
    line-height: 16px;
    height: 32px;
  }
}
@media (max-width: 321px) {
  .home-video .txt .text-2 ul .jsh {
    font-size: 9px;
    margin: 5px auto 0;
    line-height: 14px;
    height: 28px;
  }
}
.home-shgbzh {
  margin: 0 auto 0 auto;
  overflow: hidden;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 45px 0 0;
  background-attachment: fixed;
  color: #fff;
}
.home-shgbzh .titlez {
  color: #fff;
}
.home-shgbzh .titlez-1 {
  color: #fff;
}
.home-shgbzh .list {
  padding-top: 80px;
  padding-bottom: 85px;
}
.home-shgbzh .list ul {
  overflow: hidden;
}
.home-shgbzh .list li {
  width: 20%;
  float: left;
}
.home-shgbzh .box .icon {
  display: block;
  width: 152px;
  height: 152px;
  margin: auto;
  position: relative;
  border: 1px #fff solid \9;
  border: 1px rgba(255, 255, 255, 0.5) solid;
  border-radius: 50%;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.home-shgbzh .box .text {
  text-align: center;
  padding: 20px 0 0 0;
}
.home-shgbzh .box .bt {
  font-size: 16px;
  line-height: 30px;
  height: 30px;
}
.home-shgbzh .box .info {
  font-size: 14px;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
}
.home-shgbzh .box:hover .icon {
  border: 1px #592068 solid;
  background: #592068;
}
@media (max-width: 991px) {
  .home-shgbzh .list {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .home-shgbzh .box .icon {
    width: 100px;
    height: 100px;
  }
  .home-shgbzh .box img {
    width: 80%;
  }
  .home-shgbzh .box .bt {
    font-size: 14px;
  }
  .home-shgbzh .box .text {
    padding: 0 10px;
  }
  .home-shgbzh .box .info {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .home-shgbzh .list {
    text-align: center;
  }
  .home-shgbzh .list li {
    width: 33.33333333%;
    margin-bottom: 15px;
    display: inline-block;
    float: initial;
  }
  .home-shgbzh .box .text {
    padding-top: 10px;
  }
}
@media (max-width: 414px) {
  .home-shgbzh .list {
    width: 100%;
    overflow: auto ;
  }
  .home-shgbzh .list::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color: #fcfcfc;
  }
  .home-shgbzh .list::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fcfcfc;
  }
  .home-shgbzh .list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #652177;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  }
  .home-shgbzh .list ul {
    width: 700px;
  }
  .home-shgbzh .list li {
    width: 20%;
    float: left;
    display: block;
  }
  .home-shgbzh .box .icon {
    width: 80px;
    height: 80px;
  }
  .home-shgbzh .box img {
    width: 55%;
  }
}
.moreBtn {
  text-align: center;
  margin: 0 auto;
  height: 35px;
  display: block;
  position: relative;
  overflow: hidden;
}
.moreBtn a {
  padding: 0 17px 0 17px;
  display: inline-block;
  text-align: center;
  border: 1px solid #bfbfbf;
  line-height: 32px;
  font-size: 14px;
  color: #666666 !important;
  position: relative;
}
.moreBtn a:after {
  content: "";
  display: inline-block;
  width: 34px;
  height: 13px;
  margin-left: 9px;
  vertical-align: middle;
  margin-top: -1px;
  background: url("../images/home-jiantou-01.png") no-repeat;
}
.moreBtn a:hover {
  border: 1px solid #652177;
  color: #652177 !important;
}
.moreBtn a:hover:after {
  background: url("../images/home-jiantou-03.png") no-repeat;
}
.moreBtn.moreBtn-01 a {
  border: 1px #652177 solid;
  background: #652177;
  color: #fff !important;
}
.moreBtn.moreBtn-01 a:after {
  background: url("../images/home-jiantou-02.png") no-repeat;
}
.moreBtn.moreBtn-01 a:hover {
  border: 1px solid #652177;
  background: transparent;
  color: #652177 !important;
}
.moreBtn.moreBtn-01 a:hover:after {
  background: url("../images/home-jiantou-03.png") no-repeat;
}
.moreBtn.moreBtn-02 a:after {
  background: url("../images/home-jiantou-01.png") no-repeat;
}
.moreBtn.moreBtn-02 a:hover {
  background: #652177;
  border: 1px solid #652177;
  color: #fff !important;
}
.moreBtn.moreBtn-02 a:hover:after {
  background: url("../images/home-jiantou-02.png") no-repeat;
}
.moreBtn.moreBtn-03 a {
  color: #fff !important;
}
.moreBtn.moreBtn-03 a:after {
  background: url("../images/home-jiantou-02.png") no-repeat;
}
.moreBtn.moreBtn-03 a:hover {
  background: #652177;
  border: 1px solid #652177;
  color: #fff !important;
}
.moreBtn.moreBtn-03 a:hover:after {
  background: url("../images/home-jiantou-02.png") no-repeat;
}
@media (max-width: 767px) {
  .moreBtn a {
    font-size: 12px;
  }
}
.relevant-title {
  line-height: 44px;
  text-align: center;
}
.relevant-title span,
.relevant-title a {
  display: inline-block;
  border: 1px #d1d1d1 solid;
  background: transparent;
  color: #666666;
  font-size: 16px;
  line-height: 40px;
  min-width: 180px;
  position: relative;
}
.relevant-title span:after,
.relevant-title a:after {
  content: "";
  display: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 5px 5px;
  border-color: #6a207e transparent transparent transparent;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
}
.relevant-title span.active,
.relevant-title a.active {
  border: 1px #6a207e solid;
  background: #6a207e;
  color: #fff;
  font-size: 18px;
}
.relevant-title span.active:after,
.relevant-title a.active:after {
  display: block;
}
.relevant-title a:hover {
  border: 1px #6a207e solid;
  background: #6a207e;
  color: #fff;
}
@media (max-width: 767px) {
  .relevant-title {
    margin: 0 0 6px;
  }
}
@media (max-width: 414px) {
  .relevant-title span,
  .relevant-title a {
    min-width: 120px;
    font-size: 14px;
  }
  .relevant-title span.active,
  .relevant-title a.active {
    font-size: 14px;
  }
}
.news-show .nr {
  float: left;
  width: 75%;
}
.news-show .content {
  margin-top: 65px;
}
.news-show .aside {
  float: right;
  width: 25%;
  padding-left: 45px;
}
.news-show .aside-title {
  color: #000000;
  font-size: 26px;
  font-family: "Noto Sans CJK SC Light", "Source Han Sans CN Light", "Microsoft YaHei", "arial";
}
.news-show .aside-title span {
  display: inline-block;
  position: relative;
}
.news-show .aside-title span:after {
  content: "";
  display: block;
  width: 36px;
  height: 1px;
  background: #b0b0b0;
  margin: 16px 0 0 0;
}
.aside-team {
  margin: 15px auto 40px auto;
}
.aside-team ul {
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 10px;
}
.aside-team li {
  margin: 10px 0;
  overflow: hidden;
}
.aside-team .pic {
  position: relative;
  display: block;
  width: 45%;
  height: 215px;
  float: left;
}
.aside-team .text {
  width: 55%;
  float: right;
  padding-left: 15px;
  padding-top: 10px;
}
.aside-team .name {
  display: block;
  color: #000000;
  font-size: 18px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}
.aside-team .a-01 {
  color: #666666;
  font-size: 14px;
  display: block;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
}
.aside-team .a-01:hover {
  color: #592068;
}
.aside-team .num {
  color: #666666;
  font-size: 15px;
  margin: 10px 0 15px 0;
}
.aside-team .num span {
  color: #642076;
  font-size: 28px;
  font-weight: bold;
  font-family: "avantgardef_extralightregular";
}
.aside-team .zxzx {
  display: inline-block;
  width: 100%;
  max-width: 140px;
  height: 40px;
  vertical-align: middle;
  line-height: 40px;
  padding: 0 5px 0 5px;
  color: #666666;
  font-size: 14px;
  text-align: center;
  border: 1px solid #d1d1d1;
}
.aside-team .zxzx .icon-zixun {
  width: 20px;
  font-size: 24px;
  line-height: 38px;
  display: inline-block;
  margin: -3px 10px 0 0;
  vertical-align: middle;
}
@media (max-width: 1550px) {
  .aside-team .pic {
    width: 100%;
  }
  .aside-team .text {
    width: 100%;
    padding-left: 0;
  }
}
.aside-case {
  overflow: hidden;
  margin: 15px auto 40px auto;
}
.aside-case ul {
  margin-bottom: 10px;
}
.aside-case li {
  padding: 10px 0;
}
.aside-case li .pic {
  position: relative;
  overflow: hidden;
  z-index: 5;
  width: 100%;
}
.aside-case li .pic:after {
  content: "";
  display: block;
  padding-bottom: 61.3%;
}
.aside-case li .pic img {
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
}
.aside-case li .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  opacity: 0;
  display: none\9;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  background: url("../images/case-mask1.png");
}
.aside-case li .mask:before {
  content: "";
  width: 94%;
  height: 90%;
  left: 3%;
  top: 5%;
  position: absolute;
  z-index: 60;
  border: 1px solid #fff;
}
.aside-case li .box {
  position: absolute;
  width: 90%;
  left: 50%;
  margin-left: -45%;
  height: 142px;
  top: 50%;
  margin-top: -71px;
}
.aside-case li .jsh {
  color: #ffffff;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  overflow: hidden;
  height: 56px;
  margin-top: 10px;
}
.aside-case li .icon {
  display: block;
  margin: 20px auto 0;
  width: 46px;
  position: relative;
  text-align: center;
  height: 46px;
}
.aside-case li .icon-jiahao {
  color: #fff;
  font-size: 44px;
  margin: 0 auto;
}
.aside-case li .txt {
  border-bottom: 1px solid #dcdcdc;
  color: #333333;
  font-size: 18px;
  line-height: 26px;
  height: 54px;
  line-height: 60px;
  overflow: hidden;
  margin-bottom: 5px;
}
.aside-case li .txt-1 em {
  font-style: inherit;
  height: 36px;
  line-height: 36px;
  width: 50%;
  color: #666666;
  font-size: 14px;
  display: block;
  float: left;
  overflow: hidden;
}
.aside-case li a {
  width: 100%;
  display: inline-block;
}
.aside-case li a:hover .pic img {
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.aside-case li a:hover .mask {
  opacity: 1;
  display: block\9;
}
.aside-case li a:hover .txt {
  color: #652177;
}
.aside-rmlp {
  overflow: hidden;
  margin: 15px auto 40px auto;
}
.aside-rmlp ul {
  margin-bottom: 10px;
}
.aside-rmlp li {
  float: left;
  padding: 10px 0;
}
.aside-rmlp li .pic {
  position: relative;
  overflow: hidden;
  z-index: 5;
  width: 100%;
}
.aside-rmlp li .pic:after {
  content: "";
  display: block;
  padding-bottom: 61.3%;
}
.aside-rmlp li .pic img {
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
}
.aside-rmlp li .mask {
  position: absolute;
  left: 0;
  bottom: -65px;
  width: 100%;
  height: 65px;
  line-height: 65px;
  z-index: 50;
  opacity: 1;
  display: none\9;
  text-align: right;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  background: url("../images/case-mask1.png");
}
.aside-rmlp li .mask:before {
  content: "";
  left: 3%;
  width: 94%;
  height: 47px;
  top: 9px;
  position: absolute;
  z-index: 60;
  border: 1px solid #fff;
}
.aside-rmlp li .box {
  position: absolute;
  width: 90%;
  left: 50%;
  margin-left: -45%;
  height: 65px;
  top: 50%;
  margin-top: -32.5px;
  color: #fff;
}
.aside-rmlp li .box big {
  font-size: 24px;
}
.aside-rmlp li .jsh {
  color: #ffffff;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  overflow: hidden;
  height: 56px;
  margin-top: 10px;
}
.aside-rmlp li .icon {
  display: block;
  margin: 20px auto 0;
  width: 46px;
  position: relative;
  text-align: center;
  height: 46px;
}
.aside-rmlp li .icon-jiahao {
  color: #fff;
  font-size: 44px;
  margin: 0 auto;
}
.aside-rmlp li .txt {
  border-bottom: 1px solid #dcdcdc;
  color: #333333;
  font-size: 18px;
  line-height: 26px;
  height: 54px;
  line-height: 60px;
  overflow: hidden;
}
.aside-rmlp li .txt-1 em {
  font-style: inherit;
  height: 38px;
  line-height: 38px;
  width: 50%;
  color: #666666;
  font-size: 14px;
  display: block;
  float: left;
  overflow: hidden;
}
.aside-rmlp li a {
  width: 100%;
  display: inline-block;
}
.aside-rmlp li a:hover .pic img {
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.aside-rmlp li a:hover .mask {
  bottom: 0;
  opacity: 1;
  display: block\9;
}
.aside-rmlp li a:hover .txt {
  color: #652177;
}
.aside-more {
  display: block;
  text-align: center;
  background: #f2f2f2;
  color: #666666;
  line-height: 35px;
  position: relative;
}
.aside-more:after {
  content: "";
  display: inline-block;
  width: 17px;
  height: 1px;
  background: #7c7c7c;
  vertical-align: middle;
  margin-left: 10px;
  margin-top: -3px;
}
.aside-more:hover {
  background: #652177;
  color: #fff;
}
.aside-more:hover:after {
  background: #fff;
}
@media (max-width: 767px) {
  .aside-case li .pic .mask {
    display: none;
  }
}
@media (max-width: 1681px) {
  .aside-case li .pic .box {
    height: 122px;
    margin-top: -61px;
  }
}
@media (max-width: 1445px) {
  .aside-case li .pic .box {
    height: 112px;
    margin-top: -56px;
  }
}
@media (max-width: 1025px) {
  .aside-case li .pic .box {
    margin-top: -50px;
    height: 100px;
  }
}
@media (max-width: 1025px) {
  .aside-case li .pic p {
    line-height: 24px;
    height: 48px;
  }
}
@media (max-width: 1681px) {
  .aside-case li .pic em {
    margin: 20px auto 0;
  }
}
@media (max-width: 1445px) {
  .aside-case li .pic em {
    margin: 16px auto 0;
    height: 40px;
    width: 40px;
  }
}
@media (max-width: 1025px) {
  .aside-case li .pic em {
    height: 36px;
    width: 36px;
  }
}
@media (max-width: 1445px) {
  .aside-case li .pic em .icon-jiahao {
    font-size: 38px;
  }
}
@media (max-width: 1025px) {
  .aside-case li .pic em .icon-jiahao {
    font-size: 34px;
  }
}
@media (max-width: 1301px) {
  .aside-case li .txt {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .aside-case li .txt {
    height: 40px;
    font-size: 15px;
    line-height: 45px;
  }
}
@media (max-width: 1550px) {
  .aside-case li .txt-1 {
    padding: 10px 0 0;
  }
}
@media (max-width: 1630px) {
  .aside-case li .txt-1 em {
    margin: 0 20px 0 0;
    font-size: 13px;
  }
}
@media (max-width: 1550px) {
  .aside-case li .txt-1 em {
    float: inherit;
    height: 30px;
    line-height: 30px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .aside-case li .txt-1 em {
    float: left;
    width: 100%;
  }
}
@media (max-width: 376px) {
  .aside-case li .txt-1 em {
    float: inherit;
    width: 100%;
  }
}
@media (max-width: 321px) {
  .aside-case li .txt-1 em {
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    width: 100%;
  }
}
@media (max-width: 321px) {
  .aside-case li .txt-1 em i {
    font-size: 14px;
  }
}
@media (max-width: 1025px) {
  .news-show .content {
    margin-top: 50px;
  }
}
@media (max-width: 991px) {
  .news-show .content {
    margin-top: 40px;
  }
  .news-show .nr {
    width: 100%;
  }
  .news-show .aside {
    width: 100%;
    padding-left: 0;
  }
  .aside-rmlp li {
    width: 50%;
    padding: 0 5px;
  }
}
@media (max-width: 767px) {
  .news-show .content {
    margin-top: 25px;
  }
}
@media (max-width: 414px) {
  .aside-rmlp li {
    width: 100%;
  }
}
@media (max-width: 376px) {
  .news-show .content {
    margin-top: 20px;
  }
}
@media (min-width: 1550px) {
  .news-show .nr {
    width: 75%;
  }
  .news-show .aside {
    width: 25%;
  }
}
.prevNext {
  border-bottom: 1px #ececec solid;
  padding-bottom: 10px;
  margin: 20px 0 20px 0;
  color: #666;
}
.prevNext li {
  height: 24px;
  line-height: 24px;
  overflow: hidden;
}
.prevNext a {
  color: #666;
}
.prevNext a:hover {
  color: #652177;
}
@media (max-width: 991px) {
  .prevNext {
    border-bottom: none;
  }
}
.news-nr {
  padding: 20px 0;
  line-height: 28px;
}
.team-show .team {
  padding-bottom: 0;
}
.team-show .team .team-main dl dd {
  padding-bottom: 0;
}
.activity .list {
  margin-top: 40px;
}
.activity .list li {
  width: 100%;
  border-bottom: 1px #e5e5e5 dotted;
  padding-bottom: 25px;
  margin-bottom: 25px;
  overflow: hidden;
}
.activity .list .hot {
  border-bottom: none;
  margin-bottom: 0;
}
.activity .list .box {
  position: relative;
}
.activity .list .pic {
  width: 425px;
  margin-right: 25px;
  position: relative;
  z-index: 89;
  float: left;
  overflow: hidden;
  display: block;
}
.activity .list .pic:after {
  content: "";
  display: block;
  padding-top: 70.58823529%;
}
.activity .list img {
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
}
.activity .list .text {
  position: relative;
  z-index: 99;
}
.activity .list .bt-time {
  position: relative;
  line-height: 30px;
  height: 30px;
}
.activity .list .bt {
  display: block;
  color: #1e1e1e;
  font-size: 18px;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  padding-right: 140px;
}
.activity .list .bt:hover {
  color: #652178;
}
.activity .list .time {
  color: #b5b5b5;
  font-size: 14px;
  float: right;
  display: inline-block;
  width: 120px;
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
}
.activity .list .info {
  color: #666;
  font-size: 14px;
  line-height: 30px;
  overflow: hidden;
  margin-top: 5px;
  margin-bottom: 5px;
}
.activity .list .btn {
  text-align: right;
}
.activity .list .btn a {
  display: inline-block;
  background: #652178;
  border: 1px #652178 solid;
  color: #fff;
  border-radius: 3px;
  line-height: 28px;
  padding: 0 10px;
  text-align: center;
  min-width: 100px;
}
.activity .list .btn a:hover {
  background: transparent;
  color: #652178;
}
.activity .list li:hover img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
@media (max-width: 1024px) {
  .activity .list .bt {
    font-size: 16px;
  }
  .activity .list .time {
    font-size: 12px;
  }
  .activity .list .info {
    font-size: 12px;
  }
}
@media (max-width: 991px) and (min-width: 640px) {
  .activity .list .pic {
    width: 300px;
  }
  .activity .list .info {
    margin-top: 0;
  }
}
@media (max-width: 640px) {
  .activity .list li {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .activity .list .pic {
    display: none;
  }
  .activity .list .bt-time {
    height: auto;
    overflow: hidden;
  }
  .activity .list .bt {
    padding-right: 0;
  }
  .activity .list .time {
    position: relative;
    width: 100%;
    text-align: left;
  }
  .activity .list .btn {
    text-align: left;
    font-size: 12px;
  }
  .activity .list .btn a {
    line-height: 24px;
  }
}