.resetStyle {

  font-family: "Arial";

  color: #333;

}

.resetStyle a {

  text-decoration: none;

  color: #333;

}

.resetStyle ul,

.resetStyle li {

  margin: 0;

  padding: 0;

  list-style: none;

}

@media (min-width: 1377px) {

  .container {

    width: 1200px;

    margin: 0 auto;

    padding: 0;

  }

}

.home-header {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  z-index: 10;

  background-color: transparent;

}

.home-header .header-nav {

  background: #ffffff;

  height: 120px;

}

@media (max-width: 991px) {

  .home-header .header-nav {

    height: auto;

  }

}

.home-header .header-nav::after {

  display: block;

  clear: both;

  content: "";

  visibility: hidden;

  height: 0;

}

.home-header .header-nav .header-container {

  width: 100%;

  max-width: 1450px;

  margin: auto;

}

.home-header .header-nav .header-container .navmain {

  float: left;

  margin: 15px 0;

}

@media (max-width: 1199px) {

  .home-header .header-nav .header-container .navmain {

    margin-top: 10px;

    margin-bottom: 20px;

  }

}

@media (max-width: 991px) {

  .home-header .header-nav .header-container .navmain {

    margin-bottom: 10px;

  }

}

@media (max-width: 767px) {

  .home-header .header-nav .header-container .navmain {

    margin: 0;

  }

}

.home-header .header-nav .header-container .navmain .navlogo {

  float: left;

  margin: 0;

  padding-left: 0;

}

@media (max-width: 1199px) {

  .home-header .header-nav .header-container .navmain .navlogo {

    margin: 0;

    padding-left: 10px;

  }

}

@media (max-width: 991.98px) {

  .home-header .header-nav .header-container .navmain .navlogo {

    padding: 0;

  }

}

.home-header .header-nav .header-container .navmain .navlogo .logoa {

  display: block;

  height: 100%;

}

@media (max-width: 991.98px) {

  .home-header .header-nav .header-container .navmain .navlogo .logoa {

    display: block;

    height: 50px;

    padding: 5px 0 5px 15px;

  }

}

@media (max-width: 767px) {

  .home-header .header-nav .header-container .navmain .navlogo .logoa {

    padding: 8px 0 8px 15px;

  }

}

@media (max-width: 480px) {

  .home-header .header-nav .header-container .navmain .navlogo .logoa {

    padding: 10px 0 10px 15px;

  }

}

.home-header .header-nav .header-container .navmain .navlogo .logoa img {

  display: block;

  height: 100%;

}

.home-header .header-nav .header-container .navmain .des-main {

  float: left;

  margin: 26px 20px 0 15px;

  font-style: italic;

  width: 179px;

  height: 40px;

  /* font-family: "OpenSans-SemiboldItalic"; */
  font-family: Arial;

  font-size: 22px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 26px;

  letter-spacing: 0px;

  color: #ff2474;

  white-space: nowrap;

}

@media (max-width: 1199px) and (min-width: 992px) {

  .home-header .header-nav .header-container .navmain .des-main {

    max-width: 273px;

    font-size: 14px;

  }

}

@media (max-width: 991px) {

  .home-header .header-nav .header-container .navmain .des-main {

    display: none;

  }

}

.home-header .header-nav .header-container .navlist {

  float: right;

  background: #ffffff;

}

@media (max-width: 767px) {

  .home-header .header-nav .header-container .navlist {

    display: none;

    position: fixed;

    top: 50px;

    left: 0;

    width: 100%;

    max-height: 100%;

    background: #030d26;

    overflow-y: scroll;

    z-index: 999999;

  }

}

.home-header .header-nav .header-container .navlist .f-menu {

  margin-top: 45px;

}

@media (max-width: 991px) {

  .home-header .header-nav .header-container .navlist .f-menu {

    margin: 20px;

  }

}

@media (max-width: 767px) {

  .home-header .header-nav .header-container .navlist .f-menu {

    margin: 0;

  }

}

.home-header .header-nav .header-container .navlist .f-menu > .hasdrop {

  margin-right: 20px;

}

@media (max-width: 767px) {

  .home-header .header-nav .header-container .navlist .f-menu > .hasdrop {

    float: none;

  }

}

.home-header .header-nav .header-container .navlist .f-menu > .hasdrop::before {

  position: absolute;

  content: '';

  bottom: 0;

  z-index: -1;

  opacity: 0;

  margin: 0 auto;

  left: 0;

  right: 0;

}

@media (max-width: 767px) {

  .home-header .header-nav .header-container .navlist .f-menu > .hasdrop {

    padding: 10px 20px;

    border-bottom: 1px solid rgba(221, 221, 221, 0.5);

  }

}

.home-header .header-nav .header-container .navlist .hasdrop {

  float: left;

  position: relative;

}

@media (min-width: 1200px) {

  .home-header .header-nav .header-container .navlist .hasdrop:hover::before {

    opacity: 1;

    width: 100%;

    height: 100%;

  }

  .home-header .header-nav .header-container .navlist .hasdrop:hover > .s-menu {

    display: block;

  }

  .home-header .header-nav .header-container .navlist .hasdrop:hover > .s-menu .hasdrop:hover > .t-menu {

    display: block;

  }

  .home-header .header-nav .header-container .navlist .hasdrop:hover > a {

    background: url(../images/home/nav-hover.png);

    background-repeat: no-repeat;

    background-size: 100% 30px;

  }

}

.home-header .header-nav .header-container .navlist .hasdrop > a {

  transition: all 0.3s;

  text-decoration: none;

  display: block;

  padding: 5px 5px;

  font-family: "OpenSans";

  font-size: 18px;

  color: #131212;

}

@media (max-width: 1200px) {

  .home-header .header-nav .header-container .navlist .hasdrop > a {

    font-size: 14px;

    padding: 5px 0;

  }

}

@media (max-width: 767px) {

  .home-header .header-nav .header-container .navlist .hasdrop > a {

    padding: 0;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    position: relative;

    font-size: 14px;

    display: block;

    color: #fff;

    text-decoration: none;

    padding-right: 20px;

  }

}

@media (min-width: 768px) {

  .home-header .header-nav .header-container .navlist .hasdrop > a i {

    display: none;

  }

}

.home-header .header-nav .header-container .navlist .hasdrop > a .mobile-navbtn {

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

  margin: auto;

  font-size: 20px;

  width: 20px;

  height: 20px;

  transition: 0.3s;

}

.home-header .header-nav .header-container .navlist .hasdrop > a .mobile-navbtn::before {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  content: '';

  width: 10px;

  height: 10px;

  border-right: 2px solid #555;

  border-bottom: 2px solid #555;

  transform: rotate(45deg);

}

.home-header .header-nav .header-container .navlist .hasdrop > a .mobile-navbtn.open {

  transform: rotate(90deg);

}

@media (min-width: 768px) {

  .home-header .header-nav .header-container .navlist .hasdrop.active::before {

    opacity: 1;

    width: 100%;

    height: 100%;

  }

  .home-header .header-nav .header-container .navlist .hasdrop.active a {

    background: url(../images/home/nav-hover.png);

    background-repeat: no-repeat;

    background-size: 100% 30px;

  }

}

@media (min-width: 768px) {

  .home-header .header-nav .header-container .navlist .s-menu {

    border: 1px solid rgba(0, 0, 0, 0.15);

    position: absolute;

    width: auto;

    background: #fff;

    z-index: 2;

    display: none;

    text-align: left;

    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

  }

  .home-header .header-nav .header-container .navlist .s-menu > .hasdrop{

    /* width: 250px; */
    width: 100%;


  }

  .home-header .header-nav .header-container .navlist .s-menu > .hasdrop:hover {

    background-color: #ff2675;

  }
  .home-header .header-nav .header-container .navlist .s-menu > .hasdrop:hover a{color: #fff;}

  .home-header .header-nav .header-container .navlist .s-menu > .hasdrop > a {

    text-decoration: none;

    display: block;

    font-size: 14px;

    color: #555;

    padding: 5px 15px;

    white-space: normal;

    background-image: none;
    text-align: left;
    white-space: nowrap;

  }



  .home-header .header-nav .header-container .navlist .s-menu .t-menu {

    border: 1px solid rgba(0, 0, 0, 0.15);

    position: absolute;

    left: 100%;

    top: 0;

    width: 150px;

    width: auto;

    background: #fff;

    z-index: 2;

    display: none;

    text-align: left;

    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

  }

  .home-header .header-nav .header-container .navlist .s-menu .t-menu > .hasdrop{

    /* width:250px; */
    width: 100%;

  }

  .home-header .header-nav .header-container .navlist .s-menu .t-menu > .hasdrop:hover {

    background-color: #ff2474;
    

  }
  .home-header .header-nav .header-container .navlist .s-menu .t-menu > .hasdrop:hover a{color: #fff;}

  .home-header .header-nav .header-container .navlist .s-menu .t-menu > .hasdrop > a {

    text-decoration: none;

    display: block;

    font-size: 14px;

    color: #555;

    padding: 5px 15px;

    /* white-space: normal; */

    white-space: nowrap;
    background-image: none;

  }

}

@media (max-width: 767px) {

  .home-header .header-nav .header-container .navlist .s-menu {

    display: none;

    overflow: hidden;

  }

  .home-header .header-nav .header-container .navlist .s-menu > .hasdrop {

    padding: 10px 20px;

    width: 100%;

  }

  .home-header .header-nav .header-container .navlist .s-menu > .hasdrop > a {

    position: relative;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #dcd6d6;

    display: block;

    text-decoration: none;

    font-size: 13px;

    padding-right: 20px;

  }

  .home-header .header-nav .header-container .navlist .s-menu .t-menu {

    display: none;

    overflow: hidden;

  }

  .home-header .header-nav .header-container .navlist .s-menu .t-menu > .hasdrop {

    padding: 10px 20px;

    width: 100%;

  }

  .home-header .header-nav .header-container .navlist .s-menu .t-menu > .hasdrop > a {

    position: relative;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #f9f6f6;

    display: block;

    text-decoration: none;

    font-size: 13px;

    padding-right: 20px;

  }

}

.home-header .header-nav .header-container .navlist .s-search {

  float: left;

  height: 30px;

  width: 30px;

  border-radius: 50%;

  transition: all 0.3s;

  background: #ff2675;

}

.home-header .header-nav .header-container .navlist .s-search:hover {

  background: #eb0e5f;

}

@media (max-width: 767px) {

  .home-header .header-nav .header-container .navlist .s-search {

    display: none;

  }

}

.home-header .header-nav .header-container .navlist .s-search .s-icon {

  cursor: pointer;

  text-align: center;

  line-height: 30px;

}

.home-header .header-nav .header-container .navlist .s-search .header-search {

  position: relative;

}

.home-header .header-nav .header-container .navlist .s-search .search-box {

  display: none;

  position: absolute;

  height: 30px;

  right: 0;

  top: 120%;

}

.home-header .header-nav .header-container .navlist .s-search .search-box .text-in {

  height: 30px;

  line-height: 30px;

  outline: none;

  text-indent: 10px;

  padding-right: 30px;

}

.home-header .header-nav .header-container .navlist .s-search .search-box .sub-in {

  border: none;

  outline: none;

  width: 30px;

  height: 30px;

  background: url(../images/home/search.png) no-repeat center;

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

}

@media (max-width: 767px) {

  .home-header .navbtn {

    width: 30px;

    height: 30px;

    margin: 10px;

    float: right;

    position: relative;

    display: block;

  }

  .home-header .navbtn i {

    height: 2px;

    background: #333;

    display: block;

    overflow: hidden;

    width: 100%;

    position: absolute;

    left: 0px;

    transition: all 0.3s;

  }

  .home-header .navbtn i.bar-1 {

    top: 7px;

  }

  .home-header .navbtn i.bar-2 {

    top: 15px;

  }

  .home-header .navbtn i.bar-3 {

    top: 23px;

  }

}

@media (max-width: 767px) {

  .home-header .navbtn.open .bar-1 {

    top: 50%;

    transform: rotate(45deg);

  }

  .home-header .navbtn.open .bar-2 {

    height: 0px;

  }

  .home-header .navbtn.open .bar-3 {

    top: 50%;

    transform: rotate(-45deg);

  }

}

.home-header .fixed-header {

  background: #ffffff;

  zoom: 1;

  position: fixed;

  width: 100%;

  z-index: 9;

  border-bottom: solid 1px #e4e5eb;

}

.home-page {

  margin-top: 120px;

  overflow: hidden;

}

@media (max-width: 1199px) {

  .home-page {

    margin-top: 112px;

  }

}

@media (max-width: 991px) {

  .home-page {

    margin-top: 70px;

  }

}

@media (max-width: 767px) {

  .home-page {

    margin-top: 50px;

  }

}

.home-page .swiper-pagination-bullet {

  outline: none;

}

.home-page .swiper-pagination-bullet-active {

  background: #ff2474;

}

.home-page .home-title {

  max-width: 850px;

  margin: 0 auto;

  text-align: center;

}

.home-page .home-title a {

  font-family: "Swiss721BT-BlackCondensed";

  font-size: 48px;

  font-weight: bold;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #2d2d2d;

  transition: all 0.3s;

}

.home-page .home-title a:hover {

  color: #ff2675;

}

@media (max-width: 767px) {

  .home-page .home-title a {

    font-size: 24px;

  }

}

.home-page .cont-left {

  float: left;

}

.home-page .cont-right {

  float: left;

}

.home-page .home-banner #swiper-banner .slide img {

  width: 100%;

  margin: 0 auto;

}

.home-page .home-banner #swiper-banner .swiper-pagination-bullet {

  background: url(../images/home/banner/btn-def.png) no-repeat center center;

  opacity: 1;

  width: 10px;

  height: 10px;

  border-radius: 0;

  margin: 0 13px;

}

.home-page .home-banner #swiper-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {

  width: 14px;

  height: 25px;

  background: url(../images/home/banner/btn-active.png) no-repeat center center;

}

@media (max-width: 991px) {

  .home-page .home-banner #swiper-banner .swiper-pagination-bullet {

    width: 3px;

    height: 15px;

    margin: 0 10px;

  }

  .home-page .home-banner #swiper-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {

    height: 30px;

  }

}

@media (max-width: 767px) {

  .home-page .home-banner #swiper-banner .swiper-pagination-bullet {

    width: 2px;

    height: 10px;

    margin: 0 8px;

  }

  .home-page .home-banner #swiper-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {

    height: 20px;

  }

}

.home-page .home-pro {

  margin-top: 50px;

  background: #fff;

}

@media (max-width: 1199px) {

  .home-page .home-pro {

    margin-top: 40px;

  }

}

@media (max-width: 991px) {

  .home-page .home-pro {

    margin-top: 30px;

  }

}

@media (max-width: 767px) {

  .home-page .home-pro {

    margin-top: 20px;

  }

}

@media (max-width: 600px) {

  .home-page .home-pro {

    margin-top: 10px;

  }

}

.home-page .home-pro .home-title {

  line-height: 1;

}

.home-page .home-pro .pro-cont {

  position: relative;

  margin-top: 54px;

}

@media (max-width: 767px) {

  .home-page .home-pro .pro-cont {

    margin-top: 14px;

  }

}

.home-page .home-pro .pro-cont .pro-category {

  width: 100%;

}

@media (max-width: 767px) {

  .home-page .home-pro .pro-cont .pro-category .swiper-wrapper {

    padding-bottom: 10px;

  }

}

@media (min-width: 767px) {

  .home-page .home-pro .pro-cont .pro-category .swiper-pagination {

    display: none;

  }

}

.home-page .home-pro .pro-cont .pro-category .list {

  float: left;

  text-align: center;

}

@media (min-width: 1200px) {

  .home-page .home-pro .pro-cont .pro-category .list {

    min-height: 70px;

  }

}

@media (max-width: 767px) {

  .home-page .home-pro .pro-cont .pro-category .list {

    min-height: 70px;

  }

}

.home-page .home-pro .pro-cont .pro-category .list a {

  font-family: "Swiss721BT-Bold";

  font-size: 18px;

  font-weight: bold;

  font-stretch: normal;

  line-height: 50px;

  letter-spacing: 0px;

  color: #2d2d2d;

  position: relative;

  transition: all 0.3s;

}

.home-page .home-pro .pro-cont .pro-category .list a img {

  position: absolute;

  z-index: 1;

}

.home-page .home-pro .pro-cont .pro-category .list a .shadow {

  opacity: 0;

  position: absolute;

  left: 5px;

  top: 0px;

  z-index: 0;

  transition: all 0.3s;

}

.home-page .home-pro .pro-cont .pro-category .list a span {

  margin-left: 76px;

  transition: all 0.3s;

}

.home-page .home-pro .pro-cont .pro-category .list a:hover .shadow {

  opacity: 1;

}

.home-page .home-pro .pro-cont .pro-category .list a:hover span {

  color: #ff2675;

}

.home-page .home-pro .pro-cont #pro-swiper2.swiper-container {

  margin: 0 80px;

  margin-top: 10px;

  padding-top: 80px;

  padding-bottom: 20px;

}

@media (max-width: 767px) {

  .home-page .home-pro .pro-cont #pro-swiper2.swiper-container {

    margin: 0 50px;

    padding: 0;

  }

}

.home-page .home-pro .pro-cont #pro-swiper2.swiper-container .swiper-wrapper .swiper-slide {

  border: 1px solid #eeeeee;

  padding-bottom: 18px;

  transition: all 0.8s;

}

@media (max-width: 1199px) {

  .home-page .home-pro .pro-cont #pro-swiper2.swiper-container .swiper-wrapper .swiper-slide {

    padding-bottom: 15px;

  }

}

@media (max-width: 991px) {

  .home-page .home-pro .pro-cont #pro-swiper2.swiper-container .swiper-wrapper .swiper-slide {

    padding-bottom: 12px;

  }

}

@media (max-width: 767px) {

  .home-page .home-pro .pro-cont #pro-swiper2.swiper-container .swiper-wrapper .swiper-slide {

    padding-bottom: 10px;

  }

}

.home-page .home-pro .pro-cont #pro-swiper2.swiper-container .swiper-wrapper .swiper-slide .list {

  display: block;

  overflow: hidden;

}

.home-page .home-pro .pro-cont #pro-swiper2.swiper-container .swiper-wrapper .swiper-slide .list .list-img {

  position: relative;

}

.home-page .home-pro .pro-cont #pro-swiper2.swiper-container .swiper-wrapper .swiper-slide .list .list-img .img-box {

  position: relative;

  padding-bottom: 100%;

}

.home-page .home-pro .pro-cont #pro-swiper2.swiper-container .swiper-wrapper .swiper-slide .list .list-img .img-box img {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 100%;

  height: auto;

}

.home-page .home-pro .pro-cont #pro-swiper2.swiper-container .swiper-wrapper .swiper-slide .list .list-text {

  margin-top: 15px;

  padding: 0 12px;

}

.home-page .home-pro .pro-cont #pro-swiper2.swiper-container .swiper-wrapper .swiper-slide .list .list-text .list-tit {

  text-align: center;

  font-family: "Geometric212BT-HeavyCondensed";

  font-family: "OpenSans";

  font-weight: bold;

  font-size: 18px;

  line-height: 29px;

  color: #2d2d2d;

  height: 58px;

  margin-bottom: 22px;

  overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;

}

.home-page .home-pro .pro-cont #pro-swiper2.swiper-container .swiper-wrapper .swiper-slide .list .list-text .list-cont {

  text-align: center;

  font-family: "OpenSans";

  font-size: 14px;

  line-height: 22px;

  height: 44px;

  color: #646464;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}

.home-page .home-pro .pro-cont #pro-swiper2.swiper-container .swiper-wrapper .swiper-slide:hover {

  transform: translateY(-40px);

  box-shadow: 0px 20px 40px 0px #666;

}

.home-page .home-pro .pro-cont #pro-swiper2.swiper-container .swiper-wrapper .swiper-slide:hover .list-text .list-tit {

  color: #ff2675;

}

.home-page .home-pro .pro-cont .swiper-button-prev {

  width: 36px;

  height: 23px;

  top: 60% !important;

  background: url(../images/home/product/btn.png) no-repeat center center;

  color: #fff;

  opacity: 1;

  outline: none;

}

.home-page .home-pro .pro-cont .swiper-button-prev.swiper-button-disabled {

  background: url(../images/home/product/btn-dis.png) no-repeat center center;

  opacity: 1;

  transform: rotateY(180deg) translateY(0);

}

@media (max-width: 1199px) {

  .home-page .home-pro .pro-cont .swiper-button-prev {

    width: 36px;

    height: 23px;

  }

}

@media (max-width: 991px) {

  .home-page .home-pro .pro-cont .swiper-button-prev {

    width: 36px;

    height: 23px;

  }

}

@media (max-width: 767px) {

  .home-page .home-pro .pro-cont .swiper-button-prev {

    width: 36px;

    height: 23px;

  }

}

.home-page .home-pro .pro-cont .swiper-button-next {

  width: 36px;

  height: 23px;

  top: 60% !important;

  background: url(../images/home/product/btn.png) no-repeat center center;

  opacity: 1;

  outline: none;

  transform: rotateY(180deg) translateY(0);

}

.home-page .home-pro .pro-cont .swiper-button-next.swiper-button-disabled {

  background: url(../images/home/product/btn-dis.png) no-repeat center center;

  opacity: 1;

  transform: rotateY(0) translateY(0);

}

@media (max-width: 1199px) {

  .home-page .home-pro .pro-cont .swiper-button-next {

    width: 36px;

    height: 23px;

  }

}

@media (max-width: 991px) {

  .home-page .home-pro .pro-cont .swiper-button-next {

    width: 36px;

    height: 23px;

  }

}

@media (max-width: 767px) {

  .home-page .home-pro .pro-cont .swiper-button-next {

    width: 36px;

    height: 23px;

  }

}

.home-page .home-pro .pro-cont .swiper-pagination {

  bottom: 0;

}

.home-page .home-pro .pro-button {

  text-align: center;

  position: relative;

  z-index: 1;

}

.home-page .home-pro .pro-button a {

  width: 160px;

  height: 49px;

  background: #ff2675;

  color: #fff;

  font-family: "OpenSans";

  font-size: 14px;

  font-weight: bold;

  font-stretch: normal;

  line-height: 49px;

  display: block;

  margin: 0 auto;

  margin-top: 65px;

  transition: all 0.4s;

}

@media (max-width: 767px) {

  .home-page .home-pro .pro-button a {

    margin-top: 15px;

  }

}

.home-page .home-pro .pro-button a:hover {

  background: #000;

  color: #ff2675;

}

.home-page .home-choose {

  margin-top: 130px;

  position: relative;

}

@media (max-width: 768px) {

  .home-page .home-choose {

    margin-top: 30px;

  }

}

.home-page .home-choose .choosebg {

  position: absolute;

  top: -250px;

  z-index: 0;

}

.home-page .home-choose .container {

  position: relative;

  background: url(../images/home/choose/chooseswiper.png) no-repeat left center;

  padding-bottom: 110px;

}

@media (max-width: 1199px) {

  .home-page .home-choose .container {

    padding-bottom: 10px;

  }

}

@media (max-width: 768px) {

  .home-page .home-choose .container {

    background: url(../images/home/choose/chooseswiper.png) no-repeat left top;

  }

}

.home-page .home-choose .container .home-title {

  line-height: 1;

  margin-bottom: 100px;

}

@media (max-width: 768px) {

  .home-page .home-choose .container .home-title {

    margin-bottom: 10px;

  }

}

@media (max-width: 767px) {

  .home-page .home-choose .container .choose-cont {

    width: 80%;

    margin: 0 auto !important;

    text-align: center;

  }

}

.home-page .home-choose .container .choose-cont .cont-left {

  width: 40%;

}

@media (max-width: 991px) {

  .home-page .home-choose .container .choose-cont .cont-left {

    margin: 0 !important;

    width: 100%;

  }

}

.home-page .home-choose .container .choose-cont .cont-right {

  width: 45%;

  margin-left: 15%;

}

.home-page .home-choose .container .choose-cont .cont-right img {

  float: right;

}

@media (max-width: 991px) {

  .home-page .home-choose .container .choose-cont .cont-right {

    display: none;

  }

}

.home-page .home-choose .container .choose-cont #choose-swiper {

  margin: 0;

}

@media (max-width: 767px) {

  .home-page .home-choose .container .choose-cont #choose-swiper .swiper-slide {

    width: 100%;

  }

}

.home-page .home-choose .container .choose-cont #choose-swiper .swiper-slide a {

  font-family: "OpenSans";

  font-stretch: normal;

  letter-spacing: 0px;

}

.home-page .home-choose .container .choose-cont #choose-swiper .swiper-slide a i {

  width: 60px;

  height: 60px;

  display: block;

  transition: all 0.3s;

}

@media (max-width: 767px) {

  .home-page .home-choose .container .choose-cont #choose-swiper .swiper-slide a i {

    margin: 0 auto;

  }

}

.home-page .home-choose .container .choose-cont #choose-swiper .swiper-slide a .choose-img1 {

  background: url(../images/home/choose/choose-img1.png) no-repeat center;

}

.home-page .home-choose .container .choose-cont #choose-swiper .swiper-slide a .choose-img2 {

  background: url(../images/home/choose/choose-img2.png) no-repeat center;

}

.home-page .home-choose .container .choose-cont #choose-swiper .swiper-slide a .choose-img3 {

  background: url(../images/home/choose/choose-img3.png) no-repeat center;

}

.home-page .home-choose .container .choose-cont #choose-swiper .swiper-slide a .choose-title {

  font-size: 24px;

  line-height: 31px;

  font-weight: bold;

  color: #2d2d2d;

  margin: 18px 0 0 0;

  transition: all 0.3s;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  height: 62px;

}

.home-page .home-choose .container .choose-cont #choose-swiper .swiper-slide a .choose-cont p {

  font-family: "OpenSans";

  font-size: 16px;

  font-weight: normal;

  line-height: 24px;

  color: #646464;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 5;

  -webkit-box-orient: vertical;

  margin: 0 0 40px;

}

.home-page .home-choose .container .choose-cont #choose-swiper .swiper-slide a:hover .choose-title {

  color: #ff2474;

}

.home-page .home-choose .container .choose-cont #choose-swiper .swiper-slide a:hover .choose-img1 {

  background: url(../images/home/choose/choose-img1h.png) no-repeat center;

}

.home-page .home-choose .container .choose-cont #choose-swiper .swiper-slide a:hover .choose-img2 {

  background: url(../images/home/choose/choose-img2h.png) no-repeat center;

}

.home-page .home-choose .container .choose-cont #choose-swiper .swiper-slide a:hover .choose-img3 {

  background: url(../images/home/choose/choose-img3h.png) no-repeat center;

}

.home-page .home-count {

  position: relative;

  height: 262px;

  padding-top: 59px;

  text-align: center;

  background: url(../images/home/choose/num-bg.png) no-repeat center center;

}

@media (max-width: 767px) {

  .home-page .home-count {

    height: auto;

    padding-top: 10px;

  }

}

@media (min-width: 1377px) {

  .home-page .home-count #count {

    width: 1377px;

  }

}

@media (max-width: 1199px) {

  .home-page .home-count #count {

    padding-bottom: 40px;

  }

}

@media (max-width: 500px) {

  .home-page .home-count #count {

    padding-bottom: 20px;

  }

}

.home-page .home-count #count a:hover .incrementing {

  color: #ff2675;

}

.home-page .home-count #count a:hover .countunit {

  color: #ff2675;

}

.home-page .home-count #count a:hover p {

  color: #ff2675;

}

.home-page .home-count #count .incrementing {

  font-family: "Swiss721BT-BlackCondensed";

  font-size: 60px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #f0f0f0;

  transition: all 0.3s;

}

@media (max-width: 767px) {

  .home-page .home-count #count .incrementing {

    font-size: 40px;

  }

}

.home-page .home-count #count .countunit {

  font-family: "AdobeHeitiStd-Regular";

  font-size: 36px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #f0f0f0;

  transition: all 0.3s;

}

@media (max-width: 767px) {

  .home-page .home-count #count .countunit {

    font-size: 18px;

  }

}

.home-page .home-count #count p {

  font-family: "OpenSans";

  font-size: 18px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #f0f0f0;

  transition: all 0.3s;

}

@media (max-width: 767px) {

  .home-page .home-count #count p {

    font-size: 18px;

    margin: 5px;

  }

}

@media (max-width: 767px) {

  .home-page .home-count #count .swiper-pagination {

    padding-bottom: 20px;

  }

}

@media (max-width: 500px) {

  .home-page .home-count #count .swiper-pagination {

    padding-bottom: 0px;

  }

}

.home-page .tie {

  position: relative;

  width: 100%;

  left: 0;

  z-index: 2;

  margin-top: -2%;

}

@media (max-width: 991px) {

  .home-page .tie {

    margin-top: -3%;

  }

}

@media (max-width: 768px) {

  .home-page .tie {

    transform: scale(1.5);

  }

}

@media (max-width: 500px) {

  .home-page .tie {

    margin-top: -4%;

  }

}

.home-page .home-weare {

  background: url(../images/home/weare/wearebg.jpg) no-repeat top;

  padding-top: 78px;

  margin-top: -2%;

  position: relative;

}

@media (max-width: 767px) {

  .home-page .home-weare {

    background: #f7f8fc;

    padding-top: 18px;

  }

  .home-page .home-weare p {

    margin: 10px 0;

  }

}

.home-page .home-weare .home-title {

  line-height: 0.8;

  margin-bottom: 85px;

}

@media (max-width: 768px) {

  .home-page .home-weare .home-title {

    margin-bottom: 25px;

  }

}

.home-page .home-weare .weare-cont {

  margin-top: 30px;

  margin-bottom: 200px;

  overflow: hidden;

}

@media (max-width: 1199px) {

  .home-page .home-weare .weare-cont {

    margin-top: 20px;

    margin-bottom: 70px;

  }

}

@media (max-width: 991px) {

  .home-page .home-weare .weare-cont {

    margin-top: 10px;

    margin-bottom: 60px;

  }

}

@media (max-width: 767px) {

  .home-page .home-weare .weare-cont {

    margin-top: 0px;

    margin-bottom: 0px;

  }

}

.home-page .home-weare .weare-cont .cont-left {

  width: 56%;

  float: left;

  margin-right: 4%;

}

@media (max-width: 767px) {

  .home-page .home-weare .weare-cont .cont-left {

    width: 100%;

    margin: 0;

    text-align: center;

  }

}

.home-page .home-weare .weare-cont .cont-left .l-title {

  font-family: "OpenSans";

  font-size: 48px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 48px;

  letter-spacing: 0px;

  color: #2d2d2d;

  margin-bottom: 24px;

}

@media (max-width: 1199px) {

  .home-page .home-weare .weare-cont .cont-left .l-title {

    font-size: 36px;

  }

}

@media (max-width: 991px) {

  .home-page .home-weare .weare-cont .cont-left .l-title {

    font-size: 24px;

  }

}

@media (max-width: 767px) {

  .home-page .home-weare .weare-cont .cont-left .l-title {

    margin: 0 auto;

  }

}

.home-page .home-weare .weare-cont .cont-left .l-cont {

  text-align: left;

  font-family: "OpenSans";

  font-size: 18px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 26px;

  letter-spacing: 0px;

  color: #646464;

}

@media (min-width: 768px) {

  .home-page .home-weare .weare-cont .cont-left .l-cont p {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

  }

}

.home-page .home-weare .weare-cont .cont-left .readmore {

  font-family: "OpenSans";

  font-size: 16px;

  font-weight: bold;

  font-stretch: normal;

  line-height: 60px;

  letter-spacing: 0px;

  color: #ffffff;

  display: block;

  text-align: center;

  width: 256px;

  height: 64px;

  background-color: #ff2474;

  transition: all 0.3s;

  position: relative;

  margin: 50px 0 15px 0;

}

.home-page .home-weare .weare-cont .cont-left .readmore img {

  transition: all 0.5s;

}

.home-page .home-weare .weare-cont .cont-left .readmore:hover {

  background: #000;

  color: #ff2474;

}

.home-page .home-weare .weare-cont .cont-left .readmore:hover img {

  transform: rotate(360deg);

}

@media (max-width: 767px) {

  .home-page .home-weare .weare-cont .cont-left .readmore {

    margin: 20px auto;

  }

}

.home-page .home-capacity {

  padding: 100px 0;

}

@media (max-width: 991px) {

  .home-page .home-capacity {

    padding-bottom: 20px;

  }

}

@media (max-width: 768px) {

  .home-page .home-capacity {

    position: relative;

    padding: 0px;

  }

}

.home-page .home-capacity .home-title {

  line-height: 1.3;

  margin-bottom: 32px;

}

@media (max-width: 768px) {

  .home-page .home-capacity .home-title {

    margin-bottom: 0px;

  }

}

.home-page .home-capacity .container {

  padding: 50px 60px;

  background: url(../images/home/capacity/capacitybg.png) no-repeat;

  background-size: contain;

}

@media (max-width: 768px) {

  .home-page .home-capacity .container {

    padding: 0px;

  }

}

@media (max-width: 768px) {

  .home-page .home-capacity .container #capacity-swiper {

    padding-bottom: 20px;

  }

}

.home-page .home-capacity .container #capacity-swiper .swiper-slide .list {

  display: block;

}

.home-page .home-capacity .container #capacity-swiper .swiper-slide .list:hover .list-img .img-box > img {

  transform: translate(-50%, -50%) scale(1.1);

}

.home-page .home-capacity .container #capacity-swiper .swiper-slide .list .list-img {

  position: relative;

}

.home-page .home-capacity .container #capacity-swiper .swiper-slide .list .list-img .img-box {

  position: relative;

  padding-bottom: 71%;

  overflow: hidden;

}

.home-page .home-capacity .container #capacity-swiper .swiper-slide .list .list-img .img-box > img {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  height: 100%;

  width: auto;

  transition: all 0.3s;

}

.home-page .home-capacity .container #capacity-swiper .swiper-slide .list .capacity-more {

  width: 237px;

  height: 179px;

  width: 70%;

  height: 70%;

  padding: 40px 30px;

  background-color: #ff2474;

  font-family: "OpenSans";

  font-size: 16px;

  font-weight: bold;

  font-stretch: normal;

  line-height: 26px;

  letter-spacing: 0px;

  color: #ffffff;

  transition: all 0.5s;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}

.home-page .home-capacity .container #capacity-swiper .swiper-slide .list .capacity-more img {

  transition: all 0.5s;

}

@media (max-width: 991px) {

  .home-page .home-capacity .container #capacity-swiper .swiper-slide .list .capacity-more img {

    display: none;

  }

}

@media (max-width: 1199px) {

  .home-page .home-capacity .container #capacity-swiper .swiper-slide .list .capacity-more {

    padding: 5px;

  }

}

@media (max-width: 768px) {

  .home-page .home-capacity .container #capacity-swiper .swiper-slide .list .capacity-more {

    width: 100%;

    height: 100%;

  }

}

.home-page .home-capacity .container #capacity-swiper .swiper-slide .list .capacity-more:hover {

  background: #000;

  color: #ff2474;

}

.home-page .home-capacity .container #capacity-swiper .swiper-slide .list .capacity-more:hover img {

  transform: rotate(450deg);

}

.home-page .home-capacity .container #capacity-swiper .swiper-pagination {

  bottom: 0;

}

.home-page .home-capacity .container #capacity-swiper .swiper-pagination .swiper-pagination-bullet-active {

  background: #ff2474;

}

.home-page .home-partner {

  background: url(../images/home/partner/partnerbg.jpg) no-repeat right;

  padding: 140px 0 120px;

}

@media (max-width: 767px) {

  .home-page .home-partner {

    padding: 30px 0;

    background: #f7f8fc;

    position: relative;

    text-align: center;

  }

}

.home-page .home-partner .cont-left {

  width: 35%;

  margin-right: 15%;

}

@media (max-width: 1199px) {

  .home-page .home-partner .cont-left {

    width: 50%;

    margin-right: 0;

  }

}

@media (max-width: 767px) {

  .home-page .home-partner .cont-left {

    width: 100%;

    margin-bottom: 0px;

  }

  .home-page .home-partner .cont-left .partner-cont {

    display: none;

  }

}

.home-page .home-partner .cont-left .home-title {

  text-align: left;

  line-height: 1;

  margin-left: 0;

}

@media (max-width: 767px) {

  .home-page .home-partner .cont-left .home-title {

    text-align: center;

  }

}

.home-page .home-partner .cont-left .home-title a {

  font-size: 80px;

}

@media (max-width: 767px) {

  .home-page .home-partner .cont-left .home-title a {

    font-size: 24px;

  }

}

.home-page .home-partner .cont-left .partner-cont {

  font-family: "OpenSans";

  font-size: 18px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 26px;

  letter-spacing: 0px;

  color: #646464;

  margin: 50px 0 40px;

}

.home-page .home-partner .cont-left .partner-more a {

  font-family: "OpenSans";

  font-size: 16px;

  font-weight: bold;

  font-stretch: normal;

  line-height: 26px;

  letter-spacing: 0px;

  color: #ff2474;

}

.home-page .home-partner .cont-left .partner-more a img {

  transition: all 0.3s;

  margin-left: 20px;

  top: -3px;

  position: relative;

}

.home-page .home-partner .cont-left .partner-more a:hover img {

  transform: rotate(360deg);

}

.home-page .home-partner .cont-right {

  width: 50%;

  margin-top: 55px;

}

@media (max-width: 767px) {

  .home-page .home-partner .cont-right {

    width: 100%;

    margin-top: 0px;

  }

}

.home-page .home-partner .cont-right .list {

  max-width: 1200px;

  display: flex;

  justify-content: center;

  float: left;

}

@media (max-width: 1199px) {

  .home-page .home-partner .cont-right .list {

    display: none;

  }

}

.home-page .home-partner .cont-right .list li {

  float: left;

}

.home-page .home-partner .cont-right .list li a {

  display: flex;

  justify-content: center;

  align-items: center;

  height: 100%;

}

.home-page .home-partner .cont-right #partner-swiper {

  display: none;

  padding-bottom: 20px;

}

@media (max-width: 1199px) {

  .home-page .home-partner .cont-right #partner-swiper {

    display: block;

  }

}

.home-page .home-partner .cont-right #partner-swiper .swiper-slide {

  height: auto;

}

.home-page .home-partner .cont-right #partner-swiper .swiper-slide .img-box {

  display: flex;

  justify-content: center;

  align-items: center;

  height: 100%;

}

.home-page .home-partner .cont-right #partner-swiper .swiper-slide .img-box img {

  max-width: 100%;

}

.home-page .home-partner .cont-right #partner-swiper .swiper-pagination {

  bottom: 0;

}

.home-page .home-partner .cont-right #partner-swiper .swiper-pagination .swiper-pagination-bullet-active {

  background: #ff2474;

}

.home-page .home-news {

  padding-top: 120px;

}

@media (max-width: 767px) {

  .home-page .home-news {

    padding-top: 10px;

  }

}

.home-page .home-news .swiper-pagination-bullet {

  background: #fff;

}

.home-page .home-news .home-title {

  line-height: 1;

  margin-bottom: 90px;

}

@media (max-width: 767px) {

  .home-page .home-news .home-title {

    margin-bottom: 10px;

  }

}

.home-page .home-news .news-cont {

  padding: 0 ;

}

.home-page .home-news .news-cont #news-swiper {

  padding-bottom: 20px;

}

@media (max-width: 767px) {

  .home-page .home-news .news-cont #news-swiper {

    width: 80%;

  }

}

.home-page .home-news .news-cont #news-swiper .swiper-slide {

  background: #fff;

}

.home-page .home-news .news-cont #news-swiper .swiper-slide .news-list:hover .news-imgbox .news-img {

  transform: translate(-50%, -50%) scale(1.1);

}

.home-page .home-news .news-cont #news-swiper .swiper-slide .news-list .news-imgbox {

  display: block;

  position: relative;

  padding-bottom: 98%;

  overflow: hidden;

}

.home-page .home-news .news-cont #news-swiper .swiper-slide .news-list .news-imgbox .news-img {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  height: 100%;

  width: auto;

  transition: all 0.3s;

}

.home-page .home-news .news-cont #news-swiper .swiper-slide .news-list .newsinfo {

  padding: 50px 32px;

}

.home-page .home-news .news-cont #news-swiper .swiper-slide .news-list .newsinfo .news-title {

  font-family: "OpenSans";

  font-size: 20px;

  font-weight: bold;

  font-stretch: normal;

  line-height: 29px;

  letter-spacing: 0px;

  color: #2d2d2d;

}

.home-page .home-news .news-cont #news-swiper .swiper-slide .news-list .newsinfo .news-text {

  font-family: "OpenSans";

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 24px;

  letter-spacing: 0px;

  color: #646464;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 4;

  -webkit-box-orient: vertical;

  height: 96px;

}

.home-page .home-news .news-cont #news-swiper .swiper-slide .news-list .newsinfo:hover .news-title,

.home-page .home-news .news-cont #news-swiper .swiper-slide .news-list .newsinfo:hover .news-text {

  color: #ff2475;

}

.home-page .home-news .news-cont #news-swiper .swiper-pagination {

  bottom: 0;

}

.home-page .home-news .news-cont #news-swiper .swiper-pagination .swiper-pagination-bullet-active {

  background: #ff2474;

}

.home-page .home-foot {

  position: relative;

  padding-bottom: 65px;

}

@media (max-width: 767px) {

  .home-page .home-foot {

    padding-bottom: 0px;

  }

}

.home-page .home-foot .foot-title {

  margin-top: 120px;

  margin-bottom: 50px;

}

@media (max-width: 767px) {

  .home-page .home-foot .foot-title {

    margin: 0;

  }

}

.home-page .home-foot .foot-title a {

  font-family: Swiss721BT-BlackCondensed;

  font-size: 48px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 18px;

  letter-spacing: 0px;

  color: #ff2474;

}

@media (max-width: 767px) {

  .home-page .home-foot .foot-title a {

    line-height: 48px;

  }

}

@media (max-width: 425px) {

  .home-page .home-foot .foot-title a {

    font-size: 36px;

  }

}

.home-page .home-foot .footbg {

  position: absolute;

  bottom: -30px;

  z-index: -1;

}

.home-page .home-foot .foottor {

  position: absolute;

  width: 25%;

  z-index: 0;

  right: 0;

  transition: all 1s;

}

@media (max-width: 767px) {

  .home-page .home-foot .foottor {

    display: none;

  }

}

.home-page .home-foot .foottor:hover {

  right: 20px;

}

.home-page .home-foot form {

  overflow: hidden;

  margin-bottom: 100px;

}

@media (max-width: 767px) {

  .home-page .home-foot form {

    margin-bottom: 0px;

  }

}

.home-page .home-foot form input,

.home-page .home-foot form textarea {

  background: rgba(255, 255, 255, 0.35);

  font-family: "OpenSans";

  font-size: 14px;

  font-weight: normal;

  font-style: italic;

  font-stretch: normal;

  line-height: 40px;

  letter-spacing: 0px;

  padding: 18px;

  color: #ffffff;

}

.home-page .home-foot form input::-webkit-input-placeholder,

.home-page .home-foot form textarea::-webkit-input-placeholder {

  color: #fff;

}

.home-page .home-foot form input::-moz-placeholder,

.home-page .home-foot form textarea::-moz-placeholder {

  color: #fff;

}

.home-page .home-foot form input:-moz-placeholder,

.home-page .home-foot form textarea:-moz-placeholder {

  color: #fff;

}

.home-page .home-foot form input:-ms-input-placeholder,

.home-page .home-foot form textarea:-ms-input-placeholder {

  color: #fff;

}

.home-page .home-foot form input {

  font-family: "OpenSans";

  width: 32%;

  float: left;

  border: none;

  outline: none;

  height: 40px;

}

@media (max-width: 767px) {

  .home-page .home-foot form input {

    width: 100%;

    float: left;

    margin-top: 12px;

    margin-bottom: 12px;

  }

}

.home-page .home-foot form button {

  background: url(../images/home/submit.png) no-repeat;

  outline: none;

  border: none;

  width: 29px;

  height: 29px;

  position: relative;

  z-index: 11111;

  top: -40px;

  float: right;

  right: 5px;

}

@media (max-width: 767px) {

  .home-page .home-foot form button {

    top: -50px;

  }

}

.home-page .home-foot form .e-mail {

  margin: 0 2%;

}

@media (max-width: 767px) {

  .home-page .home-foot form .e-mail {

    margin: 0;

  }

}

.home-page .home-foot form .message-text {

  margin-top: 17px;

  width: 100%;

  height: 82px;

  resize: none;

  border: none;

  outline: none;

  font-family: "OpenSans";

  line-height: 1.4;

}

@media (max-width: 767px) {

  .home-page .home-foot form .message-text {

    margin: 0;

  }

}

.home-page .home-foot form .form-btn {

  overflow: hidden;

}

.home-page .home-foot form .form-btn #slider2 {

  float: left;

  background: #fff;

}

.home-page .home-foot form .form-btn #slider2 .label {

  color: #fffefe;

  background: #ff2474;

  border: 1px solid #ff2474;

}

.home-page .home-foot form .form-btn #slider2 .labelTip {

  color: #888888;

  font-size: 14px;

}

@media (max-width: 1199px) and (min-width: 992px) {

  .home-page .home-foot form .form-btn #slider2 {

    width: 235px;

  }

}

@media (max-width: 439px) {

  .home-page .home-foot form .form-btn #slider2 {

    width: 100%;

  }

}

@media (max-width: 767px) {

  .home-page .home-foot form .form-btn {

    margin-top: 12px;

    margin-bottom: 12px;

  }

  .home-page .home-foot form .form-btn #slider2 {

    float: unset;

  }

}

.home-page .home-foot ul {

  width: 25%;

  float: left;

}

@media (max-width: 767px) {

  .home-page .home-foot ul {

    display: none;

  }

}

.home-page .home-foot ul a {

  font-family: "OpenSans";

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 40px;

  letter-spacing: 0px;

  color: #ffffff;

  transition: all 0.3s;

}

.home-page .home-foot ul a:hover {

  color: #ff2474;

}

.home-page .home-foot ul img {

  margin-right: 5px;

}

.home-page .home-foot ul .li-title {

  margin-bottom: 50px;

}

.home-page .home-foot ul .li-title a {

  font-weight: bold;

  font-size: 24px;

}

.home-page .home-foot ul .li-ad a {

  line-height: 24px;

}

.home-page .home-foot ul .li-here {

  margin-top: 30px;

  margin-bottom: 30px;

}

.home-page .home-foot ul .li-here a {

  font-family: "OpenSans";

  font-size: 18px;

  font-weight: bold;

  font-stretch: normal;

  line-height: 24px;

  letter-spacing: 0px;

  color: #ff2474;

}

.home-page .home-foot ul .li-here .here-ad {

  margin-right: 20px;

}

.home-page .home-foot ul .here-b {

  position: absolute;

  margin-top: -15px;

}

.home-page .home-foot .foot-share {

  position: absolute;

  width: auto;

  /* margin-top: 45px; */

  bottom:65px;

}

.home-page .home-foot .foot-share li {

  display: inline;

}

.home-footer .footer-bottom {

  background: #030d26;

  height: 60px;

  display: block;

  line-height: 60px;

  color: #fff;

  font-family: "OpenSans";

  font-size: 14px;

}

.home-footer .footer-bottom .bottom-l {

  float: left;

}

.home-footer .footer-bottom .bottom-l .Copyright {

  display: inline-block;

}

.home-footer .footer-bottom .bottom-l a {

  margin-left: 50px;

  line-height: 60px;

  color: #fff;

  font-family: "OpenSans";

  font-size: 14px;

  transition: all 0.3s;

}

.home-footer .footer-bottom .bottom-l a:hover {

  color: #ff2474;

}

@media (max-width: 500px) {

  .home-footer .footer-bottom .bottom-l a {

    display: none;

  }

}

@media (max-width: 767px) {

  .home-footer .footer-bottom .bottom-l {

    float: unset;

    text-align: center;

  }

  .home-footer .footer-bottom .bottom-l .Copyright {

    margin: 0 auto;

  }

}

.home-footer .footer-bottom .bottom-r {

  float: right;

}

.home-footer .footer-bottom .bottom-r .link {

  width: 279px;

  height: 60px;

  background-color: #ff2474;

  padding: 20px 50px;

  position: relative;

  transition: all 0.3s;

}

.home-footer .footer-bottom .bottom-r .link a {

  font-family: "OpenSans";

  font-size: 16px;

  font-weight: bold;

  font-stretch: normal;

  line-height: 24px;

  letter-spacing: 0px;

  color: #ffffff;

}

.home-footer .footer-bottom .bottom-r .link .text {

  float: left;

}

.home-footer .footer-bottom .bottom-r .link .click-img {

  width: 11px;

  height: 8px;

  display: block;

  float: right;

  margin-top: 10px;

  background: url(../images/home/foot-link.png) no-repeat;

  transition: all 0.3s;

}

.home-footer .footer-bottom .bottom-r .link .click-img.on {

  transform: rotate(180deg);

}

.home-footer .footer-bottom .bottom-r .link ul {

  opacity: 0;

  position: absolute;

  bottom: 100%;

  left: 0;

  width: 100%;

  background: #ff2474;

  transition: all 0.5s;

  z-index: -10;

}

.home-footer .footer-bottom .bottom-r .link ul li {

  padding: 0px 50px;

  transition: all 0.3s;

}

.home-footer .footer-bottom .bottom-r .link ul li:hover {

  background: #000;

}

.home-footer .footer-bottom .bottom-r .link ul li:hover a {

  color: #ff2474;

}

.home-footer .footer-bottom .bottom-r .link ul.on {

  opacity: 1;

  z-index: 10;

}

@media (max-width: 767px) {

  .home-footer .footer-bottom .bottom-r .link {

    display: none;

  }

}

@media (max-width: 991px) {

  .home-footer .footer-bottom .bottom-r .link {

    text-align: center;

    float: unset;

  }

}

#mes-video .modal-dialog {

  z-index: 9999;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  margin: 0;

  width: 100%;

  max-width: 700px;

  height: 400px;

}

#mes-video .modal-dialog .modal-content {

  position: absolute;

  width: 100%;

  height: 100%;

  background-color: transparent;

  border: none;

  box-shadow: none;

}

#mes-video .modal-dialog .modal-content .modal-body {

  position: relative;

  height: 100%;

  padding: 0;

}

#mes-video .modal-dialog .modal-content iframe {

  position: absolute;

  width: 100%;

  height: 100%;

  object-fit: cover;

  z-index: 11;

}

@media (max-width: 767px) {

  #mes-video .modal-dialog .modal-content iframe {

    width: 90%;

    left: 0;

    right: 0;

    margin: 0 auto;

  }

}

.rightEcBox {

  right: 20px;

}