/* 头部 */
.top-box {
  padding: 20px 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  transition: all .5s;
}

.top-box .logo {
  width: 25%;
  float: left;
}

.top-box .logo .pic {
  position: relative;
  /*margin-top: 25px;*/
  display: inline-block;
  vertical-align: middle;
}

.top-box .logo .moren-img {
  opacity: 1;
  transition: all .5s;
}

.top-box .logo .hover-img {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  transition: all .5s;
}

.top-box .top-text {
  text-align: right;
  width: 75%;
  line-height: 35px;
  font-size: 14px;
  float: right;
}

.top-box.back .top-text .top-search {
  background: rgba(0, 0, 0, .1);
}

.top-box .top-text .top-search {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  background: rgba(255, 255, 255, .3);
  border-radius: 5px;
  overflow: hidden;
  padding-right: 40px;
}

.top-box:hover .top-text .top-search {
  background: rgba(0, 0, 0, .1);
}

.top-box .top-text .top-search input {
  width: 250px;
  font-size: 13px;
  padding: 0 10px;
  height: 35px;
  line-height: 35px;
  color: #333;
}

.top-box .top-text .top-search .but-so {
  height: 46px;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 5px;
  cursor: pointer;
  border: none;
  background: #1685da url("/images/search_icon.png") no-repeat center;
  width: 40px;
}

.top-box .top-text .top-search input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, .5);
}

.top-box .top-text .top-search input:-ms-input-placeholder {
  color: rgba(255, 255, 255, .5);
}

.top-box .top-text .top-search input::placeholder {
  color: rgba(255, 255, 255, .5);
}

.top-box .top-text .Version {
  display: inline-block;
  vertical-align: middle;
  background: url("top_icon1.png")/*tpa=https://www.yxc.hk/cn/images/top_icon1.png*/ no-repeat left center;
  padding-left: 50px;
  color: #fff;
}

.top-box .top-text .Version a {
  color: #fff;
}

.top-box .top-text .Version a:hover {
  color: #333;
}

.top-box .top-nav {
  margin-top: 10px;
}

.top-box .nav-shell {
  width: 85%;
  float: left;
  color: #fff;
}

.top-box .nav-shell li {
  position: relative;
  font-size: 18px;
  float: left;
  width: 14.1%;
  text-align: center;
}

.top-box .nav-shell li a {
  /*color: #fff;*/
  display: inline-block;
  vertical-align: middle;
}

.top-box .tel-top {
  float: right;
  color: #fff;
}

.top-box .tel-top span {
  background: url("top_icon3.png")/*tpa=https://www.yxc.hk/cn/images/top_icon3.png*/ no-repeat left center;
  width: 155px;
  padding-left: 35px;
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
}





/* 导航下拉 */
.top-box .level-box {
  display: none;
  position: fixed;
  padding-top: 20px;
  width: 100%;
  left: 0;
  z-index: 3;
}

.top-box .level-box .flex {
  background: rgba(80, 80, 80, .7);
  width: 100%;
}

.top-box .level-one {
  padding: 50px 10%;
  width: 100%;
  text-align: right;
  /*background: rgba(22, 133, 218, .6);*/
  background: rgba(76, 76, 76, .5);
}

.top-box .level-one dd {
  margin-bottom: 30px;
}

.top-box .level-one dd:last-child {
  margin-bottom: 0;
}

.top-box .level-one dd span {
  display: inline-block;
  vertical-align: middle;
  border-left: solid 3px #fff;
  padding-right: 15px;
  transition: all .5s;
}

.top-box .level-one dd span a,
.top-box .level-one>dl>dd a {
  font-size: 18px;
  display: block;
  min-width: 120px;
  text-align: left;
  padding: 7px 25px;
  background: url("more_icon.png")/*tpa=https://www.yxc.hk/cn/images/more_icon.png*/ no-repeat center right;
  transition: all .5s;
}

.top-box .level-one dd .wap-sub {
  display: none;
}

.top-box .level-two {
  padding: 50px 40px;
  min-width: 330px;
  text-align: left;
  border-right: solid 1px #fff;
}

.top-box .level-two dl {
  display: none;
}

.top-box .level-two dl dd {
  margin-bottom: 10px;
}

.top-box .level-two dl dd a {
  display: block;
  padding: 7px 0;
}

.top-box .level-two dl dd.hover a,
.top-box .level-two dl dd a:hover {
  color: #1685da;
}

.top-box .level-two dl dd:last-child {
  margin-bottom: 0;
}

.top-box .level-three {
  padding: 50px;
  padding-right: 80px;
  width: 62%;
}

.top-box .level-three dl dd {
  float: left;
  width: 25%;
  margin: 20px 0;
}

.top-box .level-three dl dd a {
  display: block;
}

.top-box .level-three dl dd .tu-img {
  width: 100%;
  display: block;
  padding-bottom: 50%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.top-box .level-three dl dd .text-mc {
  padding: 10px 0;
  font-size: 14px;
}

.top-box .level-one dd:hover span,
.top-box .level-one dd.hover span {
  background-color: #fff;
}

.top-box .level-one dd:hover a,
.top-box .level-one dd.hover a {
  color: #1685da;
  background: url("more_icon2.png")/*tpa=https://www.yxc.hk/cn/images/more_icon2.png*/ no-repeat center right;
}

.top-box .level-ot {
  display: none;
}

.top-box .level-ot dl {
  display: none;
}

.top-box .content {
  height: 460px;
}

.top-box:hover,
.top-box.back {
  background-color:#cccccc;;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
}

.top-box.back .logo .moren-img,
.top-box:hover .logo .moren-img {
  opacity: 0;
}

.top-box.back .logo .hover-img,
.top-box:hover .logo .hover-img {
  opacity: 1;
}

.top-box.back .nav-shell li>a,
.top-box:hover .nav-shell li>a {
  color: #666666;
}

.top-box.back .top-text .top-search input::-webkit-input-placeholder,
.top-box:hover .top-text .top-search input::-webkit-input-placeholder {
  color: #333;
}

.top-box.back .top-text .top-search input:-ms-input-placeholder,
.top-box:hover .top-text .top-search input:-ms-input-placeholder {
  color: #333;
}

.top-box.back .top-text .top-search input::placeholder,
.top-box:hover .top-text .top-search input::placeholder {
  color: #333;
}

.top-box.back .top-text .Version,
.top-box:hover .top-text .Version {
  background: url("top_icon2.png")/*tpa=https://www.yxc.hk/cn/images/top_icon2.png*/ no-repeat left center
}

.top-box.back .top-text .Version,
.top-box.back .top-text .Version a,
.top-box:hover .top-text .Version a {
  color: #666;
}

.top-box.back .tel-top span,
.top-box:hover .tel-top span {
  color: #666;
  background: url("top_icon4.png")/*tpa=https://www.yxc.hk/cn/images/top_icon4.png*/ no-repeat left center;
}

.top-box .nav-shell li a:hover,
.top-box .nav-shell li.active>a,
.top-box .nav-shell li:hover>a {
  color: #1685da;
}

.top-box .level-shell {
  font-size: 15px;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding-top: 20px;
  text-align: center;
}

.top-box .level-shell dl {
  background: rgba(80, 80, 80, .7);
  /*background-color: rgba(22, 133, 218, .6);*/
    border-radius: 5px;
}

.top-box .level-shell dd {
  padding: 0 3px;
  border-bottom: solid 1px rgba(255, 255, 255, .3);
  font-size: 15px;
}

.top-box .level-shell dd a {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #ffffff;
}

.top-box .level-shell dd:last-child {
  border-bottom: none;
}

.top-box .level-shell dd:hover {
  background: rgba(255, 255, 255, .7);
}

.top-box .wap-Aniu {
  display: none;
  float: right;
}

.top-box .wap-Aniu .wap-search {
  border-radius: 5px;
  cursor: pointer;
  background: #1685da url("search_icon.png")/*tpa=https://www.yxc.hk/cn/images/search_icon.png*/ no-repeat center;
  height: 36px;
  width: 36px;
  float: left;
  margin: 0 10px;
}

.top-box .wap-Aniu .wap-menu {
  background: #1685da;
  padding: 0 5px;
  position: relative;
  height: 36px;
  width: 30px;
  float: right;
  border-radius: 5px;
}

.top-box .wap-Aniu .wap-menu i,
.top-box .wap-Aniu .wap-menu i:before,
.top-box .wap-Aniu .wap-menu i:after {
  position: absolute;
  content: '';
  background: #fff;
  left: 5px;
  width: 30px;
  height: 100%;
  content: '';
  transition: all .5s;
}

.top-box .wap-Aniu .wap-menu i {
  height: 2px;
  top: 50%;
  margin-top: -1.5px;
}

.top-box .wap-Aniu .wap-menu i::before {
  top: 8px;
  left: 0;
}

.top-box .wap-Aniu .wap-menu i::after {
  top: -8px;
  left: 0;
}

.top-box .wap-Aniu .wap-menu.open i::before {
  top: 0 !important;
  transform: rotate(45deg);
}

.top-box .wap-Aniu .wap-menu.open i::after {
  top: 0 !important;
  transform: rotate(-45deg);
}

.top-box .wap-Aniu .wap-menu.open i {
  background: none !important;
}




@media(max-width:1660px) {
  .top-box .level-three dl dd {
    float: left;
    width: 25%;
  }
}

@media(max-width:1440px) {
  .top-box .content {
    height: 350px;
  }
}

@media(max-width:1366px) {
  .top-box .level-three dl dd {
    width: 33.333%;
    margin: 20px 0;
  }

  .top-box .content {
    height: 360px;
  }

  .top-box .nav-shell {
    width: 80%;
  }
}

@media(max-width:1200px) {
  .top-box .level-three dl dd {
    width: 50%;
  }

  .top-box .content {
    height: 330px;
  }

  .products-list .itme .title {
    overflow: hidden;
    max-height: 25px;

  }
}

@media(max-width:1024px) {
  .wab_block {
    display: block;
  }

  .top-box .wap-Aniu {
    display: block;
  }

  .top-box .top-text .top-search {
    display: none;
  }

  .top-box .logo .pic {
    margin-top: 0;
  }

  .top-box .other-top {
    margin-top: 10px;
  }

  .top-box .top-text .top-search {
    position: absolute;
    right: 0;
    top: 100%;
  }

  .top-box .cover {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
  }

  .top-box .tel-top {
    width: 100%;
    text-align: left;
  }

  .top-box .tel-top span,
  .top-box .tel-top span {
    color: #666;
    background: url("top_icon4.png")/*tpa=https://www.yxc.hk/cn/images/top_icon4.png*/ no-repeat left center;
  }

  .top-box .top-nav {
    padding: 20px 0;
    margin-top: 0;
    display: block;
    position: fixed;
    right: -40%;
    top: 93px;
    height: 90vh;
    width: 40%;
    background: rgba(255, 255, 255, .8);
    transition: all .5s;
  }

  .top-box .top-nav.Rone {
    right: 0;
  }

  .top-box .nav-shell {
    width: 100%;
  }

  .top-box .nav-shell li {
    padding: 5px 0;
    width: 100%;
    text-align: left;
  }

  .top-box .nav-shell li a {
    display: block;
    color: #666;
  }

  .top-box .content {
    height: auto;
  }

  /* 下拉 */
  .top-box .level-box {
    padding: 0;
    position: relative;
  }

  .top-box .level-box .flex {
    display: block;
  }

  .top-box .level-one,
  .top-box .level-two,
  .top-box .level-three {
    width: auto;
    padding: 0;
  }

  .top-box .level-shell {
    position: relative;
    padding: 0;
  }

  .top-box .nav-shell {
    max-height: 75vh;
    overflow: auto;
  }

  .top-box .nav-shell li>a {
    margin: 0 20px;
  }

  .top-box .level-one dd a,
  .top-box .level-shell dd a {
    color: #fff;
  }

  .top-box .tel-top,
  .top-box .level-shell dd,
  .top-box .level-one .wap-sub {
    padding-left: 30px;
  }

  .top-box .level-one {
    padding-left: 2em;
  }

  .top-box .level-one dd {
    padding: 10px 0;
    margin: 0;
    text-align: left;
  }

  .top-box .level-one>dl>dd a,
  .top-box .level-one dd a {
    font-size: 15px;
    padding: 0 10px;
  }

  .top-box .level-one .wap-sub dd {
    padding: 0;
    font-size: 14px;
  }

  .top-box .level-one .wap-sub a {
    color: #1685da !important;
  }

  .top-box .level-shell dl {
    text-align: left;
  }
}

@media(max-width:640px) {
  .top-box .other-top {
    margin-top: 0;
  }

  .top-box .logo {
    width: 33.333%;
  }

  .top-box .top-text {
    width: auto;
    line-height: 30px;
  }

  .top-box.back .top-text .Version,
  .top-box:hover .top-text .Version,
  .top-box .top-text .Version {
    background: none;
    padding-left: 0;
  }

  .top-box .wap-Aniu .wap-search {
    width: 30px;
    height: 30px;
    margin: 0 5px;
  }

  .top-box .wap-Aniu .wap-menu {
    width: 20px;
    height: 30px;
  }

  .top-box .wap-Aniu .wap-menu i,
  .top-box .wap-Aniu .wap-menu i:before,
  .top-box .wap-Aniu .wap-menu i:after {
    width: 20px;
  }

  .top-box .top-nav.Rone {
    width: 60%;
  }

  .top-box .top-nav {
    top: 71px;
    height: 91vh;
  }
}






/* ban */
.ban_home .itme {
  position: relative;
}

.ban_home .itme span {
  display: block;
  padding-bottom: 48.8%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.ban_home .itme .wenz {
  position: absolute;
  top: 50%;
  margin-top: -110px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 72px;
  line-height: 72px;
  z-index: 5;
  transform: translateY(-50%);
}

.ban_home .itme video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  opacity: 1;
  object-fit: cover;
}

.ban_home .itme .icon_video {
  cursor: pointer;
  width: 105px;
  height: 105px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: url("video_icon.png")/*tpa=https://www.yxc.hk/cn/images/video_icon.png*/ no-repeat center;
  background-size: cover;
  z-index: 4;
  transform: translate(-50%, -50%);
}

.ban_home .itme.on span {
  opacity: 0;
}

.ban_home .itme.on .wenz,
.ban_home .itme.on .icon_video {
  display: none;
}

.ban_home .itme.on video {
  opacity: 1;
}

.ban_home .swiper-pagination-bullet {
  margin: 0 8px !important;
  width: 14px;
  height: 14px;
  background-color: #fff;
  transition: all .5s;
  border-radius: 20px;
}

.ban_home .swiper-pagination-bullet-active {
  width: 50px;
  background-color:#2d8ac3;
}

.ban_home.ban .itme span {
  display: block;
  padding-bottom: 28.564%;
}

.ban_home.ban .itme .wenz {
  margin-top: 0;
  letter-spacing: 10px;
  line-height: 45px;
  top: 55%;
}

.ban_home.ban .itme .wenz .tis {
  font-size: 36px;
}

.ban_home.ban .itme .wenz .miaos {
  font-size: 18px;
  opacity: .5;
}

@media (min-width:1025px) {
  .ban_home .wap {
    display: none;
  }
}

@media(max-width:1024px) {
  .ban_home .itme .wenz {
    font-size: 50px;
    line-height: 60px;
    margin-top: -80px;
  }

  .ban_home .itme .icon_video {
    width: 70px;
    height: 70px;
  }

  .ban_home.ban .itme span {
    display: none;
  }

  .ban_home .pc {
    display: none;
  }
}

@media(max-width:640px) {
  .ban_home .itme .wenz {
    font-size: 18px;
    line-height: 30px;
    margin-top: -15px;
  }

  .ban_home .itme .icon_video {
    width: 25px;
    height: 25px;
    margin-top: 20px;
  }

  .ban_home .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 5px !important;
  }

  .ban_home .swiper-pagination-bullet-active {
    width: 20px;
  }

  .ban_home.ban .itme .wenz {
    letter-spacing: 5px;
    line-height: 40px;
  }

  .ban_home.ban .itme .wenz .tis {
    font-size: 30px;
  }

  .ban_home.ban .itme .wenz .miaos {
    font-size: 16px;
  }

  .ban_home.ban .itme span {
    /* padding-bottom:45%;*/
    display: none;
  }

  .footer .copyright-box {
    display: none;
  }
}


/* 首页 */
.home-title {
  margin: 50px auto;
  text-align: center;
}

.home-title .title-text {
  font-weight: bold;
  color: #333333;
  font-size: 38px;
  z-index: 3;
  position: relative;
}

.home-title .en-text {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 58px;
  line-height: 0;
  color: #fff;
  -webkit-text-stroke: 1px rgba(51, 51, 51, .1);
  transform: translateY(0%);
}

.home-title .title-text::after {
  margin: 10px auto;
  display: block;
  content: '';
  width: 1.5em;
  height: 2px;
  background-color: #1685da;
}

.home-title .title-Intro {
  padding-top: 10px;
  color: #666666;
  font-size: 20px;
}

.home-con-one {
  padding-bottom: 50px;
  overflow: hidden;
}

.home-con-one .swiper-container {
  padding: 90px 10px;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow: visible;
}

.home-con-one .swiper-box .swiper-slide {
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.home-con-one .swiper-box .itme {
  transition: all .3s;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  margin-bottom: 17px;
}

.home-con-one .swiper-box .itme:hover {
  transform: scale(1.1);
}




.home-con-one .swiper-box .pic {
  overflow: hidden;
}

.home-con-one .swiper-box .pic span {
  display: block;
  padding-bottom: 65%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: all .3s;
}

.home-con-one .swiper-box .text {
  padding: 25px 0;
  padding-top: 15px;
  text-align: center;
}

.icon {
  transform: scale(1.1);
}

.home-con-one .swiper-box .itw {
  font-size: 15px;
  color: #1685da;
  position: relative;
}

.home-con-one .swiper-box .itw::after {
  content: '';
  display: block;
  margin: 5px auto 0;
  width: 1em;
  height: 2px;
  background-color: #1685da;
}

.home-con-one .swiper-box .wenz {
  padding: 10px 0;
  font-size: 13px;
  color: #333333;
}

.home-con-one .swiper-box .wenb {
  min-height: 60px;
  line-height: 20px;
  color: #666666;
  font-size: 12px;
}

.home-con-one .color3 {
  color: #1685da;
}

.home-con-one .swiper-box .swiper-slide {
  position: relative;
  text-align: center;
  font-size: 18px;
  background: #fff;
  transition: 300ms;
  transform: scale(1);
}

.home-con-one .swiper-box .swiper-slide .itme::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, .5);
}

.home-con-one .swiper-box .swiper-slide .itme::before {
  opacity: 0;
  background: url("more_icon.png")/*tpa=https://www.yxc.hk/cn/images/more_icon.png*/ no-repeat center #1685da;
  content: '';
  width: 35px;
  height: 35px;
  background-size: 6px;
  display: block;
  position: absolute;
  bottom: 2px;
  left: 50%;
  margin-left: -17px;
  border-radius: 50%;
  overflow: hidden;
  transition: all .5s;
  display: none;
}

.home-con-one .swiper-box .swiper-slide.swiper-slide-prev,
.home-con-one .swiper-box .swiper-slide.swiper-slide-next {
  z-index: 2;
  transform: scale(1.25);
}

.home-con-one .swiper-box .swiper-slide-active,
.home-con-one .swiper-box .swiper-slide-duplicate-active {
  z-index: 3;
  transform: scale(1.5);
}

.home-con-one .swiper-box .swiper-slide-active .itme::before,
.home-con-one .swiper-box .swiper-slide-duplicate-active .itme::before {
  opacity: 1;
}

.home-con-one .swiper-box .swiper-slide-active .itme::after,
.home-con-one .swiper-box .swiper-slide-duplicate-active .itme::after {
  opacity: 0;
}

.home-con-one .swiper-container .swiper-button-next {
  left: 50%;
  top: calc(100% - 30px);
  margin-left: -25px;
  width: 50px;
  height: 50px;
  background: url("more_icon.png")/*tpa=https://www.yxc.hk/cn/images/more_icon.png*/ no-repeat center #1685da;
  outline: none;
  border-radius: 50%;
}

@media(max-width:1024px) {
  .home-con-one .swiper-container {
    padding: 120px 0;
  }
}

@media(max-width:640px) {
  .home-title {
    margin: 30px 0;
  }

  .home-title .title-text {
    font-size: 24px;
  }

  .home-title .en-text {
    font-size: 30px;
  }

  .home-title .title-Intro {
    font-size: 16px;
    padding-top: 0;
  }

  .home-con-one {
    padding-bottom: 80px;
  }

  .home-con-one .swiper-container {
    padding: 40px 0;
  }

  .home-con-one .swiper-box .swiper-slide.swiper-slide-prev,
  .home-con-one .swiper-box .swiper-slide.swiper-slide-next {
    z-index: 2;
    transform: scale(1);
  }

  .home-con-one .swiper-box .swiper-slide-active,
  .home-con-one .swiper-box .swiper-slide-duplicate-active {
    z-index: 3;
    transform: scale(1.2);
  }

  .home-con-one .swiper-box .wenb {
    padding: 0 3%;
  }
}


.home-con-two {
  overflow: hidden;
}

.home-con-two .two-con-list .tab-l {
  float: left;
  text-align: left;
  width: 30%;
}

.home-con-two .two-con-list .tab-l .swiper-container {
  height: 350px;
  width: 100%;
  transform: translateX(-80px);
}

.home-con-two .two-con-list .tab-l .itme {
  cursor: pointer;
  text-align: left;
  width: 100%;
  padding-left: 80px;
  opacity: .2;
  height: 50px;
  line-height: 50px;
  color: #333333;
  font-size: 20px;
}

.home-con-two .two-con-list .tab-l .swiper-slide {
  position: relative;
  text-align: center;
  transition: 300ms;
}

.home-con-two .two-con-list .tab-l .swiper-slide.swiper-slide-prev .itme,
.home-con-two .two-con-list .tab-l .swiper-slide.swiper-slide-next .itme {
  opacity: .5;
  font-size: 24px;
}

.home-con-two .two-con-list .tab-l .swiper-slide-active .itme,
.home-con-two .two-con-list .tab-l .swiper-slide-duplicate-active .itme {
  color: #1685da;
  background: rgba(22, 133, 218, .1);
  opacity: 1;
  font-size: 28px;
}

.home-con-two .two-con-list .tab-l .itme::before {
  opacity: 0;
  display: block;
  content: '';
  width: 8px;
  height: 14px;
  background: url("more_icon2.png")/*tpa=https://www.yxc.hk/cn/images/more_icon2.png*/ no-repeat center;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 4px;
  z-index: 2;
}

.home-con-two .two-con-list .tab-l .itme::after {
  opacity: 0;
  content: '';
  width: 0;
  height: 0;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-right: 30px solid white;
  position: absolute;
  top: 0;
  right: 0;
}

.home-con-two .two-con-list .tab-l .itme span {
  position: relative;
  transition: all .5s;
}

.home-con-two .two-con-list .tab-l .itme span:hover {
  transform: scale(1.3);
  transform-origin: left center
}

.home-con-two .two-con-list .tab-l .itme span::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  background-color: #1685da;
  width: 15px;
  height: 2px;
  opacity: 0;
}

.home-con-two .two-con-list .tab-l .swiper-slide-active span {
  padding-left: 25px;
}

.home-con-two .two-con-list .tab-l .swiper-slide-active span::after,
.home-con-two .two-con-list .tab-l .swiper-slide-active .itme::before,
.home-con-two .two-con-list .tab-l .swiper-slide-active .itme::after,
.home-con-two .two-con-list .tab-l .swiper-slide-duplicate-active .itme::before,
.home-con-two .two-con-list .tab-l .swiper-slide-duplicate-active .itme::after {
  opacity: 1;
}

.home-con-two .two-con-list .tab-r {
  width: 70%;
  float: left;
}

.home-con-two .two-con-list .tab-r .swiper-container {
  width: 100%;
}

.home-con-two .two-con-list .tab-r .swiper-slide {
  background-color: #fff;
}

.home-con-two .two-con-list .tab-r .swiper-slide .item_a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.home-con-two .swiper-container-v .title {
  line-height: 35px;
  color: #1685da;
  overflow: hidden;
}

.home-con-two .swiper-container-v .title span {
  font-size: 30px;
}

.home-con-two .swiper-container-v .title em {
  padding-left: 10px;
  line-height: 25px;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-size: 18px;
}

.home-con-two .swiper-container-v .Intro {
  padding-right: 60px;
  margin-bottom: 30px;
  font-size: 14px;
  color: #999999;
}

.home-con-two .swiper-container-v .pic {
  position: relative;
  background-color: #f8f8f8;
}

.home-con-two .swiper-container-v .pic .text-ou {
  opacity: 0;
  color: #fff;
  line-height: 30px;
  padding: 20px 40px;
  display: table;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: linear-gradient(rgba(69, 157, 255, .5), rgba(0, 142, 250, 1));
  transition: all .5s;
}

.home-con-two .swiper-container-v .pic .text-ou h4 {
  font-size: 22px;
  font-weight: 500;
}

.home-con-two .swiper-container-v .pic .text-ou .des {
  margin: 10px 0;
}

.home-con-two .swiper-container-v .pic .text-ou .but {
  margin-top: 10px;
  font-size: 14px;
  background: rgba(255, 255, 255, .3);
  padding: 5px 15px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
}

.home-con-two .swiper-container-v .pic .text-ou .but i {
  padding-left: 10px;
  font-style: normal;
  font-family: '黑体';
}

.home-con-two .swiper-container-v .pic span {
  display: block;
  padding-bottom: 90%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.home-con-two .swiper-container-v .pic .pdf {
  position: absolute;
  right: 0;
  top: -30px;
  content: '';
  display: block;
  width: 60px;
  height: 60px;
  background: url("pdf.png")/*tpa=https://www.yxc.hk/cn/images/pdf.png*/ no-repeat center;
  background-size: contain;
  z-index: 5;
}

.home-con-two .swiper-container-v .itme:hover .pic .text-ou {
  opacity: 1;
}

@media(max-width:1440px) {
  .home-con-two .two-con-list .tab-l .swiper-container {
    transform: translateX(-7%);
    -webkit-transform: translateX(-7%);
    -moz-transform: translateX(-7%);
    -ms-transform: translateX(-7%);
    -o-transform: translateX(-7%);
  }

  .home-con-two .two-con-list .tab-l .itme {
    padding-left: 7%;
  }
}

@media(max-width:1024px) {
  .home-con-two .two-con-list .tab-l .itme {
    font-size: 14px;
  }

  .home-con-two .two-con-list .tab-l .itme span {
    width: calc(100% - 30px);
  }

  .home-con-two .two-con-list .tab-l .swiper-slide.swiper-slide-prev .itme,
  .home-con-two .two-con-list .tab-l .swiper-slide.swiper-slide-next .itme {
    font-size: 16px;
  }

  .home-con-two .two-con-list .tab-l .swiper-slide-active .itme,
  .home-con-two .two-con-list .tab-l .swiper-slide-duplicate-active .itme {
    font-size: 18px;
  }
}

@media(max-width:640px) {
  .tab-l .swiper-slide-active {
    margin-right: 25px;
  }

  .home-con-two .two-con-list .tab-l .itme span:hover {
    transform: scale(1.2);

  }

  .home-con-two .two-con-list .tab-l {
    width: 100%;
  }

  .home-con-two .two-con-list .tab-l .swiper-container {
    transform: translateX(0);
    height: auto;
  }

  .home-con-two .two-con-list .tab-l .swiper-slide-active .itme::before,
  .home-con-two .two-con-list .tab-l .swiper-slide-active .itme::after,
  .home-con-two .two-con-list .tab-l .swiper-slide-duplicate-active .itme::before,
  .home-con-two .two-con-list .tab-l .swiper-slide-duplicate-active .itme::after {
    opacity: 0;
    display: none;
  }

  .home-con-two .two-con-list .tab-l .itme {
    padding-left: 0;
  }

  .home-con-two .two-con-list .tab-l .itme::before,
  .home-con-two .two-con-list .tab-l .itme::after {
    display: none;
  }

  .home-con-two .two-con-list .tab-l .itme span {
    width: 75%;
    width: calc(100% - 0);
    text-align: center;
    font-size: 16px;
  }

  .home-con-two .two-con-list .tab-r {
    margin: 20px 0;
    width: 100%;
  }

  .home-con-two .two-con-list .tab-r .swiper-wrapper {
    height: auto !important;
  }

  .home-con-two .swiper-container-v .pic .pdf {
    width: 25px;
    height: 25px;
    top: -12.5px;
  }

  .home-con-two .swiper-container-v .Intro {
    padding-right: 0;
    margin-bottom: 20px;
  }

  .home-con-two .swiper-container-v .title span {
    font-size: 18px;
  }

  .home-con-two .swiper-container-v .title em {
    font-size: 12px;
  }

  .home-con-two .two-con-list .tab-l .swiper-slide-active .itme {
    background: none;
    font-size: 16px;
    color: #333333;
    opacity: .5;
  }

  .home-con-two .two-con-list .tab-l .swiper-slide-thumb-active .itme {
    color: #1685da;
    background: rgba(22, 133, 218, .1);
    opacity: 1 !important;
  }

  .home-con-two .swiper-container-v .pic .text-ou h4 {
    font-size: 16px;
  }

  .home-con-two .swiper-container-v .pic .text-ou .des {
    font-size: 14px;
  }

  .home-con-two .swiper-container-v .pic .text-ou .but {
    padding: 0 10px;
  }
}

.home-con-three .box-lcon {
  padding: 90px;
  width: 50%;
  background: url("home_back1.jpg")/*tpa=https://www.yxc.hk/cn/images/home_back1.jpg*/ no-repeat center;
  background-size: cover;
}

.home-con-three .box-rcon {
  padding: 90px;
  width: 50%;
  background: url("home_back2.jpg")/*tpa=https://www.yxc.hk/cn/images/home_back2.jpg*/ no-repeat center;
  background-size: cover;
}

.home-con-three .home-title {
  margin-top: 0;
}

.home-con-three .home-title .title-text::after {
  display: none;
}

.home-con-three .home-title .title-Intro {
  font-size: 16px;
  line-height: 30px;
}

.home-con-three .box-rcon .home-title .title-text {
  color: #fff;
}

.home-con-three .box-rcon .home-title .title-Intro {
  font-size: 16px;
  color: #fff;
}

.home-con-three .search-shell {
  position: relative;
  padding: 0 20px;
  line-height: 50px;
  border: solid 1px #1685da;
  border-radius: 8px;
  overflow: hidden;
}

.home-con-three .search-shell input {
  font-size: 16px;
  width: 100%;
  line-height: 50px;
  height: 50px;
  padding-right: 100px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.home-con-three .search-shell .but_a {
  cursor: pointer;
  font-size: 20px;
  position: absolute;
  right: 0;
  height: 100%;
  width: 110px;
  text-align: right;
  color: #fff;
  padding: 0 20px;
  background: #1685da url("search_icon2.png")/*tpa=https://www.yxc.hk/cn/images/search_icon2.png*/ no-repeat 20px center;
  border-radius: 8px 0 0 8px;
  margin-top: 0;
}

.home-con-three .search-shell input::-webkit-input-placeholder {
  color: #999999;
}

.home-con-three .search-shell input:-ms-input-placeholder {
  color: #999999;
}

.home-con-three .search-shell input::placeholder {
  color: #999999;
}

.home-con-three {
  margin-top: 40px;
}

.home-con-three .form-box {
  color: #fff;
  overflow: hidden;
}

.home-con-three .form-box .input-r,
.home-con-three .form-box .input-l {
  width: 50%;
  float: left;
  padding: 10px;
}

.home-con-three .form-box input,
.home-con-three .form-box textarea {
  color: #fff;
  font-size: 16px;
  font-style: normal;
}

.home-con-three .form-box input::-webkit-input-placeholder,
.home-con-three .form-box textarea::-webkit-input-placeholder {
  color: #fff;
}

.home-con-three .form-box input:-ms-input-placeholder,
.home-con-three .form-box textarea:-ms-input-placeholder {
  color: #fff;
}

.home-con-three .form-box input::placeholder,
.home-con-three .form-box textarea::placeholder {
  color: #fff;
}

.home-con-three .form-box .textarea,
.home-con-three .form-box .input-su {
  margin-bottom: 17px;
  line-height: 50px;
  border: solid 1px rgba(255, 255, 255, .5);
  border-radius: 6px;
  overflow: hidden;
}

.home-con-three .form-box .input-su input {
  width: 100%;
  line-height: 50px;
  height: 50px;
  padding: 0 20px;
}

.home-con-three .form-box .input-su:last-child {
  margin-bottom: 0;
}

.home-con-three .form-box i {
  position: absolute;
  left: 20px;
  top: 0;
  height: 50px;
  line-height: 50px;
  width: 10px;
  font-style: normal;
}

.home-con-three .form-box .textarea {
  line-height: 30px;
  margin-bottom: 17px;
  padding: 12px 20px;
  border-radius: 6px;
}

.home-con-three .form-box .textarea textarea {
  font-family: '微软雅黑';
  height: 164px;
  display: block;
  width: 100%;
}

.home-con-three .form-box .Aniu {
  background-color: #fff;
  line-height: 50px;
  text-align: center;
  border-radius: 6px;
}

.home-con-three .form-box .Aniu input {
  width: 100%;
  cursor: pointer;
  font-size: 16px;
  color: #036eb8;
  line-height: 50px;
  height: 50px;
}

@media(max-width:1440px) {

  .home-con-three .box-rcon,
  .home-con-three .box-lcon {
    padding: 60px 4%;
  }
}

@media(max-width:640px) {
  .home-con-three {
    margin-top: 0;
    display: block;
  }

  .home-con-three .box-rcon {
    background-color: #1685da;
    width: 100%;
  }

  .home-con-three .box-lcon {
    width: 100%;
  }

  .home-con-three .form-box .input-r,
  .home-con-three .form-box .input-l {
    width: 100%;
  }

  .home-con-three .form-box .textarea textarea {
    height: 120px;
  }

  .home-con-three .search-shell input {
    font-size: 14px;
    padding-right: 80px;
  }

  .home-con-three .search-shell .but_a {
    font-size: 16px;
    width: 85px;
    padding: 0 10px;
    background-position: 15px center;
  }
}

.home-con-four {
  margin-top: 115px;
  background: url("home_back3.png")/*tpa=https://www.yxc.hk/cn/images/home_back3.png*/ no-repeat center bottom;
  padding-bottom: 30px;
}

.home-con-four .list-four li {
  border-right: solid 1px #e5e5e5;
  padding: 115px 0;
  text-align: center;
  width: 16.5%;
  float: left;
  position: relative;
  transition: all .5s;
}

.home-con-four .list-four li .bgt {
  content: '';
  display: block;
  position: absolute;
  left: -100%;
  top: 0;
  width: 300%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  background-size: 100% 100%;
  transition: all .5s;
}

.home-con-four .list-four li .icon {
  position: relative;
}

.home-con-four .list-four li .icon span {
  display: block;
  padding-bottom: 100px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: all .5s;
}

.home-con-four .list-four li .icon span.hide {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: none;
}

.home-con-four .list-four li .wenz {
  margin: 50px 0;
  font-size: 28px;
  color: #333333;
}

.home-con-four .list-four li .icon_a span {
  position: relative;
  background-color: #1685da;
  font-size: 26px;
  width: 50px;
  height: 50px;
  line-height: 45px;
  text-align: center;
  display: inline-block;
  color: #fff;
  vertical-align: middle;
  border-radius: 50%;
  transition: all .5s;
}

.home-con-four .list-four li .icon_a em {
  line-height: 50px;
  text-align: center;
  display: block;
  position: absolute;
  width: 120px;
  left: 0;
  font-style: normal;
  opacity: 0;
}

.home-con-four .list-four li .icon_a i {
  position: absolute;
  right: 15px;
  top: 15px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  background-color: #1685da;
  color: #fff;
  width: 20px;
  height: 20px;
  font-style: normal;
  font-size: 18px;
  line-height: 20px;
  border-radius: 50%;
}

.home-con-four .list-four li:hover .wenz {
  color: #fff;
}

.home-con-four .list-four li:hover .icon span.show {
  opacity: 0;
}

.home-con-four .list-four li:hover .bgt,
.home-con-four .list-four li:hover .icon span.hide {
  opacity: 1;
}

.home-con-four .list-four li:hover .icon_a span {
  width: 100px;
  padding-left: 45px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

.home-con-four .list-four li:hover .icon_a i {
  background-color: #fff;
  color: #1685da;
}

.home-con-four .list-four li:hover .icon_a em {
  font-size: 16px;
  opacity: 1;
}

.home-con-four .list-four li:hover {
  background-color: rgba(69, 157, 255, .7);
}

@media(max-width:768px) {
  .home-con-four .list-four li {
    padding: 50px 0;
  }

  .home-con-four .list-four li .wenz {
    margin: 20px 0;
    font-size: 22px;
  }

  .home-con-four .list-four li .icon span {
    padding-bottom: 65px;
  }

  .home-con-four .list-four li .icon span.hide {
    display: block;
  }
}

@media(max-width:640px) {
  .home-con-four {
    margin-top: 60px;
    padding-bottom: 80px;
  }

  .home-con-four .list-four li {
    width: 49%;
    padding: 30px 0;
    border-bottom: solid 1px #e5e5e5;
  }

  .home-con-four .list-four li .wenz {
    margin: 15px 0;
    font-size: 18px;
  }

  .home-con-four .list-four li .icon span {
    padding-bottom: 65px;
  }

  .home-con-four .list-four li .icon_a span {
    width: 90px;
    padding-left: 35px;
    height: 40px;
    line-height: 35px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
  }

  .home-con-four .list-four li .icon_a i {
    top: 10px;
    background-color: #fff;
    color: #1685da;
  }

  .home-con-four .list-four li .icon_a em {
    line-height: 40px;
    width: 80px;
    font-size: 14px;
    opacity: 1;
  }

  .home-con-four .list-four li .bgt {

    width: 100%;
    left: 0%;
    background-size: cover;
    background-position: center;

  }
}



/* 按钮 */
.but_more a {
  text-align: center;
  background-color: #1685da;
  display: inline-block;
  vertical-align: middle;
  line-height: 50px;
  width: 180px;
  color: #fff;
  border-radius: 8px;
}

.but_more a span {
  background: url("more_icon.png")/*tpa=https://www.yxc.hk/cn/images/more_icon.png*/ no-repeat center right;
  padding-right: 20px;
}

.home-con-fives {
  background: url("home_back4.png")/*tpa=https://www.yxc.hk/cn/images/home_back4.png*/ no-repeat center top;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 50px;
  padding-bottom: 80px;
  margin-bottom: -80px;
  transform: translateY(-80px);
}

.home-con-fives .home-title {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}

.home-con-fives .but_more {
  text-align: center;
}

.home-con-fives .home-title .title-text {
  color: #1685da;
}

.home-con-fives .fives-con {
  position: relative;
  height: 900px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.home-con-fives .itme {
  cursor: pointer;
  width: 120px;
  height: 120px;
  line-height: 120px;
  text-align: center;
  position: absolute;
  transition: all .5s;
  z-index: 3;
}

.home-con-fives .itme::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: -1;
  transform: rotate(45deg);
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

.home-con-fives .itme span {
  display: inline-block;
  text-align:center;
  vertical-align: middle;
  z-index: 3;
  width: 100%;
  line-height: 50px;
  height: 50px;
  overflow: hidden;
}

.home-con-fives .itme:nth-child(1) {
  left: 5%;
  top: 14%;
}

.home-con-fives .itme:nth-child(2) {
  left: 21%;
  top: 14%;
}

.home-con-fives .itme:nth-child(3) {
  left: 11.5%;
  top: 28.5%;
  width: 160px;
  height: 160px;
  line-height: 160px;
}

.home-con-fives .itme:nth-child(3) span {
  height: 70px;
  line-height: 70px;
}

.home-con-fives .itme:nth-child(4) {
  left: 29%;
  top: 26.4%;
  width: 140px;
  height: 140px;
  line-height: 140px;
}

.home-con-fives .itme:nth-child(4) span {
  height: 60px;
  line-height: 60px;
}

.home-con-fives .itme:nth-child(5) {
  left: 0;
  top: 42%;
  width: 140px;
  height: 140px;
  line-height: 140px;
}

.home-con-fives .itme:nth-child(5) span {
  height: 60px;
  line-height: 60px;
}

.home-con-fives .itme:nth-child(6) {
  left: 23%;
  top: 43%;
}

.home-con-fives .itme:nth-child(7) {
  left: 9%;
  top: 56%;
  width: 160px;
  height: 160px;
  line-height: 160px;
}

.home-con-fives .itme:nth-child(7) span {
  height: 70px;
  line-height: 70px;
}

.home-con-fives .itme:nth-child(8) {
  left: 32%;
  top: 52%;
}

.home-con-fives .itme:nth-child(9) {
  left: 2%;
  bottom: 14%;
}

.home-con-fives .itme:nth-child(10) {
  left: 23%;
  top: 64%;
  width: 140px;
  height: 140px;
  line-height: 140px;
}

.home-con-fives .itme:nth-child(10) span {
  height: 60px;
  line-height: 60px;
}

.home-con-fives .itme:nth-child(11) {
  left: 14.5%;
  bottom: 8%;
}


.home-con-fives .itme:nth-child(12) {
  left: 47.2%;
  top: 25%;
}

.home-con-fives .itme:nth-child(13) {
  left: 44.5%;
  top: 70%;
  width: 160px;
  height: 160px;
  line-height: 160px;
}

.home-con-fives .itme:nth-child(13) span {
  height: 70px;
  line-height: 70px;
}

.home-con-fives .itme:nth-child(14) {
  right: 5%;
  top: 14%;
}

.home-con-fives .itme:nth-child(15) {
  right: 21%;
  top: 14%;
}

.home-con-fives .itme:nth-child(16) {
  right: 11.5%;
  top: 28.5%;
  width: 160px;
  height: 160px;
  line-height: 160px;
}

.home-con-fives .itme:nth-child(16) span {
  height: 70px;
  line-height: 70px;
}

.home-con-fives .itme:nth-child(17) {
  right: 29%;
  top: 26.4%;
  width: 140px;
  height: 140px;
  line-height: 140px;
}

.home-con-fives .itme:nth-child(17) span {
  height: 60px;
  line-height: 60px;
}

.home-con-fives .itme:nth-child(18) {
  right: 0;
  top: 42%;
  width: 140px;
  height: 140px;
  line-height: 140px;
}

.home-con-fives .itme:nth-child(18) span {
  height: 60px;
  line-height: 60px;
}

.home-con-fives .itme:nth-child(19) {
  right: 23%;
  top: 43%;
}

.home-con-fives .itme:nth-child(20) {
  right: 9%;
  top: 56%;
  width: 160px;
  height: 160px;
  line-height: 160px;
}

.home-con-fives .itme:nth-child(20) span {
  height: 70px;
  line-height: 70px;
}

.home-con-fives .itme:nth-child(21) {
  right: 32%;
  top: 52%;
}

.home-con-fives .itme:nth-child(22) {
  right: 2%;
  bottom: 14%;
}

.home-con-fives .itme:nth-child(23) {
  right: 23%;
  top: 64%;
  width: 140px;
  height: 140px;
  line-height: 140px;
}

.home-con-fives .itme:nth-child(23) span {
  height: 60px;
  line-height: 60px;
}

.home-con-fives .itme:nth-child(24) {
  right: 14.5%;
  bottom: 8%;
}

.home-con-fives .itme:hover {
  transform: scale(1.1);
}

.home-con-fives .itme:hover::after {}

@media(max-width:1024px) {
  .home-con-fives .fives-con {
    height: 800px;
  }

  .home-con-fives .itme {
    transform: scale(.7);
  }

  .home-con-fives .itme:hover {
    transform: scale(.8);
  }
}

@media(max-width:768px) {
  .home-con-fives .fives-con {
    height: 600px;
  }

  .home-con-fives .itme {
    transform: scale(.6);
  }

  .home-con-fives .itme:hover {
    transform: scale(.7);
  }
}

@media(max-width:640px) {
  .home-con-fives {
    padding-bottom: 50px;
    background-position: top center;
  }

  .home-con-fives .but_more {
    padding-top: 30px;
  }

  .home-con-fives .home-title {
    margin-top: 30px;
    position: relative;
    left: 0;
    transform: translate(0);
    width: 100%;
  }

  .home-con-fives .fives-con {
    height: auto;
    margin-top: 30px;
  }

  .home-con-fives .itme {
    margin-bottom: 2%;
    width: 49% !important;
    height: 70px !important;
    line-height: 70px !important;
    background-color: #fff;
    position: relative;
    left: 0 !important;
    top: 0 !important;
    float: left;
    transform: scale(1);
  }

  .home-con-fives .itme:nth-child(2n) {
    float: right;
  }

  .home-con-fives .itme img {
    max-width: 100% !important;
    max-height: 50px !important;
  }

  .home-con-fives .itme::after {
    display: none;
  }
}

.home-con-about {
  height: 710px;
  margin-top: 50px;
  padding: 50px 0;
  background-size: cover;
  background-position: top center;
}

.home-con-about .home-title {
  margin-top: 0;
}

.home-con-about .Habout-text-con {
  position: relative;
}

.home-con-about .Habout-text-con .tim {
  font-size: 20px;
  color: #1685da;
}

.home-con-about .Habout-text-con .Intro {
  max-width: 490px;
  margin: 20px 0;
  color: #666666;
  font-size: 14px;
}

.home-con-about .Habout-text-con .addr-line {
  position: absolute;
  right: -5%;
  top: 55%;
  border: solid 1px #d4ecff;
  padding: 10px;
  border-radius: 8px;
}

.home-con-about .Habout-text-con .addr-text {
  font-size: 18px;
  max-width: 320px;
  padding: 10px;
  color: #fff;
  background: linear-gradient(rgb(131, 201, 255), rgb(22, 133, 218));
  border-radius: 8px;
}

.home-con-about .Habout-text-con .addr-line::after {
  position: absolute;
  left: -101px;
  top: 45%;
  width: 101px;
  height: 132px;
  content: '';
  display: inline-block;
  background: url("punctuate_line.png")/*tpa=https://www.yxc.hk/cn/images/punctuate_line.png*/ no-repeat center;
}

@-webkit-keyframes toua {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes toua {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.toua {
  -webkit-animation-name: toua;
  animation-name: toua;
}

@media(max-width:1440px) {
  .home-con-about .Habout-text-con .addr-line {
    right: 0;
    padding: 8px;
  }

  .home-con-about .Habout-text-con .addr-text {
    font-size: 16px;
    max-width: 240px;
  }
}

@media(max-width:1280px) {
  .home-con-about .Habout-text-con .addr-line {
    right: 33%;
  }

  .home-con-about .Habout-text-con .addr-line::after {
    left: auto;
    right: -101px;
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
  }
}

@media(max-width:1024px) {
  .home-con-about .Habout-text-con .addr-line {
    right: 27%;
    transform: translateX(0);
  }
}

@media(max-width:768px) {
  .home-con-about {
    max-height: 80vh;
    margin-top: 0;
    background: no-repeat center bottom;
    background-size: 100% auto;
  }

  .home-con-about .Habout-text-con .addr-line {
    position: relative;
    float: left;
    right: 0;
    transform: translateX(0);
    overflow: hidden;
  }

  .home-con-about .Habout-text-con .addr-line::after {
    display: none;
  }

  .home-con-about .Habout-text-con .but_more {
    overflow: hidden;
    float: left;
    width: 100%;
    margin-top: 30px;
  }


}


.home-con-news {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f8f9fb;
}

.home-con-news .Hnews-Tab {
  margin-bottom: 60px;
  text-align: center;
}

.home-con-news .Hnews-Tab a {
  cursor: pointer;
  display: inline-block;
  line-height: 50px;
  padding: 0 30px;
  color: #666666;
  font-size: 18px;
  border-radius: 6px;
  transition: all .5s;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

.home-con-news .Hnews-Tab a:hover,
.home-con-news .Hnews-Tab a.active {
  color: #fff;
  background-color: #1685da;
}

.Hnews-list .top_hnews {
  width: 50.5%;
  float: left;
}

.Hnews-list .top_hnews .pic {
  overflow: hidden;
}

.Hnews-list .top_hnews .pic span {
  display: block;
  padding-bottom: 48%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: all .5s;
}

.Hnews-list .top_hnews .text {
  padding: 40px;
}

.Hnews-list .top_hnews .Tim {
  font-size: 20px;
  color: #333333;
}

.Hnews-list .top_hnews .time {
  padding: 15px 0;
  color: #999999;
  font-size: 14px;
}

.Hnews-list .top_hnews .Intro {
  margin-bottom: 15px;
  font-size: 15px;
  color: #999999;
  line-height: 25px;
}

.Hnews-list .top_hnews .but a {
  font-size: 14px;
  color: #036eb8;
}

.Hnews-list .top_hnews .but a em {
  margin-left: 10px;
  font-style: normal;
  font-family: '宋体';
}

.Hnews-list .top_hnews:hover .pic span {
  transform: scale(1.25);
}

.Hnews-list .box {
  display: none;
}

.Hnews-list .ul {
  width: 46%;
  float: right;
}

.Hnews-list .ul li {
  margin-bottom: 20px;
  padding: 40px;
  background: #fff;
  border-radius: 6px;
}

.Hnews-list .ul li a {
  color: #999999;
}

.Hnews-list .ul li .time {
  color: #1685da;
  padding-right: 40px;
  min-width: 80px;
  text-align: center;
}

.Hnews-list .ul li .time span {
  padding-bottom: 5px;
  display: inline-block;
  vertical-align: middle;
  border-bottom: solid 1px #f5f5f5;
  margin-bottom: 10px;
  line-height: 60px;
  font-size: 60px;
}

.Hnews-list .ul li .time b {
  display: block;
  font-size: 18px;
}

.Hnews-list .ul li .text .til {
  color: #333;
  font-size: 20px;
}

.Hnews-list .ul li .text .Intro {
  margin: 10px 0;
  font-size: 14px;
}

.Hnews-list .ul li .but span {
  font-size: 14px;
  color: #1685da;
}

.Hnews-list .ul li .but span em {
  margin-left: 10px;
  font-style: normal;
  font-family: '宋体';
}

.Hnews-list .ul li:hover {
  background: linear-gradient(#83c9ff, #1685da);
}

.Hnews-list .ul li:hover a,
.Hnews-list .ul li:hover .but span,
.Hnews-list .ul li:hover .time,
.Hnews-list .ul li:hover .text .til,
.Hnews-list .ul li:hover .time span {
  color: #fff;
}

@media(max-width:768px) {
  .Hnews-list .top_hnews {
    width: 100%;
  }

  .Hnews-list .top_hnews .text {
    padding: 20px;
  }

  .Hnews-list .ul li {
    padding: 20px;
  }

  .Hnews-list .ul li .time {
    padding-right: 20px;
  }

  .Hnews-list .ul {
    width: 100%;
  }

  .Hnews-list .ul li .text {
    width: 70%;
  }

  .Hnews-list .ul li .time span {
    line-height: 50px;
    font-size: 50px;
  }

  .Hnews-list .ul li .text .til {
    font-size: 18px;
  }
}

@media(max-width:640px) {
  .Hnews-list .top_hnews .time {
    padding: 10px 0;
  }

  .home-con-news .Hnews-Tab {
    font-size: 0;
    margin-bottom: 30px;
  }

  .home-con-news .Hnews-Tab a {
    padding: 0;
    width: 33.333%;
    font-size: 16px;
    line-height: 40px;
  }

  .home-con-news .Hnews-Tab a:hover {
    background: #fff;
    color: #333;
  }

  .home-con-news .Hnews-Tab a.active {
    color: #fff;
    background-color: #1685da;
  }
}


/* 底部 */
.footer {
  padding-top: 40px;
  background: url("footer_back.jpg")/*tpa=https://www.yxc.hk/cn/images/footer_back.jpg*/ no-repeat center;
  background-size: cover;
}

.footer .footer_nav {
  width: 70%;
  /*width: 100%;*/
  float: left;
}

    .footer dl {
        /*width: 25%;*/
        width: 20%;
        /*width: 15%;*/
        float: left;
    }

.footer dl dt {
  font-size: 20px;
  /*color: #333333;*/
  color: #ffffff;
  margin-bottom: 20px;
}

.footer dl dd {
  line-height: 34px;
  font-size:16px;
}

.footer dl dd a {
  color: #888888;
}

.footer .footer_qr {
  width: 30%;
  float: right;
}

.footer .footer_qr .img-box {
  max-width: 48%;
  float: left;
  text-align: center;
  color: #888888;
  margin-right: 2%;
}

.footer .footer_qr .img-box:last-child {
  margin-right: 0;
}

.footer .footer_qr .img-box span {
  margin-top: 5px;
  display: block;
}

.footer .footer_two {
  margin-top: 30px;
  padding: 30px 0;
  border-top: solid 1px #999999;
}

.footer .copyright-box {
  padding: 5px 0;
  /*float: left;*/
  color: #999999;
}

.footer .copyright-box a {
  color: #999999;
}

.footer .copyright-box .line {
  display: none;
}

.footer .other {
  line-height: 41px;
  color: #999999;
  float: right;
}

.footer .other a {
  color: #999999;
}

.footer .other em {
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 13px;
  background-color: #999;
  font-style: normal;
  font-size: 0;
  font-family: '宋体';
  margin: 0 10px;
}

.footer a:hover,
.footer .other a:hover {
  color: #1685da;
}

.footer .footer_two.show-il .copyright-box {
  line-height: 25px;
  font-size:16px;
  
}

.footer .footer_two.show-il .line {
  display: block;
}

.footer .footer_two.show-il .other {
  line-height: 62px;
}

@media(max-width:640px) {



  .footer {
    padding-top: 20px;
  }

  .footer .footer_two {
    margin: 20px 0;
    padding: 15px 0;
  }

  .footer .footer_nav {
    display: none;
  }

  .footer .other {
    width: 100%;
    text-align: center;
    line-height: 35px;
  }

  .footer .footer_qr {
    width: 100%;
    text-align: center;
  }

  .footer .footer_qr .img-box {
    float: initial;
    display: inline-block;
    vertical-align: middle;
  }
}

/* 首页底部悬浮 */
.suspension-shell {
  position: fixed;
  padding: 0 80px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 60px;
  z-index: 80;
  background: rgba(0, 0, 0, 0.8);
  display: none;
}

.suspension-shell * {
  transition: 0.3s
}

.suspension-shell .cha {
  position: absolute;
  text-align: center;
  line-height: 60px;
  cursor: pointer;
  right: 0;
  top: 0;
  height: 60px;
  width: 60px;
  background: #000;
}

.suspension-shell .left {
  width: calc(100% - 120px);
}

.suspension-shell .left img {
  height: 60px;
}

.suspension-shell .TonCon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

/* .suspension-shell .left span { font-size: 18px; color: #fff; font-weight: 400; vertical-align: middle }
.suspension-shell .left span a{ color: #1685da; font-weight: 400; cursor: pointer; } */
.suspension-shell .left .text {
  padding: 7px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  line-height: 45px;
}

.suspension-shell .left .text a {
  color: #1685da;
}

.suspension-shell .right,
.suspension-shell .right form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.suspension-shell .right .obtain {
  font-size: 0;
  padding-top: 7px;
}

.suspension-shell .right input {
  background-color: #fff;
  border: 0;
  height: 45px;
  line-height: 45px;
  padding: 0 6px;
  font-size: 14px
}

.suspension-shell .right .but {
  width: 138px;
  cursor: pointer;
  vertical-align: top;
  background: #1685da;
  color: #fff;
  height: 45px;
  font-size: 16px;
  line-height: 45px;
  text-align: center;
  display: inline-block;
}

.suspension-shell .right p {
  color: #fff;
  font-size: 14px;
  line-height: 60px
}

.suspension-shell .right p a {
  color: #9a9a9a
}

@media screen and (max-width:1440px) {
  .suspension-shell .right p {
    font-size: 14px
  }

  .suspension-shell .right .but {
    width: 120px;
  }
}

@media screen and (max-width:1366px) {
  .suspension-shell {
    padding: 0 60px 0 0;
    height: 60px;
  }

  .suspension-shell .left img {
    height: 60px;
  }

  .suspension-shell .right p {
    line-height: 60px
  }

  .suspension-shell .right .obtain {
    padding-top: 12px;
    margin-right: 16px;
  }

  .suspension-shell .right .but,
  .suspension-shell .right input {
    line-height: 36px;
    height: 36px;
  }

  .suspension-shell .right .but {
    width: 95px
  }

  .suspension-shell .cha {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}

@media screen and (max-width:1024px) {
  .suspension-shell {
    display: none !important
  }
}


/* 悬浮 */
.Suspension {
  position: fixed;
  bottom: 0;
  right: 2px;
  z-index: -1;
  opacity: 0;
}

.Suspension a {
  margin-top: 10px;
  background-color: #1685da;
  width: 40px;
  height: 40px;
  color: #fff;
  display: block;
  vertical-align: middle;
  padding: 5px;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  border-radius: 8px;
}

.Suspension a.updown {
  cursor: pointer;
  background-image: url("up.png")/*tpa=https://www.yxc.hk/cn/images/up.png*/;
  background-position: center;
  background-repeat: no-repeat;
}

.Suspension.shwo {
  opacity: 1;
  z-index: 3;
}

@media(max-width:640px) {
  .Suspension a {
    margin-top: 10px;
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 15px;
  }

  .Suspension a.updown {
    background-size: 20px;
  }

}

/* 侧边菜单 */
.mar70 {
  margin-top: 16px;
  margin-bottom: 20px;
}

.left-caid {
  float: left;
  width: 360px;
  background-color: #f3f7fb;
  padding-bottom: 100px;
  border-radius: 0 0 40px 0;
}

.left-caid .One-lve {
  font-size: 24px;
  color: #fff;
  padding: 35px;
  background-color: #1685da;
  border-radius: 20px 20px 0 0;
  transition: all .5s;
}

.left-caid dd {
  font-size: 18px;
  padding: 20px 35px;
  border-bottom: solid 1px #e8ecf3;
  position: relative;
}

.left-caid dd::after {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -10px;
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: #ccc url("more_icon.png")/*tpa=https://www.yxc.hk/cn/images/more_icon.png*/ no-repeat center;
  background-size: 6px;
  border-radius: 50%;
  transition: all .5s;
}

.left-caid dd a {
  display: block;
  color: #666666
}

.right-con-in {
  padding-left: 100px;
  float: right;
  width: calc(100% - 360px);
}

.left-caid dd.on,
.left-caid dd:hover {
  background-color: #e1eef9;
}

.left-caid dd.on a,
.left-caid dd:hover a {
  color: #1685da;
}

.left-caid dd.on::after,
.left-caid dd:hover::after {
  background-color: #1685da;
}

@media(max-width:1024px) {
  .left-caid {
    width: 330px;
  }

  .right-con-in {
    width: calc(100% - 330px);
    padding-left: 50px;
  }
}

@media(max-width:768px) {
  .mar70 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .left-caid {
    margin-bottom: 30px;
    width: 100%;
    position: relative;
    padding-bottom: 0;
  }

  .left-caid .two-lve {
    display: none;
    position: absolute;
    width: 100%;
    background-color: #f3f7fb;
  }

  .left-caid .One-lve {
    font-size: 20px;
    padding: 20px 35px;
  }

  .right-con-in {
    width: 100%;
    padding-left: 0;
  }


}

@media(max-width:640px) {
  .left-caid {
    margin-bottom: 10px;
  }
}

/* 品牌列表 */
.menu-shell {
  background-color: #fafafa;
}

.menu-shell .menu-lbox {
  float: left;
}

.menu-shell .menu-lbox dd {
  font-size: 18px;
  float: left;
  margin-right: 50px;
}

.menu-shell .menu-lbox dd:last-child {
  margin-right: 0;
}

.menu-shell .menu-lbox dd a {
  display: block;
  padding: 20px 0;
  color: #666;
  border-bottom: solid 2px #fafafa;
  transition: all .5s;
}

.menu-shell .Current {
  padding: 16px 0;
  line-height: 25px;
  float: right;
  font-size: 0;
}

.menu-shell .Current i {
  margin: 0 20px;
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  background-color: #eeeeee;
  border-radius: 50%;
}

.menu-shell .Current span,
.menu-shell .Current a {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #999999;
  transition: all .5s;
}

.menu-shell .Current a:hover,
.menu-shell .menu-lbox dd a:hover,
.menu-shell .menu-lbox dd.active a {
  color: #1685da;
  border-color: #1685da;
}

@media(max-width:768px) {
  .menu-shell .Current {
    display: none;
  }
}

@media(max-width:640px) {
  .menu-shell .menu-lbox dd {
    margin-right: 20px;
  }

  .menu-shell .menu-lbox dd a {
    padding: 20px 0;
    font-size: 16px;
  }
}

/*  */
.products-des {
  margin-bottom: 0px;
  background-color: #f8fafd;
  /*padding: 20px;*/
}

.products-des .name {
  margin-bottom: 9px;
  position: relative;
  padding: 10px 0;
  font-size: 19px;
  color: #333333;
  border-bottom: solid 1px rgba(22, 133, 218, .1);
}

.products-des .name:before {
  content: '';
  position: absolute;
  content: '';
  width: 70px;
  height: 3px;
  background: #1685da;
  bottom: -3px;
}

.tuijianyd .products-des {
  margin-top: 20px;
  padding-bottom: 20px;
  width: 100%;
}



.tuijianyd .products-des .ul {
  display: flex;
  flex-wrap: wrap;
}

.tuijianyd .products-des .ul li {
  width: 47%;
  margin-right: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
  padding-top: 20px;
}

.tuijianyd .too {
  margin: 0;
  background: transparent;
  padding: 0;
}

.tuijianyd {
  max-width: 1000px;
  margin: auto;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.tuijianyd.w1300 {
  width: 1300px;
  max-width: 93.75%;
}

.tuijianyd .products-des .ul li:nth-child(2n) {
  margin-right: 0;
}



.products-des .oua {
  margin: 10px 0;
  line-height: 30px;
  font-size: 20px;
  color: #333333;
}

.products-des .oua::before {
  margin-right: 10px;
  background-color: #1685da;
  content: '';
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
}

.products-des .oua span {
  display: inline-block;
  vertical-align: middle;
}

.products-des .wenz {
  line-height: 30px;
  font-size: 15px;
  color: #666666;
}

.products-list .itme {
  width: 30.3333%;
  float: left;
  margin-right: 4.4%;
  max-height: 379.2px;
  max-width: 345.8px;

}

.products-list .itme:nth-child(3n) {
  margin-right: 0;
}

.products-list .itme .title {
  color: #1685da;
  position: relative;
  padding: 20px 0;
  max-height: 25px;
}

.products-list .itme .title span {
  font-size: 24px;
}

.products-list .itme .title em {
  margin-left: 15px;
  font-size: 16px;
  font-style: normal;
}

.products-list .itme .title .pdf {
  position: absolute;
  right: 0;
  top: 10px;
  content: '';
  display: block;
  vertical-align: middle;
  width: 45px;
  height: 45px;
  background: url("pdf.png")/*tpa=https://www.yxc.hk/cn/images/pdf.png*/ no-repeat center;
  background-size: contain;
}

.products-list .itme .pic {
  position: relative;
  background-color: #f8f8f8;
  overflow: hidden;
}

.products-list .itme .pic span {
  display: block;
  padding-bottom: 90%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.products-list .itme .text {
  font-size: 14px;
  color: #fff;
  padding: 20px;
  background-color: rgba(69, 157, 255, .9);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all .5s;
}

.products-list .itme .text .Intro {
  margin-bottom: 15px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  align-content: center;
  flex-direction: column;
  justify-content: center;
  flex-wrap: nowrap;
}

.products-list .itme .text .wenb {
  line-height: 23px;
  word-wrap: break-word;
  display: none;
}

.products-list .itme .text .Ronh {
  height: 100%;
  padding-left: 0px;
}

.products-list .mCSB_inside>.mCSB_container {
  margin-right: 0;
  padding-right: 0px;
  width: 100%;
  height: 100%;
}

.products-list .mCSB_scrollTools {
  right: 0;
}

.products-list .itme:hover .text {
  opacity: 1;
}

@media(max-width:1024px) {
  .products-list .itme {
    width: 48%;
    margin-right: 2%;
  }

  .products-list .itme:nth-child(3n) {
    margin-right: 2%;
  }

}

@media(max-width:640px) {
  .products-des {
    padding: 20px;
    margin-bottom: 20px;
  }

  .products-des .name {
    font-size: 24px;
  }

  .products-list .itme .title span {
    font-size: 18px;
  }

  .products-list .itme .title em {
    margin-left: 3px;
    font-size: 12px;
  }

  .products-list .itme .title .pdf {
    top: 20px;
    width: 20px;
    height: 20px;
  }
}

/* 品牌详情 */
.por-ifno .big-img {
  margin-bottom: 30px;
  text-align: center;
  border: solid 1px #e5e5e5;
  overflow: hidden;
  border-radius: 5px;
}

.por-ifno .des-box {
  margin-bottom: 30px;
}

.por-ifno .des-box .Tetle {
  padding-bottom: 10px;
  font-size: 36px;
  color: #333333;
  border-bottom: solid 1px #e5e5e5;
}

.por-ifno .des-box .text {
  padding: 20px 0;
  color: #888888;
  line-height: 30px;
}

.por-ifno .para-box {
  margin-bottom: 30px;
  border-bottom: solid 1px #e5e5e5;
  padding-bottom: 50px;
  margin-bottom: 50px;
}

.por-ifno .para-box .Tetle {
  padding-bottom: 10px;
  font-size: 20px;
  line-height: 36px;
  color: #333333;
  border-bottom: solid 1px #e5e5e5;
}

.por-ifno .list-para {
  font-size: 0;
  padding: 20px 0;
  color: #888888;
  line-height: 30px;
}

.por-ifno .list-para li {
  margin: 20px 0;
  font-size: 16px;
  min-width: 36%;
  display: inline-block;
  vertical-align: middle;
}

.por-ifno .list-para li.wiu {
  min-width: 27%;
}

.por-ifno .list-para li .til {
  margin-right: 20px;
  color: #333333;
  display: inline-block;
  vertical-align: middle;
}

.por-ifno .list-para li .til::before {
  margin-right: 20px;
  background-color: #1685da;
  content: '';
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
}

.por-ifno .list-para li .til span {
  display: inline-block;
  vertical-align: middle;
}

.por-ifno .list-para li .mix {
  color: #888888;
  display: inline-block;
  vertical-align: middle;
}

.por-ifno .consult_but {
  margin-top: 50px;
  font-size: 0;
}

.por-ifno .consult_but a {
  font-size: 18px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  padding: 0 45px;
  line-height: 65px;
  text-align: center;
  border-radius: 5px;
}

.por-ifno .consult_but a span {
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
}

.por-ifno .consult_but a.weix {
  margin-right: 20px;
  background-color: #1685da;
}

.por-ifno .consult_but a.weix span {
  padding-left: 50px;
  background-image: url("weix.png")/*tpa=https://www.yxc.hk/cn/images/weix.png*/;
}

.por-ifno .consult_but a.pdf {
  background-color: #d63102;
}

.por-ifno .consult_but a.pdf span {
  padding-left: 36px;
  background-image: url("pdf1.png")/*tpa=https://www.yxc.hk/cn/images/pdf1.png*/;
}

.por-ifno .Detail-box {
  color: #666666;
}

.por-ifno .tab-one {
  margin-bottom: 20px;
  border-bottom: solid 1px #e5e5e5;
}

.por-ifno .tab-one span {
  cursor: pointer;
  width: 200px;
  margin-right: 2px;
  background-color: #f5f5f5;
  font-size: 18px;
  color: #666666;
  display: inline-block;
  vertical-align: middle;
  line-height: 60px;
  text-align: center;
  border-radius: 5px;
  transform: translateY(1px);
}

.por-ifno .tab-one span.on {
  color: #fff;
  background-color: #1685da;
}

.por-ifno .Detail-box .color1 {
  color: #333333;
}

.por-ifno .Detail-box .tab-con {
  display: none;
}

@media(max-width:640px) {
  .por-ifno .consult_but a {
    padding: 0 25px;
    font-size: 16px;
    line-height: 50px;
  }

  .por-ifno .tab-one span {
    min-width: 33%;
    width: auto;
    line-height: 50px;
  }

  .por-ifno .consult_but {
    margin-top: 30px;
  }

  .por-ifno .list-para li {
    margin: 5px 0;
    width: 100%;
  }
}

/* 代理品牌首页 */
.Epson_title {
  margin: 20px 0 10px;
  line-height: 30px;
  font-size: 20px;
  color: #333333;
}

.Epson_title::before {
  margin-right: 10px;
  background-color: #1685da;
  content: '';
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
}

.Epson_title span {
  display: inline-block;
  vertical-align: middle;
}

.Epson-des {
  padding: 10px 00px;
  margin-top: 40px;
}

.Epson-des .Tim {
  line-height: 59px;
}

.Epson-des .Tim span {
  margin-left: 40px;
  font-size: 30px;
  color: #333333;
  display: inline-block;
  vertical-align: middle;
  border-bottom: solid 1px #e5e5e5;
}

.Epson-des .Tim span::after {
  content: '';
  display: block;
  width: 2em;
  height: 2px;
  background-color: #1685da;
}

.Epson-des .Intro {
  line-height: 32px;
  font-size: 15px;
  color: #666666;
}

.Epson-des .Intro .color1 {
  color: #333333;
}

.Epson-icon-box {
  margin-top: 20px;
  font-size: 0;
  text-align: center;
}

.Epson-icon-box .itme {
  width: 16.666%;
  display: inline-block;
  vertical-align: middle;
}

.Epson-icon-box .itme p {
  padding: 10px 0;
  font-size: 16px;
  color: #666666;
}

.Epson-pro {
  margin-top: 70px;
  padding: 20px 0;
}

.Tit_Rp {
  text-align: center;
  font-size: 38px;
  color: #333333;
}

.Tit_Rp::after {
  content: '';
  display: block;
  width: 1em;
  height: 2px;
  background-color: #1685da;
  margin: 15px auto;
}

.beijs {
  background: #f8fafd;
}

.Epson-pro .Tit_Rp {
  margin-bottom: 40px;
}

.Epson-pro .Tit_Rp::after {
  margin: 15px auto 0;
}

.Epson-pro li {
  position: relative;
  background-color: #ffffff;
  width: 17.5%;
  float: left;
  margin-right: 3.111%;
  margin-bottom: 80px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  transition: all .5s;
  overflow: visible;
  box-shadow: 0px 0px 10px 0px #d2d2d2;
}

.Epson-pro li:nth-child(5n) {
  margin-right: 0;
}

.Epson-pro li a {
  display: block;
  padding: 10px 20px;
  position: relative;
  z-index: 2;
  transition: all 0.2s;
}

.Epson-pro li h4 {
  margin: 20px 0;
  font-weight: 500;
  font-size: 20px;
  height: 60px;
  line-height: 30px;
}

.Epson-pro li p {
  font-size: 14px;
  color: #999999;
}

.Epson-pro li p em {
  font-family: '宋体';
  font-weight: bold;
  font-style: normal;
  padding-left: 10px;
}

.Epson-pro li::after {
  position: absolute;
  right: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 100%;
  z-index: 1;
  background-image: url("vv.png")/*tpa=https://www.yxc.hk/cn/images/vv.png*/;
  background-repeat: no-repeat;
  background-position: right bottom;
}

/* .Epson-pro li:hover{ background-color: #1685da; transform: scale(1.1);margin-top: -20px;margin-bottom: 59.65px;padding: 20px 00px;position: a;} */

.Epson-pro li:hover::before {
  opacity: 1;

}

.Epson-pro li:hover {
  box-shadow: none
}

.Epson-pro li:before {
  content: '';
  position: absolute;
  background: #1585da;
  width: 110%;
  height: 120%;
  left: -5%;
  top: -10%;
  margin: auto;
  opacity: 0;
  transition: all .5s;
}

.Epson-pro li:hover::after {
  right: -10%;
  bottom: -10%;
}

.Epson-pro li:hover::after {
  background-image: url("Categories_icon.png")/*tpa=https://www.yxc.hk/cn/images/Categories_icon.png*/;

}

.Epson-pro li:hover h4 {
  color: #fff;
}

.Epson-pro li:hover p {
  color: #fff;
}

.Epson-Newpro {
  padding: 40px 0 90px;
  margin: 40px auto;
  background-color: #f8fafd;
}

.Epson-Newpro .Tit_Rp {
  margin-bottom: 40px;
}

.Newpro_list {
  padding: 0 100px;
  position: relative;
}

.Newpro_list .title {
  line-height: 35px;
  color: #1685da;
  overflow: hidden;
}

.Newpro_list .title span {
  font-size: 30px;
}

.Newpro_list .title em {
  padding-left: 10px;
  line-height: 25px;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-size: 18px;
}

.Newpro_list .Intro {
  padding-right: 60px;
  margin-bottom: 30px;
  font-size: 14px;
  color: #999999;
}

.Newpro_list .pic {
  position: relative;
  background-color: #fff;
}

.Newpro_list .pic span {
  display: block;
  padding-bottom: 90%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: all .5s;
}

.Newpro_list .pic .pdf {
  position: absolute;
  right: 0;
  top: -30px;
  content: '';
  display: block;
  width: 60px;
  height: 60px;
  background: url("pdf.png")/*tpa=https://www.yxc.hk/cn/images/pdf.png*/ no-repeat center;
  background-size: contain;
}

.Newpro_list .itme:hover .pic span {
  transform: scale(1.1);
}

.Newpro_list .swiper-button-prev {
  background: #fff url("more_icon2.png")/*tpa=https://www.yxc.hk/cn/images/more_icon2.png*/ no-repeat center;
  transform: rotate(180deg);
}

.Newpro_list .swiper-button-next {
  background: #fff url("more_icon2.png")/*tpa=https://www.yxc.hk/cn/images/more_icon2.png*/ no-repeat center;
}

.Newpro_list .swiper-button-next,
.Newpro_list .swiper-button-prev {
  width: 50px;
  height: 50px;
  background-size: 8px;
  border: solid 2px #1685da;
  border-radius: 50%;
}

.Newpro_list .swiper-button-next:hover,
.Newpro_list .swiper-button-prev:hover {
  background: #1685da url("more_icon.png")/*tpa=https://www.yxc.hk/cn/images/more_icon.png*/ no-repeat center;
}

.Newpro_list .swiper-button-next:hover {
  background: #1685da url("more_icon.png")/*tpa=https://www.yxc.hk/cn/images/more_icon.png*/ no-repeat center;
}

.Epson-news {
  padding: 40px 0 0;
}

.Epson-news-list {
  margin-top: 50px;
}

.Epson-news-list .itme {
  font-size: 0;
  margin-bottom: 40px;
  background-color: #f8fafd;
}

.Epson-news-list .itme .pic {
  display: inline-block;
  vertical-align: middle;
  width: 26.5%;
  overflow: hidden;
}

.Epson-news-list .itme .pic span {
  display: block;
  padding-bottom: 70%;
  background: no-repeat;
  background-size: contain;
  transition: all .5s;

}

.Epson-news-list .itme .table {
  width: 100%;
  height: 100%;
}

.Epson-news-list .itme .text {
  display: inline-block;
  vertical-align: middle;
  padding: 0 5%;
  width: 73.5%;
}

.Epson-news-list .itme .wenz {
  font-size: 24px;
  color: #333333;
  float: left;
}

.Epson-news-list .itme .title {
  padding-bottom: 10px;
  overflow: hidden;
  position: relative;
}

.Epson-news-list .itme .title .wenz a {
  transition: all .5s;
}

.Epson-news-list .itme .title::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  display: block;
  width: 2em;
  height: 2px;
  background-color: #1685da;
}

.Epson-news-list .itme .title .wenz {
  line-height: 40px;
  width: calc(100% - 110px);
}

.Epson-news-list .itme .more {
  border: solid 1px #1685da;
  float: right;
  font-size: 16px;
  color: #1685da;
  padding: 8px 20px;
  border-radius: 50px;
}

.Epson-news-list .itme .time {
  margin: 20px 0;
  background: url("time.png")/*tpa=https://www.yxc.hk/cn/images/time.png*/ no-repeat left center;
  padding-left: 25px;
  font-size: 16px;
  color: #666666;
}

.Epson-news-list .itme .Intro {
  font-size: 16px;
  line-height: 30px;
  color: #999999;
}

.Epson-news-list .itme .grid {
  display: grid;
}

.Epson-news-list .itme:hover .pic span {
  transform: scale(1.1);
}

.Epson-news-list .itme:hover .title .wenz a {
  color: #1685da;
}

@media(max-width:1024px) {
  .Epson-des {
    padding: 50px 70px;
  }

  .Epson-icon-box .itme img {
    max-width: 70%;
  }

  .Epson-pro li {
    width: 19%;
    margin-right: 1.2%;
  }

  .Epson-pro li a {
    padding: 30px 20px;
  }

  .Epson-pro li h4 {
    font-size: 18px;
  }
}

@media(max-width:768px) {
  .Epson-icon-box .itme {
    width: 33.3333%;
  }

  .Epson-icon-box .itme img {
    max-width: 100px;
    display: block;
    margin: 0 auto;
  }

  .Tit_Rp {
    font-size: 26px;
  }

  .Epson-pro .Tit_Rp {
    margin-bottom: 20px;
  }

  .Epson-pro li a {
    padding: 25px 10px;
  }

  .Epson-pro li h4 {
    font-size: 17px;
  }

  .Epson-pro li::after {
    background-size: 70%;
  }

  .Epson-news-list .itme {
    margin-bottom: 20px;
  }

  .Epson-news-list .itme .time {
    font-size: 14px;
    margin: 5px 0;
  }

  .Epson-news-list .itme .pic {
    width: 35%;
  }

  .Epson-news-list .itme .text {
    padding: 0 4%;
    width: 65%;
  }

  .Epson-news-list .itme .title .wenz {
    font-size: 18px;
    line-height: 31px;
  }

  .Epson-news-list .itme .more {
    padding: 5px 20px;
    font-size: 14px;
  }
}

@media(max-width:640px) {
  .Epson-des {
    padding: 30px 2%;
    margin-top: 30px;
  }

  .Epson-des .Tim {
    line-height: 46px;
  }

  .Epson-des .Tim img {
    max-width: 140px;
  }

  .Epson-des .Tim span {
    margin-left: 10px;
    font-size: 22px;
  }

  .Epson-icon-box {
    margin-top: 30px;
  }

  .Epson-icon-box .itme img {
    max-width: 80px;
  }

  .Epson-icon-box .itme p {
    font-size: 15px;
  }

  .Epson-pro li {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
  }

  .Epson-pro li h4 {
    margin: 10px 0;
    font-size: 16px;
  }

  .Epson-pro li:nth-child(5n) {
    margin-right: 2%;
  }

  .Epson-pro li:nth-child(3n) {
    margin-right: 0;
  }

  .Newpro_list {
    padding: 0 20px;
  }

  .Newpro_list .itme .pic .pdf {
    width: 25px;
    height: 25px;
    top: -12.5px;
  }

  .Newpro_list .itme .Intro {
    padding-right: 0;
    margin-bottom: 20px;
  }

  .Newpro_list .itme .title span {
    font-size: 18px;
  }

  .Newpro_list .itme .title em {
    font-size: 12px;
  }

  .Newpro_list .swiper-button-prev {
    left: 0;
    width: 30px;
    height: 30px;
  }

  .Newpro_list .swiper-button-next {
    right: 0;
    width: 30px;
    height: 30px;
  }

  .Epson-news-list .itme {
    display: block;
  }

  .Epson-news-list .itme .pic {
    width: 100%;
  }

  .Epson-news-list .itme .text {
    padding: 5%;
    width: 100%;
  }
}

.toww {
  padding-left: 0;
  float: initial;
  width: 100%;
  margin-top: 0px;
  overflow-x: auto;
}


.soulie .toww {
  margin-top: 20px;
}

/* 代理品牌列表 */
.backf4 {
  background-color: #f4f6fa;
}

.Represent-box {
  padding: 70px 0;
}

.Represent_tishi {
  margin-bottom: 60px;
  text-align: center;
  color: #999999;
}

.Represent-list .itme {
  width: 22.5%;
  float: left;
  margin-right: 3.3%;
  margin-bottom: 3.3%;
}

.Represent-list .itme:nth-child(4n) {
  margin-right: 0;
}

.Represent-list .itme .title {
  color: #1685da;
  position: relative;
  padding: 20px 0;
  padding-right: 50px;
}

.Represent-list .itme .title span {
  font-size: 30px;
}

.Represent-list .itme .title em {
  margin-left: 15px;
  font-size: 18px;
  font-style: normal;
}

.Represent-list .itme .title .pdf {
  position: absolute;
  right: 0;
  top: 10px;
  content: '';
  display: block;
  vertical-align: middle;
  width: 45px;
  height: 45px;
  background: url("pdf.png")/*tpa=https://www.yxc.hk/cn/images/pdf.png*/ no-repeat center;
  background-size: contain;
}

.Represent-list .itme .pic {
  position: relative;
  background-color: #fff;
  width: 100%;
  overflow: hidden;
}

.Represent-list .itme .pic span {
  display: block;
  padding-bottom: 90%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.Represent-list .itme .text {
  font-size: 14px;
  color: #fff;
  padding: 30px 0;
  background-color: rgba(69, 157, 255, .9);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all .5s;
}

.Represent-list .itme .text .Intro {
  margin-bottom: 15px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.Represent-list .itme .text .wenb {
  line-height: 23px;
  word-wrap: break-word;
  display: none;
}

.Represent-list .itme .text .Ronh {
  height: 100%;
  padding-left: 30px;
}

.Represent-list .mCSB_inside>.mCSB_container {
  margin-right: 0;
  padding-right: 30px;
}

.Represent-list .mCSB_scrollTools {
  right: 0;
}

.Represent-list .itme:hover .text {
  opacity: 1;
}

@media(max-width:1024px) {
  .Represent-list .itme {
    width: 48%;
    margin-right: 2%;
  }

  .Represent-list .itme:nth-child(4n) {
    margin-right: 0;
  }
}

@media(max-width:640px) {
  .Represent-box {
    padding: 30px 0;
  }

  .Represent-des .name {
    font-size: 24px;
  }

  .Represent-list .itme .title span {
    font-size: 18px;
  }

  .Represent-list .itme .text {
    padding: 10px;
  }

  .Represent-list .itme .text .Ronh {
    padding-left: 10px;
  }

  .Represent-list .mCSB_inside>.mCSB_container {
    padding-right: 10px;
  }

  .Represent-list .itme .title em {
    margin-left: 3px;
    font-size: 12px;
  }

  .Represent-list .itme .title .pdf {
    top: 20px;
    width: 20px;
    height: 20px;
  }
}

/* 代理品牌详情 */
.Represent-img {
  width: 48%;
  float: left;
}

.Represent-img .gallery-big .itme {
  border: solid 1px #e5e5e5;
  border-radius: 10px;
  overflow: hidden;
}

.Represent-img .gallery-big .itme span {
  display: block;
  padding-bottom: 66.58%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.Represent-img .small-box {
  margin-top: 20px;
  padding-right: 140px;
}

.Represent-img .gallery-small .itme {
  border: solid 1px #e5e5e5;
  border-radius: 10px;
  overflow: hidden;
}

.Represent-img .gallery-small .itme span {
  display: block;
  padding-bottom: 66.58%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.Represent-img .gallery-small .swiper-slide-thumb-active .itme {
  border-color: #1685da;
}

.Represent-img .small-box .button-style {
  text-align: center;
  font-family: '宋体';
  font-weight: bold;
  background-image: none;
  line-height: 37px;
  left: auto;
  right: 0;
  margin-top: 0;
  height: 50%;
  width: 120px;
}

.Represent-img .small-box .swiper-button-prev {
  top: 0;
  border-bottom: solid 1px #e5e5e5;
}

.Represent-img .small-box .swiper-button-next {
  bottom: 0;
  color: #1685da;
}

.Represent-img .small-box .button-style:hover {
  color: #1685da;
}

.Represent-Intro {
  float: right;
  width: 47%;
}

.Represent-Intro .des-box {
  margin-bottom: 30px;
}

.Represent-Intro .des-box .Tetle {
  padding-bottom: 10px;
  font-size: 36px;
  color: #333333;
  border-bottom: solid 1px #e5e5e5;
}

.Represent-Intro .des-box .text {
  padding: 20px 0;
  color: #888888;
  line-height: 30px;
}

.Represent-Intro .para-box .Tetle {
  padding-bottom: 10px;
  font-size: 20px;
  line-height: 36px;
  color: #333333;
  border-bottom: solid 1px #e5e5e5;
}

.Represent-Intro .list-para {
  font-size: 0;
  padding: 20px 0;
  color: #888888;
  line-height: 30px;
}

.Represent-Intro .list-para li {
  margin: 20px 0;
  font-size: 16px;
  min-width: 48%;
  display: inline-block;
  vertical-align: middle;
}

.Represent-Intro .list-para li .til {
  margin-right: 15px;
  color: #333333;
  display: inline-block;
  vertical-align: middle;
}

.Represent-Intro .list-para li .til::before {
  margin-right: 15px;
  background-color: #1685da;
  content: '';
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
}

.Represent-Intro .list-para li .til span {
  display: inline-block;
  vertical-align: middle;
}

.Represent-Intro .list-para li .mix {
  color: #888888;
  display: inline-block;
  vertical-align: middle;
}

.Represent-Intro .consult_but {
  margin-top: 50px;
  font-size: 0;
}

.Represent-Intro .consult_but a {
  font-size: 18px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  padding: 0 45px;
  line-height: 65px;
  text-align: center;
  border-radius: 5px;
}

.Represent-Intro .consult_but a span {
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
}

.Represent-Intro .consult_but a.weix {
  margin-right: 4%;
  background-color: #1685da;
}

.Represent-Intro .consult_but a.weix span {
  padding-left: 50px;
  background-image: url("weix.png")/*tpa=https://www.yxc.hk/cn/images/weix.png*/;
}

.Represent-Intro .consult_but a.pdf {
  background-color: #d63102;
}

.Represent-Intro .consult_but a.pdf span {
  padding-left: 36px;
  background-image: url("pdf1.png")/*tpa=https://www.yxc.hk/cn/images/pdf1.png*/;
}

.Represent-info .Detail-box {
  color: #666666;
}

.Represent-info .tab-one {
  margin-bottom: 20px;
  border-bottom: solid 1px #e5e5e5;
}

.Represent-info .tab-one span {
  cursor: pointer;
  width: 200px;
  margin-right: 2px;
  background-color: #f5f5f5;
  font-size: 18px;
  color: #666666;
  display: inline-block;
  vertical-align: middle;
  line-height: 60px;
  text-align: center;
  border-radius: 5px;
  transform: translateY(1px);
}

.Represent-info .tab-one span.on {
  color: #fff;
  background-color: #1685da;
}

.Represent-info .Detail-box .color1 {
  color: #333333;
}

.Represent-info .Detail-box .tab-con {
  display: none;
}

@media(max-width:768px) {
  .Represent-img {
    width: 100%;
  }

  .Represent-Intro {
    margin-top: 40px;
    width: 100%;
  }

  .Represent-Intro .des-box .Tetle {
    font-size: 26px;
  }

}

@media(max-width:640px) {
  .Represent-box {
    padding-bottom: 30px;
  }

  .Represent-img .small-box {
    padding-right: 100px;
  }

  .Represent-img .small-box .button-style {
    width: 80px;
  }

  .Represent-Intro .consult_but a {
    padding: 0 25px;
    font-size: 16px;
    line-height: 50px;
  }

  .Represent-Intro .consult_but {
    margin-top: 30px;
  }

  .Represent-Intro .list-para li {
    margin: 5px 0;
    width: 100%;
  }

  .Represent-info .tab-one span {
    font-size: 16px;
    min-width: 30%;
    width: auto;
    line-height: 50px;
  }
}

/* 分页 */
.Page002623 {
  padding: 2vw 0;
  text-align: center;
  font-family: Arial;
  font-size: 18px;
}

/* .Page002623 .Pages a.a_first,
.Page002623 .Pages a.a_end,
.Page002623 .Pages > span:not(.p_page){display: block;} */

.p_cur {
  display: none;
}

.p_count {
  display: none;
}

.p_total {
  display: none;
}

.p_jump {
  display: none;
}



.Page002623 .Pages em {
  float: left;
  margin: 0 5px;
  font-style: normal;
}

.Page002623 .Pages .p_page {
  display: table;
  margin: 0 auto;
}

a.a_prev {
  color: #fff;
  font-size: 0px !important;
}

a.a_next {
  color: #fff;
  font-size: 0px !important;
}



.Page002623 .Pages a {
  background-color: #fff;
  float: left;
  line-height: 50px;
  width: 50px;
  margin: 0 5px;
  border-radius: 50%;
}

.Page002623 .Pages a.a_cur,
.Page002623 .Pages a:hover {
  color: #fff;
  background: #1685da;
}

.Page002623 .Pages .p_page>a {
  font-size: 15px;
  height: 50px;
  position: relative;
  width: 65px;
}

.Page002623 .Pages .p_page>a:before {
  position: absolute;
  content: '';
  border: 5px solid transparent;
  left: 50%;
  top: 50%;
  margin: -5px 0 0 -10px;
}





.Page002623 .Pages .p_page>a.a_prev:before {
  border-right-color: #000;
  border-right-width: 8px;
}

.Page002623 .Pages .p_page>a.a_next:before {
  border-left-color: #000;
  border-left-width: 8px;
  margin-left: -4px;
}

.Page002623 .Pages a.a_prev:hover:before {
  border-right-color: #fff;
}

.Page002623 .Pages a.a_next:hover:before {
  border-left-color: #fff;
}

@media(max-width:640px) {
  .Page002623 {
    padding: 6vw 0 8vw 0;
  }

  .Page002623 .Pages a {
    background-color: #eee;
    margin: 0 2px;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }

  .Page002623 .Pages .p_page>a {
    height: 40px;
  }
}




/* 服务支持-场景 */
.Scenes-title {
  text-align: center;
  font-size: 38px;
  color: #333333;
}

.Scenes-title::after {
  content: '';
  display: block;
  width: 1em;
  height: 2px;
  background-color: #1685da;
  margin: 15px auto;
}

.Scenes-tishi {
  margin-bottom: 60px;
  text-align: center;
  color: #999999;
}

.Scenes-noe {
  padding: 70px 0;
}

.Scenes-noe .one-list {
  position: relative;
}

.Scenes-noe .one-list::after {
  content: '';
  width: 100%;
  height: 1px;
  background: #e5e5e5;
  display: block;
  position: absolute;
  left: 0;
  top: 74%;
}

.Scenes-noe .one-list .swiper-container {
  max-width: 1360px;
  margin: 0 auto;
}

.Scenes-noe .one-list .itme {
  text-align: center;
}

.Scenes-noe .one-list .itme .icon {
  padding-bottom: 72px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 70px;
}

.Scenes-noe .one-list .itme .cn-wez {
  margin-bottom: 5px;
  font-size: 20px;
  color: #333333;
  margin-top: 25px;
}

.Scenes-noe .one-list .itme .en-wez {
  font-size: 14px;
  color: #999999;
  margin-bottom: 25px;
}

.Scenes-noe .one-list .itme .serial::before {
  margin: 15px auto;
  background-color: #1685da;
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  overflow: hidden;
}

.Scenes-noe .one-list .itme .serial {
  font-weight: bold;
  font-size: 36px;
  color: #1685da;
}

.Scenes-two {
  padding: 70px 0;
  background-color: #f6f8fb;
}

.Scenes-two .two-list .itme {
  padding: 60px 0;
  background-color: #fff;
  text-align: center;
}

.Scenes-two .two-list .itme .icon {
  margin: 25px 0;
  padding-bottom: 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40px;
}

.Scenes-two .two-list .itme .cn-wez {
  font-size: 20px;
  color: #333333;
}

.Scenes-two .two-list .itme .serial {
  font-weight: bold;
  font-size: 30px;
  color: #1685da;
  opacity: .2;
}

.Scenes-two .swiper-pagination {
  display: none !important;
}

@media(max-width:768px) {
  .Scenes-two .swiper-pagination {
    display: block !important;
  }
}

@media(max-width:640px) {
  .Scenes-noe .one-list .itme .cn-wez {
    margin-top: 10px;
    font-size: 17px;
  }

  .Scenes-noe .one-list .itme .en-wez {
    margin-bottom: 10px;
    font-size: 12px;
  }

  .Scenes-noe .one-list .itme .icon {
    padding-bottom: 65px;
    background-size: 60px;
  }

  .Scenes-title {
    font-size: 26px;
  }

  .Scenes-tishi {
    margin-bottom: 30px;
  }

  .Scenes-noe .one-list::after {
    top: 69%;
  }
}


/* 服务支持-样品申请 */
.sample-box {
  padding: 70px 0;
}

.sample-title {
  text-align: center;
  font-size: 38px;
  color: #333333;
}

.sample-title::after {
  content: '';
  display: block;
  width: 1em;
  height: 2px;
  background-color: #1685da;
  margin: 20px auto;
}

.sample-tab {
  margin: 50px 0;
  font-size: 0;
  text-align: center;
}

.sample-tab .itme {
  cursor: pointer;
  background: #f5f5f5;
  padding: 0 35px;
  margin: 0 10px;
  color: #333333;
  line-height: 50px;
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  border-radius: 6px;
}

.sample-tab .itme i {
  margin-right: 5px;
  width: 24px;
  display: inline-block;
  vertical-align: middle;
  height: 24px;
}

.sample-tab .itme:hover,
.sample-tab .itme.on {
  background-color: #1685da;
}

.sample-tab .itme:hover a,
.sample-tab .itme.on a {
  color: #fff;
}

.sample-form .wli50 {
  margin-bottom: 30px;
  width: 50%;
  padding-right: 40px;
  overflow: hidden;
  min-height: 105px;
}

.sample-form .wli50:nth-child(2n) {
  padding-left: 40px;
}

.sample-form .oua {
  margin: 10px 0;
  line-height: 30px;
  font-size: 20px;
  color: #333333;
}

.sample-form .oua::before {
  margin-right: 10px;
  background-color: #1685da;
  content: '';
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
}

.sample-form .inline-block {
  vertical-align: middle;
}

.sample-form .oua span {
  display: inline-block;
  vertical-align: middle;
}

.sample-form .radio-box {
  line-height: 50px;
}

.sample-form .radio-box label {
  display: block;
  cursor: pointer;
  margin-right: 30px;
  float: left;
}

.sample-form .radio-box label input {
  display: inline-block;
  vertical-align: middle;
}

.sample-form .radio-box span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

.sample-form .radio-box .other-text {
  display: block;
  float: left;
}

.sample-form .radio-box1 label:nth-child(3) {
  margin-right: 5px;
}

.sample-form .radio-box2 label:nth-child(4) {
  margin-right: 5px;
}

.sample-form .input-text {
  display: inline-block;
  vertical-align: middle;
}

.sample-form .input-select {
  background-color: #f2f7ff;
  border-radius: 6px;
}

.sample-form .input-select select {
  padding: 0 15px;
  padding-right: 20px;
  line-height: 50px;
  height: 50px;
  font-size: 16px;
  color: #666666;
}

.sample-form .text-hw {
  padding: 0 15px;
  background-color: #f2f7ff;
  line-height: 50px;
  height: 50px;
  font-size: 16px;
  border-radius: 6px;
}

.sample-form .input-box3 .input-select {
  margin-left: 20px;
}

.sample-form .other-textarea {
  padding: 15px;
  background-color: #f2f7ff;
  border-radius: 6px;
}

.sample-form .other-textarea textarea {
  display: block;
  height: 210px;
  font-size: 16px;
}

.sample-form .input-select select {
  padding-right: 25px;
  background: url("arrow.png")/*tpa=https://www.yxc.hk/cn/images/arrow.png*/ no-repeat scroll 95% center transparent;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.sample-form .input-select select::-ms-expand {
  display: none;
  background: none;
}

.but-apply {
  margin-top: 50px;
  text-align: center;
}

.but-apply .anuw {
  cursor: pointer;
  background-color: #1685da;
  font-size: 18px;
  color: #fff;
  line-height: 50px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  vertical-align: middle;
  width: 200px;
  border-radius: 6px;
}

.sample-form .red {
  color: red;
}

.sample-form .w430 {
  width: 430px;
}

.sample-form .w300 {
  width: 300px;
}

.sample-form .w240 {
  width: 240px;
}

.sample-form .w120 {
  width: 120px;
}

.sample-form .wli100 {
  width: 100%;
}

.sample-form .wli90 {
  width: calc(100% - 20px);
}

.sample-form .wli33 {
  width: 32%;
  margin-bottom: 2%;
  margin-right: 2%;
}

.sample-form .wli33.wli33_on {
  margin-right: 0;
}

.sample-form2 {
  margin-top: 70px;
}

@media(max-width:1600px) {
  .sample-form .radio-box label {
    display: block;
    cursor: pointer;
    margin-right: 20px;
    float: left;
  }

  .sample-form .w430 {
    width: 350px;
  }

  .sample-form .w300 {
    width: 250px;
  }

  .sample-form .w240 {
    width: 200px;
  }

  .sample-form .w120 {
    width: 120px;
  }
}

@media(max-width:1280px) {
  .sample-form .w430 {
    width: 300px;
  }

  .sample-form .w240 {
    width: 200px;
  }
}

@media(max-width:1024px) {
  .sample-form .w430 {
    width: 250px;
  }

  .sample-form .w240 {
    width: 150px;
  }
}

@media(max-width:768px) {
  .sample-form .wli50 {
    width: 100%;
    padding-right: 0;
  }

  .sample-form .wli50:nth-child(2n) {
    padding-left: 0;
  }

  .sample-form .w430 {
    width: 350px;
  }

  .sample-form .w240 {
    width: 200px;
  }
}

@media(max-width:640px) {
  .sample-box {
    padding: 50px 0;
  }

  .sample-title {
    font-size: 26px;
  }

  .sample-tab {
    margin: 20px 0;
  }

  .sample-tab .itme {
    width: 44%;
    padding: 0;
    margin: 2%;
  }

  .sample-form .w430 {
    width: 200px;
  }

  .sample-form .w300 {
    width: 130px;
  }

  .sample-form .w240 {
    width: 130px;
  }

  .sample-form .w120 {
    width: 90px;
  }

  .sample-form .radio-box label {
    margin-right: 20px;
  }

  .sample-form .oua {
    margin: 5px 0;
    font-size: 18px;
  }

  .sample-form .wli50 {
    margin-bottom: 10px;
  }

  .sample-form .radio-box {
    line-height: 40px;
  }

  .sample-form .text-hw {
    height: 40px;
    line-height: 40px;
  }

  .sample-form .wli33 {
    width: 49%;
    margin-bottom: 2%;
    margin-right: 2%;
  }

  .sample-form .wli33.wli33_on {
    margin-right: 2%;
  }

  .sample-form .wli33:nth-child(2n) {
    margin-right: 0;
  }
}




/* 环保报告 */
.friendly-box {
  padding: 70px 0;
}

.friendly-box ul {
  margin-top: 70px;
}

.friendly-box li {
  background-color: #1E90FF;
  width: 30%;
  margin-right: 5%;
  margin-bottom: 5%;
  float: left;
  padding: 0 40px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  transition: all .5s;
}

.friendly-box li::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background: url("friendly-icon.png")/*tpa=https://www.yxc.hk/cn/images/friendly-icon.png*/ no-repeat right bottom;
}

.friendly-box li:nth-child(3n) {
  margin-right: 0;
}

.friendly-box li a {
  position: relative;
  z-index: 2;
  display: block;
  padding: 50px 0;
}

.friendly-box li .time {
  font-size: 18px;
  color: #fff;
}

.friendly-box li h4 {
  margin: 20px 0;
  line-height: 30px;
  height: 60px;
  font-weight: initial;
  font-size: 20px;
  color: #fff;
}

.friendly-box li .but_Aniu {
  text-align: center;
  width: 155px;
  line-height: 40px;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #fff;
  border: solid 2px #fff;
  border-radius: 50px;
}

.friendly-box li .but_Aniu span {
  display: inline-block;
  background: url("dow-icon.png")/*tpa=https://www.yxc.hk/cn/images/dow-icon.png*/ no-repeat right center;
  padding-right: 40px;
}

.friendly-box li:hover {
  background-color: #1685da;
  transform: scale(1.1);
  z-index: 3;
}

.friendly-box li:hover h4,
.friendly-box li:hover .time {
  color: #fff;
}

@media(max-width:640px) {
  .friendly-box {
    padding: 30px 0;
  }

  .friendly-box ul {
    margin-top: 30px;
  }

  .friendly-box li {
    padding: 0 2%;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
    background-color: #1685da;
  }

  .friendly-box li::after {
    background-size: 70%;
  }

  .friendly-box li h4,
  .friendly-box li .time {
    color: #fff;
  }

  .friendly-box li h4 {
    margin: 10px 0;
    font-size: 16px;
    line-height: 25px;
    height: 50px;
  }

  .friendly-box li:nth-child(3n) {
    margin-right: 2%;
  }

  .friendly-box li:nth-child(2n) {
    margin-right: 0;
  }

  .friendly-box li:hover {
    transform: scale(1);
    z-index: 3;
  }

  .friendly-box li a {
    padding: 30px 0;
  }

  .friendly-box li .but_Aniu {
    font-size: 14px;
    line-height: 40px;
    width: 80%;
    border: solid 1px #fff;
  }

  .friendly-box li .but_Aniu span {
    padding-right: 30px;
  }
}





/* 参数换算 */
.Parameter-box {
  padding: 70px 0;
}

.Parameter-lbox {
  width: 500px;
  float: left;
}

.Parameter-lbox .other-text input {
  height: 50px;
  line-height: 50px;
  width: 100%;
  background-color: #f8fafd;
  border-radius: 6px;
}

.Parameter-lbox .calculate {
  margin-top: 30px;
  cursor: pointer;
  line-height: 50px;
  text-align: center;
  background-color: #1685da;
  border-radius: 6px;
}

.Parameter-lbox .calculate .anuw {
  display: block;
  color: #fff;
}

.Result-box {
  margin-top: 30px;
  background-color: #f8fafd;
  width: 100%;
  text-align: center;
  height: 250px;
  line-height: 250px;
}

.Result-box .Result-text {
  width: 100%;
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 6px;
}

.Parameter-rbox {
  font-size: 15px;
  color: #888888;
  line-height: 30px;
  width: calc(100% - 500px);
  float: right;
  padding-left: 140px;
}

.Parameter-box .oli {
  font-size: 24px;
  color: #333333;
}

.Parameter-box .oli::after {
  content: '';
  display: block;
  width: 1em;
  height: 2px;
  background-color: #1685da;
  margin: 15px 0;
}

.Parameter-box .oua {
  margin: 20px 0;
  line-height: 30px;
  font-size: 20px;
  color: #333333;
}

.Parameter-box .oua::before {
  margin-right: 10px;
  background-color: #1685da;
  content: '';
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
}

.Parameter-box .oua span {
  display: inline-block;
  vertical-align: middle;
}

@media(max-width:1024px) {
  .Parameter-lbox {
    width: 380px;
  }

  .Parameter-rbox {
    width: calc(100% - 380px);
    padding-left: 47px;
  }
}

@media(max-width:768px) {
  .Parameter-lbox {
    width: 100%;
  }

  .Parameter-rbox {
    margin-top: 30px;
    width: 100%;
    padding-left: 0;
  }
}




/* 新闻中心 */
.news-list {
  margin: 70px auto;
}

.news-list .Tnews {
  text-align: center;
  font-size: 38px;
  color: #333333;
}

.news-list .Tnews::after {
  content: '';
  display: block;
  width: 1em;
  height: 2px;
  background-color: #1685da;
  margin: 25px auto;
}

.news-one {
  margin: 50px 0;
}

.news-one .itme a {
  display: flex;
}

.news-one .itme .pic {
  width: 50%;
}

.news-one .itme .pic span {
  display: block;
  padding-bottom: 66.75%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.news-one .itme .text {
  display: table;
  width: 50%;
  padding-bottom: 130px;
  padding-left: 120px;
}

.news-one .itme .text .time {
  margin-bottom: 10px;
  font-size: 16px;
  color: #666666;
}

.news-one .itme .text .title {
  font-size: 32px;
  color: #333333;
}

.news-one .itme .text .Intro {
  margin: 25px 0;
  line-height: 30px;
  min-height: 120px;
  color: #666666;
}

.news-one .Aniu_style {
  left: auto;
  top: auto;
  margin-top: 0;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background-size: 6px !important;
  border: solid 2px #1685da;
  border-radius: 50%;
}

.news-one .swiper-button-prev {
  right: 60px;
  background: #fff url("more_icon2.png")/*tpa=https://www.yxc.hk/cn/images/more_icon2.png*/ no-repeat center;
  transform: rotate(180deg);
}

.news-one .swiper-button-next {
  background: #fff url("more_icon2.png")/*tpa=https://www.yxc.hk/cn/images/more_icon2.png*/ no-repeat center;
}

.news-one .swiper-button-next:hover,
.news-one .swiper-button-prev:hover {
  background: #1685da url("more_icon.png")/*tpa=https://www.yxc.hk/cn/images/more_icon.png*/ no-repeat center;
}

.news-one .swiper-button-next:hover {
  background: #1685da url("more_icon.png")/*tpa=https://www.yxc.hk/cn/images/more_icon.png*/ no-repeat center;
}

.news-one .swiper-pagination {
  height: 1px;
  position: absolute;
  top: auto;
  left: 20px;
  bottom: 15%;
  margin-bottom: 20px;
  width: calc(100% - 180px);
}

.news-one .other-anniu {
  width: 50%;
  position: absolute;
  right: 0;
  bottom: 15%;
  padding-left: 120px;
}

.news-one .other-anniu .wha {
  position: relative;
}

.news-one .other-anniu .current-su {
  font-size: 14px;
  color: #999999;
  position: absolute;
  left: 0;
  bottom: 15%;
  margin-bottom: 12px;
}

.news-one .other-anniu .total-su {
  font-size: 14px;
  color: #999999;
  position: absolute;
  right: 140px;
  bottom: 15%;
  margin-bottom: 12px;
}

.news-ol li {
  margin-bottom: 40px;
  position: relative;
}

.news-ol li::after {
  content: '';
  width: 10px;
  height: 21px;
  background: url("blue_icon1.png")/*tpa=https://www.yxc.hk/cn/images/blue_icon1.png*/ no-repeat center;
  position: absolute;
  right: 5%;
  top: 50%;
  margin-top: -11px;
}

.news-ol li a {
  display: flex;
  background-color: #f8fafd;
}

.news-ol li .pic {
  display: inline-block;
  vertical-align: middle;
  width: 26.5%;
  overflow: hidden;
}

.news-ol li .pic span {
  display: block;
  padding-bottom: 66.75%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: all .5s;
}

.news-ol li .text {
  display: table;
  width: 70%;
  padding: 0 9% 0 5%;
}

.news-ol li .time {
  padding: 10px;
  background-color: #1685da;
  font-size: 14px;
  color: #ffffff;
  float: left;
}

.news-ol li .time span {
  display: block;
  font-size: 32px;
}

.news-ol li .title {
  margin: 20px 0;
  font-size: 24px;
  color: #333333;
}

.news-ol li .Intro {
  line-height: 30px;
  font-size: 16px;
  color: #999999;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.news-ol li :hover .pic span {
  background-color: #1685da;
  transform: scale(1.1);
}

.news-ol li :hover:hover .title {
  color: #1685da;
}

@media(max-width:1024px) {

  .news-one .other-anniu,
  .news-one .itme .text {
    padding-left: 60px;
    padding-bottom: 30px;
  }

  .news-one .other-anniu,
  .news-one .itme .text {
    bottom: -15px;
  }

  .news-one .itme .text .title {
    font-size: 28px;
  }
}

@media(max-width:640px) {
  .news-list {
    margin: 30px auto;
  }

  .news-list .Tnews {
    font-size: 28px;
  }

  .news-one {
    margin: 30px 0;
  }

  .news-one .itme a {
    display: block;
  }

  .news-one .itme .pic {
    width: 100%;
  }

  .news-one .itme .text {
    width: 100%;
    padding: 2%;
  }

  .news-one .itme .text .title {
    font-size: 24px;
  }

  .news-one .other-anniu {
    position: relative;
    bottom: 0;
    width: 100%;
    margin-top: 35px;
    padding: 0;
  }

  .news-ol li {
    margin-bottom: 20px;
  }

  .news-ol li a {
    display: block;
  }

  .news-ol li .title {
    font-size: 18px;
    margin: 10px 0;
  }

  .news-ol li .pic {
    width: 100%;
    overflow: hidden;
  }

  .news-ol li .text {
    padding: 2%;
    display: block;
    width: 100%;
  }

  .news-ol li::after {
    top: 58%;
  }
}



/* 单篇 */
.Single {
  min-height: 100px;
  margin-bottom: 20px;
}



.tuijian {
  height: 35px;
  line-height: 35px;
  text-indent: 15px;
  background: #eee;
  color: #666;
  font-size: 18px;
  border-left: 3px solid #0293d2;
  padding-right: 20px;
  display: inline-block;
  margin: 20px 0;

}

li.lie a {
  font-size: 18px;
  font-weight: bold;
  color: #0293d2;
  width: 45%;
  float: left;
  margin: 10px 0;
  padding-left: 20px;
  margin-right: 20px;
}



.arPrev .pre {
  width: 50%;
  float: left;
  padding-left: 30px;
  position: relative;
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.arPrev .pre:before {
  content: "";
  width: 10px;
  height: 10px;
  border-left: 1px solid #74797d;
  border-bottom: 1px solid #74797d;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: 5px;
  margin-top: -5px;
}

.arPrev .nex {
  width: 50%;
  float: right;
  text-align: right;
  padding-right: 30px;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.arPrev.wow.fadeInUp.animated {
  margin: 20px 0;
  margin-bottom: 60px;
}


span.pre a {
  color: #1685da;
  font-size:15px;
}


span.nex a {
  color: #1685da;
  font-size:15px;
}

.arPrev .nex:before {
  content: "";
  width: 10px;
  height: 10px;
  border-right: 1px solid #74797d;
  border-bottom: 1px solid #74797d;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-right: 5px;
  margin-top: -5px;
}


.Intro.dot2 {
  color: #000;
  width: 100%;
  height: auto;
  line-height: 24px;
  overflow: hidden;
  font-size: 14px;
  color: #666;
  margin-top: 10px;
  font-weight: 400;
}

li.lie a:before {
  content: '';
  position: absolute;
  color: #0293d2;
  width: 8px;
  height: 8px;
  border-radius: 50px;
  /* display: flex; */
  /* align-items: center; */
  background: #0293d2;
  margin: 7px 0;
  /* padding-right: 19px; */
  margin-left: -20px;
}


.Single-Intro {
  color: #999999;
  line-height: 28px;
  text-align: center;
}

.Single-Intro .Tnews {
  text-align: center;
  line-height: 40px;
  font-size: 38px;
  color: #333333;
}

.Single-Intro .Tnews::after {
  content: '';
  display: block;
  width: 1em;
  height: 2px;
  background-color: #1685da;
  margin: 25px auto;
}

.Single-Intro .Teshu {
  color: #000000;
}

.Single-Intro .wenb {
  margin: 0 auto;
  max-width: 1200px;
}

.Single .oli {
  font-size: 24px;
  color: #333333;
}

.Single .oli::after {
  content: '';
  display: block;
  width: 1em;
  height: 2px;
  background-color: #1685da;
  margin: 15px 0;
}

@media(max-width:640px) {
  .Single-Intro .Tnews {
    font-size: 28px;
  }

  .Single-Intro .Tnews::after {
    margin: 15px auto;
  }

  .arPrev .pre {
    width: 40%;
    float: left;
  }


  .arPrev .nex {
    width: 40%;
    float: right;
  }
}


/* 公司介绍 */
.about-box .Tnews {
  text-align: center;
  font-size: 38px;
  color: #333333;
}

.about-box .Tnews::after {
  content: '';
  display: block;
  width: 1em;
  height: 2px;
  background-color: #1685da;
  margin: 25px auto;
}

.about-one {
  margin-top: 70px;
  line-height: 36px;
  color: #666666;
}

.about-one .oli {
  padding-top: 50px;
}

.about-one .video-shell {
  margin-left: 90px;
}

.about-one .video-shell a {
  cursor: pointer;
  display: block;
  position: relative;
}

.about-one .video-shell a::after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -35px;
  margin-top: -35px;
  content: '';
  display: block;
  background: url("video-icon.png")/*tpa=https://www.yxc.hk/cn/images/video-icon.png*/ no-repeat center;
  background-size: contain;
  width: 70px;
  height: 70px;
  border-radius: 50%;
}

.about-huob-text {
  line-height: 36px;
  color: #666666;
}

.about-huob {
  margin: 30px auto;
  position: relative;
  padding: 0 60px;
  display: block;
}

.about-huob .swiper-container {
  border: solid 1px #e5e5e5;
  max-width: 1200px;
  margin: 0 auto;
  border-radius: 20px;
  overflow: hidden;
}

.about-huob .itme {
  padding: 15px 0;
  border-right: solid 1px #e5e5e5;
}

.about-huob .itme span {
  display: block;
  padding-bottom: 40%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.about-huob .swiper-button-prev {
  left: 60px;
}

.about-huob .swiper-button-next {
  right: 60px;
}

.about-two {
  margin: 50px auto;
  line-height: 36px;
  color: #666666;
}

.about-two .culture_tu {
  margin-top: 50px;
}

.about-two .itme {
  width: 50%;
  float: left;
  position: relative;
  display: flex;
}

.about-two .itme .pic {
  width: 50%;
  overflow: hidden;
}

.about-two .itme .text {
  position: relative;
  background: #f7f7f7;
  font-size: 18px;
  line-height: 28px;
  color: #999999;
  display: table;
  width: 50%;
  text-align: center;
  z-index: 3;
}

.about-two .itme .pic span {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 75%;
  display: block;
  transition: all .5s;
}

.about-two .itme .Timu {
  text-align: center;
  font-size: 24px;
  color: #333333;
}

.about-two .itme .Timu::after {
  content: '';
  display: block;
  width: 1em;
  height: 2px;
  background-color: #1685da;
  margin: 15px auto;
}

.about-two .itme .text::after {
  content: '';
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: -10px;
  top: 50%;
  margin-top: -10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #f7f7f7;
}

.about-two .list-oi:nth-child(2n) .itme {
  direction: rtl;
}

.about-two .list-oi:nth-child(2n) .itme .text {
  direction: ltr;
}

.about-two .list-oi:nth-child(2n) .itme .text::after {
  left: auto;
  right: -10px;
  border-right: none;
  border-left: 10px solid #f7f7f7;
}

.about-two .itme:hover .pic span {
  transform: scale(1.1);
}

@media(max-width:1440px) {

  .about-one,
  .about-huob-text {
    line-height: 33px;
  }

  .about-one .video-shell {
    margin-left: 40px;
    width: 50%;
  }

  .about-huob .swiper-button-prev {
    left: 10px;
  }

  .about-huob .swiper-button-next {
    right: 10px;
  }
}

@media(max-width:1366px) {

  .about-one,
  .about-huob-text {
    line-height: 30px;
  }

  .about-one .oli {
    padding-top: 30px;
  }

  .about-one .video-shell {
    margin-left: 40px;
    width: 50%;
  }
}

@media(max-width:1024px) {
  .qinc {
    line-height: 15px;
  }

  .about-one .video-shell a::after {
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
  }

  .about-huob .swiper-button-prev {
    left: 0;
  }

  .about-huob .swiper-button-next {
    right: 0;
  }

  .about-two .itme .text {
    font-size: 16px;
  }

  .about-two .itme .Timu {
    font-size: 20px;
  }

  .about-two .itme .Timu::after {
    margin: 10px auto;
  }
}

@media(max-width:640px) {
  .about-one {
    margin-top: 30px;
  }

  .about-one .oli {
    padding-top: 0;
  }

  .about-one .video-shell {
    margin-left: 20px;
  }

  .qinc {
    line-height: 10px;
  }

  .about-one .video-shell a::after {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
  }

  .about-huob {
    padding: 0 30px;
    margin: 20px 0;
  }

  .about-huob .swiper-container {
    border-radius: 10px;
  }

  .about-huob .Aniu_style {
    width: 30px;
    height: 30px;
    margin-top: -15px;
  }

  .about-two {
    margin: 30px auto;
  }

  .about-two .culture_tu {
    margin-top: 20px;
  }

  .about-box .Tnews {
    font-size: 28px;
  }

  .about-two .itme {
    width: 100%;
  }

  .about-two .itme .Timu {
    font-size: 18px;
  }

  .about-two .itme .Timu::after {
    margin: 5px auto;
  }

  .about-two .itme .text {
    font-size: 14px;
  }

  .about-two .list-oi:nth-child(2n) .itme {
    direction: ltr;
  }

  .about-two .list-oi:nth-child(2n) .itme:nth-child(2n),
  .about-two .itme:nth-child(2n) {
    direction: rtl;
  }

  .about-two .list-oi:nth-child(2n) .itme:nth-child(1) .text::after,
  .about-two .itme .text::after {
    left: -10px;
    right: auto;
    border-left: none;
    border-right: 10px solid #f7f7f7;
  }

  .about-two .list-oi:nth-child(2n) .itme:nth-child(2) .text::after,
  .about-two .itme:nth-child(2n) .text::after {
    left: auto;
    right: -10px;
    border-right: none;
    border-left: 10px solid #f7f7f7;
  }
}


/* 发展历程 */
.course-box {
  margin: 30px auto;
  margin-bottom: 0;
}

.course-Intro {
  margin-bottom: 0px;
  color: #666666;
  line-height: 28px;
  text-align: center;
}

.course-Intro .Tnews {
  text-align: center;
  font-size: 38px;
  line-height: 38px;
  color: #333333;
}

.course-Intro .Tnews::after {
  content: '';
  display: block;
  width: 1em;
  height: 2px;
  background-color: #1685da;
  margin: 25px auto 0;
}

.course-Intro .tishi {
  margin: 20px 0;
  font-size: 24px;
  color: #1685da;
}

.course-list {
  position: relative;
  text-align: center;
  overflow: hidden;
}

.course-list .itme {
  width: 100%;
  display: flex;
  margin-bottom: 12.5%;
}

.course-list .itme.hide {
  display: none;
}

.course-list .itme .text {
  color: #999999;
  line-height: 28px;
  width: 40%;
  display: table;
  text-align: right;
}

.course-list .itme .text .title {
  margin-bottom: 10px;
  font-size: 24px;
  color: #333333;
}

.course-list .itme .pic {
  width: 39%;
  text-align: left;
}

.course-list .itme .time {
  width: 20%;
  display: table;
}

.course-list .itme .time .yuang {
  display: inline-block;
  vertical-align: middle;
  padding: 30px;
  background-color: #fff;
}

.course-list .itme .time span {
  font-size: 20px;
  color: #1685da;
  border: solid 2px #1685da;
  text-align: center;
  display: inline-block;
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 50%;
}

.course-list .itme:nth-child(2n) {
  direction: rtl;
}

.course-list .itme:nth-child(2n) .pic {
  text-align: right;
}

.course-list .itme:nth-child(2n) .text {
  direction: ltr;
  text-align: left;
}

.course-list::after {
  content: '';
  display: block;
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -1px;
  width: 2px;
  height: calc(100% - 50px);
  background-color: #1685da;
  z-index: -1;
}

.course-con .but-more {
  cursor: pointer;
  margin: 30px auto 0;
  font-size: 24px;
  color: #1685da;
  border: solid 2px #1685da;
  text-align: center;
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 50%;
}

@media(max-width:640px) {
  .course-box {
    margin: 50px auto;
  }

  .course-Intro {
    font-size: 13px;
    margin-bottom: 30px;
  }

  .course-Intro .Tnews {
    font-size: 28px;
  }

  .course-Intro .Tnews::after {
    margin: 20px auto;
  }

  .course-Intro .tishi {
    margin: 10px auto;
    font-size: 18px;
  }

  .course-list .itme .time span {
    font-size: 12px;
    width: 65px;
    height: 65px;
    line-height: 65px;
  }

  .course-list .itme .time .yuang {
    padding: 10px;
  }

  .course-list .itme .text {
    font-size: 12px;
    line-height: 25px;
  }

  .course-list .itme .text .title {
    margin-bottom: 10px;
    font-size: 16px;
  }

  .course-con .but-more {
    margin-top: 20px;
    font-size: 15px;
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
}


li.lie a {


  width: 100%;
}


/* 荣誉证书 */
.honor-box {
  margin: 70px auto;
}

.honor-box .honor-one {
  margin-bottom: 70px;
}

.honor-box .Tnews {
  text-align: center;
  font-size: 38px;
  color: #333333;
}

.honor-box .Tnews::after {
  content: '';
  display: block;
  width: 1em;
  height: 2px;
  background-color: #1685da;
  margin: 25px auto;
}

.honor-box .list-shell {
  position: relative;
  margin-top: 50px;
}

.honor-box .list-shell .itme {
  text-align: center;
}

.honor-box .list-shell .itme .pic {
  height: 212px;
  display: table;
  width: 100%;
}

.pic img {
  max-height: 180px;

}

.honor-box .list-shell .itme .pic a {
  display: table-cell;
  vertical-align: bottom;
}

.honor-box .list-shell .itme .pic span {
  padding: 10px;
  display: inline-block;
  background: #ededed;
  border: solid 1px #e5e5e5;
  box-shadow: 5px 0 10px rgba(0, 0, 0, .3);
}

.honor-box .list-shell .itme .minc {
  margin: 35px auto;
  color: #666666;
}

.honor-box .swiper-container {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
}

.honor-box .swiper-container .back {
  position: absolute;
  left: 0;
  height: 83px;
  width: 100%;
  background: url("honr-back.png")/*tpa=https://www.yxc.hk/cn/images/honr-back.png*/ no-repeat center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.honor-box .swiper-container .back1 {
  top: 215px;
}

.honor-box .swiper-container .back2 {
  bottom: 4px;
}

.honor-box .list-shell .swiper-button-prev {
  background: #fff url("more_icon2.png")/*tpa=https://www.yxc.hk/cn/images/more_icon2.png*/ no-repeat center;
  transform: rotate(180deg);
}

.honor-box .list-shell .swiper-button-next {
  background: #fff url("more_icon2.png")/*tpa=https://www.yxc.hk/cn/images/more_icon2.png*/ no-repeat center;
}

.honor-box .list-shell .swiper-button-next,
.honor-box .list-shell .swiper-button-prev {
  width: 40px;
  height: 40px;
  background-size: 6px;
  border: solid 2px #1685da;
  border-radius: 50%;
}

.honor-box .list-shell .swiper-button-next:hover,
.honor-box .list-shell .swiper-button-prev:hover {
  background: #1685da url("more_icon.png")/*tpa=https://www.yxc.hk/cn/images/more_icon.png*/ no-repeat center;
}

.honor-box .list-shell .swiper-button-next:hover {
  background: #1685da url("more_icon.png")/*tpa=https://www.yxc.hk/cn/images/more_icon.png*/ no-repeat center;
}

@media(max-width:640px) {
  .honor-box .Tnews {
    font-size: 28px;
  }

  .honor-box .list-shell {
    margin-top: 30px;
  }

  .honor-box .list-shell .itme .minc {
    margin: 25px auto;
  }

  .honor-box .swiper-container .back {
    height: 65px;
    background-size: 100% 100%;
  }
}


/* 合作伙伴 */
.Partner-box {
  margin: 70px auto;
}

.Partner-box .Tnews {
  text-align: center;
  font-size: 38px;
  color: #333333;
}

.Partner-box .Tnews::after {
  content: '';
  display: block;
  width: 1em;
  height: 2px;
  background-color: #1685da;
  margin: 25px auto;
}

.Partner-list .itme {
  margin-bottom: 50px;
  text-align: center;
  color: #333333;
  width: 23.5%;
  float: left;
  margin-right: 2%;
}

.Partner-list .itme .pic {
  margin-bottom: 20px;
  border: solid 1px #e5e5e5;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.Partner-list .itme .pic span {
  display: block;
  padding-bottom: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: all .5s;
}

.Partner-list .itme:nth-child(4n) {
  margin-right: 0;
}

.Partner-list .itme:hover .pic {
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

.Partner-list .itme:hover .pic span {
  transform: scale(1.1);
}

@media(max-width:640px) {
  .Partner-box .Tnews {
    font-size: 28px;
  }

  .Partner-box {
    margin: 40px auto;
  }

  .Partner-list {
    margin-bottom: 20px;
    overflow: hidden;
  }

  .Partner-list .itme {
    width: 48%;
    margin-bottom: 20px;
  }

  .Partner-list .itme .pic {
    margin-bottom: 10px;
  }

  .Partner-list .itme .tilte {
    line-height: 25px;
  }

  .Partner-list .itme:nth-child(2n) {
    margin-right: 0;
  }
}



/* 联系我们 */
.contact-box {
  margin-bottom: 10px;
}

.contact-box .Tnews {
  text-align: center;
  font-size: 38px;
  color: #333333;
}

.contact-box .Tnews::after {
  content: '';
  display: block;
  width: 1em;
  height: 2px;
  background-color: #1685da;
  margin: 25px auto;
}

.contact-con .wenzi {
  margin-bottom: 10px;
  color: #999999;
  line-height: 28px;
}

.contact-con .coa {
  font-size: 24px;
  color: #1685da;
}

.list-contact .list-l {
  width: calc(100% - 380px);
  float: left;
}

.list-contact .list-l .icon2 span {
  display: block;
  width: 20px;
  height: 20px;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.list-contact .list-l .itme {
  margin: 27px 10px;
  width: calc(33.33% - 20px);
  float: left;
  padding: 20px;
  box-sizing: border-box;
  background-color: #f8fafd;
  border-radius: 10px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.list-contact .list-l .itme:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.list-contact .list-l .itme.attr-zb {
  width: calc(66.66% - 20px);
}

.list-contact .list-l .small-zi {
  font-size: 14px;
  line-height: 25px;
  color: #999999;
}

.list-contact .list-l .tis {
  line-height: 25px;
  color: #333;
}

.list-contact .list-l .icon2.Tel-icon span {
  background-image: url("contact-icon1.png")/*tpa=https://www.yxc.hk/cn/images/contact-icon1.png*/;
}

.list-contact .list-l .icon2.Tel-icon2 span {
  background-image: url("contact-icon2.png")/*tpa=https://www.yxc.hk/cn/images/contact-icon2.png*/;
}

.list-contact .list-l .icon2.qq-icon span {
  background-image: url("contact-icon3.png")/*tpa=https://www.yxc.hk/cn/images/contact-icon3.png*/;
}

.list-contact .list-l .icon2.mail-icon span {
  background-image: url("contact-icon4.png")/*tpa=https://www.yxc.hk/cn/images/contact-icon4.png*/;
}

.list-contact .list-l .icon2.attr-icon span {
  background-image: url("contact-icon5.png")/*tpa=https://www.yxc.hk/cn/images/contact-icon5.png*/;
}

.list-contact .pic {
  display: table;
  width: 360px;
  float: right;
  height: 360px;
  background: url("contact-back.jpg")/*tpa=https://www.yxc.hk/cn/images/contact-back.jpg*/ no-repeat center;
}

.list-contact .pic .wenben {
  line-height: 25px;
  font-size: 15px;
  padding: 40px;
  color: #fff;
  display: table-cell;
  vertical-align: bottom;
}

.list-contact .pic .Tsa {
  font-size: 24px;
  margin-bottom: 20px;
}

.list-contact .pic .Tsa::before {
  content: '';
  display: block;
  width: 1em;
  height: 2px;
  background-color: #fff;
  margin-bottom: 20px;
}

.contact-lixi {
  margin: 40px auto;
  display: flex;
}

.contact-lixi .itme {
  padding: 20px;
  background-color: #f8fafd;
  width: 31%;
  float: left;
  margin-right: 3%;
  border-radius: 10px;
}

.contact-lixi .itme * {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.contact-lixi .itme:hover>* {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.contact-lixi .itme:nth-child(3n) {
  margin-right: 0;
}

.contact-lixi .small-zi {
  line-height: 25px;
  font-size: 14px;
  color: #999999;
}

.contact-lixi .coa {
  margin-bottom: 15px;
  line-height: 25px;
  font-size: 18px;
  color: #333333;
}

.contact-lixi .icon2 {
  margin: 10px 0;
  line-height: 25px;
  display: block;
  background-size: 18px !important;
  background-position: left 3px !important;
  background-repeat: no-repeat !important;
  padding-left: 25px;
}

.contact-lixi .tel-icon {
  background-image: url("contact-icon2.png")/*tpa=https://www.yxc.hk/cn/images/contact-icon2.png*/;
}

.contact-lixi .fax-icon {
  background-image: url("contact-icon6.png")/*tpa=https://www.yxc.hk/cn/images/contact-icon6.png*/;
}

.contact-lixi .attr-icon {
  background-image: url("contact-icon5.png")/*tpa=https://www.yxc.hk/cn/images/contact-icon5.png*/;
  background-size: 16px !important;
}

.map-box #map {
  width: 100%;
  height: 400px;
}

@media(max-width:768px) {
  .list-contact .list-l .itme {
    width: calc(50% - 20px);
    margin: 10px 10px;
  }

  .list-contact .list-l .itme.attr-zb {
    width: calc(100% - 20px);
  }

  .contact-lixi {
    margin: 50px auto 30px;
  }

  .contact-lixi .itme {
    margin-bottom: 20px;
    padding: 30px;
    width: 100%;
  }
}

@media(max-width:640px) {
  .contact-box {
    margin-bottom: 50px;
  }

  .contact-box .Tnews {
    font-size: 28px;
  }

  .list-contact .list-l {
    width: 100%;
  }

  .list-contact .pic {
    width: 100%;
    background-size: cover;
    height: auto;
  }
}


/* 在线留言 */
.Online-Intro {
  margin-bottom: 50px;
  color: #999999;
  line-height: 28px;
  text-align: center;
}

.Online-Intro .Tnews {
  text-align: center;
  line-height: 40px;
  font-size: 38px;
  color: #333333;
}

.Online-Intro .Tnews::after {
  content: '';
  display: block;
  width: 1em;
  height: 2px;
  background-color: #1685da;
  margin: 25px auto;
}

.Online-Intro .Teshu {
  color: #000000;
}

.Online-form {
  margin-top: 80px;
}

.Online-form .oua {
  margin: 5px 0;
  line-height: 30px;
  font-size: 18px;
  color: #333333;
}

.Online-form .oua::before {
  margin-right: 10px;
  background-color: #1685da;
  content: '';
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
}

.Online-form .oua span {
  display: inline-block;
  vertical-align: middle;
}

.Online-form .wli22 {
  width: 22%;
  margin-right: 3%;
}

.Online-form .wli22:nth-child(4) {
  margin-right: 0;
}

.Online-form .wli100 {
  width: 100%;
}

.Online-form .spacing_50 {
  margin: 50px auto;
}

.Online-form .input-select {
  background-color: #f8fafd;
  position: relative;
  border-radius: 6px;
}

.Online-form .input-select .red {
  position: absolute;
  right: 3%;
  line-height: 55px;
  height: 100%;
}

.Online-form .input-select select {
  font-family: '微软雅黑';
  font-size: 16px;
  color: #999999;
  width: 100%;
  line-height: 50px;
  padding: 0 25px;
  padding-right: 45px;
  background: url("arrow.png")/*tpa=https://www.yxc.hk/cn/images/arrow.png*/ no-repeat scroll 92% center transparent;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.Online-form .input-select select::-ms-expand {
  display: none;
  background: none;
}

.Online-form .red {
  color: red;
  position: relative;
  margin-top: -10px;
}

.Online-form .input-text {
  line-height: 50px;
  background-color: #f8fafd;
  position: relative;
  border-radius: 6px;
}

.Online-form .input-text input {
  color: #999999;
  font-family: '微软雅黑';
  font-size: 16px;
  line-height: 50px;
  height: 50px;
  padding: 0 25px;
  width: calc(100% - 20px);
}

.Online-form .textarea-text {
  padding: 20px 25px;
  background-color: #f8fafd;
  position: relative;
  border-radius: 6px;
}

.Online-form .textarea-text textarea {
  color: #999999;
  font-family: '微软雅黑';
  font-size: 16px;
  height: 150px;
}

.Online-form input::-webkit-input-placeholder,
.Online-form textarea::-webkit-input-placeholder {
  color: #999999;
}

.Online-form input:-ms-input-placeholder,
.Online-form textarea:-ms-input-placeholder {
  color: #999999;
}

.Online-form input::placeholder,
.Online-form textarea::placeholder {
  color: #999999;
}

@media(max-width:640px) {
  .Online-form {
    margin-top: 40px;
  }

  .Online-Intro {
    font-size: 15px;
  }

  .Online-Intro .Tnews {
    font-size: 28px;
  }

  .Online-Intro .Tnews::after {
    margin: 10px auto;
  }

  .Online-form .wli22 {
    margin-bottom: 20px;
    width: 100%;
    margin-right: 0;
  }

  .Online-form .wli100 {
    width: 100%;
  }

  .Online-form .spacing_50 {
    margin-top: 0;
    margin-bottom: 20px;
  }
}



/* 团队风采 */
.list-Team {
  margin-top: 60px;
}

.list-Team li {
  width: 31.5%;
  margin-right: 2.66%;
  float: left;
  margin-bottom: 2.66%;
}

.list-Team li:nth-child(3n) {
  margin-right: 0;
}

.list-Team li .pic {
  overflow: hidden;
}

.list-Team li .pic span {
  display: block;
  padding-bottom: 75%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: all .5s;
}

.list-Team li .minc {
  text-align: center;
  font-size: 20px;
  color: #666666;
  line-height: 30px;
  padding: 10px;
}

.list-Team li :hover .pic span {
  background-color: #1685da;
  transform: scale(1.1);
}

@media(max-width:640px) {
  .list-Team {
    margin-top: 30px;
  }

  .list-Team li:nth-child(3n),
  .list-Team li {
    width: 49%;
    margin-right: 2%;
    float: left;
    margin-bottom: 2%;
  }

  .list-Team li:nth-child(2n) {
    margin-right: 0;
  }

  .list-Team li .minc {
    font-size: 16px;
    padding: 5px 0;
  }
}



/* 人才培养 */
.Talent-box .Tnews {
  text-align: center;
  line-height: 40px;
  font-size: 38px;
  color: #333333;
}

.Talent-box .Tnews::after {
  content: '';
  display: block;
  width: 1em;
  height: 2px;
  background-color: #1685da;
  margin: 25px auto;
}

.Talent-Intro {
  margin-top: 70px;
}

.Talent-Intro .text-lo {
  width: 50%;
  float: left;
  padding-right: 60px;
  color: #333333;
  line-height: 26px;
}

.Talent-Intro .text-ro {
  width: 50%;
  float: right;
}

.Talent-Intro .text-ro dl {
  font-weight: bold;
  margin-bottom: 20px;
  display: flex;
  text-align: center;
}

.Talent-Intro .text-ro dt {
  position: relative;
  padding: 50px 0;
  margin-right: 5px;
  width: 35%;
  background-color: #1685da;
  float: left;
  font-size: 24px;
  color: #ffffff;
}

.Talent-Intro .text-ro dd {
  padding: 50px 0;
  margin-right: 5px;
  width: 25%;
  font-size: 20px;
  color: #333333;
  background-color: #f7f8fc;
  float: left;
}

.Talent-Intro .text-ro dt::after {
  content: '';
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  right: -8px;
  top: 50%;
  margin-top: -8px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #1685da;
}

.Talent-box .Tshizy {
  margin-top: 90px;
  overflow: hidden;
  width: 100%;
  float: left;
}

.Talent-box .Tshizy li {
  width: 50%;
  float: left;
  color: #333333;
}

.Talent-box .Tshizy li:nth-child(1) {
  padding-right: 60px;
}

.Talent-box .Tshizy h4 {
  margin-bottom: 25px;
  font-weight: 500;
  font-size: 20px;
  color: #1685da;
}

@media(max-width:1024px) {

  .Talent-box .Tshizy li:nth-child(1),
  .Talent-Intro .text-lo {
    padding-right: 30px;
  }

  .Talent-Intro .text-ro dt {
    padding: 40px 0;
    font-size: 20px;
  }

  .Talent-Intro .text-ro dd {
    padding: 40px 0;
    font-size: 18px;
  }

  .Talent-box .Tshizy {
    margin-top: 30px;
  }
}

@media(max-width:768px) {
  .Talent-Intro {
    margin-top: 40px;
  }

  .Talent-Intro .text-lo {
    margin-bottom: 30px;
    width: 100%;
    padding-right: 0;
  }

  .Talent-Intro .text-ro {
    width: 100%;
  }
}

@media(max-width:640px) {
  .Talent-box .Tnews {
    font-size: 28px;
  }

  .Talent-box .Tnews::after {
    margin: 15px auto;
  }

  .Talent-Intro {
    margin-top: 30px;
  }

  .Talent-Intro .text-ro dt {
    padding: 25px 0;
    font-size: 16px;
  }

  .Talent-Intro .text-ro dd {
    padding: 25px 0;
    font-size: 14px;
  }

  .Talent-box .Tshizy li {
    width: 100%;
  }

  .Talent-box .Tshizy li:nth-child(1),
  .Talent-Intro .text-lo {
    padding-right: 0;
  }
}

/* 职员发展 */
.Staff-box .Tnews {
  line-height: 40px;
  font-size: 38px;
  color: #333333;
}

.Staff-box .Tnews::after {
  content: '';
  display: block;
  width: 1em;
  height: 2px;
  background-color: #1685da;
  margin: 20px 0;
}

.Staff-Intro {
  padding: 100px 60px 100px 100px;
  background-color: #f7f8fc;
}

.Staff-lo {
  padding-top: 50px;
  width: 50%;
  float: left;
}

.Staff-lo .wenzi {
  line-height: 30px;
}

.Staff-ro {
  padding-left: 60px;
  text-align: right;
  width: 50%;
  float: left;
}

@media(max-width:1024px) {
  .Staff-box .Tnews {
    font-size: 35px;
  }

  .Staff-Intro {
    padding: 80px 50px;
  }

  .Staff-lo {
    padding-top: 0;
  }
}

@media(max-width:768px) {
  .Staff-Intro {
    padding: 50px;
  }

  .Staff-lo {
    width: 100%;
  }

  .Staff-ro {
    margin-top: 20px;
    text-align: left;
    padding-left: 0;
    width: 100%;
  }
}

@media(max-width:768px) {
  .Staff-box .Tnews {
    font-size: 28px;
  }
}



/* 福利待遇 */
.Welfare-wenb {
  max-width: 1366px;
  margin: 0 auto;
}

.Welfare-list {
  margin-top: 70px;
  display: flex;
}

.Welfare-list .itme {
  color: #333333;
  line-height: 25px;
  width: 23%;
  margin-right: 2%;
  background: #f7f8fc;
  padding: 50px 6% 50px 40px;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}

.Welfare-list .itme h4 {
  font-size: 24px;
  color: #1685da;
  margin-bottom: 10px;
}

.Welfare-list .itme:last-child {
  margin-right: 0;
}

.Welfare-list .itme .icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 29.25555%;
}

.Welfare-list .itme .wenb span {
  display: inline-block;
  vertical-align: middle;
}

@media(max-width:768px) {
  .Welfare-list {
    display: block;
  }

  .Welfare-list .itme {
    width: 48%;
    margin-right: 2%;
    margin-bottom: 20px;
    float: left;
  }

  .Welfare-list .itme:nth-child(2n) {
    margin-right: 0;
    float: right;
  }

  .Welfare-list .itme .icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 20%;
  }

  .Welfare-list .itme .wenb {
    min-height: 80px;
  }
}

@media(max-width:640px) {
  .Welfare-list .itme {
    padding: 30px;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    float: left;
  }

  .Welfare-list .itme .wenb {
    min-height: 0;
  }
}


/* 文化展示 */
.Culture-con {
  margin-top: 50px;
  line-height: 26px;
}


/* 人才招聘 */
.Recruitment-box {
  margin: 70px auto 50px;
}

.Recruitment-box .Tnews {
  text-align: center;
  line-height: 40px;
  font-size: 38px;
  color: #333333;
}

.Recruitment-box .Tnews::after {
  content: '';
  display: block;
  width: 1em;
  height: 2px;
  background-color: #1685da;
  margin: 25px auto;
}

.Recruitment-list {
  margin: 50px auto;
}

.Recruitment-list .tishi {
  padding: 25px 0;
  color: #666666;
}

.Recruitment-list li:first-child {
  border-top: solid 1px #ebebeb
}

.Recruitment-list li {
  border-bottom: solid 1px #ebebeb
}

.Recruitment-list li .til {
  position: relative;
  cursor: pointer;
  padding: 25px;
  padding-right: 120px;
  font-size: 24px;
  color: #333333;
  transition: all .5s;
}

.Recruitment-list li .til::before {
  content: '';
  width: 2px;
  height: 15px;
  display: block;
  position: absolute;
  top: 50%;
  right: 55.5px;
  transform: translateY(-50%);
  transition: all .5s;
  background-color: #333;
}

.Recruitment-list li .til::after {
  content: '';
  width: 15px;
  height: 2px;
  display: block;
  position: absolute;
  top: 50%;
  right: 50px;
  transform: translateY(-50%);
  transition: all .5s;
  background-color: #333;
}

.Recruitment-list li.active .til,
.Recruitment-list li:hover .til {
  color: #fff;
  background-color: #1685da;
}

.Recruitment-list li:hover .til:before,
.Recruitment-list li:hover .til:after,
.Recruitment-list li.active .til::after {
  background-color: #fff;
}

.Recruitment-list li.active .til::before {
  opacity: 0;
}

.Recruitment-list .Recrui-con {
  line-height: 30px;
  padding: 30px 20px;
  display: none;
  color: #333333;
}

.Recruitment-list .Recrui-con strong {
  display: inline-block;
  padding-bottom: 10px;
  font-weight: 500;
  font-size: 20px;
}

.Recruitment-list .Recrui-con .blue {
  color: #1685da;
}

.Recruitment-list .Recrui-con .but {
  display: none;
}

.Recruitment-list .Recrui-con .but a {
  color: #fff;
  background-color: #1685da;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  width: 180px;
  line-height: 45px;
  border-radius: 50px;
}

.Recruitment-list .Recrui-con .but a em {
  margin-left: 10px;
  font-family: '黑体';
  font-weight: bold;
  font-style: normal;
}

@media(max-width:640px) {
  .Recruitment-box .Tnews {
    font-size: 28px;
  }

  .Recruitment-box .Tnews::after {
    margin: 15px auto;
  }

  .Recruitment-box {
    margin: 50px auto 30px;
  }

  .Recruitment-list li .til {
    font-size: 18px;
  }

  .Recruitment-list .Recrui-con strong {
    font-size: 17px;
  }
}




/* 样品申请 */
.list-tab{ max-width:96%; width:1000px; margin:0 auto; display:-webkit-flex; display:flex; flex-wrap: wrap; justify-content:space-between;}
.list-tab .item{ width:48%; border:solid 1px #888; margin-bottom:30px; display:-webkit-flex; display:flex; align-items:center;}
.list-tab .item i{ display:inline-block; vertical-align:middle; margin-right:.5em; color:red;}
.list-tab .item .name{ width:7em; padding:0 1em; text-align:left;}
.list-tab .item .input{ border-left:solid 1px #eee; width:calc(100% - 9em); padding:0 1em;}
.list-tab .item .input input{ width:100%; line-height:3.5;}
.list-tab .item .input input::placeholder{font-size: 12px;color: #888;}
.list-tab .but{ margin-top:20px; width:100%; display:-webkit-flex; display:flex; justify-content:center; align-items:center;}
.list-tab .but .btn_submit{ cursor:pointer; text-align:center;font-size:18px;background:#1685da;padding: 0 3em;color: #fff;line-height: 2.5;border-radius: 5px;overflow: hidden;font-weight: lighter;}


/* 搜索 */
.search-box {
  margin: 20px auto 50px;
}

.search-box .Tnews {
  text-align: center;
  line-height: 60px;
  font-size: 38px;
  color: #333333;
}

.search-box .Tnews::after {
  content: '';
  display: block;
  width: 1em;
  height: 2px;
  background-color: #1685da;
  margin: 25px auto;
}

.search-list {
  margin: 50px auto;
}

.search-list li {
  position: relative;
  padding: 0 20px;
  transition: all .5s;
  border-bottom: solid 1px #ebebeb;
  overflow: hidden;
}

.search-list li::after {
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: 0;
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  background-color: #ccc;
  border-radius: 50%;
}

.search-list li .title {
  padding: 30px 0;
  width: calc(100% - 100px);
  font-size: 18px;
  color: #000;
  float: left;
  transition: all .5s;
}

.search-list li .time {
  padding: 30px 0;
  color: #999;
  float: right;
}

.search-list li a:hover .title {
  color: #1685da;
}

.search-list table {
  max-width: 1200px;
  width: 100%;
  margin: auto;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.search-list table tr {
  border-bottom: 1px solid #ccc;
  text-align: center;
}

.search-list table tr th {
  width: 20%;
  font-size: 18px;
  font-weight: bold;
  border-right: 1px solid #ccc;
  height: 50px;
  background-color: transparent
}

.search-list table tr td {
  width: 20%;
  font-size: 16px;
  border-right: 1px solid #ccc;
  height: 50px;
}

.search-list table tr td a {
  color: #1685da;
}

input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px transparent inset !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-background-clip: text;

}

.home-con-three .form-box .input-su input:-internal-autofill-previewed,
.home-con-three .form-box .input-su input:-internal-autofill-selected {
  -webkit-text-fill-color: #fff !important;
}

@media(max-width:640px) {
  .search-list {
    overflow-y: hidden;
  }

  .search-list table {
    width: 1200px;
  }
}

.aside {
  width: 50px;
  position: fixed;
  right: 6px;
  top: 50%;
  border-radius: 5px;
  z-index: 4;
  border: 1px solid #F4F4F4;
  background-color: #fff;
  margin-top: -113px;
}

.aside ul li {
  display: block;
  width: 50px;
  height: 50px;
  margin-bottom: 6px;
  position: relative;
}

.aside ul li a {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}

.aside ul li a img:last-child {
  display: block;
}

.aside ul li a:hover img:first-child {
  display: none;
}

.aside ul li a:hover span {
  opacity: 1;
}

.aside ul li a:hover img:last-child {
  display: block;
}

.aside ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
  font-size: 14px;
}



.sub2 span {
  opacity: 1;
  padding: 0;
}


.aside ul li a>img {
  width: 32px;
  height: 32px;
  margin: 15px auto;
  display: block;
}

.sub img {
  max-width: 100%;
  margin: 0px 0;
}

.aside ul li a p {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  text-align: center;
}

.aside ul li .sub {
  display: block;
  position: absolute;
  width: 170px;
  height: auto;
  left: 50px;
  top: 50%;
  opacity: 0;
  transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: rgb(232, 244, 253, 0.78);
  font-size: 14px;
  padding: 5px;
  color: #999999;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border: 0px solid #F4F4F4;
  border-radius: 5px;
  box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 19%);
}

.sub3 {
  text-align: center;
}


.aside ul li.sub img {
  width: 100%;
}

.aside ul li:nth-child(4) .sub {
  background-color: rgb(232, 244, 253, 0.9);
  top: -60%;
  padding: 16px 25px;
  left: -0px;
  width: auto;
}

.aside ul li:nth-child(4):hover .sub {
  left: -193px;

}



.aside ul li:hover .sub {
  opacity: 1;
  left: -181px;
}

.sub p {
  line-height: 1.5;
}


element.style {}



.but_a {
  width: 120px;
  cursor: pointer;
  vertical-align: top;
  background: #1685da;
  color: #fff;
  height: 45px;
  font-size: 16px;
  line-height: 45px;
  text-align: center;
  display: inline-block;
  margin-top: 8px;
}

.sample-box .tabbox {
  width: 100%;
  height: auto;
}

.sample-box .tabbox .item {
  display: none;
  width: 100%;
}

.sample-box .tabbox .item.on {
  display: block;
}

.sample-form .wli50:nth-child(2n) {
  padding-left: 0;
}

.home-con-three .search-shell input {
  color: #000;
}

input::-webkit-input-placeholder {
  color: #888888;
}

/* 使用webkit内核的浏览器 */
input::-moz-placeholder {
  color: #888888;
}

/* Firefox版本4-18 */
input::-moz-placeholder {
  color: #888888;
}

/* Firefox版本19+ */
input::-ms-input-placeholder {
  color: #888888;
}

.top-box .top-text .top-search input,
.top-box:hover .top-text .top-search input {
  color: #888888;
}

.top-box .top-text .top-search input::-webkit-input-placeholder,
.top-box:hover .top-text .top-search input::-webkit-input-placeholder {
  color: #888888;
}

.top-box .top-text .top-search input::-moz-placeholder,
.top-box:hover .top-text .top-search input::-moz-placeholder {
  color: #888888;
}

.top-box .top-text .top-search input::-moz-placeholder,
.top-box:hover .top-text .top-search input::-moz-placeholder {
  color: #888888;
}

.top-box .top-text .top-search input::-ms-input-placeholder,
.top-box:hover .top-text .top-search input::-ms-input-placeholder {
  color: #888888;
}

.honor-box .list-shell .itme .pic a {
  vertical-align: middle;
}

.honor-box .list-shell .swiper-button-next,
.honor-box .list-shell .swiper-button-prev {
  outline: none;
}

.about-one .video-shell {
  z-index: 2;
  position: relative;
}

.Single_news {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.Single_news h2 {
  font-size: 24px;
  text-align: center;
  padding-top: 50px;
  margin-bottom: 10px;
  font-weight: normal;
}

.Single_news h5 {
  font-size: 16px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px dashed #e5e5e5;
  text-align: center;
  font-weight: normal;
}

.Single_news h5 span {
  margin: 0 5px;
}

.news-one-hide {
  display: none;
}

.w950 {
  width: 950px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}

.Represent-img .small-box {
  min-height: 60px;
}

.Represent-img .small-box .button-style {
  outline: none;
}

.Represent-Intro .consult_but a {
  margin-bottom: 20px;
  padding: 0;
  width: 48%;
}

.Represent-box .Represent-img .small-box {
  opacity: 0;
}

.aside ul li:first-child a {
  padding: 0px;
  box-sizing: border-box;
  font-size: 14px;
}

.aside ul li {
  position: relative;
}

.aside ul li:last-child:after {
  display: none;
}

.aside ul li:after {
  content: '';
  width: 30px;
  height: 1px;
  position: absolute;
  left: 55%;
  bottom: -10px;
  margin-left: -18px;
  background: #f0f0f0;
}

.aside ul li:hover .sub2 {
  left: -411px;
  bottom: -10px;
  opacity: 1;
  z-index: 1;
}

.aside ul li .sub2 {
  position: absolute;
  left: 50px;
  bottom: -8px;
  opacity: 0;
  z-index: -1;
  width: 400px;
  height: auto;
  background: rgb(232, 244, 253, 0.78);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.19);
  border-radius: 5px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.sub3:after {
  width: 1px;
  height: 90px;
  position: absolute;
  content: '';
  left: 13px;
  top: 36px;
  bottom: 18px;
  /* font-size: 27px; */
  background: rgb(84, 166, 232, 0.42);
  /* color: rgb(0 0 0 / 78%); */
  /* transform: rotate( 
90deg); */
  z-index: 9999;
}

.sub3:before {
  width: 1px;
  height: 90px;
  position: absolute;
  content: '';
  right: 13px;
  top: 36px;
  bottom: 18px;
  /* font-size: 27px; */
  background: rgb(84, 166, 232, 0.42);
  /* color: rgb(0 0 0 / 78%); */
  /* transform: rotate( 
90deg); */
  z-index: 9999;
}









.aside ul li:before {
  width: 20px;
  height: 20px;
  position: absolute;
  content: '▲';
  left: -11px;
  bottom: 15px;
  font-size: 27px;
  /* background: #000; */
  color: rgb(232, 244, 253, 0.78);
  transform: rotate(270deg);
  z-index: 2;
  opacity: 0;
  /* box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 19%); */
  content: '';
  /* position: relative; */
  border: 0.6rem solid #d8d8d8;
  border-color: rgb(232, 244, 253, 0.78) transparent transparent;
  width: 0;
  height: 0;

}


.aside ul li:first-child:before {

  display: none;

}


.aside ul li:hover:before {

  opacity: 1;


}

.aside ul li .sub2 h2 {
  height: 50px;
  line-height: 50px;
  font-size: 22px;
  color: #ffffff;
  background: #1685da;
  margin: 0;
  padding: 0 15px;
  font-weight: 200;
}

.aside ul li .sub2 form {
  padding: 0 15px;
  font-size: 16px;
}

.aside ul li .sub2 form p {
  color: #000000;
  margin: 15px 0 11px;
  font-size: 14px;
}

.aside span {
  padding: 0 10px;
  opacity: 0;
  position: absolute;
  top: 12px;
  /* margin: auto; */
  text-align: center;
  font-size: 15px;
  color: #999999;
  font-weight: bold;
}

.aside ul li .sub2 form p span {
  color: #d33030;
  top: 0px;
  padding: 0 10px;
  opacity: 1;
  position: initial;

  /* margin: auto; */
  text-align: center;

  font-weight: bold;
}

.aside ul li .sub2 form textarea {
  width: 100%;
  height: 90px;
  padding: 10px;
  box-sizing: border-box;
  color: #818181;
  font-size: 12px;
  line-height: 1.5;
  background: #fff;
  font-family: "微软雅黑" !important;
  border: 1px solid #e4e4e4;
}

.aside ul li .sub2 form input {
  width: 100%;
  height: 35px;
  padding: 10px;
  box-sizing: border-box;
  color: #818181;
  background: #fff;
  border: 1px solid #e4e4e4;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 1.5;
}

.aside ul li .sub2 form .btns {
  text-align: center;
  margin: 20px 0 25px;
}

.aside ul li .sub2 form .btns input {
  display: inline-block;
  width: 105px;
  height: 30px;
  background: #1685da;
  line-height: 30px;
  color: #fff;
  text-align: center;
  padding: 0;
  border-radius: 10px;
  border: none;
  margin: 0 30px;
  outline: none;
  font-size: 12px;
}

.Represent-box {
  padding: 70px 0 0;
}

.Represent-Intro .des-box .text {
  min-height: 150px;
}

.Represent-Intro2 {
  float: none;
  width: 100%;
}


@media (max-width: 1400px) {
  .Represent-box2 .Represent-img {
    width: 100%;
  }

  .Represent-box2 .Represent-Intro {
    width: 100%;
    margin-top: 40px;
  }
}

@media (max-width: 1000px) {
  .w950 {
    padding: 0 2%;
  }
}

.aside {
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.19);
  border-radius: 10px;
  font-family: "微软雅黑" !important;
}

@media (max-width: 768px) {
  .Represent-Intro .des-box .text {
    min-height: auto;
  }

  .aside ul li .sub2 {
    width: 300px;
  }

  .aside ul li:hover .sub2 {
    left: -310px;
  }

  .aside ul li .sub2 form .btns input {
    margin: 0 10px;
  }

  .tab-con img {
    height: auto !important;
  }

  .Represent-box {
    padding: 30px 0 0;
  }
}



/* 新页面 */

.mar70 .xincpaa .xincpaa-lve dl {
  display: flex;
  justify-content: center;
  flex-flow: wrap;
}

.mar70 .xincpaa .xincpaa-lve dl dd {
  background: #f8fafd;
  padding: 10px 20px;
  color: #000;
  border-radius: 10px;
  margin: 5px 8px;
}

.mar70 .xincpaa .xincpaa-lve dl .dot {
  color: #333;
}

.mar70 .xincpaa .xincpaa-lve dl .on {
  color: #fff;
  background-color: #1685da;
}

.mar70 .xincpaa .xincpaa-lve dl .on a {
  color: #fff;
}

.xinliebe {
  width: 100%;
  padding: 0;
  float: initial;
}

.xinliebe .itme {
  margin: auto;
  /* table-layout: fixed; */
  width: 100%;
  float: initial;
  max-width: initial;
  /* margin-bottom: 10px; */
  background: #fff;
  /* transition: all 0.5s;*/
}

.xinliebe .itme:nth-child(2n-1) {
  background-color: #f0f3fa;
}

.xinliebe .itme td {
  text-align: center;
}

.xinliebe .itme td a {
  display: inline-block;
}

tr.itme:hover {
  box-shadow: 0 0 15px rgb(0 0 0 / 55%);
  position: relative;
  z-index: 2;
  transform: translate(0, 0);
  zoom: 1;
}







.xinliebe .itme .title {
  color: #000;
  word-wrap: break-word;
  /*white-space: nowrap;*/
  padding: 0;
  word-break: normal;
  margin: 10px 0;
  max-height: initial;

}

.xinliebe .text.padd {
  display: none;
}

.mar70 .tablee ul {
  display: flex;
  table-layout: fixed;
}

.mar70 .tablee ul li {
  width: 100%;
  padding: 15px 0px;
  text-align: center;
  background: #1685da;
  color: #fff;
  border-right: 1px solid #efefef;
  font-size: 16px;
}

.mar70 .tablee {
  /* margin-top: 20px; */
  /* table-layout: fixed; */
  margin-bottom: 20px;
}

.mar70 .tablee .products-list .itme th {
  background: #1685da;
  color: #fff;
  padding: 8px 5px;
  font-size: 16px;
  font-weight: 500;
  border-right: 1px solid #f7f7f7;
  width: 9%;
}

/* .mar70 .tablee .products-list .itme th:first-child {
  width: 200px;
}
.mar70 .tablee .products-list .itme th:first-child img {
  max-width: 100px;
}
.mar70 .tablee .products-list .itme th:nth-child(4) {
  width: 250px;
} */

/* .mar70 .xiamain .products-list .itme th:first-child {width: 200px;display: block;} */
.mar70 .xiamain .itme th {
  background: #d3ddf6 !important;
}

.mar70 .xiamain .itme:nth-child(2n) th {
  background: #ebeffa !important;
}

/* .mar70 .xiamain .products-list .itme th:last-child{
  width: 123px;
} */
/* .mar70 .tablee .products-list .itme th:nth-child(8){
  width: 100px;    white-space: normal;
}.mar70 .tablee .products-list .itme th:nth-child(9){
  width: 90px;    white-space: normal;
} */
/* .mar70 .tablee .products-list .itme th:nth-child(8) .title{
  width: 100px;    white-space: normal;
}.mar70 .tablee .products-list .itme th:nth-child(9) .title{
  width: 90px;    white-space: normal;
} */
.mar70 .tablee .products-list .itme th .title {
  white-space: normal;
}

.products-list .itme .title .shenq {
  background: #1685da;
  padding: 10px 5px;
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  display: block;
  max-width: 80px;
  margin: auto;
}
.products-list .itme th.hot{position: relative;z-index: 10;}
.products-list .itme th.hot:before {
    position: absolute;
    content: '';
    left: 5px;
    top: 5px;
    height: 20px;
    width: 20px;
    background: url("hot.png")/*tpa=https://www.yxc.hk/cn/images/hot.png*/ no-repeat center;background-size: contain;
}

/*.mar70 .xiamain .products-list .itme th {width: 8%;    max-width: 10px;}*/

.mar70 .xiamain .products-list .itme th:first-child {
  width: 13%;
}

.mar70 .xiamain .products-list .itme th:first-child img {
  max-width: 67px;
}

.mar70 .xiamain .products-list .itme th:first-child {
  width: 13%;
}

.xinliebe .itme:first-child th {
  background: #1685da !important;
}

.xinliebe .itme:first-child:hover {

  box-shadow: none
}

.xinliebe .itme:hover th {
  position: relative;
}



.mar70 .xiamain .products-list .itme th:nth-child(4) {
  /*width: 17%;*/
}

.mar70 .xiamain .products-list .itme th:nth-child(9) {
  width: 10%;
}


@media screen and (max-width: 1330px) {
  .mar70 .xiamain .products-list .itme th:nth-child(4) {
    max-width: 0;
  }

  .mar70 .xincpaa .xincpaa-lve dl {
    flex-wrap: wrap;
  }

  .mar70 .xincpaa .xincpaa-lve dl dd {
    margin-right: 10px;
    width: 35%;
    margin-bottom: 10px;
    text-align: center;
  }
}

.sou {
  background: #f9fafe;
  max-width: 1300px;
  margin-top: 10px;
}

.sou li {
  width: 100% !important;
  padding-top: 50px !important;
  padding: 40px 20px !important;
  margin-right: 0 !important;
}

.sou li span {
  color: #333;
}

.sou li {
  width: 100% !important;
  padding-top: 50px !important;
  padding: 20px 20px !important;
}

.sou .ul {
  display: inline-block;
}

.sou li span {
  color: #333;
}

.sousuojg {
  max-width: 1060px;
  margin: auto;
}


.sousuojg .jieguo ul {
  display: flex;
}

.sousuojg .jieguo ul li {
  width: 15%;
  padding: 20px 0;
  margin-right: 15px;
}

.sousuojg .jieguo ul li p {
  font-size: 16px;
  color: #1685da;
  font-weight: bold;
  padding-left: 15px;
  /* border-left: 3px solid; */
  position: relative;
}

.sousuojg .jieguo ul li p:before {
  content: '';
  position: absolute;
  width: 4px;
  height: 17px;
  background: #1685da;
  left: 0;
  border-radius: 5px;
  bottom: 1px;
}

.sousuojg .jieguo ul li select {
  margin-top: 10px;
  border: 1px solid;
  width: 100%;
  border-radius: 5px;
  padding: 8px 10px;
  font-size: 16px;
  color: #cccccc;
}

.sousuojg a {
  padding: 7px 30px;
  border-radius: 5px;
  background: #1685da;
  color: #fff;
  border: 1px solid #1685da;
  display: inline-block;
}

.sousuojg a:hover {
  background: transparent;
  color: #1685da;
}

.sousss {
  margin-top: 0px;
  max-width: 1300px;
}

@media screen and (max-width: 768px) {
  .sousuojg .jieguo ul {
    flex-wrap: wrap;
  }

  .sousuojg .jieguo ul li {
    width: 30%;
    padding: 10px 0;
  }

  .sousuojg .jieguo ul li:nth-child(3n) {
    margin-right: 0;
  }

  .sousuojg a {
    padding: 15px 21px;
  }
}


.Scenes-san .swiper-slide {
  /* background: #000; */
  background: linear-gradient(to bottom right, #feffff, #e7f3fc);
  min-height: 400px;
  /* padding: 20px; */
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 8px 0px #e6e6e6;
  padding: 0px 0;
  transition: all 0.2s;
}








.Scenes-san .swiper-slide .cn-wez {
  font-size: 22px;
  text-align: center;
  color: #1a88dd;
  transition: all 0.2s;
}

.Scenes-san .swiper-slide .itme {
  transition: all 0.2s;
}

.Scenes-san .swiper-slide .dis {
  display: none;
  margin-top: 10px;
  font-size: 16px;
  color: #ffffff;
  line-height: 2;
  transition: all 0.2s;
}

.Scenes-san .swiper-slide:hover {
  background: #1685da;
}

.Scenes-san .swiper-wrapper {
  padding: 20px 0;
}

.Scenes-san .swiper-slide:hover .icon {
  filter: grayscale(100%) brightness(300%);
}

.Scenes-san .swiper-slide:hover .cn-wez {
  color: #fff;
}

.Scenes-san .swiper-slide:hover .dis {
  display: block;
}

.Epson-des .jkj {
  margin-top: 40px;
}

.Epson-des .jkj .Intro {
  background: #f8fafd;
  padding: 10px 40px;
}

.Epson-des .jkj .Intro:nth-child(2) {
  margin-right: 0;
}

.Epson-des .jkj .Intro:nth-child(2) .Epson-icon-box .itme {
  /*width: 33%;*/
  margin-bottom: 20px;
}

.beijs .Epson-pro {
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .Epson-des .jkj {
    display: flex;
    flex-wrap: wrap;
  }

  .Epson-des .jkj .Intro {
    width: 100%;
    margin-right: 0;
    padding: 20px;
    margin-bottom: 20px;
  }
}

.Epson-pro li a .ke-box img {
  max-width: 150px;
}

.Epson-pro ul {
  overflow: visible;
}




ul {
  list-style: none;
}

* {
  margin: 0;
  padding: 0;

}

.section {
  padding-top: 38px;
  background: url("beijj.png")/*tpa=https://www.yxc.hk/cn/images/beijj.png*/ no-repeat center;
  overflow: hidden;
  background-size: cover;
}

.section .w1600 {
  margin: auto;
}

.about-one {
  padding: 0px 0
}

.about-one .ny-right {
  width: 48%
}

.about-one .ny-left {
  width: 50%;
  padding-top: 8px
}

.about-one .ny-txt {
  height: 240px
}

.about-one h4 {
  text-align: left;
  margin-bottom: 80px
}

.about-one .ny-txt p {
  line-height: 40px;
  color: #999
}

.about-one .ny-txt p span {
  color: #fff;
  font-weight: 700
}

.about-one .ny-txt p:nth-child(2) {
  margin: 37px 0 24px
}

.about-one .ny-bot {
  border-top: 1px solid #404040;
  padding-top: 43px
}

.about-one .ny-bot li:hover h4 {
  color: #09f;
  transform: translateY(-10px)
}

.about-one .ny-bot h4 {
  color: #ccc;
  margin-bottom: 10px;
  transition: all .5s
}

.about-one .ny-bot h4 span {
  font-size: 60px;
  font-weight: 700;
  margin-right: 14px
}

.about-one .ny-bot p {
  color: #ccc
}

.about-one .ny-bot li:nth-child(2) .ny-item,
.about-one .ny-bot li:nth-child(3) .ny-item {
  padding-left: 96px
}

.about-two {
  padding: 0px 0 20px
}

.about-two .ny-wrap {
  margin-top: 60px
}

.about .ny-tit.ssline::after {
  display: inline-block;
  margin: 0;
  margin-left: 22px;
  width: 52px;
  background-color: #fff
}

.about-two .ny-item {
  width: 60%;
  margin: auto
}

.about-two .ny-item p {
  color: #999;
  line-height: 40px
}

.about-two li h4 {
  color: #fff;
  padding: 14px 0 15px 72px;
  margin-bottom: 23px
}

.about-two li:nth-child(1) h4 {
  background: url("abtw-1.png")/*tpa=https://www.yxc.hk/cn/images/abtw-1.png*/ no-repeat left center;
  background-size: auto 100%
}

.about-two li:nth-child(2) h4 {
  background: url("abtw-2.png")/*tpa=https://www.yxc.hk/cn/images/abtw-2.png*/ no-repeat left center;
  background-size: auto 100%
}

.about-two li:nth-child(3) h4 {
  background: url("abtw-3.png")/*tpa=https://www.yxc.hk/cn/images/abtw-3.png*/ no-repeat left center;
  background-size: auto 100%
}

.about-two li:nth-child(1):hover h4 {
  background: url("abtw-11.png")/*tpa=https://www.yxc.hk/cn/images/abtw-11.png*/ no-repeat left center;
  background-size: auto 100%
}

.about-two li:nth-child(2):hover h4 {
  background: url("abtw-22.png")/*tpa=https://www.yxc.hk/cn/images/abtw-22.png*/ no-repeat left center;
  background-size: auto 100%
}

.about-two li:nth-child(3):hover h4 {
  background: url("abtw-33.png")/*tpa=https://www.yxc.hk/cn/images/abtw-33.png*/ no-repeat left center;
  background-size: auto 100%
}

.about-two li:hover h4 {
  color: #09f
}

.about-three {
  padding: 20px 0 70px
}

.about-three .ny-wrap {
  margin-top: 30px
}

.about-three .abth-img {
  position: relative;
  display: inline-block;
}

.abth-img1 {
  max-width: 700px
}

.abth-img2 {
  max-width: 700px
}

.abth-font,
.abth-font ul,
.abth-img2,
.abth-img3,
.abth-img4,
.abth-img5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all .5s
}

.abth-img3 {
  -webkit-animation: rote3 50s linear infinite;
  -moz-animation: rote3 50s linear infinite;
  animation: rote3 50s linear infinite;
  max-width: 700px;
}

@keyframes rote3 {
  0% {
    transform: rotateZ(0)
  }

  100% {
    transform: rotateZ(-360deg)
  }
}

@keyframes rote4 {
  0% {
    transform: rotateY(0)
  }

  100% {
    transform: rotateY(-360deg)
  }
}

.abth-font li.on span::after,
.abth-font li:hover span::after {
  width: 15px;
  height: 2px
}

.abth-font li.on span,
.abth-font li:hover span {
  font-size: 18px
}

.abth-font span {
  color: #1685da;
  font-size: 20px;
  transition: all .2s;
  font-weight: bold;
  /* margin-top: -69px; */
  /* margin-bottom: 20px; */
  position: relative;
  top: -10px;
  left: 0%;
}

.abth-font span::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 1px;
  background-color: grey;
  transition: all .5s;
  margin-left: 5px;
  vertical-align: middle;
  display: none;
}

.abth-font h4 {
  color: #333;
  line-height: 36px;
  display: inline-block;
  padding-left: 30px;
  vertical-align: top;
  margin-top: -6px;
  height: 72px;
  font-size: 16px;
  position: relative;
  max-width: 400px;
  line-height: 1.5;
  font-weight: normal;
}

.abth-font li {
  position: absolute;
  width: 100%
}

.abth-font li:nth-child(1) {
  left: 80%;
  top: -0.7%;
}

.abth-font li:nth-child(1) .abth-item::before {
  bottom: -10%;
  left: -19%;
  /* background-color:#333; */
}

.abth-font li:nth-child(2) {
  width: 50%;
  right: -50.5%;
  top: 7%;
}

.abth-font li:nth-child(2) .abth-item::before {
  left: -49.5%;
  bottom: -10%;
}

.abth-font li:nth-child(3) {
  right: -106.8%;
  width: 100%;
  top: 15%;
}

.abth-font li:nth-child(3) .abth-item::before {
  left: -21%;
  /* top: 6px; */
  bottom: -10%;
}

.abth-font li:nth-child(4) {
  bottom: 68%;
  right: -116%;
  width: 100%;
}

.abth-font li:nth-child(4) .abth-item::before {
  left: -25%;
  /* top: 4px; */
  bottom: -10%;
}

.abth-font li:nth-child(5) {
  bottom: 59.2%;
  right: -120.5%;
}

.abth-font li:nth-child(5) .abth-item::before {
  /* top: 8px; */
  left: -25%;
  bottom: -10%;
}

.abth-font li:nth-child(6) {
  bottom: 49%;
  right: -121%;
}

.abth-font li:nth-child(6) .abth-item::before {
  /* top: 3px; */
  left: -24%;
  bottom: -10%;
}

.abth-font li:nth-child(7) {
  bottom: 38.2%;
  left: 119%;
}

.abth-item::before {
  content: "";
  width: 100%;
  height: 100%;
  /* border-radius:50%; */
  /* border:1px solid #fff; */
  display: inline-block;
  position: absolute;
  transition: all .5s;
  /* border: 1px solid #000; */
  left: 0;
  /* background: #fff; */
  /* margin: 10px; */

  background-size: cover;
  background: url("/uploadfiles/ll.png") no-repeat;


}

.abth-font li:hover .abth-item::before {
  /* width:16px; */
  /* height:16px; */
  /* background-color: #fff; */
  /* border: 1px solid #000; */
}

.about-four .abfo-txt .abfo-info2 {
  color: #999;
  line-height: 36px;
  border-bottom: 1px solid #242424;
  padding-bottom: 6px;
  margin-bottom: 5px;
  padding-left: 26px;
  background: url("abfo-icon.png")/*tpa=https://www.yxc.hk/cn/images/abfo-icon.png*/ no-repeat left 12px
}

.abth-font li:nth-child(8) {
  bottom: 27.2%;
  left: 116%;
  width: 120%;
}

.abth-font li:nth-child(8) ::before {
  left: -18%;
  bottom: -10%;
}

.abth-font li:nth-child(7) ::before {
  /* top: 3px; */
  left: -22%;
  bottom: -10%;
}

.abth-font li:nth-child(9) {
  bottom: 16.2%;
  left: 111%;
}

.abth-font li:nth-child(9):before {
  left: -20%;
}

.abth-font li:nth-child(9) ::before {
  left: -22%;
  bottom: -10%;
}

.abth-font li:nth-child(10) {
  bottom: 6.2%;
  left: 104%;
  width: 120%;
}

.abth-font li:nth-child(10) ::before {
  left: -20%;
  bottom: -10%;
}

.abth-font li:nth-child(11) {
  bottom: -3.8%;
  left: 94%;
  width: 120%;
}

.abth-font li:nth-child(11) ::before {
  left: -26%;
  bottom: -10%;
}



.abth-font .abth-item {
  position: relative;
}





@media (min-width:767px) {
  .abth-font li:nth-child(1) h4 {
    padding-left: 60px;
  }

  .abth-font li:nth-child(2) h4 {

    padding-left: 20px;
    position: relative;
    right: -77px;
    top: -26px;

  }

  .abth-font li:nth-child(3) h4 {
    padding-left: 60px;
  }

  .abth-font li:nth-child(4) h4 {
    padding-left: 15px;
  }

  .abth-font li:nth-child(5) h4 {
    padding-left: 20px;
  }

  .abth-font li:nth-child(6) h4 {
    padding-left: 20px;
  }

  .abth-font li:nth-child(7) h4 {
    padding-left: 35px;
  }

  .abth-font li:nth-child(8) h4 {
    padding-left: 35px;
  }

  .abth-font li:nth-child(9) h4 {
    padding-left: 35px;
  }

  .abth-font li:nth-child(10) h4 {
    padding-left: 20px;
  }

  .abth-font li:nth-child(11) h4 {
    padding-left: 0;
  }


  .abth-font li:nth-child(1) span {
    left: 4%;
  }

  .abth-font li:nth-child(2) span {
    left: -17%;
  }

  .abth-font li:nth-child(3) span {
    left: -5%;
  }

  .abth-font li:nth-child(4) span {
    left: -8%;
  }

  .abth-font li:nth-child(5) span {
    left: -2%;
  }

  .abth-font li:nth-child(6) span {
    left: -1%;
  }

  .abth-font li:nth-child(7) span {
    left: 1%;
  }

  .abth-font li:nth-child(8) span {
    left: 1%;
  }

  .abth-font li:nth-child(9) span {
    left: 1%;
  }

  .abth-font li:nth-child(10) span {
    left: -1%;
  }

  .abth-font li:nth-child(11) span {
    left: -7%;
  }
}




/* 
 @media (max-width: 1259px){
  .about-one{
      padding:50px 0
  }
   .about-one h4{
      margin-bottom:20px
  }
   .about-one .ny-txt p{
      line-height:26px
  }
   .about-one .ny-txt p:nth-child(2){
      margin:18px 0 19px
  }
   .about-one .ny-txt{
      height:200px
  }
   .about-one .ny-bot h4 span{
      font-size:38px
  }
   .about-two .ny-item p{
      line-height:26px
  }
   .about-two li h4{
      padding:11px 0 12px 52px;
      margin-bottom:18px
  }
   .about-two .ny-item{
      width:94%
  }
   .abth-img1{
      width:550px
  }
   .abth-font li:hover .abth-item::before,.abth-item::before{
      width:12px;
      height:12px
  }
   .abth-font li:nth-child(1) .abth-item::before{
      bottom:5px
  }
   .abth-font h4{
      padding-left:12px
  }
   .abth-font li:nth-child(5){
      bottom: 14.2%;
      right: -45.5%;
      right: -102.5%;
  }
   .abth-font li:nth-child(4){
      bottom: 40.3%;
  }
   .abth-font li:nth-child(7){
       bottom: -14%;
  }
} 

 @media (max-width:991px){.section{padding-top:0}
.about-one .ny-right{width:37.71%}
.about-one .ny-bot h4 span{font-size:32px}
.about-one .ny-bot h4{margin-bottom:6px}
.about-one .ny-bot{margin-top:20px;padding-top:20px}
.about-one .ny-txt p:nth-child(2){margin:8px 0}
.about-one .ny-txt{height:250px}
.about-two{padding:60px 0}
.abth-img1{width:450px}
.abth-font li:nth-child(2){width: 58%;right: -37.5%;}
.abth-font li:nth-child(1){top: -16.7%;width: 70%;}
.abth-font li:nth-child(3){right: -53%;width: 56%;top: 22%;}
.abth-font li:nth-child(4){bottom: 37.7%;right: -87.5%;width: 80%;}
.abth-font h4{font-size:16px}
.about-six .ny-wrap li{width:33.33%}
.about-six .ny-nav span{padding:8px 21px;min-width:116px}
}  */

@media (max-width:768px) {
  .mar70 .xincpaa .xincpaa-lve dl {
    justify-content: flex-start;
  }

  .mar70 .tablee {

    width: 1200px;
    /*width: 100%;*/
  }

  .biaop {
    overflow: auto;
  }

  .mar70 .xincpaa .xincpaa-lve dl dd:nth-child(2n) {
    margin-right: 0;
  }

  .mar70 .xincpaa .xincpaa-lve dl dd {
    width: 37%;
  }

  .tuijianyd .products-des .ul li {
    width: 100%;
    margin-right: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
    padding-top: 20px;
    margin: 0;
    padding: 10px 0;
  }
}

.xqtuijian {
  margin-top: 40px;
  border: solid 1px #e5e5e5;
  border-radius: 40px 0 0px 0;
  padding: 40px 0px;
  padding-bottom: 0;
  width: 308px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}


.xqtuijian .xqtuijian-tow .tuij {
  padding: 30px 35px;
  font-size: 24px;
  color: #1685da;
  display: flex;
  padding-top: 0;
  align-items: center;
  border-bottom: solid 1px #e5e5e5;
}

.xqtuijian .xqtuijian-tow .tuij img {
  margin-right: 15px;
}

.xxq {
  background: transparent;
}

.xxq .two-lve {
  background-color: #f3f7fb;
  padding-bottom: 100px;
  border-radius: 0px 0 40px 0;
}

.xqtuijian ul {
  padding: 40px 20px;
}

.xqtuijian ul .tuis {
  background: #f5f5f5;
  margin-bottom: 40px;
  text-align: center;
}

.xqtuijian ul .tuis img {
  width: 100%;
  margin: auto;
  max-width: 250px;
}

.xqtuijian ul .tuis p {
  text-align: left;
  padding: 20px;
  font-size: 20px;
  color: #1685da;
  font-weight: bold;
  padding-top: 10px;
}

.xqtuijian ul .tuis p span {
  font-size: 16px;
  font-weight: 500;
  margin-left: 20px;
}



@media screen and (max-width: 1430px) and (min-width: 1110px) {
  .abth-img1 {
    max-width: 600px;
  }

  .abth-font li:nth-child(1) h4 {
    padding-left: 80px;
  }

  .abth-font li:nth-child(2) h4 {
    padding-left: 50px;
  }

  .abth-font li:nth-child(3) h4 {
    padding-left: 60px;
  }

  .abth-font li:nth-child(4) h4 {
    padding-left: 51px;
    top: 10px;
  }

  .abth-font li:nth-child(5) h4 {
    padding-left: 50px;
  }

  .abth-font h4 {
    font-size: 14px;
  }

  .abth-font li:nth-child(6) h4 {
    padding-left: 50px;
  }

  .abth-font li:nth-child(7) h4 {
    padding-left: 60px;
  }

  .abth-font li:nth-child(8) h4 {
    padding-left: 60px;
  }

  .abth-font li:nth-child(9) h4 {
    padding-left: 60px;
  }

  .abth-font li:nth-child(10) h4 {
    padding-left: 60px;
  }

  .abth-font span {
    font-size: 16px;
  }
}

@media screen and (max-width: 1200px) and (min-width: 1110px) {
  .abth-img1 {
    max-width: 500px;
  }

  .abth-item::before {
    max-width: 184px;
    background-size: 100%;
  }

  .abth-font li:nth-child(1) h4 {
    padding-left: 40px;
  }

  .abth-font li:nth-child(2) h4 {
    padding-left: 10px;
  }

  .abth-font li:nth-child(3) h4 {
    padding-left: 90px;
    top: -16px;
  }

  .abth-font li:nth-child(3) {

    top: 14%;
  }

  .abth-font li:nth-child(4) {
    bottom: 62%;
    right: -118%;
  }

  .abth-font li:nth-child(5) {
    bottom: 48.2%;
    right: -121.5%;
  }

  .abth-font li:nth-child(6) {
    bottom: 42%;
    right: -121%;
  }

  .abth-font li:nth-child(4) h4 {
    padding-left: 8px;
    /* position: relative; */
    top: 5px;
  }

  .abth-font li:nth-child(5) h4 {
    padding-left: 73px;
    top: -20px;
  }

  .abth-font li:nth-child(7) {
    bottom: 34.2%;

  }

  .abth-font li:nth-child(7) h4 {
    padding-left: 20px;
  }

  .abth-font li:nth-child(6) h4 {
    padding-left: 20px;
  }

  .abth-font li:nth-child(8) h4 {
    padding-left: 30px;
  }

  .abth-font li:nth-child(9) {
    bottom: 13.2%;
    left: 114%;
  }

  .abth-font li:nth-child(9) h4 {
    padding-left: 90px;
    top: -20px;
  }

  .abth-font li:nth-child(8) {
    left: 117%;
  }

  .abth-font li:nth-child(10) {
    left: 107%;
  }

  .abth-font li:nth-child(10) h4 {
    padding-left: 20px;
  }

  .abth-font li:nth-child(11) {
    left: 99%;
  }

  .abth-font li:nth-child(11) h4 {
    padding-left: -20px !important;
    left: -48px;
    top: 3px;
  }
}












@media (max-width:768px) {
  .xqtuijian {
    width: 100%;
    padding: 20px 0px;
    margin-top: 20px;
  }

  .xqtuijian ul {
    padding: 20px 10px;
  }

  .xqtuijian .xqtuijian-tow .tuij {

    padding-bottom: 20px;
  }

  .xqtuijian ul .tuis img {

    max-width: 150px;
  }

  .Epson-pro li:before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }

  .Epson-pro li:hover::after {
    right: 0%;
    bottom: 0%;
  }



}

.Scenes-san .swiper-slide .itme .icon {
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center;
}

.Scenes-san {
  background: transparent;
}

.Epson-des .jkj .Intro strong {
  color: #1585da;
}

@media (max-width:1110px) {

  .about-three {
    padding: 0px 0
  }

  .about-four .ny-wrap {
    margin-top: 45px
  }

  .about-one,
  .about-six {
    padding: 45px 0
  }

  .about-one .ny-left {
    width: 100%
  }

  .about-one .ny-right {
    width: 100%;
    padding: 0;
    margin-bottom: 20px
  }

  .about-two {
    padding: 45px 0 25px
  }

  .about-two .ny-wrap li {
    width: 100%;
    margin-bottom: 20px
  }

  .about-two .ny-item {
    width: 100%
  }

  .about-two li h4 {
    margin-bottom: 10px
  }

  .abth-img img {
    display: none
  }

  .abth-font,
  .abth-font li,
  .abth-font ul {
    position: initial;
    width: 100% !important
  }

  .about-three .abth-img {
    width: 100%;
  }

  .abth-font li .abth-item::before {
    display: none
  }

  .about-four .ny-left>ul>li,
  .about-four .ny-right>ul>li {
    width: 100%
  }

  .about-four .abfo-txt,
  .about-four .abfo-txt2 {
    position: inherit
  }

  .abfo-li:hover .abfotxt2-bot p,
  .about-four li:hover .abfo-txt2 {
    height: auto
  }

  .about-four li .abfo-txt,
  .about-four li .abfo-txt2 {
    padding: 20px
  }

  .abfo-bj {
    display: none
  }

  .abfotxt2-bot p {
    height: auto
  }

  .abfotxt2-center h4 span {
    font-size: 32px
  }

  .about-four .abfo-txt .abfo-info1 {
    height: auto
  }

  .about-four .abfo-txt3 {
    text-align: left;
    margin-top: 20px
  }

  .about-five {
    padding: 45px 0
  }

  .about-five .ny-header p {
    float: left
  }

  .about-six .ny-nav {
    float: left;
    margin-top: 10px
  }

  .about-six .ny-nav {
    margin: 20px -5px 0
  }

  .about-six .ny-nav li {
    padding: 0 5px
  }

  .about-six .ny-wrap li {
    width: 100%
  }

  .abth-font .abth-item {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-top: 10px;
  }

  .abth-font .abth-item span {
    width: 14%;
    position: initial;
    font-size: 16px;
    line-height: 2;
  }

  .abth-font .abth-item h4 {
    width: 70%;
    /* padding: 0; */
    margin: 0;
    font-size: 16px;
    line-height: 2;
    height: auto;
  }

  .section {
    padding-top: 0;
  }
}










/*2022/4/27*/
@media (max-width: 640px) {
  .about-one .video-shell {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
  }

  .about-one .video-shell video {
    width: 100%;
    height: auto;
  }

  .about-one {
    margin-top: 0;
  }

  .abth-font .abth-item span {
    width: 20%;
    position: relative;
    top: 0;
    left: 0;
  }

  .abth-font .abth-item span::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 1px;
    background-color: #1685da;
    transition: all .5s;
    margin-left: 5px;
    vertical-align: middle;
  }
}


.xinliebe .itme td {
  width: 10%;
  max-width: 10px;
  padding: 15px 5px;
  /* vertical-align: baseline; */
}

.xinliebe .itme td:first-child {
  width: 13%;
}

.xinliebe .itme td:nth-child(4) {
  width: 17%;
}

.xinliebe .itme td:nth-child(9) {
  width: 10%;
}

.mar70 .xiamain .itme {
  background: #d3ddf6 !important;
}

.mar70 .xiamain .itme:nth-child(2n) {
  background: #ebeffa !important;
}

.mar70.sousss .xiamain .itme {
  background-color: #f0f3fa !important;
}

.mar70.sousss .xiamain .itme:nth-child(2n) {
  background: #fff !important;
}

.mar70.sousss .xiamain .itme td:first-child img {
  max-width: 100px;
}

.mar70 .xiamain .itme:nth-child(2n) th,
.mar70 .xiamain .itme th {
  background: none !important;
}

.mar70 .xiamain .itme:first-child th {
  background: none !important;
}

.mar70 .xiamain .itme:first-child {
  background: #1685da !important;
}

.Epson-news-list .itme .pic span {
  background-size: cover;
  background-position: center;
}

/*2022.4.28*/
@media(max-width:1240px) {
  .news-ol li .pic {
    width: 32.5%;
  }
}

@media(max-width:1024px) {
  .news-list .Tnews {
    font-size: 28px;
  }

  .news-ol li .title {
    font-size: 20px;
  }

  .news-ol li .time span {
    font-size: 24px;
  }

  .news-ol li .pic {
    width: 40%;
  }
}

@media(max-width:768px) {
  .news-ol li .pic {
    width: 100%;
  }

  .news-ol li .text {
    width: 100%;
    padding: 2% 9% 2% 5%;
  }

  .news-ol li .title {
    font-size: 18px;
  }

  .news-ol li .Intro {
    font-size: 14px;
  }

  .news-ol li a {
    display: block;
  }

  .news-ol li::after {
    top: 58%;
  }
}


/* 2023.8.31 */
/* 首页产品 */


/*Floor002912 */
.Floor002912 {
  padding: 40px 0;
  overflow: hidden;
  background: url("Floor002912-bg.jpg")/*tpa=https://www.yxc.hk/cn/images/Floor002912-bg.jpg*/ no-repeat center center #f2f2f2;
  background-size: cover;
}

.Floor002912 .slider {
  position: relative;
  z-index: 1;
}

.Floor002912 .slider .box {
  overflow: hidden;
}

.Floor002912 .slider .box li.slick-slide {
  padding: 0vw 0 0 0;
}

.Floor002912 .slider .box li.slick-slide a {
  display: block;
  margin: 0 0.5vw;
  padding: 1vw;
  color: #333;
  background: #fff;
}

.Floor002912 .name {
  font-size: 24px;
  color: #333;
  transition: 0.3s;
  margin-top: 15px;
}

.Floor002912 .desc {
  font-size: 16px;
  line-height: 30px;
  margin: 15px 0;
  height: 120px;
}


.Floor002912 .pic {
  height: 12vw;
}

.Floor002912 .pic img {
  max-height: 12vw;
}

.Floor002912 .more {
  text-align: center;
  padding-top: 3.645vw;
}

.Floor002912 .more a {
  display: block;
  width: 220px;
  line-height: 50px;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin: 0 auto;
  color: #fff;
  font-size: 16px;
  transition: 0.3s;
}

.Floor002912 .more a:hover {
  color: #fff;
  background: #d83d30;
}

.Floor002912 .slick-arrow {
  position: absolute;
  z-index: 30;
  top: 50%;
  width: 50px;
  height: 50px;
  border: 2px solid #1685da;
  padding: 0;
  margin-top: -25px;
  border-radius: 50%;
  transition: 0.3s;
}

.Floor002912 .slick-arrow:hover {
  background: #1685da;
  border-color: #1685da;
}

.Floor002912 .slick-arrow:before {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  border-bottom: 2px solid #1685da;
  border-left: 2px solid #1685da;
  left: 50%;
  top: 50%;
  margin: -6px 0 0 -6px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

.Floor002912 .slick-next:before {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
}

.Floor002912 .slick-arrow:hover:before {
  border-color: #fff;
}

@media(max-width:640px) {
  .Floor002912 .slick-arrow {
    width: 40px;
    height: 40px;
  }
}

@media(min-width:1701px) {
  .Floor002912 .slider .box ul {
    margin: 0 -1vw;
  }

  .Floor002912 .slick-prev {
    left: -4vw;
  }

  .Floor002912 .slick-next {
    right: -4vw;
  }
}

@media(max-width:1700px) {
  .Floor002912 .slick-prev {
    left: -50px;
  }

  .Floor002912 .slick-next {
    right: -50px;
  }
}

@media(max-width:1500px) {
  .Floor002912 .slick-prev {
    left: -50px;
  }

  .Floor002912 .slick-next {
    right: -50px;
  }
}

@media(max-width:1200px) {
  .Floor002912 .pic {
    height: 20vw;
  }

  .Floor002912 .pic img {
    max-height: 20vw;
  }
}

@media(max-width:640px) {
  .Floor002912 .slick-prev {
    left: 0;
  }

  .Floor002912 .slick-next {
    right: 0;
  }

  .Floor002912 .pic {
    height: 50vw;
  }

  .Floor002912 .pic img {
    max-height: 50vw;
    text-align: center;
    display: table;
    margin: 0 auto;
  }

  .Floor002912 .slider .box li.slick-slide a {
    padding: 6vw 2vw;
  }

  .Floor002912 .slick-arrow {
    background: #1685da;
    border-color: #1685da;
  }

  .Floor002912 .slick-arrow:before {
    border-color: #fff;
  }

}

.imgbox {
  overflow: hidden;
  position: relative;
  /*background:url(../uploadfiles/nopic.jpg) center center no-repeat; background-size:contain;*/
}

.imgbox span {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .5s;
}

.imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.HomeMarket .Marketbox {
  position: relative;
}

.HomeMarket .HomeTit {
  width: 100%;
  position: absolute;
  top: 120px;
  left: 0;
  z-index: 9;
}

.HomeMarket .slider-for .item {
  position: relative;
}

.HomeMarket .slider-for .item .img {
  padding-top: 525px;
}

.HomeMarket .slider-for .item .img::after {
  content: '';
  display: block;
  width: 45%;
  height: 100%;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}

.HomeMarket .slider-for .item .txt {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}

.HomeMarket .slider-for .item .txt .txtbox {
  width: 40%;
  color: #fff;
}

.HomeMarket .slider-for .item .txt .txtbox .title {
  font-size: 32px;
  line-height: 1.5;
  margin-bottom: 20px;
}

.HomeMarket .slider-for .item .txt .txtbox .dec {
  line-height: 2;
  margin-bottom: 30px;
  font-size: 16px;
}

.HomeMarket .slider-for .item .txt .txtbox .icon_a span {
  position: relative;
  background-color: #1685da;
  font-size: 26px;
  width: 50px;
  height: 50px;
  line-height: 45px;
  text-align: center;
  display: inline-block;
  color: #fff;
  vertical-align: middle;
  border-radius: 50%;
  transition: all .5s;
}

.HomeMarket .slider-for .item .txt .txtbox .icon_a em {
  line-height: 50px;
  text-align: center;
  display: block;
  position: absolute;
  width: 120px;
  left: 0;
  font-style: normal;
  opacity: 0;
}

.HomeMarket .slider-for .item .txt .txtbox .icon_a i {
  position: absolute;
  right: 15px;
  top: 15px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  background-color: #1685da;
  color: #fff;
  width: 20px;
  height: 20px;
  font-style: normal;
  font-size: 18px;
  line-height: 20px;
  border-radius: 50%;
}

.HomeMarket .slider-for .item .txt .txtbox .icon_a:hover span {
  width: 100px;
  padding-left: 45px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

.HomeMarket .slider-for .item .txt .txtbox .icon_a:hover i {
  background-color: #fff;
  color: #1685da;
}

.HomeMarket .slider-for .item .txt .txtbox .icon_a:hover em {
  font-size: 16px;
  opacity: 1;
}

.HomeMarket .HomeMarketNav {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5;
}

.HomeMarket .HomeMarketNav .item {
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  padding: 20px 0;
}

.HomeMarket .HomeMarketNav .item a {
  display: block;
  position: relative;
  z-index: 5;
  text-align: center;
}

.HomeMarket .HomeMarketNav .item::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all .3s;
  overflow: hidden;
  height: 3px;
  opacity: 0;
  border-bottom: 3px solid transparent;
}

.HomeMarket .HomeMarketNav .item.slick-current::before {
  height: 100%;
  opacity: 1;
  border-color: #1685da;
}

.HomeMarket .HomeMarketNav .item .tit {
  font-size: 20px;
  color: #fff;
  margin-top: 15px;
}

.HomeMarket .HomeMarketNav .item .ico img {
  display: inline-block;
  height: 45px;
}

.HomeMarket .HomeMarketNav .item:hover .ico img {
  -webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;
}

@media(max-width:1024px) {
  .HomeMarket .slider-for .item .txt .txtbox .title {
    font-size: 18px;
    font-weight: bold;
  }

  .HomeMarket .slider-for .item .txt .txtbox .dec {
    margin-bottom: 20px;
  }

  .HomeMarket .HomeMarketNav .item {
    height: 150px;
  }

  .HomeMarket .HomeMarketNav .item .tit {
    font-size: 16px;
  }

  .HomeMarket .slider-for .item .txt .txtbox {
    padding-bottom: 40px;
  }

  .HomeMarket .slider-for .item .txt .txtbox {
    width: 100%;
  }

  .HomeMarket .slider-for .item .txt {
    transform: translateY(-10%);
  }
}

@media(max-width:640px) {
  .HomeMarket .slider-for .item .img {
    padding-top: 400px;
  }

  .HomeMarket .HomeTit {
    top: 30px;
  }

  .HomeMarket .slider-for .item .txt .txtbox .title {
    font-size: 16px;
  }

  .HomeMarket .slider-for .item .txt .txtbox {
    padding-bottom: 50px;
  }

  .HomeMarket .HomeMarketNav .item {
    height: 80px;
    padding: 10px 0;
  }

  .HomeMarket .HomeMarketNav .item .ico img {
    max-height: 30px;
  }

  .HomeMarket .slider-for .item .txt .txtbox .icon_a span {
    width: 90px;
    padding-left: 35px;
    height: 40px;
    line-height: 35px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
  }

  .HomeMarket .slider-for .item .txt .txtbox .icon_a i {
    top: 10px;
    background-color: #fff;
    color: #1685da;
  }

  .HomeMarket .slider-for .item .txt .txtbox .icon_a em {
    line-height: 40px;
    width: 80px;
    font-size: 14px;
    opacity: 1;
  }
}


/* 应用领域 */

.Applist {
  padding: 70px 0;
}

.Applist .list li {
  float: left;
  margin-bottom: 2%;
}

.Applist .list li a {
  color: #fff;
  display: block;
  position: relative;
  overflow: hidden;
}

.Applist .list li a .txt {
  position: absolute;
  left: 0;
  width: 100%;
}

.Applist .list li a:before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  content: '';
  z-index: 4;
  transition: 0.3s ease-in-out;
}

.Applist .list li .Ispic {
  top: 0;
  height: 100%;
  z-index: 3;
  transition: 0.5s ease-in-out;
  padding-bottom: 80%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.Applist .list li .txt {
  z-index: 5;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  text-align: center;
}

.Applist .list li a:hover .Ispic {
  transform: scale(1.1);
}

.Applist .list li a:hover:before {
  background: rgba(22, 133, 218, 0.8);
}

.Applist .list li .icon {
  position: relative;
  display: block;
  margin: 0 auto 20px;
  width: 50%;
  max-width: 60px;
}

.Applist .list li .txt aside {
  font-size: 20px;
  line-height: 2;
  font-weight: bold;
}

@media(min-width:1025px) {
  .Applist .list li {
    width: 32%;
    margin-right: 2%;
  }

  .Applist .list li:nth-child(3n) {
    margin-right: 0%;
  }
}

@media(max-width:1024px) {
  .Applist {
    padding: 30px 0;
  }

  .Applist .list li {
    width: 100%;
  }

  .Applist .list li .txt aside {
    font-size: 18px;
  }
}


.Appinfo {}

.Appinfo .Box-one {
  padding: 30px 0;
}

.Appinfo .info {
  font-size: 16px;
  text-align: center;
  line-height: 2;
  color: #333;
  max-width: 70%;
  margin: 0 auto;
  margin-top: 30px;
}

.Appinfo .Box-two {
  padding: 70px 0;
  background-color: #f6f8fb;
}

.Appinfo .Box-two .list ul {
  text-align: center;
}

.Appinfo .Box-two .list li {
  display: inline-block;
  /* margin-right: 2%; */
  margin-bottom: 2%;
}

.Appinfo .Box-two .list li .cn-wez {
  margin-bottom: 10px;
  font-size: 20px;
  color: #333333;
  margin-top: 25px;
}

.Appinfo .Box-two .list li p {
  line-height: 1.8;
  color: #666;
  font-size: 16px;
}

@media(min-width:1025px) {
  .Appinfo .Box-two .list li {
    width: 22.2%;
  }

  .Appinfo .Box-two .list li:nth-child(4n) {
    margin-right: 0;
  }
}

@media(max-width:1024px) {
  .Appinfo .Box-one {
    padding: 20px 0;
  }

  .Appinfo .Box-two {
    padding: 20px 0;
  }

  .Appinfo .info {
    font-size: 14px;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 10px;
  }

  .Appinfo .Box-two .list li .cn-wez {
    font-size: 18px;
  }

  .Appinfo .Box-two .list li p {
    font-size: 14px;
  }
}


.Relpro {
  padding: 30px 0;
}

.Relpro .ul_tab ul {
  display: table;
  margin: 0 auto;
}

.Relpro .ul_tab li {
  float: left;
  padding: 0 calc(30 / 1920 * 100vw);
  position: relative;
}

.Relpro .ul_tab li:after {
  position: absolute;
  content: '';
  width: 1px;
  right: 0;
  top: 50%;
  height: 14px;
  margin-top: -7px;
  background: #dfdfdf;
}

.Relpro .ul_tab li:last-child:after {
  display: none;
}

.Relpro .ul_tab li a {
  display: block;
  font-size: 1.125em;
  position: relative;
  overflow: hidden;
  line-height: 70px;
  height: 70px;
}

.Relpro .ul_tab li.aon a,
.Relpro .ul_tab li:hover a {
  color: #1685da;
}

@media(max-width:1024px) {
  .Relpro {
    padding: 20px 0;
  }

  .Relpro .ul_tab li {
    padding: 0 calc(70 / 1920 * 100vw);
  }

  .Relpro .ul_tab li a {
    line-height: 50px;
    height: 50px;
    font-size: 15px;
  }
}

.Relpro .tit {
  font-size: 24px;
  color: #333;
}

.Relpro .Singlepage {
  margin: 0% 0 3% 0;
}

.Relpro .download-table {
  width: 100%;
  margin-top: 28px;
}

.Relpro .download-table table {
  width: 100%;
}

.Relpro .download-table table th,
.Relpro .download-table table td {
  width: 14.28%;
}

.Relpro .download-table table th,
.Relpro .download-table table td {
  padding: 8px 12px;
  font-size: 16px;
  text-align: center;
}

.Relpro .download-table table th {
  background: #1685da;
  color: #fff;
  border-right: 1px solid #fff;
  font-weight: normal;
}

.Relpro .download-table table th:last-child {
  border-width: 0;
}

.Relpro .download-table table td {
  background: #f6f8fb;
  color: #666;
  border: solid #eee;
  border-width: 0 1px 1px 0;
}

.Relpro .download-table table img {
  width: 67px;
}

.Relpro .download-link {
  display: block;
  background: url("icon-file.svg")/*tpa=https://www.yxc.hk/cn/images/icon-file.svg*/ no-repeat center;
  width: 26px;
  height: 32px;
  margin: auto;
  transition: all .4s ease;
}

.Relpro .download-table table td p {
  width: 100%;
  line-height: 1.4;
  word-wrap: break-word;
  max-width: 700px;
  margin: 0 auto;
}

@media(max-width:1024px) {
  .Relpro .tit {
    font-size: 20px;
  }

  .Relpro .download-table {
    overflow: auto;
  }

  .Relpro .download-table table th,
  .Relpro .download-table table td {
    padding: 10px 8px;
    font-size: 14px;
  }

}


.Quainfo {
  padding: 70px 0;
}

.Quainfo .info {
  font-size: 16px;
  line-height: 2;
  color: #333;
  text-align: center;
  margin-top: 30px;
}

.Quainfo .tit {
  font-size: 24px;
  color: #333;
}

.Quainfo .Singlepage {
  margin: 2% 0 3% 0;
}

.Quainfo .download-table {
  width: 100%;
  margin-top: 28px;
}

.Quainfo .download-table table {
  width: 100%;
}

.Quainfo .download-table tr:nth-child(2n-1) {
  background-color: #f6f8fb;
}

.Quainfo .download-table table th,
.Quainfo .download-table table td {
  padding: 10px 12px;
  font-size: 16px;
  text-align: center;
}

.Quainfo .download-table table th {
  padding: 18px 12px;
}

.Quainfo .download-table table th {
  background: #1685da;
  color: #fff;
  border-right: 1px solid #fff;
  font-weight: normal;
}

.Quainfo .download-table table th:last-child {
  border-width: 0;
}

.Quainfo .download-table table td {
  color: #666;
  border: solid #eee;
  border-width: 0 1px 1px 0;
}

.Quainfo .download-table table img {
  width: 130px;
}

.Quainfo .download-link {
  display: block;
  background: url("icon-file.svg")/*tpa=https://www.yxc.hk/cn/images/icon-file.svg*/ no-repeat center;
  width: 26px;
  height: 32px;
  margin: auto;
  transition: all .4s ease;
}

.Quainfo .download-table table td p {
  width: 100%;
  line-height: 1.4;
  word-wrap: break-word;
  max-width: 700px;
  margin: 0 auto;
}

.Quainfo .list {
  margin-top: 30px;
}

.Quainfo .list dd {
  position: relative;
  padding: 35px;
  text-align: center;
  background-color: #f6f8fb;
  overflow: hidden;
  box-sizing: border-box;
}

.Quainfo .list dd .tit {
  font-size: 22px;
  margin: 15px 0 10px 0;
  color: #000;
  line-height: 1.6;
}

.Quainfo .list dd p {
  font-size: 16px;
  color: #666;
  line-height: 2;
  height: 4em;
}

@media (min-width:1025px) {
  .Quainfo .list dd {
    float: left;
    width: 32%;
    margin-right: 2%;
  }

  .Quainfo .list dd:nth-child(3n) {
    margin-right: 0;
  }

  .Quainfo .list dd .img {
    width: 80px;
    margin: 0 auto;
  }

  .Quainfo .list dd .img img {
    height: 60px;
  }
}

@media (max-width:1024px) {
  .Quainfo .list dd .img {
    width: 5em;
  }

  .Quainfo .list dd .img img {
    width: 4em;
  }

  .Quainfo .list dd:not(:last-child) {
    margin-bottom: 2%;
  }
}




.Testitem {
  padding: 0px 0 0 0;
}

.Testitem .info {
  font-size: 16px;
  line-height: 2;
  color: #333;
  margin-top: 30px;
}

.Testitem .list {
  margin-top: 30px;
}

.Testitem .list li {
  float: left;
  margin-bottom: 2%;
}

.Testitem .list li .pic {
  overflow: hidden;
}

.Testitem .list li .Ispic {
  transition: 0.5s ease-in-out;
  padding-bottom: 72%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.Testitem .list li a:hover .Ispic {
  transform: scale(1.1);
}

@media(min-width:1025px) {
  .Testitem .list li {
    width: 23.5%;
    margin-right: 2%;
  }

  .Testitem .list li:nth-child(4n) {
    margin-right: 0%;
  }
}

@media(max-width:1024px) {
  .Testitem {
    padding: 30px 0;
  }

  .Testitem .list li {
    width: 48%;
    margin-right: 2%;
  }

  .Testitem .list li:nth-child(2n) {
    margin-right: 0%;
  }
}



/*Form003139 */
.Form003139 {
  position: relative;
  z-index: 1;
  padding: 15px 0;
}

.Form003139 .form {
  margin-top: 30px;
}

.Form003139 .form-ul {
  margin: 0 auto;
}

.Form003139 .form-ul li {
  margin-bottom: 15px;
  position: relative;
}

.Form003139 .form-ul li .tit {
  font-size: 16px;
  line-height: 2;
  color: #000;
}

.Form003139 .form-ul li .tit span {
  color: #f00;
  padding-left: 5px;
  vertical-align: sub;
}

.Form003139 .form-ul li .tit span.time {
  color: #adadad;
  font-size: 14px;
  vertical-align: middle;
}

.Form003139 .form-ul li p {
  color: #f00;
  display: none;
}

.Form003139 .form-ul li select,
.Form003139 .form-ul li .text {
  width: 100%;
  border-radius: 5px;
  border: solid 1px #cccccc;
  font-size: 16px;
  line-height: 50px;
  height: 50px;
  background: none;
  padding: 0 15px;
  color: #333;
  box-sizing: border-box;
}

.Form003139 .form-ul li select.focus,
.Form003139 .form-ul li .text.focus {
  border-color: #1685da;
  color: #333;
  box-shadow: 0 0px 10px rgba(22, 133, 218, 0.3);
}

.Form003139 .form-ul li textarea.text {
  height: auto;
}

.Form003139 .form-ul li .file {
  width: 100%;
  border-radius: 5px;
  font-size: 16px;
  line-height: 50px;
  height: 50px;
  background: none;
  padding: 0 0px;
  color: #adadad;
  box-sizing: border-box;
}

.Form003139 .form-ul .btn {
  width: 120px;
  background: #1685da;
  border-radius: 10px;
  font-size: 16px;
  height: 50px;
  color: #fff;
  cursor: pointer;
  border: 0;
  margin: 0 auto;
  display: table;
  margin-top: 30px;
}

.Form003139 .form-ul .select-many {
  position: relative;
}

.Form003139 .form-ul .select-many .text-list {
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 5px;
  border: solid 1px #cccccc;
  font-size: 16px;
  height: 50px;
  background: none;
  padding: 0 15px;
  color: #000;
  box-sizing: border-box;
}

.Form003139 .form-ul .select-many .text-list ul {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #888;
}

.Form003139 .form-ul .select-many .text-list ul li {
  display: flex;
  align-items: center;
  margin-right: 10px;
  color: #333;
  margin-bottom: 0;
}

.Form003139 .form-ul .select-many .text-list ul li .delete {
  margin-left: 5px;
  width: 16px;
  height: 16px;
  background-image: url("delete.png")/*tpa=https://www.yxc.hk/cn/images/delete.png*/;
  background-size: 100%;
}

.Form003139 .form-ul .select-many .xl {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  border: 1px solid #000;
  background-color: #fff;
  box-sizing: border-box;
  z-index: 3;
}

.Form003139 .form-ul .select-many .xl.on {
  display: block;
}

.Form003139 .form-ul .select-many .xl li {
  padding: 10px 20px;
  margin-bottom: 0;
}

.Form003139 .form-ul .select-many .xl li:hover {
  background-color: #1967d2;
  color: #fff;
}

@media (min-width:1025px) {
  .Form003139 .form-ul .row-2 li {
    float: left;
    width: 48%;
  }

  .Form003139 .form-ul .row-2 li:nth-child(2n) {
    float: right;
  }

  .Form003139 .form-ul {
    width: 100%;
  }
}

@media (max-width:1024px) {
  .Form003139 .form-ul {
    padding: 30px 0;
  }

  .Form003139 .form-ul {
    width: 90%;
  }
}

/* 2023.9.1 */
.utip {
  font-size: 12px;
  color: #f00;
  position: relative;
  padding-left: 25px;
  margin-top: 2px;
  display: none;
}

.utip::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: -2px;
  background-image: url("utip.png")/*tpa=https://www.yxc.hk/cn/images/utip.png*/;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
}

input[type="date"] {
  position: relative;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 0;
  padding-left: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
}




.umain {
  display: flex;
  flex-wrap: wrap;
}

.umain .toww {
  flex: 1;
}

.switchs {
  width: 260px;
  margin-right: 20px;
  position: sticky;
  top: 10em;
}

.switchs .switch_tit {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 15px 20px;
  font-size: 24px;
  font-weight: 700;
  position: relative;
  background: #1685da;
  color: #fff;
  position: relative;
}

@media(min-width:1024px) {
  .switchs .list1 {
    height: 700px;
  }
}

.switchs .ctit {
  font-size: 18px;
  display: block;
  padding: 1rem;
  border-bottom: 1px solid #e2e6f2;
  background: #fff;
  position: relative;
}

.switchs .ctit::before {
  content: '';
  display: block;
  position: absolute;
  top: 43%;
  border-top: 1px solid #555555;
  border-right: 1px solid #555555;
  right: 18px;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.switchs .ctit.cur::before {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}

.switchs .ctit.cur {
  color: #1685da;
}

.switchs .item1 {
  background: #f5f8fc;
  border-top: 1px solid #e2e6f2;
}

.switchs .citem a {
  font-size: 15px;
  color: #333;
  position: relative;
  display: block;
  padding: 0.5rem 1rem 0.5rem 2.5rem;
  font-weight: 600;
}


.switchs .citem a:after {
  content: '';
  display: block;
  position: absolute;
  top: 41%;
  border-top: 1px solid #555555;
  border-right: 1px solid #555555;
  transform: rotate(45deg);
  right: 18px;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  opacity: 0;
}

.switchs .citem a:hover::after {
  opacity: 1;
}




.sidebarList a.active,
.sidebarList a:hover {
  color: #01408d;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mover {
  position: absolute;
  top: -1%;
}

.plist .pitem {
  position: relative;
}

@media(max-width:1459px) {
  .switchs .switch_tit {
    font-size: 18px;
    padding: 10px;
  }

  .switchs .ctit {
    font-size: 16px;
  }

  .switchs .citem a {
    padding: 0.5rem 1rem 0.5rem 1.5rem;
    font-size: 14px;
  }
}

@media(max-width:768px) {
  .umain {
    display: block;
  }

  .umain .toww {
    flex: unset;
    width: 100%;
  }

  .switch_big {
    position: inherit;
    top: 0em;
    z-index: 10;
  }

  .switchs {
    position: relative;
    top: unset;
    margin-right: 0px;
    width: 100%;
  }
}

@media(max-width:640px) {
  .switchs .ctit {
    font-size: 14px;
  }

  .switchs .citem a {
    font-size: 12px;
  }

  .switchs .switch_tit {
    font-size: 16px;
  }



}


.Form003139 .form-ul .select-many .text-list {
  height: auto;
  padding: 10px;
}

.Form003139 .form-ul .select-many .text-list ul {
  flex-wrap: wrap;
  width: 100%;
}

.Form003139 .form-ul .select-many .text-list ul li {
  width: 20%;
  margin-bottom: 10px;
}

/* 2023.9.15 */
.select-many .xl ul {
  display: flex;
  flex-wrap: wrap;
}

.select-many .xl ul li {
  width: 22%;
  cursor: pointer;
}


.top-box .level-one #mCSB_1_container,.top-box .level-one #mCSB_2_container {
  display: flex;
  flex-wrap: wrap;
}

.top-box .level-one #mCSB_1_container dd,.top-box .level-one #mCSB_2_container dd {
  width: 22.5%;
}

.top-box .level-one #mCSB_1_container dd span,.top-box .level-one #mCSB_2_container dd span {
  width: 100%;
  border: none;
  background: transparent;
}

.top-box .level-one #mCSB_1_container dd a,.top-box .level-one #mCSB_2_container dd a {
  background: transparent;
  color: #fff;
  padding: 5px 0;
  font-weight: bold;
}

.top-box .level-one #mCSB_1_container dd>span,.top-box .level-one #mCSB_2_container dd>span {border-bottom: 1px solid #ffffff85;}

.top-box .level-one #mCSB_1_container dd:not(:nth-child(4n)) ,.top-box .level-one #mCSB_2_container dd:not(:nth-child(4n)){
  margin-right: 3%;
}

.top-box .level-one #mCSB_1_container dd .noes {}

.top-box .level-one #mCSB_1_container dd .noes span,.top-box .level-one #mCSB_2_container dd .noes span  {
  border-bottom: 1px dotted #ffffff5c;
}

.top-box .level-one #mCSB_1_container dd .noes span a,
.top-box .level-one #mCSB_2_container dd .noes span a {
  font-size: 16px;
  font-weight: lighter;position: relative;
}

.top-box .level-one #mCSB_1_container dd .noes span a:before ,.top-box .level-one #mCSB_2_container dd .noes span a:before{
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  border: solid white;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 1px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  right: 0;
  top: 20px;
}
.top-box .nav-shell li.dioww112 {
  display: none;
}
@media screen and (max-width: 768px){
.top-box .level-one dd span {
  border-left:none;
  width: 80%;
}
}




/* page404 */
.page404{min-height:100vh; padding-top:3%; display: flex;align-items:center;text-align:center;background:#1685da no-repeat top center;background-size:contain;}
.tip404{margin:35px 0 60px;color: #fff;font-size: 18px;}
.back404 a{display:inline-block;vertical-align:middle;color:#fff;line-height:48px;width:180px;text-align:center;border:1px solid #fff;border-radius:25px;}
.back404 a:before{content:"";display:inline-block;vertical-align:middle;width:20px;height:20px;background:url("icon-back.png")/*tpa=https://www.yxc.hk/cn/images/icon-back.png*/ no-repeat center;margin-bottom:3px;margin-right:22px;}
.back404 a:hover{color:#1685da;background:#fff;}
.back404 a:hover:before{background-image:url("icon-back-act.png")/*tpa=https://www.yxc.hk/cn/images/icon-back-act.png*/;}
@media(max-width:768px){.inner404{font-size:14px;line-height:1.8;}
.icon404{max-width:80%;margin:auto;}
.tip404{margin:20px 0 40px;}
.back404 a{line-height:40px;width:140px;}
}
/* page404 */





.habout{padding-top:5%;background:url(../images/guanyu1.jpg)no-repeat;background-size:cover;height:90vh;position:relative;}
.habout .hometi{color:#fff;}
.habout ul{display:flex;flex-wrap:wrap;margin:auto;justify-content:space-between;}
@media screen and (min-width:768px){}
.habout ul li{list-style:none;width:18%;text-align:center;color:#fff;padding:2% 0;position:relative;}
.habout .ul{background:#00000061;position:absolute;width:100%;bottom:0;}
.habout ul li .num{display:flex;justify-content:center;align-items:flex-end;}
.habout ul li .num .pa{font-size:2.5vw;font-family:'HarmonyOS_Sans_SC_Bold';line-height:1;}
.habout ul li .num .pb{font-size:1vw;margin-left:10px;}
.habout ul li .pc{font-size:0.9vw;margin-top:10px;}
.habout ul li:not(:last-child):before{content:'';position:absolute;width:2px;height:30%;top:0;bottom:0;right:0;background:#fff;margin:auto;}
.habout .hometi .hometitleb{max-width:760px;margin:auto;margin-top:50px;font-size:0.95vw;line-height:1.5;}
@media screen and (max-width:1024px){.habout .hometi .hometitleb{margin-top:20px;}
.habout ul li .pc{font-size:18px;}
.habout ul li .num .pb{font-size:18px;}
.habout ul li{width:50%;padding:5px 0;}
.habout ul li .num .pa{font-size:0.9vw;}
.habout .ul{padding-bottom:3%;}
.habout ul li:nth-child(2n):before{display:none;}
.habout ul li:last-child{width:100%;}
}

.root-100 {
    font-size: 100px;
}
.root-sz-16 {
    font-size: 0.16em;
}
.habout .hometi {
    color: #fff;
}
.hometi {
    text-align: center;
}
.w1500 {
    width: 90%;
    max-width: 68vw;
}
.auto {
    margin: 0 auto;
}
.hometi .hometitlea {
    font-size: 3vw;
    line-height: 1.5;
}
.habout .hometi .hometitleb {
    margin-top: 40px;
}
.habout .hometi .hometitleb {
    max-width: 760px;
    margin: auto;
    margin-top: 50px;
    font-size: 0.95vw;
    line-height: 1.5;
}
.hometi .hometitleb {
    margin-top: 20px;
}
.hometi .hometitleb {
    font-size: 1.1vw;
    line-height: 1.5;
}


/*---------------------------------------*/

.xg_section,.container-fluid,div[class^='col-'] {
    position: relative
}

.xg_section_fixd {
    height: 200px
}

.xg_section,.xg_header,.xg_banner,.xg_content,.xg_footer {
    clear: both
}

.container,.container-fluid {
    height: 100%
}

.xg_screen {
    text-align: center
}

.xg_screen:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.xg_screen .container,.xg_screen .container-fluid {
    display: inline-block;
    vertical-align: middle;
    max-height: 650px;
    height: auto
}

.xg_html {
    height: auto;
    line-height: 25px;
    font-size: 14px;
    color: #666;
    text-align: left;
    overflow: hidden
}

.xg_logo,.xg_text,.xg_html {
    display: block;
    overflow: hidden
}

.xg_logo {
    min-height: 10px
}

.xg_logo h1,.xg_logo img {
    width: 100%;
    height: 100%;
    display: block
}

.xg_text {
    height: auto;
    line-height: 25px;
    font-size: 14px;
    color: #666;
    text-align: left;
    word-wrap: break-word;
    word-break: normal
}

input[type="text"] {
    width: 150px;
    height: 30px;
    margin: 5px
}

.xg_ibtn {
    display: block;
    width: 150px;
    height: 40px;
    overflow: hidden
}

input[type='button'] {
    outline: 0;
    border: 0;
    width: 100%;
    height: 100%;
    background-color: transparent
}

.xg_img {
    width: 100px;
    height: 100px;
    overflow: hidden
}

.xg_img a {
    display: block;
    width: 100%;
    height: 100%
}

.xg_img img,.xg_logo h1 .xg_logo img {
    width: 100%;
    height: 100%;
    display: block
}

[identify="enable-sharelogin_wb"],[identify="enable-pcscanfocuslogin"],[identify="enable-sharelogin_wx"],[identify="enable-sharelogin_qq"],[identify="enable-sharelogin_weixin"] {
    width: 60px;
    height: 60px
}

.xg_gotop {
    width: 60px;
    height: 60px;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    background: #e8e8e8 url(https://1.rc.xiniu.com/img/public/gototop.png) center center no-repeat
}

.xg_gotop:hover {
    background: #e8e8e8 url(https://1.rc.xiniu.com/img/public/gototop1.png) center center no-repeat
}

.xg_gotop a {
    display: block;
    width: 100%;
    height: 100%
}

.xg_flink {
    position: relative;
    padding: 15px 0;
    background-color: #fff;
    font-size: 0;
    margin: 0 auto
}

.xg_flink .xg_flink_item {
    display: inline-block;
    cursor: pointer;
    padding: 5px 20px;
    max-width: 240px;
    height: auto;
    overflow: hidden;
    font-size: 12px;
    color: #333;
    text-align: center
}

.xg_flink .xg_flink_item:hover {
    text-decoration: underline
}

.xg_flink a {
    color: #333
}

.xg_iframe_line {
    border: 0;
    height: 100%
}

.xg_pager {
    line-height: 33px
}

.xg_pager span {
    padding: 4px 10px;
    border: 1px solid #e2e2e2;
    margin-left: 5px;
    font-size: 14px
}

.xg_pager span:first-child {
    margin-left: 0
}

.xg_pager span:hover {
    color: #51b5f5
}

.xg_pager span a {
    cursor: pointer
}

.xg_pager span a:hover {
    color: #51b5f5
}

.xg_pager .xg_pnInNu {
    width: 44px;
    height: 27px;
    border: 0
}

.xg_pager .fyb_w_gong,.xg_pager .fyb_w_spage,.xg_pager .fyn_w_gong,.xg_pager .fym_w_spage,.xg_pager .fym_w_gong,.xg_pager .fyi_w_gong {
    border-right: 0
}

.xg_pager .fyb_n_tpage,.xg_pager .fyb_pszie,.xg_pager .fyn_n_tpage,.xg_pager .fym_pszie,.xg_pager .fym_n_tpage,.xg_pager .fyi_n_tpage {
    border-left: none;
    border-right: 0;
    margin-left: -15px
}

.xg_pager .fyb_w_reccount,.xg_pager .fyb_w_reccount,.xg_pager .fyn_w_spage,.xg_pager .fym_w_reccount,.xg_pager .fym_w_reccount,.xg_pager .fyi_w_spage {
    border-left: none;
    margin-left: -15px
}

.xg_pager .fyb_t_goto {
    margin: 0
}

.xg_pager a {
    color: #333
}

.xg_ul {
    line-height: 34px
}

.xg_ul .xg_ul_li {
    height: 34px;
    color: #626262;
    font-size: 14px;
    padding-left: 20px
}

.xg_ul .xg_ul_li:hover {
    background-color: #f0f0f0
}

.xg_sbtn .bdsharebuttonbox {
    padding: 5px
}

.xg_itext label {
    vertical-align: top
}

.xg_itext_span {
    font-size: 11px
}

.xg_itext input {
    width: 249px;
    padding-left: 10px;
    height: 38px;
    border: 1px solid #e2e2e2;
    color: #999;
    font-size: 14px
}

.xg_itext textarea {
    width: 249px;
    padding: 5px 10px;
    height: 80px;
    line-height: 20px;
    border: 1px solid #e2e2e2;
    color: #999;
    font-size: 14px
}

.xg_ldrop select,.xg_idrop select {
    width: 249px;
    padding-left: 10px;
    height: 40px;
    border: 1px solid #e2e2e2;
    color: #999;
    font-size: 14px;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist
}

.xg_ckcode .xg_check_tip {
    font-size: 14px;
    cursor: pointer
}

.xg_ckcode .xg_check_tip:hover {
    color: #51B5F5
}

.xg_iemail label {
    color: #666;
    font-size: 16px;
    margin-right: 4px
}

.xg_iemail input {
    width: 249px;
    padding-left: 10px;
    height: 38px;
    border: 1px solid #e2e2e2;
    color: #999;
    font-size: 14px
}

.xg_iemail textarea {
    width: 249px;
    padding: 5px 10px;
    height: 80px;
    line-height: 20px;
    border: 1px solid #e2e2e2;
    color: #999;
    font-size: 14px
}

.xg_imobile label {
    color: #666;
    font-size: 16px;
    margin-right: 4px
}

.xg_imobile input {
    width: 249px;
    padding-left: 10px;
    height: 38px;
    border: 1px solid #e2e2e2;
    color: #999;
    font-size: 14px
}

.xg_imobile textarea {
    width: 249px;
    padding: 5px 10px;
    height: 80px;
    line-height: 20px;
    border: 1px solid #e2e2e2;
    color: #999;
    font-size: 14px
}

.xg_ipwd label {
    color: #666;
    font-size: 16px;
    margin-right: 4px
}

.xg_ipwd input {
    width: 249px;
    padding-left: 10px;
    height: 38px;
    border: 1px solid #e2e2e2;
    color: #999;
    font-size: 14px
}

.xg_ipwd textarea {
    width: 249px;
    padding: 5px 10px;
    height: 80px;
    line-height: 20px;
    border: 1px solid #e2e2e2;
    color: #999;
    font-size: 14px
}

.xg_iradio {
    line-height: 40px
}

.xg_iradio [data-type="message"] {
    display: block;
    text-align: center;
    font-size: 16px;
    height: 40px;
    color: #666
}

.xg_iradio label:first-child {
    margin-left: 0
}

.xg_iradio input[type="radio"] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio;
    position: relative;
    top: 2px
}

[data-tag="InputCheckBox"] {
    line-height: 40px
}

[data-tag="InputCheckBox"] [data-type="message"] {
    display: block;
    text-align: center;
    font-size: 16px;
    height: 40px;
    color: #666
}

[data-tag="InputCheckBox"] label:first-child {
    margin-left: 0
}

[data-tag="InputCheckBox"] input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    position: relative;
    top: 2px
}

[data-tag="InputCheckBox"] span {
    margin-left: 3px
}

.xg_crumbs {
    font-size: 0
}

.xg_crumbs>span {
    font-size: 12px;
    margin-left: 7px;
    display: inline-block;
    color: #444
}

.xg_crumbs span:first-child {
    margin-left: 0
}

.xg_crumbs .xg_crumbs_span {
    background: url(https://1.rc.xiniu.com/img/public/arrows_right.png);
    width: 6px;
    height: 7px;
    background-repeat: no-repeat
}

.xg_crumbs .xg_crumbs_span:last-child {
    display: none
}

.xg_prevnext {
    line-height: 30px;
    color: #333;
    font-size: 14px
}

.xg_prevnext .xg_prevnext_item:hover {
    color: #51b5f5
}

.xg_prevnext .xg_prevnext_item {
    display: inline-block;
    width: 250px;
    cursor: pointer
}

.xg_prevnext .xg_prevnext_title {
    margin-left: 8px
}

.xg_navTwo {
    font-size: 0
}

.xg_navTwo .tierLi {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    background-color: #51b5f5
}

.xg_navTwo .tierLi:hover .navContent {
    display: block
}

.xg_navTwo .tierLi-select {
    background-color: #3e99d4
}

.xg_navTwo .tierName {
    text-align: center;
    cursor: pointer
}

.xg_navTwo .tierName:hover {
    background-color: #3e99d4
}

.xg_navTwo .navContent {
    position: absolute;
    left: 0;
    top: 40px;
    width: 440px;
    height: auto;
    display: none
}

.xg_navTwo .navContentUl {
    position: relative
}

.xg_navTwo .navContentLi {
    width: 110px;
    height: 40px;
    line-height: 40px;
    background-color: #5dbcf9
}

.xg_navTwo .navContentLi:hover {
    background-color: #5ba3d2
}

.xg_navTwo .navContentLi:hover .ncContent {
    display: block
}

.xg_navTwo .navContentLi-select {
    background-color: #5ba3d2
}

.xg_navTwo .ncName {
    width: 100%;
    text-align: center;
    cursor: pointer
}

.xg_navTwo .ncContent {
    position: absolute;
    box-sizing: border-box;
    left: 110px;
    top: 0;
    width: 330px;
    line-height: 20px;
    height: 160px;
    padding: 5px 15px;
    background-color: #b5b1b1;
    display: none
}

.xg_navTwo .navContentLi:first-child .ncContent {
    display: block
}

.xg_tMenu1 .xg_tMenuLi1 {
    width: 110px;
    height: auto;
    background-color: #51b5f5;
    color: #fff;
    font-size: 14px;
    line-height: 40px
}

.xg_tMenu1 .xg_tMenuLi1:hover {
    background-color: #3e99d4
}

.xg_tMenu1 .xg_tMenuLi1-select {
    background-color: #3e99d4
}

.xg_tMenu1 a {
    display: block;
    height: 100%;
    width: 100%
}

.xg_tMenu1 .xg_tTitle1 {
    width: 100%;
    text-align: center;
    cursor: pointer
}

.xg_tMenu1 .xg_tMenuUl2 {
    width: 100%
}

.xg_tMenu1 .xg_tMenuLi2 {
    width: 100%;
    text-align: center;
    cursor: pointer;
    background-color: #5dbcf9
}

.xg_tMenu1 .xg_tMenuLi2:hover {
    background-color: #429dda
}

.xg_tMenu1 .xg_tMenuLi2-select {
    background-color: #429dda
}

.xg_tMenu1 .xg_tTitle2 {
    width: 100%;
    text-align: center;
    cursor: pointer
}

.xg_tMenu1 .xg_tMenuLi3 {
    width: 100%;
    text-align: center;
    cursor: pointer;
    background-color: #86ccf9
}

.xg_tMenu1 .xg_tMenuLi3:hover {
    background-color: #6dbef3
}

.xg_tMenu1 .xg_tMenuLi3-select {
    background-color: #6dbef3
}

.xg_tMenu1 .xg_tTitle3 {
    width: 100%;
    text-align: center;
    cursor: pointer
}

.xg_tMenu2 a {
    display: block;
    width: 100%;
    height: 100%
}

.xg_tMenu2 .xg_tMenuLi1 {
    position: relative;
    width: 110px;
    height: auto;
    background-color: #51b5f5;
    color: #fff;
    font-size: 14px;
    line-height: 40px
}

.xg_tMenu2 .xg_tMenuLi1:hover {
    background-color: #3e99d4
}

.xg_tMenu2 .xg_tMenuLi1:hover .xg_tMenuUl2 {
    display: block
}

.xg_tMenu2 .xg_tMenuLi1-select {
    background-color: #3e99d4
}

.xg_tMenu2 .xg_tTitle1 {
    width: 100%;
    text-align: center;
    cursor: pointer
}

.xg_tMenu2 .xg_tMenuUl2 {
    width: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 1;
    display: none
}

.xg_tMenu2 .xg_tMenuLi2 {
    position: relative;
    width: 110px;
    height: auto;
    background-color: #5dbcf9;
    color: #fff;
    font-size: 14px
}

.xg_tMenu2 .xg_tMenuLi2:hover {
    background-color: #429dda
}

.xg_tMenu2 .xg_tMenuLi2:hover .xg_tMenuUl3 {
    display: block
}

.xg_tMenu2 .xg_tMenuLi2-select {
    background-color: #429dda
}

.xg_tMenu2 .xg_tTitle2 {
    width: 100%;
    text-align: center;
    cursor: pointer
}

.xg_tMenu2 .xg_tMenuUl3 {
    width: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    display: none
}

.xg_tMenu2 .xg_tMenuLi3 {
    background-color: #86ccf9
}

.xg_tMenu2 .xg_tMenuLi3:hover {
    background-color: #58b0e8
}

.xg_tMenu2 .xg_tMenuLi3-select {
    background-color: #58b0e8
}

.xg_tMenu2 .xg_tTitle3 {
    width: 100%;
    text-align: center;
    cursor: pointer
}

.xg_tMenu3 a {
    display: block;
    width: 100%;
    height: 100%
}

.xg_tMenu3 .xg_tMenuLi1 {
    width: 110px;
    line-height: 40px;
    background-color: #51b5f5;
    color: #fff;
    cursor: pointer;
    font-size: 14px
}

.xg_tMenu3 .xg_tMenuLi1:hover {
    background-color: #3e99d4
}

.xg_tMenu3 .xg_tMenuLi1-select {
    background-color: #3e99d4
}

.xg_tMenu3 .xg_tMenuLi1-select .xg_tMenuUl2 {
    display: block
}

.xg_tMenu3 .xg_tTitle1 {
    width: 100%;
    text-align: center
}

.xg_tMenu3 .xg_tMenuUl2 {
    width: 100%;
    display: none
}

.xg_tMenu3 .xg_tMenuLi2 {
    width: 100%;
    background-color: #5dbcf9
}

.xg_tMenu3 .xg_tMenuLi2:hover {
    background-color: #429dda
}

.xg_tMenu3 .xg_tMenuLi2-select {
    background-color: #429dda
}

.xg_tMenu3 .xg_tMenuLi2-select .xg_tMenuUl3 {
    display: block
}

.xg_tMenu3 .xg_tTitle2 {
    width: 100%;
    text-align: center
}

.xg_tMenu3 .xg_tMenuUl3 {
    width: 100%;
    display: none
}

.xg_tMenu3 .xg_tMenuLi3 {
    width: 100%;
    background-color: #86ccf9
}

.xg_tMenu3 .xg_tMenuLi3:hover {
    background-color: #58b0e8
}

.xg_tMenu3 .xg_tMenuLi3-select {
    background-color: #58b0e8
}

.xg_tMenu3 .xg_tMenuLi3-select .xg_tMenuUl4 {
    display: block
}

.xg_tMenu3 .xg_tTitle3 {
    width: 100%;
    text-align: center
}

.xg_tMenu3 .xg_tMenuUl4 {
    width: 100%;
    display: none
}

.xg_tMenu3 .xg_tMenuLi4 {
    width: 100%;
    background-color: #84c1e8
}

.xg_tMenu3 .xg_tMenuLi4:hover {
    background-color: #81b7da
}

.xg_tMenu3 .xg_tMenuLi4-select {
    background-color: #81b7da
}

.xg_tMenu3 .xg_tTitle4 {
    width: 100%;
    text-align: center
}

.xg_bnavi .xg_menuUl {
    font-size: 0;
    color: #444
}

.xg_bnavi .xg_menuUl:after {
    display: block;
    content: '';
    clear: both;
    height: 0;
    visibility: hidden
}

.xg_bnavi a {
    width: 100%;
    height: 100%;
    display: block
}

.xg_bnavi .xg_menuLi1 {
    color: #444
}

.xg_bnavi .xg_menuLi1 {
    position: relative;
    float: left;
    width: 110px;
    font-size: 14px;
    line-height: 40px;
    cursor: pointer;
    color: #444;
    z-index: 100;
    text-align: center;
    height: 40px
}

.xg_bnavi .xg_menuTitle2 {
    text-align: center;
    height: 40px
}

.xg_bnavi .xg_menuTitle3 {
    text-align: center;
    height: 40px
}

.xg_bnavi .xg_menuTitle3:hover a {
    color: #000
}

@media(min-width: 769px) {
    .xg_menu .xg_menuUl {
        font-size:0;
        color: #333
    }

    .xg_menu a {
        display: block;
        width: 100%;
        height: 100%
    }

    .xg_menu .xg_menuLi1 {
        position: relative;
        display: inline-block;
        width: 110px;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        cursor: pointer;
        background-color: #51b5f5;
        color: #fff;
        z-index: 100
    }

    .xg_menu .xg_menuLi1:hover {
        background-color: #3e99d4
    }

    .xg_menu .xg_menuLi1:hover .xg_menuUl2 {
        display: block
    }

    .xg_menu .xg_menuLi1-select {
        background-color: #3e99d4
    }

    .xg_menu .xg_menuTitle1 {
        text-align: center
    }

    .xg_menu .xg_menuUl2 {
        position: absolute;
        top: 40px;
        left: 0;
        width: 100%;
        display: none
    }

    .xg_menu .xg_menuLi2 {
        position: relative;
        background-color: #5dbcf9;
        color: #fff
    }

    .xg_menu .xg_menuLi2:hover {
        background-color: #429dda
    }

    .xg_menu .xg_menuLi2:hover .xg_menuUl3 {
        display: block
    }

    .xg_menu .xg_menuLi2-select {
        background-color: #429dda
    }

    .xg_menu .xg_menuTitle2 {
        text-align: center
    }

    .xg_menu .xg_menuUl3 {
        position: absolute;
        left: 100%;
        top: 0;
        display: none;
        width: 100%
    }

    .xg_menu .xg_menuLi3 {
        position: relative;
        background-color: #75c2f3;
        color: #fff
    }

    .xg_menu .xg_menuLi3:hover {
        background-color: #58b0e8
    }

    .xg_menu .xg_menuLi3:hover .xg_menuUl4 {
        display: block
    }

    .xg_menu .xg_menuLi3-select {
        background-color: #58b0e8
    }

    .xg_menu .xg_menuTitle3 {
        text-align: center
    }

    .xg_menu .xg_menuUl4 {
        position: absolute;
        left: 100%;
        top: 0;
        display: none;
        width: 100%
    }

    .xg_menu .xg_menuLi4 {
        text-align: center;
        background-color: #86ccf9;
        color: #fff
    }

    .xg_menu .xg_menuLi4:hover {
        background-color: #6dbef3
    }

    .xg_menu .xg_menuLi4-select {
        background-color: #6dbef3
    }

    .xg_menu .xg_menuTitle4 {
        text-align: center
    }
}

@media(max-width: 768px) {
    .xg_menu a {
        display:block;
        width: 100%;
        height: 100%;
        padding-left: 25px
    }

    .xg_menu a:active {
        background-color: #f4f4f4;
        color: #333
    }

    .xg_menu .xg_menuMobile {
        width: 19px;
        height: 15px
    }

    .xg_menu .xg_memu_btn {
        width: 19px;
        height: 15px;
        background: url(https://1.rc.xiniu.com/img/public/xg_memu_btn.png) no-repeat;
        background-size: contain
    }

    .xg_menu .xg_menuUl {
        background-color: #fff;
        padding-top: 25px;
        width: 205px;
        height: 100%;
        position: relative;
        z-index: 10002
    }

    .xg_menu .xg_menuLi1,.xg_menu .xg_menuLi2,.xg_menu .xg_menuLi3,.xg_menu .xg_menuLi4,.xg_menu .xg_menuLi5 {
        line-height: 45px;
        font-size: 15px;
        color: #333;
        position: relative
    }

    .xg_menu .xg_menuUl2 {
        display: none
    }

    .xg_menu .xg_menuUl3,.xg_menu .xg_menuUl4,.xg_menu .xg_menuUl5 {
        display: none
    }

    .xg_menu .xg_menuUl5 {
        display: none
    }

    .xg_menu .xg_menuShade {
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.25);
        z-index: 10001;
        position: absolute;
        left: 0;
        top: 0
    }

    .xg_menu .xg_menuMobileData {
        height: 100%;
        width: 205px;
        overflow-y: scroll
    }

    .xg_menu .xg_menutop {
        z-index: 10002;
        background-color: #fff;
        position: relative
    }

    .xg_menu .xg_menubottom {
        z-index: 10002;
        background-color: #fff;
        position: relative
    }
}

.xg_pager {
    color: #666;
    font-size: 12px;
    position: relative
}

.xg_pager .xg_pnUl {
    overflow: hidden;
    text-align: center
}

.xg_pager a {
    color: inherit;
    padding: 0 7px
}

.xg_pager li {
    display: inline-block;
    padding: 3px 5px;
    margin-left: 5px;
    color: #666;
    border: 1px solid #ddd;
    border-radius: 2px
}

.xg_pager .xg_pnNumber:hover,.xg_pager .xg_pnFirst:hover,.xg_pager .xg_pnPrev:hover,.xg_pager .xg_pnNext:hover,.xg_pager .xg_pnEnd:hover,.xg_pager .xg_pager:hover,.xg_pager .xg_pnTotallP:hover,.xg_pager .xg_pnPage:hover {
    background-color: #288df0;
    color: #fff
}

.xg_pager .xg_pnJump {
    padding: 0;
    border: 0
}

.xg_pager .xg_pnInNu {
    height: 30px;
    padding: 0;
    border: 1px solid #ddd;
    text-align: center;
    width: 40px;
    margin-left: 5px
}

.xg_pager .PageIndex {
    text-decoration: none;
    display: inline-block;
    height: 20px;
    border: 1px solid #ddd;
    vertical-align: top;
    border-radius: 2px;
    line-height: 20px;
    padding: 0 3px;
    cursor: pointer;
    margin-left: 5px;
    color: #666
}

.xg_pager .xg_pnPCount {
    padding-left: 7px;
    padding-right: 7px
}

.xg_tab_tl {
    float: left;
    width: 100px;
    border-left-width: 1px;
    border-left-style: solid;
    border-top-width: 1px;
    border-top-style: solid
}

li[class=xg_tab_tl]:last-child {
    border-right-width: 1px;
    border-right-style: solid
}

.xg_tab_tl-select {
    background-color: #51b5f5
}

.xg_tab_tl div {
    font-weight: normal;
    cursor: pointer;
    text-align: center
}

.xg_tab_l_t:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

.xg_tab_l_t {
    zoom:1}

.xg_tab_tt {
    display: none;
    border-left-width: 1px;
    border-left-style: solid;
    border-top-width: 1px;
    border-top-style: solid;
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.xg_tab_tt-select {
    display: block
}

.xg_fierror {
    display: block;
    width: 249px;
    position: relative;
    font-size: 14px;
    margin-bottom: 14px;
    font-size: 14px
}

.xg_fadvisory {
    width: 100%;
    display: block;
    height: 200px
}

.xg_barcode {
    border: 3px solid #ddd
}

.bds_tsina,.bds_weixin,.hk_clear {
    background-position: 0 0!important
}

.bdshare-button-style0-16 .bds_more {
    background-position: 0 0
}

.bdshare-button-style0-16 .bds_weixin {
    background-position: 0 -1612px
}

.bdshare-button-style0-16 .bds_sqq {
    background-position: 0 -2652px
}

.bdshare-button-style0-16 .bds_tqq {
    background-position: 0 -260px
}

.bdshare-button-style0-16 .bds_tsina {
    background-position: 0 -104px
}

.bdshare-button-style0-16 {
    zoom:1}

.bdshare-button-style0-16:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.bdshare-button-style0-16 a,.bdshare-button-style0-16 .bds_more {
    float: left;
    font-size: 12px;
    padding-left: 17px;
    line-height: 16px;
    height: 16px;
    background-image: url(../img/share/icons_0_16.png?v=d754dcc0.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 6px 6px 6px 0
}

.bdshare-button-style0-16 a:hover {
    color: #333;
    opacity: .8;
    filter: alpha(opacity=80)
}

.bdshare-button-style0-16 .bds_more {
    color: #333;
    float: left
}

.bdsharebuttonbox .hk_clear {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin: 0 5px;
    padding-left: 0
}

.bdsharebuttonbox .bds_tsina {
    background: url(https://1.rc.xiniu.com/img/toolbox/share_wb.png) no-repeat top center
}

.bdsharebuttonbox .bds_tsina:hover {
    background: url(https://1.rc.xiniu.com/img/toolbox/share_wb_hover.png) no-repeat top center
}

.bdsharebuttonbox .bds_weixin {
    background: url(https://1.rc.xiniu.com/img/toolbox/share_wx.png) no-repeat top center
}

.bdsharebuttonbox .bds_weixin:hover {
    background: url(https://1.rc.xiniu.com/img/toolbox/share_wx_hover.png) no-repeat top center
}

.bdsharebuttonbox .bds_sqq:hover {
    background: url(https://1.rc.xiniu.com/img/toolbox/share_qq.png) no-repeat top center
}

.bdsharebuttonbox .bds_sqq {
    background: url(https://1.rc.xiniu.com/img/toolbox/share_qq_hover.png) no-repeat top center
}

.bdsharebuttonbox .bds_sqq {
    background: url(https://1.rc.xiniu.com/img/toolbox/share_qq_hover.png) no-repeat top center
}

.bdshare-button-style0-16 .bds_more {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/more.gif) no-repeat top center
}

.xg_unit,.xg_pricedata,.xg_mbtn {
    position: relative
}

.xg_mbtn {
    background: #288df0;
    color: #fff;
    padding: 5px 0
}

.xg_data_notdata {
    position: relative;
    min-height: 40px;
    line-height: 40px;
    text-align: center;
    top: 50%;
    margin-top: -15px
}

.xg_area_item0,.xg_area_item1,.xg_area_item2,.xg_area_item3 {
    display: none;
    position: relative
}

.xg_area_container {
    overflow: hidden;
    color: #666;
    background-color: #FFF;
    width: 100%;
    position: fixed;
    top: 46%;
    bottom: 0;
    left: 0;
    z-index: 99999;
    padding: 40px 0 0 0;
    border-radius: 15px 15px 0 0;
    box-shadow: 2px -2px 11px #e4e4e4
}

.xg_area_options {
    padding-bottom: 40px;
    overflow: auto;
    height: 100%
}

.xg_area_options p {
    text-align: center;
    height: 40px;
    line-height: 40px
}

.xg_area_active {
    background-color: #eee
}

.xg_area_return {
    height: 26px;
    width: 28px;
    right: 20px;
    top: 10px;
    position: absolute;
    display: none
}

.xg_area_return svg {
    height: 100%;
    width: 100%
}

.xg_prd_name {
    position: relative;
    display: inline-block
}

.xg_prd_content {
    position: relative;
    display: inline-block
}

.xg_prd_row {
    display: block
}

.xg_prd_row div {
    display: inline-block
}

.xg_prd_col_name {
    width: 200px;
    text-align: center
}

.xg_prd_col_num {
    width: 80px;
    text-align: center
}

.xg_prd_col_num input {
    width: 50px
}

.xg_prd_col_del a {
    cursor: pointer
}

.xg_video video {
    width: 100%
}

.xg_video_button {
    display: none;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    background: #ccc;
    opacity: .4;
    z-index: 99999
}

.xg_video_button img {
    max-height: 48%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute
}

.lazyload {
    animation: loadingImg .15s ease-in
}

@keyframes loadingImg {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media only screen and (max-width: 768px) {
    .mobile_hide {
        display:none!important
    }

    .mobile_an_hide {
        opacity: 0!important
    }

    .xg_dropdownlist {
        display: none
    }
}

@media only screen and (min-width: 769px) {
    .pc_an_hide {
        opacity:0!important
    }

    .xg_dropdownlist {
        position: absolute;
        width: 100vw;
        z-index: 1;
        display: none
    }

    .xg_navi_template {
        display: none;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        height: 100px;
        width: 100%;
        background: #fff
    }
}

.xg_banner_item {
    position: relative;
    overflow: hidden;
    float: left;
    visibility: hidden
}

@media only screen and (min-width: 769px) {
    .xg_banner_img img {
        margin-left:auto;
        margin-right: auto
    }

    .xg_banner_item .container {
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -600px;
        cursor: pointer
    }
}

@media only screen and (max-width: 768px) {
    .xg_banner_item .container {
        width:320px;
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -160px;
        cursor: pointer
    }
}

.xg_userlogin .xg_imobile {
    position: relative
}

.xg_userlogin .xg_imobile .checkcode {
    position: absolute;
    cursor: pointer
}

.xg_Hold-allBox {
    width: 375px;
    height: 667px;
    position: relative;
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 5% auto;
    border-radius: 8px
}

.xg_hfBox {
    width: 90%;
    height: 40px;
    line-height: 40px;
    background-color: #efefef;
    box-shadow: 0 2px 4px #ddd;
    margin-left: 5%;
    border-radius: 40px;
    font-size: 0;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center
}

.xg_hfLink {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    width: 25%;
    text-align: center;
    position: relative
}

.xg_hfLink span {
    display: inline-block;
    vertical-align: middle
}

.xg_hfLink:after {
    content: '';
    position: absolute;
    right: 0;
    top: 18px;
    height: 8px;
    width: 1px;
    background-color: #b9bac1
}

.xg_hfLink:last-child:after {
    width: 0
}

.xg_QQicon {
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 12px;
    background: url("https://1.rc.xiniu.com/img/toolbox/QQIcon.png") no-repeat;
    background-size: cover
}

.xg_popQQIcon,.xg_popQuanIcon {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px
}

.xg_WXicon {
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 12px;
    background: url("https://1.rc.xiniu.com/img/toolbox/WXIcon.png") no-repeat;
    background-size: cover
}

.xg_Quanicon {
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 12px;
    background: url("https://1.rc.xiniu.com/img/toolbox/ico_qnl.png") no-repeat;
    background-size: cover
}

.xg_TELicon {
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 12px;
    background: url("https://1.rc.xiniu.com/img/toolbox/TELIcon.png") no-repeat;
    background-size: cover
}

.xg_Miccardicon {
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 12px;
    background: url("https://1.rc.xiniu.com/img/toolbox/ico_wmp.png") no-repeat;
    background-size: cover
}

.xg_WhatsAppicon {
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 12px;
    background: url("https://1.rc.xiniu.com/img/toolbox/WhatsappIcon.png") no-repeat;
    background-size: cover
}

.xg_Facebookicon {
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 12px;
    background: url("https://1.rc.xiniu.com/img/toolbox/FaceBookIcon.png") no-repeat;
    background-size: cover
}

.xg_Twittericon {
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 12px;
    background: url("https://1.rc.xiniu.com/img/toolbox/TwitterIcon.png") no-repeat;
    background-size: cover
}

.xg_popTELicon {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px
}

.xg_MAILicon {
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 12px;
    background: url("https://1.rc.xiniu.com/img/toolbox/MAILIcon.png") no-repeat;
    background-size: cover
}

.xg_popMAILicon {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px
}

.xg_popupBox {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: .3;
    display: none
}

.xg_mainPopupBox {
    position: fixed;
    width: 90%;
    border-radius: 8px;
    background-color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    font-size: 14px;
    color: #666;
    display: none;
    z-index: 99
}

.xg_mp-title {
    text-align: center;
    padding: 15px;
    font-size: 15px;
    color: #666;
    border-bottom: 1px solid #f2f2f2
}

.xg_mp-list {
    margin: 0 auto;
    width: 240px;
    list-style: none
}

.xg_mp-list li {
    text-align: left;
    padding: 20px 0;
    font-size: 0;
    border-bottom: 1px dashed #eee;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.xg_mpl-left {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    width: 95px;
    color: #666
}

.xg_mpl-right {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    text-align: right;
    width: 135px;
    padding-right: 5px;
    color: #666
}

.xg_closePopup {
    display: inline-block;
    vertical-align: middle;
    width: 27px;
    height: 27px;
    background: url("https://1.rc.xiniu.com/img/toolbox/closeIcon.png") no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    top: -40px;
    cursor: pointer
}

.xg_mpqqList,.xg_quanList {
    text-align: center;
    font-size: 14px;
    cursor: pointer
}

.xg_mptxtfen {
    color: #e6266c;
    margin-left: 25px
}

.xg_mptxtlan {
    color: #3477a8;
    margin-left: 25px
}

.xg_zhiwen {
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    background: url("https://1.rc.xiniu.com/img/toolbox/zhiwen.png") no-repeat;
    background-size: cover
}

.xg_wxList,.xg_miccardList {
    list-style: none;
    padding: 10px 0
}

.xg_wxList li,.xg_miccardList li {
    padding: 2px 0 5px;
    text-align: center;
    width: 70%;
    margin: 0 auto;
    border-bottom: 1px dashed #ddd
}

.xg_wxList li:last-child,.xg_miccardList li:last-child {
    border-bottom: 0
}

.xg_wxl-title,.xg_miccardl-title {
    font-size: 14px;
    color: #000;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.xg_wxl-title:after,.xg_miccardl-title:after {
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    left: -10px;
    top: 9px;
    background-color: #666
}

.xg_wxl-title:before,.xg_miccardl-title:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    right: -10px;
    top: 9px;
    background-color: #666
}

.xg_wxl-img,.xg_miccardl-img {
    width: 110px
}

.xg_wxl-tips {
    color: #999;
    font-size: 12px;
    padding-left: 5px
}

.xg_marketform * {
    margin: 0 auto;
    padding: 0
}

.xg_marketform a {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: 0
}

.xg_marketform a,.xg_marketform a:link,.xg_marketform a:active,.xg_marketform a:visited {
    color: #666;
    text-decoration: none
}

.xg_hf-list {
    list-style: none;
    padding: 0;
    border-radius: 4px
}

.xg_hf-list li {
    padding: 15px 0;
    text-align: center;
    font-size: 12px;
    position: relative;
    cursor: pointer
}

.xg_hf-list li:hover {
    background-color: #d5d5d5
}

.xg_pcIcon {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 48px;
    background-size: cover
}

.xg_hfl-txt {
    color: #444;
    padding-top: 3px
}

.xg_hf-list li:hover .xg_rnp-tips-tel {
    display: block;
    opacity: 1
}

.xg_hf-list li:hover .xg_rnp-tips-qq {
    display: block;
    opacity: 1
}

.xg_rnp-tips-tel,.xg_rnp-tips-qq {
    display: none;
    opacity: 0;
    right: 125px;
    height: 55px;
    line-height: 55px;
    border-radius: 4px;
    color: #484c61;
    width: 205px;
    text-align: center;
    background-color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -27px;
    font-size: 14px;
    -webkit-box-shadow: 6px 0 19px rgba(0,0,0,0.09);
    box-shadow: 6px 0 19px rgba(0,0,0,0.09);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease
}

.xg_rnp-tips-tel:after,.xg_rnp-tips-qq:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid #fff;
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: -8px
}

.xg_rnp-tips-ewm {
    display: none;
    position: absolute;
    width: 115px;
    height: 115px;
    padding: 5px;
    background-color: #fff;
    right: 125px;
    top: 50%;
    margin-top: -70px;
    -webkit-box-shadow: 6px 0 29px rgba(0,0,0,0.09);
    box-shadow: 6px 0 29px rgba(0,0,0,0.09)
}

.xg_rnp-tips-ewm>img {
    width: 100%
}

.xg_rnp-tips-ewm:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid #fff;
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: -8px
}

.xg_hf-list li:hover .xg_rnp-tips-ewm {
    display: block;
    opacity: 1;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease
}

@media only screen and (max-width: 768px) {
    .xg_holdFloating {
        display:none
    }

    .xg_marketform {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 99999
    }
}

@media only screen and (min-width: 769px) {
    .xg_HoldfootBox {
        display:none
    }

    .xg_mainPopupBox {
        display: none
    }

    .xg_marketform {
        position: fixed;
        right: 75px;
        z-index: 99999
    }

    .xg_holdFloating {
        width: 102px;
        background-color: #fff;
        box-shadow: 0 0 4px #eee
    }

    .xg_popupBox {
        display: none!important
    }

    .xg_mainPopupBox {
        display: none!important
    }
}

#weixin_tip {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100vh;
    z-index: 100
}

#qq_tip {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100vh;
    z-index: 100
}

.weixin_bg_img {
    width: 100%;
    text-align: right
}

.weixin_bg_img img {
    width: 15%;
    height: auto;
    position: relative;
    right: 2%;
    margin-top: 2%
}

.weixin_text1 {
    text-align: right;
    padding: 0 15% 0 0;
    margin: 10px 0
}

.weixin_text1 p {
    display: inline-block;
    zoom:1;*display: inline;
    font-size: 16px;
    color: #FFF
}

.weixin_text1 p+p {
    padding-left: 30px;
    background: url('https://1.rc.xiniu.com/img/toolbox/share.png') no-repeat left center;
    background-size: 26px 26px
}

.weixin_text2 {
    text-align: right;
    padding: 0 15% 0 0;
    margin: 10px 0
}

.weixin_text2 p {
    padding-left: 30px;
    background: url('https://1.rc.xiniu.com/img/toolbox/weixq.png') no-repeat left center;
    background-size: 26px 26px;
    display: inline-block;
    zoom:1;*display: inline;
    font-size: 16px;
    color: #FFF;
    margin-right: 1rem
}

#uagent_tip {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.2);
    width: 100%;
    height: 100%;
    z-index: 100
}

#uagent_tip img {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto
}

#uagent_tip p {
    display: block;
    width: 60%;
    padding: 25px 0;
    top: 35%;
    left: 20%;
    background: #FFF;
    position: relative;
    border-radius: 4px
}

#uagent_tip span {
    color: #000;
    font-size: 14px;
    line-height: 28px;
    display: block;
    text-align: center
}

#uagent_tip span+span {
    color: #9c9a9a;
    font-size: 14px;
    line-height: 25px
}

#uagent_tip span+span+span {
    color: #429dda;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
    cursor: pointer;
    border-top: 2px dashed #bbb8b8
}

.xg_imgUpload {
    width: auto;
    min-height: 120px
}

.xg_upload_ul {
    overflow: visible;
    min-height: 120px;
    min-width: 120px;
    zoom:1}

.xg_upload_ul:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

.xg_fileUpload {
    width: auto;
    min-height: 120px
}

.xg_imgUpload_li {
    width: 120px;
    height: 120px;
    font-size: 12px;
    box-sizing: border-box;
    border: 1px dashed #d4d4d4;
    background-color: #f8f8f8;
    position: relative;
    display: inline-block;
    margin-right: 10px;
    float: left;
    text-align: center
}

.xg_fileUpload_li {
    width: 120px;
    height: 120px;
    font-size: 12px;
    box-sizing: border-box;
    border: 1px dashed #d4d4d4;
    background-color: #f8f8f8;
    position: relative;
    display: inline-block;
    margin-right: 10px;
    float: left;
    text-align: center
}

.xg_addimg {
    font-size: 0;
    width: 75px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.xg_addimg .xg_imgUploadbtn span {
    color: #FFF;
    font-size: 12px;
    margin-left: 4px;
    cursor: pointer
}

.xg_imgUploadbtn {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 22px;
    border: 1px solid #e9e9e9;
    text-align: center;
    line-height: 22px;
    border-radius: 5px;
    background-color: rgba(22,155,213,1);
    cursor: pointer
}

.xg_ulpi_close {
    position: absolute;
    right: -8px;
    top: -5px;
    z-index: 100;
    cursor: pointer
}

.ulpi_changeBtn {
    display: inline-block;
    vertical-align: top;
    width: 58px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    border-radius: 5px;
    background-color: #fff
}

.ulpi_changeBtn span {
    color: #444;
    font-size: 12px;
    margin-left: 4px;
    cursor: pointer
}

.xg_div_img {
    overflow: hidden;
    height: 100%;
    width: 100%
}

.xg_div_file {
    padding-top: 15px;
    text-align: center
}

.ulpi_shadow {
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    top: 0
}

.change_img {
    font-size: 0;
    width: 58px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.upload_success {
    height: 100%
}

.upload_success:hover .ulpi_shadow {
    display: block
}

.hasupload {
    height: 100%;
    width: 100%
}

.file_hasupload {
    width: 37px;
    height: 40px
}

.xg_uperror {
    position: absolute;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
    top: 40px;
    left: 38px
}

.xg_uperror p {
    font-size: 12px;
    color: red
}

.xg_uperror p+p {
    font-size: 12px;
    color: #00f;
    margin-top: -10px
}

.xg_uplabel_span {
    line-height: 130px;
    float: left;
    font-size: 11px
}

.retryup {
    cursor: pointer
}

@media only screen and (max-width: 768px) {
    #popup_container {
        width:90%!important;
        left: 5%!important
    }

    .xg_scrollwidth::-webkit-scrollbar {
        width: 1px
    }
}

.xg_mulimg img {
    display: block
}

.bd_weixin_popup {
    height: auto!important
}

.xg_datepicker {
    border: #999 1px solid;
    background: #fff url(https://1.rc.xiniu.com/img/toolbox/upload/datePicker.gif) no-repeat right
}

.bdsharebuttonbox .bds_qingbiji {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/qingbiji.gif) no-repeat top center
}

.bdsharebuttonbox .bds_mshare {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/bsharesync.gif) no-repeat top center
}

.bdsharebuttonbox .bds_qzone {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/qzone.gif) no-repeat top center
}

.bdsharebuttonbox .bds_renren {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/renren.gif) no-repeat top center
}

.bdsharebuttonbox .bds_tqq {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/qqmb.gif) no-repeat top center
}

.bdsharebuttonbox .bds_kaixin001 {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/kaixin001.gif) no-repeat top center
}

.bdsharebuttonbox .bds_tieba {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/itieba.gif) no-repeat top center
}

.bdsharebuttonbox .bds_douban {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/douban.gif) no-repeat top center
}

.bdsharebuttonbox .bds_thx {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/hexunmb.gif) no-repeat top center
}

.bdsharebuttonbox .bds_bdysc {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/baiducang.gif) no-repeat top center
}

.bdsharebuttonbox .bds_meilishuo {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/meilishuo.gif) no-repeat top center
}

.bdsharebuttonbox .bds_mogujie {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/mogujie.gif) no-repeat top center
}

.bdsharebuttonbox .bds_diandian {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/diandian.gif) no-repeat top center
}

.bdsharebuttonbox .bds_huaban {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/huaban.gif) no-repeat top center
}

.bdsharebuttonbox .bds_duitang {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/duitang.gif) no-repeat top center
}

.bdsharebuttonbox .bds_fx {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/feixin.gif) no-repeat top center
}

.bdsharebuttonbox .bds_youdao {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/youdaonote.gif) no-repeat top center
}

.bdsharebuttonbox .bds_sdo {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/maikunote.gif) no-repeat top center
}

.bdsharebuttonbox .bds_people {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/peoplemb.gif) no-repeat top center
}

.bdsharebuttonbox .bds_xinhua {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/xinhuamb.gif) no-repeat top center
}

.bdsharebuttonbox .bds_mail {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/email.gif) no-repeat top center
}

.bdsharebuttonbox .bds_yaolan {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/yaolanmb.gif) no-repeat top center
}

.bdsharebuttonbox .bds_wealink {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/wealink.gif) no-repeat top center
}

.bdsharebuttonbox .bds_ty {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/tianya.gif) no-repeat top center
}

.bdsharebuttonbox .bds_fbook {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/facebook.gif) no-repeat top center
}

.bdsharebuttonbox .bds_twi {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/twitter.gif) no-repeat top center
}

.bdsharebuttonbox .bds_linkedin {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/linkedin.gif) no-repeat top center
}

.bdsharebuttonbox .bds_copy {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/clipboard.gif) no-repeat top center
}

.bdsharebuttonbox .bds_print {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/printer.gif) no-repeat top center
}

.bdsharebuttonbox .bds_tqf {
    background: url(https://1.rc.xiniu.com/img/toolbox/sharelogo/qqxiaoyou.gif) no-repeat top center
}

#bsMorePanel,#bsWXBox,#bsBox,.bsFrameDiv,.bsTop,#toolbar_position,#bsMorePanel div {
    -webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset
}

#bsMorePanel input {
    margin: unset
}

.xg_typefilterlist {
    border: 1px solid #ccc;
    margin-bottom: 35px;
    color: #444;
    width: 1200px;
    margin: 0 auto
}

.xg_typeselected_label {
    display: inline-block;
    font-size: 14px
}

.xg_types-selected {
    padding: 0 15px;
    border-bottom: 1px solid #ccc;
    line-height: 30px
}

.xg_typeselected_item {
    border: 1px solid #ccc;
    color: #5171cd;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 18px;
    text-decoration: none;
    font-size: 14px;
    margin-left: 5px
}

.xg_typeselected_item:after {
    content: "x";
    font-size: 14px;
    padding-left: 5px;
    vertical-align: top;
    cursor: pointer;
    line-height: 30px
}

.xg_typesel_condition {
    display: flex;
    margin: 6px 0;
    line-height: 30px
}

.xg_typesel_itemlabel {
    text-indent: 1em;
    font-size: 14px;
    color: #888;
    display: inline-block
}

.xg_typesel_items {
    flex: 1
}

.xg_typesel_items li {
    display: inline-block;
    min-width: 100px
}

.xg_typesel_item {
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    color: #444;
    transition: all .3s ease;
    font-size: 14px
}

.xg_typesel_item_active {
    color: #5171cd
}

.xg_typesel_item:hover {
    color: #5171cd
}

.xg_typesel_div {
    display: inline-block;
    color: #5171cd
}

.xg_mbcode_check {
    text-align: left
}

.xg_btncode {
    cursor: pointer
}

.xg_user_scanLogin {
    display: none;
    position: fixed;
    left: 42%;
    top: 25%;
    width: 300px;
    height: 300px
}

.xg_user_scanLogin_title {
    font-size: 18px;
    display: inline-block;
    padding: 5px 0 0 18px;
    width: 300px;
    background-color: #fff
}

.xg_loading {
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #68b2ce;
    position: absolute;
    animation: xg_loading linear .8s infinite;
    -webkit-animation: xg_loading linear .8s infinite
}

.xg_loading:nth-child(1) {
    left: 24px;
    top: 2px;
    animation-delay: 0s
}

.xg_loading:nth-child(2) {
    left: 40px;
    top: 8px;
    animation-delay: .1s
}

.xg_loading:nth-child(3) {
    left: 47px;
    top: 24px;
    animation-delay: .1s
}

.xg_loading:nth-child(4) {
    left: 40px;
    top: 40px;
    animation-delay: .2s
}

.xg_loading:nth-child(5) {
    left: 24px;
    top: 47px;
    animation-delay: .4s
}

.xg_loading:nth-child(6) {
    left: 8px;
    top: 40px;
    animation-delay: .5s
}

.xg_loading:nth-child(7) {
    left: 2px;
    top: 24px;
    animation-delay: .6s
}

.xg_loading:nth-child(8) {
    left: 8px;
    top: 8px;
    animation-delay: .7s
}

@keyframes xg_loading {
    0%,40%,100% {
        transform: scale(1)
    }

    20% {
        transform: scale(3)
    }
}

@-webkit-keyframes xg_loading {
    0%,40%,100% {
        transform: scale(1)
    }

    20% {
        transform: scale(3)
    }
}

.xg_search_highlight {
    color: #f73131
}

.xg_property_li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

.xg_property_li_img {
    height: 50px;
    width: 50px
}

.xg_property_one .xg_property_ul {
    display: inline-block
}

.agreement_check {
    margin-right: 10px
}

.agreement_check,.agreement_title {
    cursor: pointer
}

.agreement_content {
    padding: 20px;
    text-align: left
}

.xg_downlink .xg_downa {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.xg_muldrop .xg_muldrop_content {
    display: inline-block
}

.xg_muldrop .xg_itext_input {
    height: 38px;
    width: 250px;
    line-height: 38px;
    font-size: 14px;
    border: 1px solid #e2e2e2;
    color: #999;
    overflow: hidden;
    text-align: left
}

.xg_muldrop .xg_itext_input span {
    margin-right: 5px
}

.xg_muldrop .xg_muldrop_ul {
    margin: 3px 0 0 0;
    padding: 0;
    display: none;
    position: absolute;
    z-index: 99;
    background-color: #FFF;
    max-height: 450px;
    overflow-y: auto;
    border: 1px solid #ccc
}

.xg_muldrop .xg_muldrop_li {
    margin: 0;
    padding: 0 5px;
    height: 34px;
    line-height: 34px!important;
    list-style: none;
    cursor: pointer;
    text-align: left
}

.xg_muldrop .xg_muldrop_li:hover {
    background-color: #f5f7fa
}

.xg_muldrop .xg_muldrop_ul .xg_muldrop_li-select {
    color: #cd1d2a;
    font-weight: 700
}

.xg_muldrop .xg_muldrop_ul .xg_muldrop_li-select::after {
    position: absolute;
    right: 2px;
    content: url(https://1.rc.xiniu.com/img/toolbox/control/ok.png);
    font-size: 12px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased
}

.p1700cd4daf1b34fd435d9 .data_col {
    height: 100px;
}

@media only screen and (min-width: 769px) {
    .p1700c5003400010001 {
        width:100%;
        height: auto;
    }

    .p1700cd4daf1b34fd435d9 .slick-dots {
        width: 152px;
        text-align: left;
        top: auto;
        bottom: 30px;
        left: 10px;
        min-height: auto;
        max-height: 20px;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .p1700cd4daf1b34fd435d9 .data_col {
        height: auto;
    }

    .p1700cd4daf1b34fd435d9 {
        max-width: 100%;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700cd4daf1b34fd435d9 button {
        background-color: transparent;
        background-image: none;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .p1700cd4daf1b34fd435d9 button:hover {
        background-image: none;
    }

    .p1700cd4daf1b34fd435d9 button.p1700cd4daf1b34fd435d9-select {
        background-image: none;
    }

    .p1700cd4daf1b34fd435d9 .slick-dots-point:hover {
        background-image: url("https://0.rc.xiniu.com/g2/M00/40/B5/CgAGfFzVP8qAEO-3AAAEuyEAk4w666.png");
        background-position: center center;
        background-repeat: no-repeat;
    }

    .p1700cd4daf1b34fd435d9 .slick-dots-point {
        background-image: url(https://0.rc.xiniu.com/g2/M00/40/B5/CgAGfFzVP8OAB3IQAAAEJ5Hw4BY322.png);
        background-position: center;
        background-repeat: no-repeat;
    }

    .p1700c5ef488bfefe8827d {
        width: 172px;
        height: 186px;
        position: relative;
        top: 0px;
        left: 0px;
    }
}

@media only screen and (max-width: 768px) {
    .xg_menu .xg_menuUl {
        overflow-y:auto;
        max-height: 100%
    }

    .xg_menu .xg_menuPanel {
        position: fixed;
        left: -100%;
        top: 0px;
        z-index: 1000;
        width: 100%;
        height: 100%;
        -webkit-transition: left .3s;
        -moz-transition: left .3s;
        -ms-transition: left .3s;
        -o-transition: left .3s;
        transition: left .3s
    }

    .p1700c5003400010001 {
        width: 100%;
        height: 135px;
    }

    .p1700cd4daf1b34fd435d9 .slick-dots {
        top: auto;
        bottom: 30px;
    }

    .p1700cd4daf1b34fd435d9 .data_col {
        height: 130px;
    }

    .p1700cd4daf1b34fd435d9 {
        width: 100%;
        position: relative;
        left: 0px;
    }

    .p1700c5ef488bfefe8827d {
        position: relative;
    }
}

.p1719mf1719-068a3b7e34c493ab8 {
    height: 100px;
}

.p1719mf1719-0d06d12cc9dea0413 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1719mf1719-07969e220f95f0e6e {
    width: 384px;
    height: 234px;
}

.p1719mf1719-0b66fb9f9290750e7 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1719mf1719-05f1a228c52b4061b {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1719mf1719-0bb927a0bce3f3fde {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1719mf1719-0fd3625ee0f68af38 .data_col {
    height: 100px;
}

.p1719mf1719-02bb39d4cf74445cd .data_col {
    height: 100px;
}

.p1719mf1719-0417b1a86a7aa6c1d .data_col {
    height: 160px;
}

.p1719mf1719-0417b1a86a7aa6c1d {
    position: relative;
    left: 0px;
    top: 0px;
}

.p1719mf1719-0c2e9c12a51f3a05d {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1719mf1719-0cea54913998b378a .data_col {
    height: 160px;
}

.p1719mf1719-0cea54913998b378a {
    position: relative;
    left: 0px;
    top: 0px;
}

.p1719mf1719-08d3fa3434ee1cadd {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1719mf1719-0b114d0cbc15a86ac .data_col {
    height: 160px;
}

.p1719mf1719-0b114d0cbc15a86ac {
    position: relative;
    left: 0px;
    top: 0px;
}

.p1719mf1719-034ae1972335e4eb2 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1719mf1719-076887824dafdfaf5 .data_col {
    height: 160px;
}

.p1719mf1719-076887824dafdfaf5 {
    position: relative;
    left: 0px;
    top: 0px;
}

.p1719mf1719-0a581f20976a7934f {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1719mf1719-0f50a9a95cf3a755a .data_col {
    height: 160px;
}

.p1719mf1719-0f50a9a95cf3a755a {
    position: relative;
    left: 0px;
    top: 0px;
}

.p1719mf1719-02e121d20a9ebcfda {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1719mf1719-00f02ca0ecd5583f4 .data_col {
    height: 160px;
}

.p1719mf1719-00f02ca0ecd5583f4 {
    position: relative;
    left: 0px;
    top: 0px;
}

.p1719mf1719-0bae086911c9c3183 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m1ae47dfe269c9a65 {
    ;height: 640px;
    width: 486px;
}

.p1700m27380e870768c453 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m82721b141765eb6f {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m05c56a1cac297745 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m36b13d1b7f2b75bd {
    width: 486px;
    height: 640px;
}

.p1700mab4d53230e4cc0bf {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700mcce7aff7e0be8654 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m8befe849391f7750 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700mfdf9a4a02c4faff5 {
    width: 486px;
    height: 640px;
}

.p1700m63b7cbcf3756c431 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700ma2492104e4612b3e {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m1643d539c98b8c4e {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700me06513492989f887 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m551d0d157396a562 {
    ;height: 750px;
    width: 918px;
}

.p1700m1b9e49dc4f376489 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m3d9984ac4c064fc8 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700md063b7579f44f328 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m97420d81beffe9ed {
    width: 918px;
    height: 750px;
}

.p1700m2d843919b9b9e6b7 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m61a89a856bf736ce {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m4f4f62b6b2dd47a6 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m2f82f32801628b3f {
    ;height: 750px;
    width: 918px;
}

.p1700mc213c9a980eca5f4 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700mdc33b2098ac1b91f {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m90cbcfa88874b4ed {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m6e960d4b80428f3a {
    width: 918px;
    height: 750px;
}

.p1700mbe8fe317a1a618eb {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m5ee78d5dc578f649 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m308d58328239314b {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m11778834f93556c6 {
    width: 100px;
    height: 100px;
}

.p1700mbab251897fdca6a8 {
    width: 100px;
    height: 100px;
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m1c6d7176534ef999 {
    width: 100px;
    height: 100px;
}

.p1700mdbcb8ff500b2009f {
    width: 100px;
    height: 100px;
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m632a890612cbc6de {
    width: 100px;
    height: 100px;
}

.p1700m1cb1f444194d0f20 {
    width: 100px;
    height: 100px;
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m29a931363815ea3c {
    width: 100px;
    height: 100px;
}

.p1700mcc62ada7f44be0cf {
    width: 100px;
    height: 100px;
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700mbf1ef7af87f0fcba {
    width: 700px;
    height: 700px;
}

.p1700m48f64855d9e8ee89 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700ma3c2c93ea4739deb {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m9f134afcc8f8291a {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700md0238c17ca079bc9 {
    width: 700px;
    height: 700px;
}

.p1700m9493fcabec8ce56e {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m6edd20c73ed78a82 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m82b7f26f85811f9d {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700mb5381c7bfe8fe0fd {
    width: 700px;
    height: 700px;
}

.p1700m023cea9cc7b81af0 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m792e7af8e1046a9d {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m4f0528c8d692a698 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m1ac713a57d769dd7 {
    width: 700px;
    height: 700px;
}

.p1700m29d5ad988f228070 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700mf6ac87d2ad0378e7 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m2cc40cc68993cb3f {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m4658fdee4007ab32 {
    width: 700px;
    height: 700px;
}

.p1700m3f9efcd257f76b32 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m8e0b18375fed0346 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m885ef823283bf592 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700me88f39f91d21cc9f {
    ;height: 700px;
    width: 700px;
}

.p1700mf0c8b971c158097a {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700mf795ad6fce6c1a82 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700mda0b649898a39203 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m35acf722b465bb38 {
    width: 700px;
    height: 700px;
}

.p1700mbb56e3829ab4fa21 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m174853b5c2462437 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m81356f88bf10b8ba {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700me3cfd5e246a76920 {
    width: 700px;
    height: 700px;
}

.p1700md501b0454ccc6eed {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m9961345ab454fae2 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m123fc2e0f0626ca3 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m4542f2a8af971c83 {
    width: 700px;
    height: 700px;
}

.p1700mcccb5275565378ca {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m445559c1da845c63 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m50f581bf6ef246cb {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700mbdbedf6cbe5d4ce8 {
    width: 700px;
    height: 700px;
}

.p1700m8dc35db046382292 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700me1caf776961c72c3 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m873f1ed4a4c9f6f2 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700mef9a01232c03d7cf {
    width: 700px;
    height: 700px;
}

.p1700m961cb361d5c3096e {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m0e887f579eef5443 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m31a0d4d25f8aa92a {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700mc7cd0d153e464598 {
    ;height: 700px;
    width: 700px;
}

.p1700ma64811799fc4057e {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700md688729ba0073657 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m79ae19237e562c47 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m1498201af70f5152 .data_col {
    height: 160px;
}

.p1700mccacfd8a685c28fd {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700ma26121e79cb15e87 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700mb3e658b158d8ff8b {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m104b85fe42457933 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1700m421eb88fe8ef614b .data_col {
    height: 100px;
}

.p1700m75dd62da8d7e324e {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1720mf1720-00b621f2d9f3ec580 {
    width: 353px;
    height: 57px;
}

.p1720mf1720-0ceaf9ec7c5010ef0 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1720mf1720-0d336392618e8cba2 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1720mf1720-05e310fe08583e876 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1720mf1720-0c0ba82d261e084b9 {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1720mf1720-0a74871a1878ec86b {
    position: relative;
    top: 0px;
    left: 0px;
}

.p1720mf1720-006469190214353c8 {
    position: relative;
    top: 0px;
    left: 0px;
}

@media only screen and (min-width: 769px) {
    .p1719mf1719-00001 {
        min-height:110px;
        max-height: 110px;
        background-color: #0c1221;
        padding-left: 10%;
        padding-right: 10%;
    }

    .p1719mf1719-000010001 {
        width: 100%
    }

    .p1719mf1719-0ad307008fe0c1508 {
        margin-left: auto;
        margin-right: auto;
        min-width: 1200px;
        max-width: auto;
        float: none;
    }

    .p1719mf1719-014fcb0f44a4b82ad {
        max-width: 365px;
    }

    .p1719mf1719-08d08b5990310810f {
        width: 353px;
        height: auto;
        position: relative;
        top: 30px;
        left: 0px;
    }

    .p1719mf1719-068a3b7e34c493ab8 {
        min-width: 835px;
        min-height: 110px;
    }

    .p1719mf1719-03c097024590d85a2 {
        margin-top: 45px;
        padding-left: 0px;
        width: 70px;
        float: left;
        color: #ffffff;
        font-size: 12px;
        background-image: url("https://0.rc.xiniu.com/g3/M00/5D/74/CgAH6F8S_4yAAJmBAAAD6kbtCSo304.png");
        background-position: 36px 9px;
        background-repeat: no-repeat;
        position: relative;
        top: -2px;
        bottom: auto;
        left: 10px;
    }

    .p1719mf1719-034650128e087e679 {
        margin-left: 29px;
        min-width: 0px;
        max-width: 747px;
        float: left;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1719mf1719-034650128e087e679 .xg_menuLi1 {
        margin-left: 12px;
        padding-bottom: 2px;
        width: 90px;
        height: 110px;
        float: left;
        font-size: 16px;
        line-height: 110px;
        background-color: transparent;
        display: block;
    }

    .p1719mf1719-034650128e087e679 .xg_menuLi1.xg_menuLi1-select {
        background-color: #d6000e;
        border-bottom-style: none;
    }

    .p1719mf1719-034650128e087e679 .xg_menuLi1:hover {
        background-color: #d6000e;
    }

    .p1719mf1719-034650128e087e679 .xg_menuLi2 {
        height: 40px;
        color: #000000;
        font-size: 14px;
        line-height: 40px;
        background-color: transparent;
    }

    .p1719mf1719-034650128e087e679 .xg_menuLi2:hover {
        background-color: transparent;
        color: #d6000e;
    }

    .p1719mf1719-034650128e087e679 .xg_menuLi2.xg_menuLi2-select {
        background-color: transparent;
        color: #d6000e;
    }

    .p1719mf1719-034650128e087e679 .xg_menuUl2 {
        margin-left: -50px;
        margin-top: 70px;
        width: 190px;
        background-color: #ffffff;
        border-top-color: #d6000e;
        border-top-style: solid;
        border-top-width: 2px;
    }

    .p1719mf1719-034650128e087e679 .xg_menuA2 {
        background-color: transparent;
        color: inherit;
    }

    .p1719mf1719-034650128e087e679 .xg_dropdownlist {
        margin-top: 110px;
    }

    .p1719mf1719-0bb29299c8f69fe29 {
        height: auto;
    }

    .p1719mf1719-07a1f18be82eae9bf {
        margin-left: auto;
        margin-right: auto;
        min-width: 1250px;
        max-width: 1250px;
        float: none;
    }

    .p1719mf1719-0c2548bc84d56e125 {
        margin-top: 20px;
        width: 100%;
        min-height: 240px;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1719mf1719-0c2548bc84d56e125 .data_col {
        margin-right: 20px;
        min-width: 297.5px;
        max-width: 297.5px;
        height: 250px;
        float: left;
        overflow: hidden;
    }

    .p1719mf1719-0c2548bc84d56e125 .data_col:nth-child(4n) {
        margin-right: 0px;
    }

    .p1719mf1719-0af37b45ccafbe086 {
        width: 100%;
        height: auto;
        position: relative;
        top: 0px;
        left: 0px;
        border-bottom-color: #ffffff;
        border-left-color: #ffffff;
        border-right-color: #ffffff;
        border-top-color: #ffffff;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-style: solid;
        border-top-style: solid;
        border-bottom-width: 2px;
        border-left-width: 2px;
        border-right-width: 2px;
        border-top-width: 2px;
    }

    .p1719mf1719-0af37b45ccafbe086:hover {
        border-top-color: #d6000e;
        border-top-style: solid;
        border-top-width: 2px;
        border-right-color: #d6000e;
        border-right-style: solid;
        border-right-width: 2px;
        border-bottom-color: #d6000e;
        border-bottom-style: solid;
        border-bottom-width: 2px;
        border-left-color: #d6000e;
        border-left-style: solid;
        border-left-width: 2px;
    }

    .p1719mf1719-0f4757107fee53e5e {
        margin-top: 5px;
        width: 100%;
        color: #333333;
        font-size: 16px;
        text-align: center;
        line-height: 30px;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1719mf1719-0f4757107fee53e5e:hover {
        color: #d6000e;
    }

    .p1719mf1719-0f4757107fee53e5e:hover a {
        color: #d6000e
    }

    .p1719mf1719-02a2816c344d41039 {
        background-image: url(https://0.rc.xiniu.com/g5/M00/29/9B/CgAGbGb58XmAVElRAAAGBc4LQLM156.png);
        background-position: 89% 0px;
        background-repeat: no-repeat;
        background-size: 30px 30px;
    }

    .p1719mf1719-0d06d12cc9dea0413 {
        margin-top: 20px;
        padding-top: 20px;
        width: 100%;
        min-height: 240px;
        background-image: none;
        border-top-color: #d6000e;
        border-top-style: solid;
        border-top-width: 2px;
        background-position: 89% -10px;
        background-repeat: no-repeat;
        position: relative;
        top: 0px;
        left: 0px;
        background-size: 30px 30px;
        margin-bottom: 20px;
    }

    .p1719mf1719-0d06d12cc9dea0413 .data_col {
        margin-right: 20px;
        min-width: 297.5px;
        max-width: 297.5px;
        height: 250px;
        float: left;
        overflow: hidden;
    }

    .p1719mf1719-0d06d12cc9dea0413 .data_col:nth-child(4n) {
        margin-right: 0px;
    }

    .p1719mf1719-08da15f83daebd031 {
        width: 100%;
        height: auto;
        position: relative;
        top: 0px;
        left: 0px;
        border-bottom-color: #ffffff;
        border-left-color: #ffffff;
        border-right-color: #ffffff;
        border-top-color: #ffffff;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-style: solid;
        border-top-style: solid;
        border-bottom-width: 2px;
        border-left-width: 2px;
        border-right-width: 2px;
        border-top-width: 2px;
    }

    .p1719mf1719-08da15f83daebd031:hover {
        border-top-color: #d6000e;
        border-top-style: solid;
        border-top-width: 2px;
        border-right-color: #d6000e;
        border-right-style: solid;
        border-right-width: 2px;
        border-bottom-color: #d6000e;
        border-bottom-style: solid;
        border-bottom-width: 2px;
        border-left-color: #d6000e;
        border-left-style: solid;
        border-left-width: 2px;
    }

    .p1719mf1719-0475f13aaf55e307e {
        margin-top: 5px;
        width: 100%;
        color: #333333;
        font-size: 16px;
        text-align: center;
        line-height: 30px;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1719mf1719-0475f13aaf55e307e:hover {
        color: #d6000e;
    }

    .p1719mf1719-0475f13aaf55e307e:hover a {
        color: #d6000e
    }

    .p1719mf1719-0fa38f3cd4276070f {
        height: 240px;
    }

    .p1719mf1719-0099236af8df0c098 {
        margin-left: auto;
        margin-right: auto;
        min-width: 1250px;
        max-width: 1250px;
        float: none;
    }

    .p1719mf1719-0e122a1c54cda3f55 {
        margin-top: 20px;
        width: 100%;
        position: relative;
        top: 0px;
        left: 0px;
        min-height: auto;
    }

    .p1719mf1719-0e122a1c54cda3f55 .data_col {
        margin-right: 20px;
        min-width: 234px;
        max-width: 234px;
        height: 260px;
    }

    .p1719mf1719-0e122a1c54cda3f55 .data_col:nth-child(5n) {
        margin-right: 0px;
    }

    .p1719mf1719-0d231bcd354195805 {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: auto;
    }

    .p1719mf1719-09db6d974bd2d8922 {
        margin-top: 5px;
        width: 100%;
        color: #333333;
        font-size: 16px;
        text-align: center;
        line-height: 30px;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1719mf1719-09db6d974bd2d8922:hover {
        color: #d6000e;
    }

    .p1719mf1719-09db6d974bd2d8922:hover a {
        color: #d6000e
    }

    .p1719mf1719-0eeaddb414bf77fac {
        margin-left: 111px;
        min-width: 200%;
        min-height: 275px;
        background-color: #eeeeee;
        background-image: initial;
        overflow: hidden;
        background-position: initial;
        background-repeat: initial;
        position: absolute;
        top: -110px;
        z-index: 999;
        background-attachment: initial;
    }

    .p1719mf1719-07969e220f95f0e6e {
        margin-bottom: 0px;
        margin-left: 75px;
        margin-right: 0px;
        margin-top: 40px;
        width: auto;
        height: 78px;
        overflow: hidden;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1719mf1719-06f3b19aaaf385a51 {
        height: 38px;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-top-width: 0px;
    }

    .p1719mf1719-06f3b19aaaf385a51 .xg_itext_input {
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: -1px;
        margin-top: 0px;
        padding-right: 35px;
        width: 100%;
        height: 38px;
        line-height: 38px;
        background-color: transparent;
        border-top-color: #d6000e;
        border-top-style: dotted;
        border-top-width: 0px;
        border-right-color: #d6000e;
        border-right-style: dotted;
        border-right-width: 0px;
        border-bottom-color: #d6000e;
        border-bottom-style: dotted;
        border-bottom-width: 0px;
        border-left-color: #d6000e;
        border-left-style: dotted;
        border-left-width: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        padding-left: 40px;
        color: #868686;
        font-size: 16px;
    }

    .p1719mf1719-06f3b19aaaf385a51 .xg_fierror {
        margin-bottom: 0px;
        color: #ff0000;
        font-size: 12px;
        padding-left: 10px;
    }

    .p1719mf1719-06f3b19aaaf385a51 .xg_itext_span {
        display: none;
    }

    .p1719mf1719-06f3b19aaaf385a51 .xg_itext_input::-webkit-input-placeholder {
        color: #868686;
    }

    .p1719mf1719-06f3b19aaaf385a51 .xg_itext_input:-moz-placeholder {
        color: #868686;
    }

    .p1719mf1719-06f3b19aaaf385a51 .xg_itext_input::-moz-placeholder {
        color: #868686;
    }

    .p1719mf1719-06f3b19aaaf385a51 .xg_itext_input:-ms-input-placeholder {
        color: #868686;
    }

    .p1719mf1719-03109bc95d4dcd10e {
        width: 32px;
        height: 32px;
        background-color: transparent;
        background-image: url("https://0.rc.xiniu.com/g2/M00/12/95/CgAGfFw1mj-AFIqUAAAC1AL32KE017.png");
        background-position: center 0px;
        background-repeat: no-repeat;
        position: absolute;
        bottom: auto;
        left: 0px;
        top: 3px;
    }

    .p1719mf1719-092e86fca7bedfb14 {
        margin-left: 120px;
    }

    .p1719mf1719-057e6c1ff46c425e3 {
        width: auto;
        color: #000000;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1719mf1719-06c39960512365efa {
        width: auto;
        color: #8d8d8d;
        font-size: 16px;
        position: relative;
        top: 0px;
        left: 0px;
        line-height: 30px;
    }

    .p1719mf1719-06c39960512365efa:hover {
        color: #d6000e;
    }

    .p1719mf1719-0b66fb9f9290750e7 {
        width: auto;
        color: #8d8d8d;
        font-size: 16px;
        position: relative;
        top: 0px;
        left: 0px;
        line-height: 30px;
    }

    .p1719mf1719-0b66fb9f9290750e7:hover {
        color: #d6000e;
    }

    .p1719mf1719-05f1a228c52b4061b {
        width: auto;
        color: #8d8d8d;
        font-size: 16px;
        position: relative;
        top: 0px;
        left: 0px;
        line-height: 30px;
    }

    .p1719mf1719-05f1a228c52b4061b:hover {
        color: #d6000e;
    }

    .p1719mf1719-0bb927a0bce3f3fde {
        width: auto;
        color: #8d8d8d;
        font-size: 16px;
        position: relative;
        top: 0px;
        left: 0px;
        line-height: 30px;
    }

    .p1719mf1719-0bb927a0bce3f3fde:hover {
        color: #d6000e;
    }

    .p1719mf1719-06b42b529a1a2c39a {
        width: 25px;
        height: 25px;
        font-size: 0px;
        background-image: url("https://0.rc.xiniu.com/g3/M00/5D/75/CgAH6F8TCPSActFzAAAFhTYK31w649.png");
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
        top: 45px;
        right: -25px;
    }

    .p1719mf1719-018264519e7c0cafc {
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        min-width: 100%;
        min-height: auto;
        float: none;
        background-color: #ffffff;
        overflow: auto;
    }

    .p1719mf1719-00c227f15e2d21f4b {
        float: none;
        min-width: 81%;
        max-width: 1560px;
        margin-left: auto;
        margin-right: auto;
    }

    .p1719mf1719-0fd3625ee0f68af38 {
        margin-top: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
        width: 100%;
        min-height: 64px;
        text-align: center;
        line-height: normal;
        background-color: #fafafa;
        border-bottom-color: #d6000e;
        border-bottom-style: none;
        border-bottom-width: 0px;
        overflow: hidden;
        position: relative;
        top: 0px;
        left: 0px;
        padding-left: 150px;
        padding-right: 150px;
    }

    .p1719mf1719-0fd3625ee0f68af38 .data_col {
        min-width: auto;
        height: auto;
        float: left;
        overflow: hidden;
        display: inline-block;
    }

    .p1719mf1719-0fa9e8437fb2e57b0 {
        width: auto;
        height: 64px;
        float: left;
        color: #666666;
        font-size: 16px;
        text-align: center;
        line-height: 64px;
        overflow: visible;
    }

    .p1719mf1719-0fa9e8437fb2e57b0:hover {
        color: #000000;
        background-image: url("https://0.rc.xiniu.com/g4/M00/79/F9/CgAG0mQAPmeARjAGAAADuq_2I6c817.png");
        background-position: center bottom;
        background-repeat: no-repeat;
    }

    .p1719mf1719-0fa9e8437fb2e57b0:hover a {
        color: #000000
    }

    .p1719mf1719-0fa9e8437fb2e57b0.p1719mf1719-0fa9e8437fb2e57b0-select {
        color: #000000;
        background-image: url(https://0.rc.xiniu.com/g4/M00/79/F9/CgAG0mQAPmeARjAGAAADuq_2I6c817.png);
        background-position: bottom center;
        background-repeat: no-repeat;
    }

    .p1719mf1719-0fa9e8437fb2e57b0.p1719mf1719-0fa9e8437fb2e57b0-select a {
        color: #000000
    }

    .p1719mf1719-070d24537d4a1b14f {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 100px;
        padding-left: 150px;
        padding-right: 150px;
        min-width: auto;
        max-width: auto;
        float: none;
    }

    .p1719mf1719-02bb39d4cf74445cd {
        padding-bottom: 0px;
        width: 100%;
        min-height: auto;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1719mf1719-02bb39d4cf74445cd .data_col {
        height: auto;
    }

    .p1719mf1719-0c4496ca9aad80107 {
        width: 100%;
        min-height: auto;
        position: relative;
        top: 0px;
        left: 0px;
        padding-bottom: 20px;
    }

    .p1719mf1719-0c4496ca9aad80107 .data_col {
        margin-top: 20px;
        min-height: 280px;
        border-top-color: #cccccc;
        border-top-style: none;
        border-top-width: 1px;
        border-bottom-color: #cccccc;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        background-color: transparent;
    }

    .p1719mf1719-0550282ae33ebcc7a {
        margin-top: 0px;
        width: 40%;
        height: auto;
        float: left;
        background-color: transparent;
    }

    .p1719mf1719-0e9196be0c0c3c7cd {
        margin-bottom: 5px;
        margin-left: 5%;
        margin-top: 0px;
        width: 50%;
        float: right;
        color: #333333;
        font-size: 14px;
        font-weight: bold;
        line-height: 25px;
        position: relative;
        margin-right: 5%;
    }

    .p1719mf1719-0e9196be0c0c3c7cd:hover {
        color: #d6000e;
    }

    .p1719mf1719-0e9196be0c0c3c7cd:hover a {
        color: #d6000e
    }

    .p1719mf1719-06536e1d978f6095d {
        margin-left: 5%;
        margin-top: 5px;
        width: 50%;
        float: left;
        position: relative;
        top: 0px;
        bottom: auto;
        left: 0px;
        margin-right: 5%;
    }

    .p1719mf1719-06536e1d978f6095d .data_col {
        height: auto;
        min-height: auto;
        margin-top: 0px;
    }

    .p1719mf1719-06536e1d978f6095d .xg_data_notdata {
        margin-top: 0px;
        bottom: auto;
        left: 0px;
        top: 15px;
    }

    .p1719mf1719-0100a0d1e218d9c20 {
        width: auto;
        height: 27px;
        line-height: 27px;
        position: relative;
        top: 0px;
        left: 0px;
        font-size: 13px;
    }

    .p1719mf1719-0100a0d1e218d9c20:hover {
        color: #d6000e;
    }

    .p1719mf1719-0100a0d1e218d9c20:hover a {
        color: #d6000e
    }

    .p1719mf1719-07d151d8e3142d410 {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        background-color: #ffffff;
    }

    .p1719mf1719-0e0176fc1365b992b {
        margin-bottom: 10px;
        margin-top: 0px;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1719mf1719-0e0176fc1365b992b .xg_tab_tt {
        background-color: transparent;
        border-top-style: none;
        border-top-width: 1px;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
    }

    .p1719mf1719-0e0176fc1365b992b ul {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .p1719mf1719-0e0176fc1365b992b .xg_tab_l_t {
        text-align: center;
        margin-bottom: 50px;
    }

    .p1719mf1719-0e0176fc1365b992b .xg_tab_l_t ul {
        padding-bottom: 0px;
        padding-left: 150px;
        padding-right: 150px;
        padding-top: 0px;
        background-color: #fafafa;
        border-bottom-color: #d6000e;
        border-bottom-style: none;
        border-bottom-width: 1px;
    }

    .p1719mf1719-0e0176fc1365b992b .xg_tab_t_t {
        padding-left: 150px;
        padding-right: 150px;
    }

    .an_tran_536 {
        transition-duration: 1s;
        transition-property: all;
        display: none;
        transition-property: all;
    }

    .an_tran_537 {
        transition-duration: 1s;
        transition-property: all;
    }

    .p1719mf1719-00ed5fa26338d0d78 {
        margin-right: 30px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        width: auto;
        height: 64px;
        float: left;
        color: #666666;
        font-size: 16px;
        line-height: 64px;
        background-color: transparent;
        border-top-color: #000000;
        border-top-style: none;
        border-top-width: 1px;
        border-left-style: none;
        border-left-width: 1px;
        display: block;
        padding-top: 0px;
    }

    .p1719mf1719-00ed5fa26338d0d78 .xg_tab_tl_0 {
        height: 40px;
        display: block;
        float: none;
    }

    .p1719mf1719-00ed5fa26338d0d78:hover {
        color: #d6000e;
        background-color: transparent;
        background-image: url("https://0.rc.xiniu.com/g4/M00/79/F9/CgAG0mQAPmeARjAGAAADuq_2I6c817.png");
        border-top-color: #d6000e;
        border-left-color: #d6000e;
        display: inline-block;
        background-position: center bottom;
        background-repeat: no-repeat;
    }

    .p1719mf1719-00ed5fa26338d0d78.p1719mf1719-00ed5fa26338d0d78-select {
        color: #000000;
        background-color: transparent;
        background-image: url("https://0.rc.xiniu.com/g4/M00/79/F9/CgAG0mQAPmeARjAGAAADuq_2I6c817.png");
        border-top-color: #000000;
        border-top-width: 1px;
        border-left-color: #000000;
        border-left-width: 1px;
        background-position: center bottom;
        background-repeat: no-repeat;
    }

    .p1719mf1719-00ed5fa26338d0d78 .xg_tab_tl_0.xg_tab_tl_0-select {
        border-top-color: #000000;
        border-top-style: solid;
        border-top-width: 1px;
        border-left-color: #000000;
        border-left-style: solid;
        border-left-width: 1px;
    }

    .p1719mf1719-0dfe2eb7a4d5c4d66 {
        min-height: auto;
        background-color: transparent;
    }

    .p1719mf1719-0b619ee59f5e6bf82 {
        padding-bottom: 20px;
        padding-top: 0px;
        width: auto;
        color: #000000;
        font-size: 16px;
        font-weight: bold;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1719mf1719-0417b1a86a7aa6c1d {
        left: 0px;
        top: 0px;
        position: relative;
        width: 100%;
    }

    .p1719mf1719-0417b1a86a7aa6c1d .data_col {
        height: auto;
        background-color: transparent;
        border-right-color: #ffffff;
        border-right-style: solid;
        border-right-width: 20px;
        border-left-color: #ffffff;
        border-left-style: solid;
        border-left-width: 0px;
    }

    .p1719mf1719-0c821d40fc1a7066c {
        min-width: auto;
        min-height: auto;
        max-height: auto;
        overflow: hidden;
        display: inline-block;
    }

    .p1719mf1719-0a04ad0c1894d61ea {
        width: 100%;
        height: 100%;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1719mf1719-00a97b7565dab0a9e {
        padding-left: 0px;
        padding-right: 0px;
        background-color: transparent;
    }

    .p1719mf1719-0c2e9c12a51f3a05d {
        padding-bottom: 20px;
        padding-top: 10px;
        width: auto;
        color: #999999;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1719mf1719-0c2e9c12a51f3a05d:hover {
        color: #333333;
        text-decoration: underline;
        text-decoration-line: underline;
    }

    .p1719mf1719-0c2e9c12a51f3a05d:hover a {
        color: #333333
    }

    .p1719mf1719-0e76d54c81468c754 {
        margin-left: 0px;
        margin-right: 30px;
        padding-left: 0px;
        padding-right: 0px;
        width: auto;
        height: 64px;
        float: left;
        color: #666666;
        font-size: 16px;
        line-height: 64px;
        background-color: transparent;
        border-top-color: #000000;
        border-top-style: none;
        border-left-color: #000000;
        border-left-style: none;
        display: block;
    }

    .p1719mf1719-0e76d54c81468c754:hover {
        color: #000000;
        background-color: transparent;
        background-image: url("https://0.rc.xiniu.com/g4/M00/79/F9/CgAG0mQAPmeARjAGAAADuq_2I6c817.png");
        background-position: center bottom;
        background-repeat: no-repeat;
    }

    .p1719mf1719-0e76d54c81468c754.p1719mf1719-0e76d54c81468c754-select {
        color: #000000;
        background-color: transparent;
        background-image: url(https://0.rc.xiniu.com/g4/M00/79/F9/CgAG0mQAPmeARjAGAAADuq_2I6c817.png);
        background-position: bottom center;
        background-repeat: no-repeat;
    }

    .p1719mf1719-0c892ddd43d5f153a {
        min-height: auto;
        background-color: transparent;
    }

    .p1719mf1719-08903af52e6d7a312 {
        padding-bottom: 20px;
        padding-top: 0px;
        width: auto;
        color: #000000;
        font-size: 16px;
        font-weight: bold;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1719mf1719-0cea54913998b378a {
        left: 0px;
        top: 0px;
        position: relative;
        width: 100%;
    }

    .p1719mf1719-0cea54913998b378a .data_col {
        height: auto;
        background-color: transparent;
        border-right-color: #ffffff;
        border-right-style: solid;
        border-right-width: 20px;
        border-left-color: #ffffff;
        border-left-style: solid;
        border-left-width: 0px;
    }

    .p1719mf1719-0264c3534f3ed990b {
        min-width: auto;
        min-height: auto;
        max-height: auto;
        overflow: hidden;
        display: inline-block;
    }

    .p1719mf1719-017abcb283dc8909c {
        width: 100%;
        height: 100%;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1719mf1719-0c816b87a398576f9 {
        padding-left: 0px;
        padding-right: 0px;
        background-color: transparent;
    }

    .p1719mf1719-08d3fa3434ee1cadd {
        padding-bottom: 20px;
        padding-top: 10px;
        width: auto;
        color: #999999;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1719mf1719-08d3fa3434ee1cadd:hover {
        color: #333333;
        text-decoration: underline;
        text-decoration-line: underline;
    }

    .p1719mf1719-08d3fa3434ee1cadd:hover a {
        color: #333333
    }

    .p1719mf1719-04185f7ebb2b5b428 {
        margin-left: 0px;
        margin-right: 30px;
        padding-left: 0px;
        padding-right: 0px;
        width: auto;
        height: 64px;
        float: left;
        color: #666666;
        font-size: 16px;
        line-height: 64px;
        background-color: transparent;
        border-top-color: #000000;
        border-top-style: none;
        border-left-color: #000000;
        border-left-style: none;
        display: block;
    }

    .p1719mf1719-04185f7ebb2b5b428:hover {
        color: #000000;
        background-color: transparent;
        background-image: url(https://0.rc.xiniu.com/g4/M00/79/F9/CgAG0mQAPmeARjAGAAADuq_2I6c817.png);
        background-position: bottom center;
        background-repeat: no-repeat;
    }

    .p1719mf1719-04185f7ebb2b5b428.p1719mf1719-04185f7ebb2b5b428-select {
        color: #000000;
        background-color: transparent;
        background-image: url(https://0.rc.xiniu.com/g4/M00/79/F9/CgAG0mQAPmeARjAGAAADuq_2I6c817.png);
        background-position: bottom center;
        background-repeat: no-repeat;
    }

    .p1719mf1719-09e219b969d7bc58b {
        min-height: auto;
        background-color: transparent;
    }

    .p1719mf1719-008e9711dab8199f3 {
        padding-bottom: 20px;
        padding-top: 0px;
        width: auto;
        color: #000000;
        font-size: 16px;
        font-weight: bold;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1719mf1719-0b114d0cbc15a86ac {
        left: 0px;
        top: 0px;
        position: relative;
        width: 100%;
    }

    .p1719mf1719-0b114d0cbc15a86ac .data_col {
        height: auto;
        background-color: transparent;
        border-right-color: #ffffff;
        border-right-style: solid;
        border-right-width: 20px;
        border-left-color: #ffffff;
        border-left-style: solid;
        border-left-width: 0px;
    }

    .p1719mf1719-02c39e84476c7f883 {
        min-width: auto;
        min-height: auto;
        max-height: auto;
        overflow: hidden;
        display: inline-block;
    }

    .p1719mf1719-02ca5caa5fe0b3375 {
        width: 100%;
        height: 100%;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1719mf1719-0dd18049031b810e7 {
        padding-left: 0px;
        padding-right: 0px;
        background-color: transparent;
    }

    .p1719mf1719-034ae1972335e4eb2 {
        padding-bottom: 20px;
        padding-top: 10px;
        width: auto;
        color: #999999;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1719mf1719-034ae1972335e4eb2:hover {
        color: #333333;
        text-decoration: underline;
        text-decoration-line: underline;
    }

    .p1719mf1719-034ae1972335e4eb2:hover a {
        color: #333333
    }

    .p1719mf1719-01f688280baa05d85 {
        margin-left: 0px;
        margin-right: 20px;
        padding-left: 0px;
        padding-right: 0px;
        width: auto;
        height: 64px;
        float: left;
        color: #666666;
        font-size: 16px;
        text-align: center;
        line-height: 64px;
        background-color: transparent;
        border-top-style: none;
        border-right-color: #000000;
        border-right-style: none;
        border-right-width: 1px;
        border-left-style: none;
        display: block;
    }

    .p1719mf1719-01f688280baa05d85:hover {
        color: #000000;
        background-color: transparent;
        border-right-style: none;
        border-right-width: 1px;
        background-image: url(https://0.rc.xiniu.com/g4/M00/79/F9/CgAG0mQAPmeARjAGAAADuq_2I6c817.png);
        background-position: bottom center;
        background-repeat: no-repeat;
    }

    .p1719mf1719-01f688280baa05d85 .xg_tab_tl_3 {
        height: auto;
        border-top-color: #000000;
        border-top-style: none;
        border-top-width: 1px;
        border-left-color: #000000;
    }

    .p1719mf1719-01f688280baa05d85.p1719mf1719-01f688280baa05d85-select {
        color: #000000;
        background-color: transparent;
        border-top-color: #000000;
        border-left-color: #000000;
        background-image: url(https://0.rc.xiniu.com/g4/M00/79/F9/CgAG0mQAPmeARjAGAAADuq_2I6c817.png);
        background-position: bottom center;
        background-repeat: no-repeat;
    }

    .p1719mf1719-0402a558cbd0f6685 {
        min-height: auto;
        background-color: transparent;
    }

    .p1719mf1719-06b223dc928c5f3a2 {
        padding-bottom: 20px;
        padding-top: 0px;
        width: auto;
        color: #000000;
        font-size: 16px;
        font-weight: bold;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1719mf1719-076887824dafdfaf5 {
        left: 0px;
        top: 0px;
        position: relative;
        width: 100%;
    }

    .p1719mf1719-076887824dafdfaf5 .data_col {
        height: auto;
        background-color: transparent;
        border-right-color: #ffffff;
        border-right-style: solid;
        border-right-width: 20px;
        border-left-color: #ffffff;
        border-left-style: solid;
        border-left-width: 0px;
    }

    .p1719mf1719-0a58d4944d582b80b {
        min-width: auto;
        min-height: auto;
        max-height: auto;
        overflow: hidden;
        display: inline-block;
    }

    .p1719mf1719-020678ffb6b430f27 {
        width: 100%;
        height: 100%;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1719mf1719-03865d4ba0f0d2390 {
        padding-left: 0px;
        padding-right: 0px;
        background-color: transparent;
    }

    .p1719mf1719-0a581f20976a7934f {
        padding-bottom: 20px;
        padding-top: 10px;
        width: auto;
        color: #999999;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1719mf1719-0a581f20976a7934f:hover {
        color: #333333;
        text-decoration: underline;
        text-decoration-line: underline;
    }

    .p1719mf1719-0a581f20976a7934f:hover a {
        color: #333333
    }

    .p1719mf1719-097b2d39ff5d1e0ef {
        padding-left: 15px;
        padding-right: 15px;
        width: auto;
        height: 64px;
        float: left;
        color: #666666;
        font-size: 16px;
        line-height: 64px;
        border-top-style: none;
        border-top-width: 0px;
        border-left-style: none;
        border-left-width: 0px;
        display: inline-block;
    }

    .p1719mf1719-097b2d39ff5d1e0ef:hover {
        color: #d6000e;
    }

    .p1719mf1719-097b2d39ff5d1e0ef.p1719mf1719-097b2d39ff5d1e0ef-select {
        color: #d6000e;
    }

    .p1719mf1719-0dfd0c85fa1e0b37d {
        padding-bottom: 20px;
        padding-top: 0px;
        width: auto;
        color: #000000;
        font-size: 16px;
        font-weight: bold;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1719mf1719-0f50a9a95cf3a755a {
        left: 0px;
        top: 0px;
        position: relative;
        width: 100%;
    }

    .p1719mf1719-0f50a9a95cf3a755a .data_col {
        height: auto;
        background-color: transparent;
        border-right-color: #ffffff;
        border-right-style: solid;
        border-right-width: 20px;
        border-left-color: #ffffff;
        border-left-style: solid;
        border-left-width: 0px;
    }

    .p1719mf1719-0706a551f3a1b163d {
        min-width: auto;
        min-height: auto;
        max-height: auto;
        overflow: hidden;
        display: inline-block;
    }

    .p1719mf1719-0ade5801cf3511126 {
        width: 100%;
        height: 100%;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1719mf1719-06e3e0fc61c1ccacd {
        padding-left: 0px;
        padding-right: 0px;
        background-color: transparent;
    }

    .p1719mf1719-02e121d20a9ebcfda {
        padding-bottom: 20px;
        padding-top: 10px;
        width: auto;
        color: #999999;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1719mf1719-02e121d20a9ebcfda:hover {
        color: #333333;
        text-decoration: underline;
        text-decoration-line: underline;
    }

    .p1719mf1719-02e121d20a9ebcfda:hover a {
        color: #333333
    }

    .p1719mf1719-0fbd16eb6baa3f378 {
        padding-left: 15px;
        padding-right: 15px;
        width: auto;
        height: 64px;
        float: left;
        color: #666666;
        font-size: 16px;
        line-height: 64px;
        background-color: transparent;
        border-top-style: none;
        border-top-width: 0px;
        border-left-style: none;
        border-left-width: 0px;
        display: inline-block;
    }

    .p1719mf1719-0fbd16eb6baa3f378:hover {
        color: #d6000e;
    }

    .p1719mf1719-0fbd16eb6baa3f378.p1719mf1719-0fbd16eb6baa3f378-select {
        color: #d6000e;
    }

    .p1719mf1719-0c452276611afc859 {
        padding-bottom: 20px;
        padding-top: 0px;
        width: auto;
        color: #000000;
        font-size: 16px;
        font-weight: bold;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1719mf1719-00f02ca0ecd5583f4 {
        left: 0px;
        top: 0px;
        position: relative;
        width: 100%;
    }

    .p1719mf1719-00f02ca0ecd5583f4 .data_col {
        height: auto;
        background-color: transparent;
        border-right-color: #ffffff;
        border-right-style: solid;
        border-right-width: 20px;
        border-left-color: #ffffff;
        border-left-style: solid;
        border-left-width: 0px;
    }

    .p1719mf1719-0b95e1c2daf51b901 {
        min-width: auto;
        min-height: auto;
        max-height: auto;
        overflow: hidden;
        display: inline-block;
    }

    .p1719mf1719-02b3b2c47ab39cb64 {
        width: 100%;
        height: 100%;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1719mf1719-044a31344e064967e {
        padding-left: 0px;
        padding-right: 0px;
        background-color: transparent;
    }

    .p1719mf1719-0bae086911c9c3183 {
        padding-bottom: 20px;
        padding-top: 10px;
        width: auto;
        color: #999999;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1719mf1719-0bae086911c9c3183:hover {
        color: #333333;
        text-decoration: underline;
        text-decoration-line: underline;
    }

    .p1719mf1719-0bae086911c9c3183:hover a {
        color: #333333
    }

    .p1700m400010001 {
        width: 100%
    }

    .p1700m6d4bef526313b8fa {
        width: 100%;
        position: relative;
        top: 0px;
        left: 0px;
        height: 950px;
    }

    .p1700m6d4bef526313b8fa .slick-next {
        margin-left: 5px;
        margin-right: -630px;
        margin-top: 0px;
        width: 40px;
        height: 40px;
        background-color: transparent;
        background-image: url("https://0.rc.xiniu.com/g3/M00/5E/21/CgAH6F8VkOCAJsN3AAAEXbucxIE530.png");
        border-top-color: #ffffff;
        border-top-style: solid;
        border-top-width: 1px;
        border-right-color: #ffffff;
        border-right-style: solid;
        border-right-width: 1px;
        border-bottom-color: #ffffff;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-left-color: #ffffff;
        border-left-style: solid;
        border-left-width: 1px;
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        border-bottom-left-radius: 50%;
        border-bottom-right-radius: 50%;
        background-position: center center;
        top: 66%;
        right: 49%;
    }

    .p1700m6d4bef526313b8fa .slick-next:hover {
        background-color: #d6000e;
        background-image: url("https://0.rc.xiniu.com/g3/M00/5E/21/CgAH6F8VkOCAJsN3AAAEXbucxIE530.png");
        border-top-color: #d6000e;
        border-right-color: #d6000e;
        border-bottom-color: #d6000e;
        border-left-color: #d6000e;
        background-position: center center;
    }

    .p1700m6d4bef526313b8fa .slick-prev {
        margin-top: 0px;
        width: 40px;
        height: 40px;
        background-color: transparent;
        background-image: url("https://0.rc.xiniu.com/g3/M00/5E/21/CgAH6F8VlEKAXTvuAAAEWvJQSok380.png");
        border-top-color: #ffffff;
        border-top-style: solid;
        border-top-width: 1px;
        border-right-color: #ffffff;
        border-right-style: solid;
        border-right-width: 1px;
        border-bottom-color: #ffffff;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-left-color: #ffffff;
        border-left-style: solid;
        border-left-width: 1px;
        background-position: center center;
        top: 66%;
        left: 50%;
        margin-left: 450px;
    }

    .p1700m6d4bef526313b8fa .slick-prev:hover {
        border-color: #d6000e;
    border-width: auto;
    background-color: #d6000e;
        background-image: url('https://0.rc.xiniu.com/g3/M00/5E/21/CgAH6F8VlEKAXTvuAAAEWvJQSok380.png');
        background-position: center;
        }

    .p1700m6d4bef526313b8fa .slick-active button {
        margin-top: -2px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        width: 15px;
        height: 15px;
        float: none;
        text-align: left;
        line-height: normal;
        background-color: #ffffff;
        border-top-color: #ffffff;
        border-top-style: none;
        border-top-width: 2px;
        border-right-color: #ffffff;
        border-right-style: none;
        border-right-width: 2px;
        border-bottom-color: #ffffff;
        border-bottom-style: none;
        border-bottom-width: 2px;
        border-left-color: #ffffff;
        border-left-style: none;
        border-left-width: 2px;
        display: block;
        margin-left: -2px;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        border-bottom-left-radius: 50px;
    }

    .p1700m6d4bef526313b8fa .slick-dots button {
        width: 15px;
        height: 15px;
        background-color: transparent;
        border-top-color: #ffffff;
        border-top-width: 2px;
        border-right-color: #ffffff;
        border-right-width: 2px;
        border-bottom-color: #ffffff;
        border-bottom-width: 2px;
        border-left-color: #ffffff;
        border-left-width: 2px;
        z-index: 999;
        opacity: 1;
    }

    .p1700m6d4bef526313b8fa .slick-dots {
        margin-left: 488px;
        margin-top: 7px;
        width: 125px;
        top: 66%;
        left: 50%;
    }

    .p1700m6d4bef526313b8fa .slick-dots li {
        margin-top: 5px;
        width: 15px;
        height: 15px;
        float: left;
        background-color: transparent;
        border-top-color: #ffffff;
        border-top-style: solid;
        border-top-width: 2px;
        border-right-color: #ffffff;
        border-right-style: solid;
        border-right-width: 2px;
        border-bottom-color: #ffffff;
        border-bottom-style: solid;
        border-bottom-width: 2px;
        border-left-color: #ffffff;
        border-left-style: solid;
        border-left-width: 2px;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
    }

    .p1700m6d4bef526313b8fa .slick-active {
        background-color: #ffffff;
    }

    .p1700m50029 {
        padding-left: 7%;
        padding-right: 7%;
        background-color: #141515;
    }

    .p1700m500290001 {
        width: 100%
    }

    .p1700mb005c8d43880b7f4 {
        margin-bottom: 50px;
        margin-top: 120px;
        width: auto;
        color: #ffffff;
        font-size: 40px;
        font-weight: bold;
        text-align: center;
        line-height: normal;
        position: relative;
        top: 0px;
        left: 0px;
        padding-bottom: 30px;
    }

    .p1700m673bd11e18dd845b {
        border-right-style: solid;
        border-right-width: 10px;
        border-left-style: solid;
        border-left-width: 10px;
        border-right-color: #141515;
        border-left-color: #141515;
    }

    .p1700m662ee7af15aeca1e {
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .p1700m1ae47dfe269c9a65 {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: auto;
    }

    .p1700m90ef343a51726b1e {
        margin-top: -480px;
    }

    .p1700m27380e870768c453 {
        width: auto;
        color: #ffffff;
        font-size: 32px;
        font-weight: normal;
        text-align: center;
        line-height: normal;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m82721b141765eb6f {
        padding-bottom: 15px;
        padding-top: 15px;
        width: auto;
        color: #ffffff;
        font-size: 16px;
        font-weight: normal;
        text-align: center;
        line-height: normal;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m05c56a1cac297745 {
        width: auto;
        color: #ffffff;
        font-size: 16px;
        font-weight: normal;
        text-align: center;
        line-height: normal;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m05c56a1cac297745:hover {
        color: #ffffff;
        font-weight: normal;
        text-decoration: underline;
        text-decoration-line: ;
    }

    .p1700m42cd32b9b17e20bd {
        border-right-style: solid;
        border-right-width: 10px;
        border-left-style: solid;
        border-left-width: 10px;
        border-right-color: #141515;
        border-left-color: #141515;
    }

    .p1700mf4fc58ff750f542f {
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .p1700m36b13d1b7f2b75bd {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: auto;
    }

    .p1700mb81e4412ab1380e3 {
        margin-top: -480px;
    }

    .p1700mab4d53230e4cc0bf {
        width: auto;
        color: #ffffff;
        font-size: 32px;
        font-weight: normal;
        text-align: center;
        line-height: normal;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700mcce7aff7e0be8654 {
        padding-bottom: 15px;
        padding-top: 15px;
        width: auto;
        color: #ffffff;
        font-size: 16px;
        font-weight: normal;
        text-align: center;
        line-height: normal;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m8befe849391f7750 {
        width: auto;
        color: #ffffff;
        font-size: 16px;
        font-weight: normal;
        text-align: center;
        line-height: normal;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m8befe849391f7750:hover {
        color: #ffffff;
        font-weight: normal;
        text-decoration: underline;
        text-decoration-line: ;
    }

    .p1700m66647eca153b7e34 {
        border-right-style: solid;
        border-right-width: 10px;
        border-left-style: solid;
        border-left-width: 10px;
        border-right-color: #141515;
        border-left-color: #141515;
    }

    .p1700mb710102cc467786a {
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .p1700mfdf9a4a02c4faff5 {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: auto;
    }

    .p1700me5af4e289ce185a3 {
        margin-top: -480px;
    }

    .p1700m63b7cbcf3756c431 {
        width: auto;
        color: #ffffff;
        font-size: 32px;
        font-weight: normal;
        text-align: center;
        line-height: normal;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700ma2492104e4612b3e {
        padding-bottom: 15px;
        padding-top: 15px;
        width: auto;
        color: #ffffff;
        font-size: 16px;
        font-weight: normal;
        text-align: center;
        line-height: normal;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m1643d539c98b8c4e {
        width: auto;
        color: #ffffff;
        font-size: 16px;
        font-weight: normal;
        text-align: center;
        line-height: normal;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m1643d539c98b8c4e:hover {
        color: #ffffff;
        font-weight: normal;
        text-decoration: underline;
        text-decoration-line: ;
    }

    .p1700m50030 {
        background-color: #141515;
    }

    .p1700m500300001 {
        width: 100%
    }

    .p1700me06513492989f887 {
        margin-bottom: 50px;
        margin-top: 120px;
        padding-bottom: 30px;
        width: auto;
        color: #ffffff;
        font-size: 40px;
        font-weight: bold;
        text-align: center;
        line-height: normal;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700mbbe43a8513432843 {
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 10px;
        padding-top: 10px;
    }

    .p1700m551d0d157396a562 {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: auto;
    }

    .p1700m0af6d73bb8d9c4f2 {
        margin-top: -510px;
    }

    .p1700m1b9e49dc4f376489 {
        width: auto;
        color: #ffffff;
        font-size: 32px;
        font-weight: normal;
        text-align: center;
        line-height: normal;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m3d9984ac4c064fc8 {
        padding-bottom: 15px;
        padding-top: 15px;
        width: auto;
        color: #ffffff;
        font-size: 16px;
        font-weight: normal;
        text-align: center;
        line-height: normal;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700md063b7579f44f328 {
        width: auto;
        color: #ffffff;
        font-size: 16px;
        font-weight: normal;
        text-align: center;
        line-height: normal;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700md063b7579f44f328:hover {
        text-decoration: underline;
        text-decoration-line: ;
    }

    .p1700mcd9d2bd571903e76 {
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 20px;
        padding-top: 10px;
    }

    .p1700m97420d81beffe9ed {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: auto;
    }

    .p1700m83ed323070e74122 {
        margin-top: -480px;
    }

    .p1700m2d843919b9b9e6b7 {
        width: auto;
        color: #ffffff;
        font-size: 32px;
        font-weight: normal;
        text-align: center;
        line-height: normal;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m61a89a856bf736ce {
        padding-bottom: 15px;
        padding-top: 15px;
        width: auto;
        color: #ffffff;
        font-size: 16px;
        font-weight: normal;
        text-align: center;
        line-height: normal;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m4f4f62b6b2dd47a6 {
        width: auto;
        color: #ffffff;
        font-size: 16px;
        font-weight: normal;
        text-align: center;
        line-height: normal;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m4f4f62b6b2dd47a6:hover {
        text-decoration: underline;
        text-decoration-line: ;
    }

    .p1700m4aca766f0b095cfe {
        padding-left: 20px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .p1700m2f82f32801628b3f {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: auto;
    }

    .p1700m796f549238860507 {
        margin-top: -510px;
    }

    .p1700mc213c9a980eca5f4 {
        width: auto;
        color: #ffffff;
        font-size: 32px;
        font-weight: normal;
        text-align: center;
        line-height: normal;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700mdc33b2098ac1b91f {
        padding-bottom: 15px;
        padding-top: 15px;
        width: auto;
        color: #ffffff;
        font-size: 16px;
        font-weight: normal;
        text-align: center;
        line-height: normal;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m90cbcfa88874b4ed {
        width: auto;
        color: #ffffff;
        font-size: 16px;
        font-weight: normal;
        text-align: center;
        line-height: normal;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m90cbcfa88874b4ed:hover {
        text-decoration: underline;
        text-decoration-line: ;
    }

    .p1700ma65e8e597ab2780f {
        padding-left: 10px;
        padding-right: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .p1700m6e960d4b80428f3a {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: auto;
    }

    .p1700m9f2117adc8124b71 {
        margin-top: -510px;
    }

    .p1700mbe8fe317a1a618eb {
        width: auto;
        color: #ffffff;
        font-size: 32px;
        font-weight: normal;
        text-align: center;
        line-height: normal;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m5ee78d5dc578f649 {
        padding-bottom: 15px;
        padding-top: 15px;
        width: auto;
        color: #ffffff;
        font-size: 16px;
        font-weight: normal;
        text-align: center;
        line-height: normal;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m308d58328239314b {
        width: auto;
        color: #ffffff;
        font-size: 16px;
        font-weight: normal;
        text-align: center;
        line-height: normal;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m308d58328239314b:hover {
        font-weight: normal;
        text-decoration: underline;
        text-decoration-line: ;
    }

    .p1700m50032 {
        background-color: #141516;
    }

    .p1700m500320001 {
        width: 100%
    }

    .p1700mb84a9d2cae4c34ad {
        margin-bottom: 50px;
        margin-top: 40px;
        padding-bottom: 55px;
        padding-left: 7%;
        padding-right: 7%;
        padding-top: 55px;
        background-color: #242424;
    }

    .p1700m0a9b69393b098b98 {
        padding-bottom: 25px;
        padding-top: 25px;
        text-align: center;
        background-image: url("https://0.rc.xiniu.com/g4/M00/79/21/CgAG0mP5o7yAJf6HAAADxV6LSXY464.png");
        background-position: right center;
        background-repeat: no-repeat;
    }

    .p1700m11778834f93556c6 {
        width: auto;
        height: auto;
        color: #ffffff;
        font-size: 60px;
        font-weight: bold;
        line-height: 60px;
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700mbab251897fdca6a8 {
        width: auto;
        height: auto;
        color: #ffffff;
        font-size: 40px;
        font-weight: bold;
        line-height: normal;
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m8122c62d43401033 {
        margin-top: 20px;
    }

    .p1700me3a7629b26e891ad {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px;
        width: auto;
        color: #ffffff;
        font-size: 16px;
        text-align: left;
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m33b596d60b2396c4 {
        padding-bottom: 25px;
        padding-top: 25px;
        text-align: center;
        background-image: url(https://0.rc.xiniu.com/g4/M00/79/21/CgAG0mP5o7yAJf6HAAADxV6LSXY464.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

    .p1700m1c6d7176534ef999 {
        width: auto;
        height: auto;
        color: #ffffff;
        font-size: 60px;
        font-weight: bold;
        line-height: 60px;
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700mdbcb8ff500b2009f {
        width: auto;
        height: auto;
        color: #ffffff;
        font-size: 40px;
        font-weight: bold;
        line-height: normal;
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700mc17816a4647dc35e {
        margin-top: 20px;
    }

    .p1700m9ff31ec823f5568a {
        margin-left: auto;
        margin-right: auto;
        width: auto;
        color: #ffffff;
        font-size: 16px;
        text-align: center;
        line-height: normal;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m96629b1369e5b45b {
        padding-bottom: 25px;
        padding-top: 25px;
        background-image: url(https://0.rc.xiniu.com/g4/M00/79/21/CgAG0mP5o7yAJf6HAAADxV6LSXY464.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

    .p1700m27a18a2ea7f9edd4 {
        text-align: center;
    }

    .p1700m632a890612cbc6de {
        width: auto;
        height: auto;
        color: #ffffff;
        font-size: 60px;
        font-weight: bold;
        line-height: 60px;
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m1cb1f444194d0f20 {
        width: auto;
        height: auto;
        color: #ffffff;
        font-size: 40px;
        font-weight: bold;
        line-height: normal;
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m6c8d274475604cba {
        margin-top: 20px;
    }

    .p1700m6b4ac2e666b6e15b {
        margin-left: auto;
        margin-right: auto;
        width: auto;
        color: #ffffff;
        font-size: 16px;
        text-align: center;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m504cb70e9f08e347 {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .p1700me10f76a2125f67c6 {
        text-align: center;
    }

    .p1700m29a931363815ea3c {
        width: auto;
        height: auto;
        color: #ffffff;
        font-size: 60px;
        font-weight: bold;
        line-height: 60px;
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700mcc62ada7f44be0cf {
        width: auto;
        height: auto;
        color: #ffffff;
        font-size: 40px;
        font-weight: bold;
        line-height: normal;
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m954cf895213a8209 {
        margin-top: 20px;
    }

    .p1700m72f52ce982c95736 {
        margin-left: auto;
        margin-right: auto;
        width: auto;
        color: #ffffff;
        font-size: 16px;
        text-align: center;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m50031 {
        padding-bottom: 0px;
    }

    .p1700m500310001 {
        width: 100%
    }

    .p1700m6902b8bc5cce2322 {
        padding-bottom: 0px;
        min-height: 700px;
        max-height: 700px;
        overflow: visible;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .p1700macac234f282e4fd9 {
        background-color: #000000;
    }

    .p1700macac234f282e4fd9:hover {
        min-width: auto;
    }

    .an_tran_168 {
        transition-property: all;
        min-width: 45%;
        max-width: 45%;
        transition-property: all;
    }

    .an_tran_169 {
        transition-property: all;
        min-width: 11%;
        max-width: 11%;
        transition-property: all;
    }

    .an_tran_180 {
        transition-property: all;
    }

    .p1700m0a6ba77cfd1e4ff4 {
        background-color: #000000;
        overflow: hidden;
        opacity: 1;
        min-height: auto;
        max-height: auto;
    }

    .p1700mbf1ef7af87f0fcba {
        height: auto;
        position: relative;
        top: 0px;
        left: 0px;
        opacity: 0.4;
    }

    .an_tran_250 {
        transition-property: all;
        opacity: 0.6;
        transition-property: all;
    }

    .an_tran_251 {
        opacity: 0.4;
        transition-property: all;
        transition-property: all;
    }

    .an_tran_186 {
        display: none;
        transition-property: all;
    }

    .an_tran_187 {
        transition-property: all;
    }

    .p1700m9e423e4d99eed3b2 {
        margin-top: -100px;
        font-size: 16px;
    }

    .an_tran_239 {
        display: none;
        transition-property: all;
    }

    .an_tran_240 {
        transition-property: all;
    }

    .p1700m48f64855d9e8ee89 {
        padding-bottom: 20px;
        width: auto;
        color: #ffffff;
        font-size: 20px;
        text-align: center;
        background-image: url("https://0.rc.xiniu.com/g4/M00/79/22/CgAG0mP5uo-ADzWHAAADzSLVkXU420.png");
        background-position: center bottom;
        background-repeat: no-repeat;
        position: relative;
        top: 0px;
        left: 0px;
        z-index: 999;
        min-width: 16.66%;
        max-width: 16.66%;
    }

    .an_tran_262 {
        max-width: 80px;
        min-width: 80px;
        transition-property: all;
        margin-left: 3%;
        transition-property: all;
    }

    .an_tran_263 {
        transition-property: all;
    }

    .p1700m35a4e55a5030cd82 {
        margin-top: 0px;
        padding-left: 50px;
        padding-right: 50px;
        min-width: 40%;
        max-width: 40%;
        font-size: 32px;
    }

    .an_tran_227 {
        margin-top: -600px;
        transition-property: all;
    }

    .an_tran_228 {
        transition-property: all;
    }

    .p1700me373f132339eb433 {
        padding-left: 15px;
        width: auto;
        color: #ffffff;
        font-size: 28px;
        text-align: left;
        line-height: normal;
        border-left-style: solid;
        border-left-width: 3px;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700ma3c2c93ea4739deb {
        padding-bottom: 50px;
        padding-top: 25px;
        width: auto;
        color: #ffffff;
        font-size: 14px;
        text-align: left;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m9f134afcc8f8291a {
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        width: auto;
        float: none;
        color: #000000;
        font-size: 14px;
        text-align: center;
        background-color: #ffffff;
        border-top-color: #ffffff;
        border-top-style: none;
        border-top-width: 1px;
        border-right-color: #d6000e;
        border-right-style: none;
        border-right-width: 1px;
        border-bottom-color: #d6000e;
        border-bottom-style: none;
        border-bottom-width: 1px;
        border-left-color: #d6000e;
        border-left-style: none;
        border-left-width: 1px;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
        overflow: hidden;
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m43090f325d393596 {
        background-color: #000000;
    }

    .p1700m43090f325d393596:hover {
        min-width: auto;
    }

    .an_tran_170 {
        min-width: 45%;
        max-width: 45%;
        transition-property: all;
    }

    .an_tran_171 {
        transition-property: all;
        min-width: 11%;
        max-width: 11%;
        transition-property: all;
    }

    .an_tran_181 {
        transition-property: all;
    }

    .p1700m9c2914254f86595c {
        background-color: #000000;
        overflow: hidden;
        opacity: 1;
        min-height: auto;
        max-height: auto;
    }

    .p1700md0238c17ca079bc9 {
        height: auto;
        position: relative;
        top: 0px;
        left: 0px;
        opacity: 0.4;
    }

    .an_tran_252 {
        opacity: 0.6;
        transition-property: all;
    }

    .an_tran_253 {
        opacity: 0.4;
        transition-property: all;
    }

    .an_tran_192 {
        display: none;
        transition-property: all;
    }

    .an_tran_193 {
        transition-property: all;
    }

    .p1700mc5e54d29244fcd35 {
        margin-top: -100px;
        font-size: 16px;
    }

    .an_tran_242 {
        display: none;
        transition-property: all;
    }

    .an_tran_243 {
        transition-property: all;
    }

    .p1700m9493fcabec8ce56e {
        padding-bottom: 20px;
        width: auto;
        color: #ffffff;
        font-size: 20px;
        text-align: center;
        background-image: url("https://0.rc.xiniu.com/g4/M00/79/22/CgAG0mP5uo-ADzWHAAADzSLVkXU420.png");
        background-position: center bottom;
        background-repeat: no-repeat;
        position: relative;
        top: 0px;
        left: 0px;
        z-index: 999;
        min-width: 16.66%;
        max-width: 16.66%;
    }

    .an_tran_264 {
        max-width: 80px;
        min-width: 80px;
        margin-left: 3%;
        transition-property: all;
    }

    .an_tran_265 {
        transition-property: all;
    }

    .p1700m838854416f2e7129 {
        margin-top: 0px;
        padding-left: 50px;
        padding-right: 50px;
        min-width: 40%;
        max-width: 40%;
        font-size: 32px;
    }

    .an_tran_229 {
        padding-top: 0px;
        margin-top: -600px;
        transition-property: all;
    }

    .an_tran_230 {
        transition-property: all;
    }

    .p1700mcd3b62494101812d {
        padding-left: 15px;
        width: auto;
        color: #ffffff;
        font-size: 28px;
        text-align: left;
        line-height: normal;
        border-left-style: solid;
        border-left-width: 3px;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m6edd20c73ed78a82 {
        padding-bottom: 50px;
        padding-top: 25px;
        width: auto;
        color: #ffffff;
        font-size: 14px;
        text-align: left;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m82b7f26f85811f9d {
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        width: auto;
        float: none;
        color: #000000;
        font-size: 14px;
        text-align: center;
        background-color: #ffffff;
        border-top-color: #ffffff;
        border-top-style: none;
        border-top-width: 1px;
        border-right-color: #d6000e;
        border-right-style: none;
        border-right-width: 1px;
        border-bottom-color: #d6000e;
        border-bottom-style: none;
        border-bottom-width: 1px;
        border-left-color: #d6000e;
        border-left-style: none;
        border-left-width: 1px;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
        overflow: hidden;
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m949a8c3f3278cba9 {
        background-color: #000000;
    }

    .p1700m949a8c3f3278cba9:hover {
        min-width: auto;
    }

    .an_tran_172 {
        min-width: 45%;
        transition-property: all;
    }

    .an_tran_173 {
        transition-property: all;
        min-width: 11%;
        max-width: 11%;
        transition-property: all;
    }

    .an_tran_182 {
        transition-property: all;
    }

    .p1700m4414a0eaeeda4a22 {
        background-color: #000000;
        overflow: hidden;
        opacity: 1;
        min-height: auto;
        max-height: auto;
    }

    .p1700mb5381c7bfe8fe0fd {
        height: auto;
        position: relative;
        top: 0px;
        left: 0px;
        opacity: 0.4;
    }

    .an_tran_254 {
        opacity: 0.6;
        transition-property: all;
    }

    .an_tran_255 {
        transition-property: all;
    }

    .an_tran_190 {
        transition-property: all;
    }

    .an_tran_191 {
        display: none;
        transition-property: all;
    }

    .p1700m46cb63988516ad96 {
        margin-top: -100px;
        font-size: 16px;
    }

    .an_tran_244 {
        transition-property: all;
        display: none;
        transition-property: all;
    }

    .an_tran_245 {
        transition-property: all;
    }

    .p1700m023cea9cc7b81af0 {
        padding-bottom: 20px;
        width: auto;
        color: #ffffff;
        font-size: 20px;
        text-align: center;
        background-image: url("https://0.rc.xiniu.com/g4/M00/79/22/CgAG0mP5uo-ADzWHAAADzSLVkXU420.png");
        background-position: center bottom;
        background-repeat: no-repeat;
        position: relative;
        top: 0px;
        left: 0px;
        z-index: 999;
        min-width: 16.66%;
        max-width: 16.66%;
    }

    .an_tran_266 {
        max-width: 80px;
        min-width: 80px;
        margin-left: 3%;
        transition-property: all;
    }

    .an_tran_267 {
        transition-property: all;
    }

    .p1700m39a05481e7addddf {
        margin-top: 0px;
        padding-left: 50px;
        padding-right: 50px;
        min-width: 40%;
        max-width: 40%;
        font-size: 32px;
    }

    .an_tran_231 {
        margin-top: -600px;
        transition-property: all;
    }

    .an_tran_232 {
        transition-property: all;
    }

    .p1700m303c520e1107ff2d {
        padding-left: 15px;
        width: auto;
        color: #ffffff;
        font-size: 28px;
        text-align: left;
        line-height: normal;
        border-left-style: solid;
        border-left-width: 3px;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m792e7af8e1046a9d {
        padding-bottom: 50px;
        padding-top: 25px;
        width: auto;
        color: #ffffff;
        font-size: 14px;
        text-align: left;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m4f0528c8d692a698 {
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        width: auto;
        float: none;
        color: #000000;
        font-size: 14px;
        text-align: center;
        background-color: #ffffff;
        border-top-color: #ffffff;
        border-top-style: none;
        border-top-width: 1px;
        border-right-color: #d6000e;
        border-right-style: none;
        border-right-width: 1px;
        border-bottom-color: #d6000e;
        border-bottom-style: none;
        border-bottom-width: 1px;
        border-left-color: #d6000e;
        border-left-style: none;
        border-left-width: 1px;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
        overflow: hidden;
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m70c07f843fc3f20c {
        background-color: #000000;
    }

    .p1700m70c07f843fc3f20c:hover {
        min-width: auto;
    }

    .an_tran_174 {
        min-width: 45%;
        transition-property: all;
    }

    .an_tran_175 {
        min-width: 11%;
        max-width: 11%;
        transition-property: all;
    }

    .an_tran_183 {
        transition-property: all;
    }

    .p1700mf11ae0ef6bec34a0 {
        background-color: #000000;
        overflow: hidden;
        opacity: 1;
        min-height: auto;
        max-height: auto;
    }

    .p1700m1ac713a57d769dd7 {
        height: auto;
        position: relative;
        top: 0px;
        left: 0px;
        opacity: 0.4;
    }

    .an_tran_256 {
        opacity: 0.6;
        transition-property: all;
    }

    .an_tran_257 {
        transition-property: all;
    }

    .an_tran_194 {
        display: none;
        transition-property: all;
    }

    .an_tran_195 {
        transition-property: all;
    }

    .p1700m743fd9cec1829fcb {
        margin-top: -100px;
        font-size: 16px;
    }

    .an_tran_274 {
        display: none;
        transition-property: all;
    }

    .an_tran_275 {
        transition-property: all;
    }

    .p1700m29d5ad988f228070 {
        padding-bottom: 20px;
        width: auto;
        color: #ffffff;
        font-size: 20px;
        text-align: center;
        background-image: url("https://0.rc.xiniu.com/g4/M00/79/22/CgAG0mP5uo-ADzWHAAADzSLVkXU420.png");
        background-position: center bottom;
        background-repeat: no-repeat;
        position: relative;
        top: 0px;
        left: 0px;
        z-index: 999;
        min-width: 16.66%;
        max-width: 16.66%;
    }

    .an_tran_268 {
        max-width: 80px;
        min-width: 80px;
        margin-left: 3%;
        transition-property: all;
    }

    .an_tran_269 {
        transition-property: all;
    }

    .p1700mbb899bfe4f42c5e7 {
        margin-top: 0px;
        padding-left: 50px;
        padding-right: 50px;
        min-width: 40%;
        max-width: 40%;
        font-size: 32px;
    }

    .an_tran_233 {
        margin-top: -600px;
        transition-property: all;
    }

    .an_tran_234 {
        transition-property: all;
    }

    .p1700m2ff886601e6cc055 {
        padding-left: 15px;
        width: auto;
        color: #ffffff;
        font-size: 28px;
        text-align: left;
        line-height: normal;
        border-left-style: solid;
        border-left-width: 3px;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700mf6ac87d2ad0378e7 {
        padding-bottom: 50px;
        padding-top: 25px;
        width: auto;
        color: #ffffff;
        font-size: 14px;
        text-align: left;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m2cc40cc68993cb3f {
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        width: auto;
        float: none;
        color: #000000;
        font-size: 14px;
        text-align: center;
        background-color: #ffffff;
        border-top-color: #ffffff;
        border-top-style: none;
        border-top-width: 1px;
        border-right-color: #d6000e;
        border-right-style: none;
        border-right-width: 1px;
        border-bottom-color: #d6000e;
        border-bottom-style: none;
        border-bottom-width: 1px;
        border-left-color: #d6000e;
        border-left-style: none;
        border-left-width: 1px;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
        overflow: hidden;
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m1258587525b9f9e3 {
        background-color: #000000;
    }

    .p1700m1258587525b9f9e3:hover {
        min-width: auto;
    }

    .an_tran_176 {
        min-width: 45%;
        transition-property: all;
    }

    .an_tran_177 {
        min-width: 11%;
        max-width: 11%;
        transition-property: all;
    }

    .an_tran_184 {
        transition-property: all;
    }

    .p1700mf521e26e3f574cd6 {
        background-color: #000000;
        overflow: hidden;
        opacity: 1;
        min-height: auto;
        max-height: auto;
    }

    .p1700m4658fdee4007ab32 {
        width: 700px;
        height: 700px;
        position: relative;
        top: 0px;
        left: 0px;
        opacity: 0.4;
    }

    .an_tran_258 {
        opacity: 0.6;
        transition-property: all;
    }

    .an_tran_259 {
        transition-property: all;
    }

    .an_tran_196 {
        display: none;
        transition-property: all;
    }

    .an_tran_197 {
        transition-property: all;
    }

    .p1700m5232b2a4f904a881 {
        margin-top: -100px;
        font-size: 16px;
    }

    .an_tran_246 {
        display: none;
        transition-property: all;
    }

    .an_tran_247 {
        transition-property: all;
    }

    .p1700m3f9efcd257f76b32 {
        padding-bottom: 20px;
        width: auto;
        color: #ffffff;
        font-size: 20px;
        text-align: center;
        background-image: url("https://0.rc.xiniu.com/g4/M00/79/22/CgAG0mP5uo-ADzWHAAADzSLVkXU420.png");
        background-position: center bottom;
        background-repeat: no-repeat;
        position: relative;
        top: 0px;
        left: 0px;
        z-index: 999;
        min-width: 16.66%;
        max-width: 16.66%;
    }

    .an_tran_270 {
        min-width: 80px;
        max-width: 80px;
        margin-left: 3%;
        transition-property: all;
    }

    .an_tran_271 {
        transition-property: all;
    }

    .p1700m4ec275a8982a008e {
        margin-top: 0px;
        padding-left: 50px;
        padding-right: 50px;
        min-width: 40%;
        max-width: 40%;
        font-size: 32px;
    }

    .an_tran_235 {
        margin-top: -600px;
        transition-property: all;
    }

    .an_tran_236 {
        transition-property: all;
    }

    .p1700m6c2e4d45d7b0dd77 {
        padding-left: 15px;
        width: auto;
        color: #ffffff;
        font-size: 28px;
        text-align: left;
        line-height: normal;
        border-left-style: solid;
        border-left-width: 3px;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m8e0b18375fed0346 {
        padding-bottom: 50px;
        padding-top: 25px;
        width: auto;
        color: #ffffff;
        font-size: 14px;
        text-align: left;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m885ef823283bf592 {
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        width: auto;
        float: none;
        color: #000000;
        font-size: 14px;
        text-align: center;
        background-color: #ffffff;
        border-top-color: #ffffff;
        border-top-style: none;
        border-top-width: 1px;
        border-right-color: #d6000e;
        border-right-style: none;
        border-right-width: 1px;
        border-bottom-color: #d6000e;
        border-bottom-style: none;
        border-bottom-width: 1px;
        border-left-color: #d6000e;
        border-left-style: none;
        border-left-width: 1px;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
        overflow: hidden;
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m2a6552bdf7a115da {
        background-color: #000000;
    }

    .p1700m2a6552bdf7a115da:hover {
        min-width: auto;
    }

    .an_tran_178 {
        min-width: 45%;
        transition-property: all;
    }

    .an_tran_179 {
        min-width: 11%;
        max-width: 11%;
        transition-property: all;
    }

    .an_tran_185 {
        transition-property: all;
    }

    .p1700m238db82b1a1e13a8 {
        background-color: #000000;
        overflow: hidden;
        opacity: 1;
        min-height: auto;
        max-height: auto;
    }

    .p1700me88f39f91d21cc9f {
        height: auto;
        position: relative;
        top: 0px;
        left: 0px;
        opacity: 0.4;
    }

    .an_tran_260 {
        opacity: 0.6;
        transition-property: all;
    }

    .an_tran_261 {
        transition-property: all;
    }

    .an_tran_198 {
        display: none;
        transition-property: all;
    }

    .an_tran_199 {
        transition-property: all;
    }

    .p1700m91ad83e976fa7733 {
        margin-top: -100px;
        font-size: 16px;
    }

    .an_tran_248 {
        display: none;
        transition-property: all;
        transition-property: all;
    }

    .an_tran_249 {
        transition-property: all;
    }

    .p1700mf0c8b971c158097a {
        padding-bottom: 20px;
        width: auto;
        color: #ffffff;
        font-size: 20px;
        text-align: center;
        background-image: url("https://0.rc.xiniu.com/g4/M00/79/22/CgAG0mP5uo-ADzWHAAADzSLVkXU420.png");
        background-position: center bottom;
        background-repeat: no-repeat;
        position: relative;
        top: 0px;
        left: 0px;
        z-index: 999;
        min-width: 16.66%;
        max-width: 16.66%;
    }

    .an_tran_272 {
        min-width: 80px;
        max-width: 80px;
        margin-left: 3%;
        transition-property: all;
    }

    .an_tran_273 {
        transition-property: all;
    }

    .p1700m2d7eeb29c9944aad {
        margin-top: 0px;
        padding-left: 50px;
        padding-right: 50px;
        min-width: 40%;
        max-width: 40%;
        font-size: 32px;
    }

    .an_tran_237 {
        margin-top: -600px;
        transition-property: all;
    }

    .an_tran_238 {
        transition-property: all;
    }

    .p1700mc8eb64a6ec576f23 {
        padding-left: 15px;
        width: auto;
        color: #ffffff;
        font-size: 28px;
        text-align: left;
        line-height: normal;
        border-left-style: solid;
        border-left-width: 3px;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700mf795ad6fce6c1a82 {
        padding-bottom: 50px;
        padding-top: 25px;
        width: auto;
        color: #ffffff;
        font-size: 14px;
        text-align: left;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700mda0b649898a39203 {
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        width: auto;
        float: none;
        color: #000000;
        font-size: 14px;
        text-align: center;
        background-color: #ffffff;
        border-top-color: #ffffff;
        border-top-style: none;
        border-top-width: 1px;
        border-right-color: #d6000e;
        border-right-style: none;
        border-right-width: 1px;
        border-bottom-color: #d6000e;
        border-bottom-style: none;
        border-bottom-width: 1px;
        border-left-color: #d6000e;
        border-left-style: none;
        border-left-width: 1px;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
        overflow: hidden;
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m50037 {
        display: none;
    }

    .p1700m500370001 {
        width: 100%
    }

    .p1700m35acf722b465bb38 {
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m83d7f24af533fdf9 {
        margin-top: -404px;
        min-width: auto;
        padding-left: 20px;
        padding-right: 20px;
    }

    .p1700mbb56e3829ab4fa21 {
        padding-left: 15px;
        width: auto;
        color: #ffffff;
        font-size: 28px;
        text-align: left;
        line-height: normal;
        border-left-style: solid;
        border-left-width: 3px;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m174853b5c2462437 {
        padding-bottom: 50px;
        padding-top: 25px;
        width: auto;
        color: #ffffff;
        font-size: 14px;
        text-align: left;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m81356f88bf10b8ba {
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        width: auto;
        float: none;
        color: #000000;
        font-size: 14px;
        text-align: center;
        background-color: #ffffff;
        border-top-color: #ffffff;
        border-top-style: none;
        border-top-width: 1px;
        border-right-color: #d6000e;
        border-right-style: none;
        border-right-width: 1px;
        border-bottom-color: #d6000e;
        border-bottom-style: none;
        border-bottom-width: 1px;
        border-left-color: #d6000e;
        border-left-style: none;
        border-left-width: 1px;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
        overflow: hidden;
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700me3cfd5e246a76920 {
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700mdf242c9f6d079874 {
        margin-top: -404px;
        min-width: auto;
        padding-left: 20px;
        padding-right: 20px;
    }

    .p1700md501b0454ccc6eed {
        padding-left: 15px;
        width: auto;
        color: #ffffff;
        font-size: 28px;
        text-align: left;
        line-height: normal;
        border-left-style: solid;
        border-left-width: 3px;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m9961345ab454fae2 {
        padding-bottom: 50px;
        padding-top: 25px;
        width: auto;
        color: #ffffff;
        font-size: 14px;
        text-align: left;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m123fc2e0f0626ca3 {
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        width: auto;
        float: none;
        color: #000000;
        font-size: 14px;
        text-align: center;
        background-color: #ffffff;
        border-top-color: #ffffff;
        border-top-style: none;
        border-top-width: 1px;
        border-right-color: #d6000e;
        border-right-style: none;
        border-right-width: 1px;
        border-bottom-color: #d6000e;
        border-bottom-style: none;
        border-bottom-width: 1px;
        border-left-color: #d6000e;
        border-left-style: none;
        border-left-width: 1px;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
        overflow: hidden;
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m4542f2a8af971c83 {
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m0f33ea312401f910 {
        margin-top: -404px;
        min-width: auto;
        padding-left: 20px;
        padding-right: 20px;
    }

    .p1700mcccb5275565378ca {
        padding-left: 15px;
        width: auto;
        color: #ffffff;
        font-size: 28px;
        text-align: left;
        line-height: normal;
        border-left-style: solid;
        border-left-width: 3px;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m445559c1da845c63 {
        padding-bottom: 50px;
        padding-top: 25px;
        width: auto;
        color: #ffffff;
        font-size: 14px;
        text-align: left;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m50f581bf6ef246cb {
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        width: auto;
        float: none;
        color: #000000;
        font-size: 14px;
        text-align: center;
        background-color: #ffffff;
        border-top-color: #ffffff;
        border-top-style: none;
        border-top-width: 1px;
        border-right-color: #d6000e;
        border-right-style: none;
        border-right-width: 1px;
        border-bottom-color: #d6000e;
        border-bottom-style: none;
        border-bottom-width: 1px;
        border-left-color: #d6000e;
        border-left-style: none;
        border-left-width: 1px;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
        overflow: hidden;
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700mbdbedf6cbe5d4ce8 {
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m2016ec1da218c7f1 {
        margin-top: -404px;
        min-width: auto;
        padding-left: 20px;
        padding-right: 20px;
    }

    .p1700m8dc35db046382292 {
        padding-left: 15px;
        width: auto;
        color: #ffffff;
        font-size: 28px;
        text-align: left;
        line-height: normal;
        border-left-style: solid;
        border-left-width: 3px;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700me1caf776961c72c3 {
        padding-bottom: 50px;
        padding-top: 25px;
        width: auto;
        color: #ffffff;
        font-size: 14px;
        text-align: left;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m873f1ed4a4c9f6f2 {
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        width: auto;
        float: none;
        color: #000000;
        font-size: 14px;
        text-align: center;
        background-color: #ffffff;
        border-top-color: #ffffff;
        border-top-style: none;
        border-top-width: 1px;
        border-right-color: #d6000e;
        border-right-style: none;
        border-right-width: 1px;
        border-bottom-color: #d6000e;
        border-bottom-style: none;
        border-bottom-width: 1px;
        border-left-color: #d6000e;
        border-left-style: none;
        border-left-width: 1px;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
        overflow: hidden;
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700mef9a01232c03d7cf {
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m7be2f3723c9650f4 {
        margin-top: -404px;
        min-width: auto;
        padding-left: 20px;
        padding-right: 20px;
    }

    .p1700m961cb361d5c3096e {
        padding-left: 15px;
        width: auto;
        color: #ffffff;
        font-size: 28px;
        text-align: left;
        line-height: normal;
        border-left-style: solid;
        border-left-width: 3px;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m0e887f579eef5443 {
        padding-bottom: 50px;
        padding-top: 25px;
        width: auto;
        color: #ffffff;
        font-size: 14px;
        text-align: left;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m31a0d4d25f8aa92a {
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        width: auto;
        float: none;
        color: #000000;
        font-size: 14px;
        text-align: center;
        background-color: #ffffff;
        border-top-color: #ffffff;
        border-top-style: none;
        border-top-width: 1px;
        border-right-color: #d6000e;
        border-right-style: none;
        border-right-width: 1px;
        border-bottom-color: #d6000e;
        border-bottom-style: none;
        border-bottom-width: 1px;
        border-left-color: #d6000e;
        border-left-style: none;
        border-left-width: 1px;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
        overflow: hidden;
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700mc7cd0d153e464598 {
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700me15866d54a5a00aa {
        margin-top: -404px;
        min-width: auto;
        padding-left: 20px;
        padding-right: 20px;
    }

    .p1700ma64811799fc4057e {
        padding-left: 15px;
        width: auto;
        color: #ffffff;
        font-size: 28px;
        text-align: left;
        line-height: normal;
        border-left-style: solid;
        border-left-width: 3px;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700md688729ba0073657 {
        padding-bottom: 50px;
        padding-top: 25px;
        width: auto;
        color: #ffffff;
        font-size: 14px;
        text-align: left;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m79ae19237e562c47 {
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        width: auto;
        float: none;
        color: #000000;
        font-size: 14px;
        text-align: center;
        background-color: #ffffff;
        border-top-color: #ffffff;
        border-top-style: none;
        border-top-width: 1px;
        border-right-color: #d6000e;
        border-right-style: none;
        border-right-width: 1px;
        border-bottom-color: #d6000e;
        border-bottom-style: none;
        border-bottom-width: 1px;
        border-left-color: #d6000e;
        border-left-style: none;
        border-left-width: 1px;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
        overflow: hidden;
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m50033 {
        min-height: auto;
        max-height: auto;
        background-color: #141515;
    }

    .p1700m500330001 {
        width: 100%
    }

    .p1700md37811b2ade551d8 {
        margin-bottom: 50px;
        margin-top: 120px;
        width: auto;
        color: #ffffff;
        font-size: 40px;
        font-weight: bold;
        text-align: center;
        line-height: normal;
        position: relative;
        top: 0px;
        left: 0px;
        padding-bottom: 30px;
    }

    .p1700m50034 {
        background-color: #141516;
    }

    .p1700m500340001 {
        width: 100%
    }

    .p1700m5003400010001 {
        margin-left: 0px;
        width: 100%;
        height: auto;
        position: relative;
        top: 0px;
        left: 0px;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .p1700m12c1362fde87eb22 {
        min-width: 100%;
        max-width: 100%;
    }

    .p1700md4daf1b34fd435d9 .slick-prev {
        margin-top: 0px;
        width: 50px;
        min-height: 50px;
        max-height: 50px;
        top: 230px;
        left: 150px;
    }

    .p1700md4daf1b34fd435d9 .slick-next {
        margin-top: 0px;
        width: 50px;
        min-height: 50px;
        max-height: 50px;
        top: 230px;
        right: 150px;
        background-size: auto;
    }

    .p1700md4daf1b34fd435d9 {
        top: 0px;
        left: 0px;
        background-color: transparent;
    }

    .p1700md4daf1b34fd435d9 .slick-dots {
        top: -48px;
        left: 45%;
        position: relative;
        z-index: 9999;
    }

    .p1700md4daf1b34fd435d9 .slick-dots-point {
        border-top-color: #ffffff;
        border-top-style: solid;
        border-top-width: 2px;
        border-right-color: #ffffff;
        border-right-style: solid;
        border-right-width: 2px;
        border-bottom-color: #ffffff;
        border-bottom-style: solid;
        border-bottom-width: 2px;
        border-left-color: #ffffff;
        border-left-style: solid;
        border-left-width: 2px;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
        background-image: none;
    }

    .p1700md4daf1b34fd435d9 .slick-dots-point button {
        background-color: #ffffff;
    }

    .p1700m5ef488bfefe8827d {
        width: 100%;
        height: auto;
        border-right-style: solid;
        border-right-width: 10px;
        border-left-style: solid;
        border-left-width: 10px;
    }

    .p1700m50035 {
        background-color: #141515;
        padding-left: 7%;
        padding-right: 7%;
    }

    .p1700m500350001 {
        width: 100%
    }

    .p1700me2d074c01466546a {
        margin-bottom: 50px;
        margin-top: 120px;
        width: auto;
        color: #ffffff;
        font-size: 40px;
        font-weight: bold;
        text-align: center;
        line-height: normal;
        position: relative;
        top: 0px;
        left: 0px;
        padding-bottom: 30px;
    }

    .p1700m1498201af70f5152 {
        left: 0px;
        top: 2px;
        position: relative;
        width: 100%;
    }

    .p1700m1498201af70f5152 .data_col {
        height: 535px;
        background-color: #242424;
        border-right-color: #141515;
        border-right-style: solid;
        border-right-width: 10px;
        border-left-color: #141515;
        border-left-style: solid;
        border-left-width: 10px;
    }

    .p1700m9143360bdafad215 {
        min-width: auto;
        min-height: auto;
        max-height: auto;
        overflow: hidden;
        display: inline-block;
    }

    .p1700mf02a484a4180b613 {
        width: 100%;
        height: 292px;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700mc5eb304f6900c11e {
        margin-left: 20px;
        margin-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
        width: auto;
        font-family: 微软雅黑;
        color: #ffffff;
        background-color: #d6000e;
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
        margin-bottom: 5px;
    }

    .p1700m17e41c80a5297fbf {
        padding-left: 20px;
        padding-right: 20px;
    }

    .p1700mccacfd8a685c28fd {
        width: auto;
        color: #ffffff;
        font-size: 22px;
        line-height: 36px;
        position: relative;
        top: 0px;
        left: 0px;
        height: 75px;
    }

    .p1700ma26121e79cb15e87 {
        width: auto;
        height: 50px;
        color: #cccccc;
        font-size: 14px;
        position: relative;
        top: 0px;
        left: 0px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .p1700mb3e658b158d8ff8b {
        padding-bottom: 20px;
        padding-top: 10px;
        width: auto;
        color: #cccccc;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700mb3e658b158d8ff8b:hover {
        color: #ffffff;
        text-decoration: underline;
        text-decoration-line: ;
    }

    .p1700mb3e658b158d8ff8b:hover a {
        color: #ffffff
    }

    .p1700m104b85fe42457933 {
        margin-bottom: 110px;
        margin-left: 44%;
        margin-top: 70px;
        padding-bottom: 0px;
        padding-top: 0px;
        width: 160px;
        height: 50px;
        float: none;
        color: #cccccc;
        text-align: center;
        line-height: 50px;
        border-top-style: solid;
        border-top-width: 1px;
        border-right-style: solid;
        border-right-width: 1px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-left-style: solid;
        border-left-width: 1px;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
        overflow: hidden;
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m104b85fe42457933:hover {
        color: #000000;
        background-color: #ffffff;
        border-top-color: #ffffff;
        border-right-color: #ffffff;
        border-bottom-color: #ffffff;
        border-left-color: #ffffff;
    }

    .p1700m104b85fe42457933:hover a {
        color: #000000
    }

    .p1700m104b85fe42457933.p1700m104b85fe42457933-select {
        color: #d6000e;
        background-color: #ffffff;
    }

    .p1700m104b85fe42457933.p1700m104b85fe42457933-select a {
        color: #d6000e
    }

    .p1700m50036 {
        padding-left: 10%;
        padding-right: 10%;
        background-image: url("https://0.rc.xiniu.com/g4/M00/79/2C/CgAG0mP7ZPGAHGSIAAGJMC32d6U535.jpg");
        background-position: left center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .p1700m500360001 {
        width: 100%
    }

    .p1700m63b258d76e4652b4 {
        margin-bottom: 50px;
        margin-top: 120px;
        width: auto;
        color: #ffffff;
        font-size: 40px;
        font-weight: bold;
        text-align: center;
        line-height: normal;
        position: relative;
        top: 0px;
        left: 0px;
        padding-bottom: 30px;
    }

    .p1700m421eb88fe8ef614b {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        width: auto;
        float: none;
        position: relative;
        top: 0px;
        left: auto;
    }

    .p1700m421eb88fe8ef614b .data_col {
        margin-bottom: 15px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        min-width: auto;
        float: left;
        display: inline;
    }

    .p1700m60c96dc79f544bd9 {
        margin-left: 0px;
        margin-right: auto;
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        width: auto;
        height: auto;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m75dd62da8d7e324e {
        margin-bottom: 110px;
        margin-left: 44%;
        margin-top: 70px;
        padding-bottom: 0px;
        padding-top: 0px;
        width: 160px;
        height: 50px;
        float: none;
        color: #cccccc;
        text-align: center;
        line-height: 50px;
        border-top-style: solid;
        border-top-width: 1px;
        border-right-style: solid;
        border-right-width: 1px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-left-style: solid;
        border-left-width: 1px;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
        overflow: hidden;
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700m75dd62da8d7e324e:hover {
        color: #000000;
        background-color: #ffffff;
        border-top-color: #ffffff;
        border-right-color: #ffffff;
        border-bottom-color: #ffffff;
        border-left-color: #ffffff;
    }

    .p1700m75dd62da8d7e324e:hover a {
        color: #000000
    }

    .p1700m75dd62da8d7e324e.p1700m75dd62da8d7e324e-select {
        color: #d6000e;
        background-color: #ffffff;
    }

    .p1700m75dd62da8d7e324e.p1700m75dd62da8d7e324e-select a {
        color: #d6000e
    }

    .p1700m50027 {
        padding-bottom: 10px;
        padding-left: 10%;
        padding-right: 10%;
        padding-top: 10px;
        background-color: #141515;
    }

    .p1700m500270001 {
        width: 100%
    }

    .p1700me388cca839e2c0ce {
        min-width: 70px;
        max-width: 70px;
    }

    .p1700mc82968353f8e2e66 {
        width: auto;
        color: #cccccc;
        font-size: 12px;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700ma7ebf233ffaa330a {
        padding-bottom: 0px;
        padding-top: 0px;
        height: auto;
        color: #ffffff;
        background-color: transparent;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1700ma7ebf233ffaa330a .xg_flink_item {
        margin-bottom: 6px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-top: 0px;
        font-size: 14px;
        line-height: 25px;
        color: #666666;
    }

    .p1700ma7ebf233ffaa330a .xg_flink_item a {
        color: #cccccc;
        font-size: 12px;
    }

    .p1700ma7ebf233ffaa330a .xg_flink_item a:hover {
        color: #ffffff;
    }

    .p1732mf1732-00001 {
        margin-left: 0%;
        padding-top: 20px;
        width: 70px;
        background-color: #4a86e8;
        background-image: none;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        background-position: center center;
        background-repeat: repeat;
        margin-bottom: NaNpx;
        left: 0px;
        right: auto;
        bottom: 50px
    }

    .p1732mf1732-00001 .qqimg0 {
        width: 70px;
        height: 70px;
        background-color: initial;
        background-position: center;
        background-attachment: initial;
        background: url('https://0.rc.xiniu.com/g3/M00/60/13/CgAH6F8XmRaAOeGuAAAGYs9_V3g864.png') no-repeat;
        background-size: 48px 48px;
        background-image: url(https://0.rc.xiniu.com/g3/M00/60/13/CgAH6F8XmRaAOeGuAAAGYs9_V3g864.png);
        background-repeat: no-repeat;
    }

    .p1732mf1732-00001 .wximg0 {
        width: 70px;
        height: 70px;
        background-color: initial;
        background-position: center;
        background-attachment: initial;
        background-size: 48px 48px;
        background: url('https://0.rc.xiniu.com/g3/M00/60/13/CgAH6F8XmTGAYUIoAAAGm7BorfI551.png') no-repeat;
        background-image: url(https://0.rc.xiniu.com/g3/M00/60/13/CgAH6F8XmTGAYUIoAAAGm7BorfI551.png);
        background-repeat: no-repeat;
    }

    .p1732mf1732-00001 .telimg0 {
        width: 70px;
        height: 70px;
        background-color: initial;
        background-position: center;
        background-attachment: initial;
        background-size: 48px 48px;
        background: url('https://0.rc.xiniu.com/g3/M00/60/14/CgAH6F8XmXqACu3oAAAHBfIhkZQ678.png') no-repeat;
        background-image: url(https://0.rc.xiniu.com/g3/M00/60/14/CgAH6F8XmXqACu3oAAAHBfIhkZQ678.png);
        background-repeat: no-repeat;
    }

    .p1732mf1732-00001 .skypeimg0 {
        background: url('https://1.rc.xiniu.com/img/toolbox/skype.png') no-repeat;
        background-size: 48px 48px;
        background-image: url(https://1.rc.xiniu.com/img/toolbox/skype.png);
        background-repeat: no-repeat;
    }

    .p1732mf1732-00001 .emailimg0 {
        width: 70px;
        height: 70px;
        background-color: initial;
        background-position: center;
        background-attachment: initial;
        background: url('https://0.rc.xiniu.com/g3/M00/60/14/CgAH6F8XmWmACF5AAAAF1wYELVo400.png') no-repeat;
        background-size: 48px 48px;
        background-image: url(https://0.rc.xiniu.com/g3/M00/60/14/CgAH6F8XmWmACF5AAAAF1wYELVo400.png);
        background-repeat: no-repeat;
    }

    .p1732mf1732-00001 .whatsappimg0 {
        background: url('https://1.rc.xiniu.com/img/toolbox/whatsapp.png') no-repeat;
        background-size: 48px 48px;
        background-image: url(https://1.rc.xiniu.com/img/toolbox/whatsapp.png);
        background-repeat: no-repeat;
    }

    .p1732mf1732-00001 .facebookimg0 {
        background: url('https://1.rc.xiniu.com/img/toolbox/facebook.png') no-repeat;
        background-size: 48px 48px;
        background-image: url(https://1.rc.xiniu.com/img/toolbox/facebook.png);
        background-repeat: no-repeat;
    }

    .p1732mf1732-00001 .twitterimg0 {
        background: url('https://1.rc.xiniu.com/img/toolbox/twitter.png') no-repeat;
        background-size: 48px 48px;
        background-image: url(https://1.rc.xiniu.com/img/toolbox/twitter.png);
        background-repeat: no-repeat;
    }

    .p1732mf1732-00001 .xg_hfl-txt {
        display: none;
    }

    .p1732mf1732-00001 .xg_holdFloating {
        background-color: transparent;
        box-shadow: none;
        -webkit-box-shadow: none;
        width: auto;
        margin-right: 0px;
    }

    .p1732mf1732-00001 .xg_hf-list li {
        margin-bottom: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
        height: 70px;
        width: 70px;
    }

    .p1732mf1732-00001 .xg_hf-list li:hover {
        background-color: #d6000e;
    }

    .p1732mf1732-00001 .xg_markitem {
        margin-left: auto;
        margin-right: auto;
        width: 70px;
        height: 70px;
    }

    .p1732mf1732-00001 .xg_rnp-tips-tel {
        margin-top: 0px;
        height: 70px;
        line-height: 70px;
        background-color: #0c1221;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        overflow: hidden;
        top: 0px;
        left: 70px;
        font-size: 0px;
    }

    .p1732mf1732-00001 .xg_rnp-tips-tel span {
        color: #ffffff;
        font-size: 21px;
        background-color: transparent;
    }

    .p1732mf1732-00001 .xg_rnp-tips-ewm {
        top: 47px;
        left: 70px;
    }

    .p1732mf1732-00001 .quanimg0 {
        background-image: url(https://1.rc.xiniu.com/img/toolbox/ico_qnl.png);
        background-repeat: no-repeat;
    }

    .p1732mf1732-00001 .miccardimg0 {
        background-image: url(https://1.rc.xiniu.com/img/toolbox/ico_wmp.png);
        background-repeat: no-repeat;
    }

    .p1720mf1720-00003 {
        padding-bottom: 50px;
        padding-top: 105px;
        background-color: #242424;
        padding-left: 10%;
        padding-right: 10%;
    }

    .p1720mf1720-000030001 {
        width: 100%
    }

    .p1720mf1720-0079892bf9472dad0 {
        margin-bottom: 50px;
        padding-bottom: 50px;
        border-bottom-color: #393939;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

    .p1720mf1720-00b621f2d9f3ec580 {
        width: 80%;
        height: auto;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1720mf1720-0dc19fd756139925a {
        padding-left: 40px;
        width: auto;
        color: #ffffff;
        background-image: url("https://0.rc.xiniu.com/g3/M00/5D/62/CgAH6F8SoGKAFYqwAAAFx1wW1VE206.png");
        background-position: 0px 0px;
        background-repeat: no-repeat;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1720mf1720-0ceaf9ec7c5010ef0 {
        padding-left: 30px;
        width: auto;
        font-size: 20px;
        background-image: url("https://0.rc.xiniu.com/g3/M00/5D/62/CgAH6F8SoKeAe5g5AAAFfShD1Ls446.png");
        background-position: 0px 0px;
        background-repeat: no-repeat;
        position: relative;
        top: 0px;
        left: 0px;
        color: #ffffff;
    }

    .p1720mf1720-0d336392618e8cba2 {
        padding-left: 30px;
        width: auto;
        font-size: 20px;
        background-image: url("https://0.rc.xiniu.com/g3/M00/5D/62/CgAH6F8SoLeAfeYwAAAGBforNfw612.png");
        background-position: 0px 0px;
        background-repeat: no-repeat;
        position: relative;
        top: 0px;
        left: 0px;
        color: #ffffff;
    }

    .p1720mf1720-000bc5c5cb57ac469 {
        margin-top: 0px;
        text-align: right;
        position: relative;
        top: 1px;
        left: 0px;
    }

    .p1720mf1720-000bc5c5cb57ac469 .xg_menuLi1 {
        margin-right: 14%;
        width: auto;
        height: auto;
        float: left;
        color: #ffffff;
        font-size: 18px;
        text-align: left;
    }

    .p1720mf1720-000bc5c5cb57ac469 .xg_menuLi2 {
        color: #999999;
        font-size: 12px;
        line-height: normal;
    }

    .p1720mf1720-000bc5c5cb57ac469 .xg_menuA2 {
        text-align: left;
    }

    .p1720mf1720-000bc5c5cb57ac469 .xg_menuTitle2 {
        height: 30px;
    }

    .p1720mf1720-000bc5c5cb57ac469 .xg_menuLi2:hover {
        color: #ffffff;
    }

    .p1720mf1720-000bc5c5cb57ac469 .xg_menuUl {
        padding-left: 0px;
        float: none;
    }

    .p1720mf1720-000bc5c5cb57ac469 .xg_menuA1 {
        font-size: 12px;
    }

    .p1720mf1720-00002 {
        background-color: #2c2b2b;
        border-top-color: #393939;
        border-top-style: double;
        border-top-width: 1px;
        padding-left: 10%;
        padding-right: 10%;
    }

    .p1720mf1720-000020001 {
        width: 100%
    }

    .p1720mf1720-0be3811c9d5acb026 {
        padding-bottom: 15px;
        padding-top: 15px;
    }

    .p1720mf1720-017f85ee7246216fa {
        width: auto;
        float: left;
        color: #999999;
        font-size: 12px;
        position: relative;
        top: 0px;
        left: 3px;
        margin-right: 5px;
    }

    .p1720mf1720-05e310fe08583e876 {
        width: auto;
        float: left;
        color: #999999;
        font-size: 12px;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1720mf1720-05e310fe08583e876:hover {
        color: #ffffff;
    }

    .p1720mf1720-02b7f109e5758292d {
        margin-left: 5px;
        padding-left: 20px;
        width: auto;
        float: left;
        color: #999999;
        font-size: 12px;
        background-image: url("https://0.rc.xiniu.com/g4/M00/87/21/CgAG0mRdlWyAA9wDAABLOOn9ZJA828.png");
        display: inline-block;
        background-position: left center;
        background-repeat: no-repeat;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1720mf1720-02b7f109e5758292d:hover {
        color: #ffffff;
    }

    .p1720mf1720-0c0ba82d261e084b9 {
        margin-left: 10px;
        margin-right: 10px;
        padding-right: 0px;
        width: auto;
        float: left;
        color: #999999;
        font-size: 12px;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1720mf1720-0c0ba82d261e084b9:hover {
        color: #999999;
    }

    .p1720mf1720-0a74871a1878ec86b {
        margin-right: 10px;
        padding-right: 0px;
        width: auto;
        float: left;
        color: #999999;
        font-size: 12px;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1720mf1720-0a74871a1878ec86b:hover {
        color: #999999;
    }

    .p1720mf1720-006469190214353c8 {
        margin-right: 10px;
        padding-right: 0px;
        width: auto;
        float: left;
        color: #999999;
        font-size: 12px;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1720mf1720-006469190214353c8:hover {
        color: #ffffff;
    }

    .p1720mf1720-0f99c71dff8abff66 {
        margin-left: 0px;
        float: left;
        color: #999999;
        line-height: 25px;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .p1720mf1720-0f99c71dff8abff66 img {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .p1719mf1719-00001 {
        min-height:75px;
        max-height: 75px;
        background-color: #0c1221;
        overflow-x: hidden;
        overflow-y: hidden;
        width: 373.6px;
        left: 0px;
        margin-left: 0px;
    }

    .p1719mf1719-08d08b5990310810f {
        margin-left: 9px;
        width: 96%;
        height: auto;
        position: relative;
        left: 0px;
        margin-top: 20px;
    }

    .p1719mf1719-068a3b7e34c493ab8 {
        max-height: 75px;
        float: right;
    }

    .p1719mf1719-03c097024590d85a2 {
        margin-right: 80px;
        width: 70px;
        float: right;
        position: relative;
        left: 0px;
        height: 25px;
        color: #ffffff;
        margin-top: 22px;
    }

    .p1719mf1719-034650128e087e679 {
        width: 75px;
        position: absolute;
        top: 0px;
        right: 0px;
        height: 75px;
    }

    .p1719mf1719-034650128e087e679 .xg_menuMobile {
        width: 75px;
        height: 75px;
    }

    .p1719mf1719-034650128e087e679 .xg_memu_btn {
        width: 75px;
        height: 75px;
        background-image: url(https://0.rc.xiniu.com/g3/M00/5F/B7/CgAH6F8W_4-AS-77AAAEpDCXeuM225.png);
        background-position: center;
        background-size: 34px 24px;
    }

    .p1719mf1719-034650128e087e679 .xg_menuLi1:hover {
        color: #d6000e;
    }

    .p1719mf1719-034650128e087e679 .xg_menuLi1.xg_menuLi1-select {
        color: #d6000e;
    }

    .p1719mf1719-034650128e087e679 .xg_menuUl {
        background-color: #0c1221;
        width: 65%;
    }

    .p1719mf1719-034650128e087e679 .xg_menuLi1 {
        color: #ffffff;
    }

    .p1719mf1719-034650128e087e679 .xg_menuLi2 {
        padding-left: 10px;
        font-size: 14px;
        line-height: 35px;
        background-color: #ffffff;
    }

    .p1719mf1719-0c2548bc84d56e125 {
        position: relative;
        left: 0px;
        width: 100%;
    }

    .p1719mf1719-0af37b45ccafbe086 {
        position: relative;
        left: 0px;
    }

    .p1719mf1719-0f4757107fee53e5e {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1719mf1719-0d06d12cc9dea0413 {
        position: relative;
        left: 0px;
        width: 100%;
    }

    .p1719mf1719-08da15f83daebd031 {
        position: relative;
        left: 0px;
    }

    .p1719mf1719-0475f13aaf55e307e {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1719mf1719-0e122a1c54cda3f55 {
        position: relative;
        left: 0px;
        width: 100%;
    }

    .p1719mf1719-0d231bcd354195805 {
        position: relative;
        left: 0px;
    }

    .p1719mf1719-09db6d974bd2d8922 {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1719mf1719-0eeaddb414bf77fac {
        display: none;
    }

    .p1719mf1719-07969e220f95f0e6e {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        height: 100%;
        position: relative;
        left: 0px;
        display: none;
    }

    .p1719mf1719-057e6c1ff46c425e3 {
        width: 160px;
        position: relative;
        left: 0px;
    }

    .p1719mf1719-06c39960512365efa {
        width: 160px;
        position: relative;
        left: 0px;
    }

    .p1719mf1719-0b66fb9f9290750e7 {
        width: 160px;
        position: relative;
        left: 0px;
    }

    .p1719mf1719-05f1a228c52b4061b {
        width: 160px;
        position: relative;
        left: 0px;
    }

    .p1719mf1719-0bb927a0bce3f3fde {
        width: 160px;
        position: relative;
        left: 0px;
    }

    .p1719mf1719-06b42b529a1a2c39a {
        width: 160px;
        position: relative;
        left: 0px;
        display: none;
    }

    .p1719mf1719-0fd3625ee0f68af38 {
        width: 100%;
        position: relative;
        left: 0px;
    }

    .p1719mf1719-0fa9e8437fb2e57b0 {
        width: 160px;
        position: relative;
        left: 0px;
    }

    .p1719mf1719-02bb39d4cf74445cd {
        width: 100%;
        position: relative;
        left: 0px;
    }

    .p1719mf1719-0c4496ca9aad80107 {
        width: 100%;
        position: relative;
        left: 0px;
    }

    .p1719mf1719-0550282ae33ebcc7a {
        position: relative;
        left: 0px;
    }

    .p1719mf1719-0e9196be0c0c3c7cd {
        width: 160px;
        position: relative;
        left: 0px;
    }

    .p1719mf1719-06536e1d978f6095d {
        width: 100%;
        position: relative;
        left: 0px;
    }

    .p1719mf1719-0100a0d1e218d9c20 {
        width: 160px;
        position: relative;
        left: 0px;
    }

    .p1719mf1719-0e0176fc1365b992b {
        position: relative;
        left: 0px;
    }

    .p1719mf1719-0e0176fc1365b992b ul {
        width: 100%;
        height: 34px;
        background-color: #d6000e;
    }

    .p1719mf1719-0e0176fc1365b992b .xg_tab_tt {
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
    }

    .p1719mf1719-00ed5fa26338d0d78 {
        width: 25%;
        height: 34px;
        color: #ffffff;
        font-size: 14px;
        line-height: 34px;
        border-top-style: none;
        border-left-style: none;
    }

    .p1719mf1719-00ed5fa26338d0d78:hover {
        background-color: #ff3535;
    }

    .p1719mf1719-00ed5fa26338d0d78 .xg_tab_tl_0.xg_tab_tl_0-select {
        background-color: #ff3535;
    }

    .p1719mf1719-00ed5fa26338d0d78.p1719mf1719-00ed5fa26338d0d78-select {
        background-color: #ff3535;
    }

    .p1719mf1719-00ed5fa26338d0d78 .xg_tab_tl_0 {
        font-size: 15px;
    }

    .p1719mf1719-0b619ee59f5e6bf82 {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1719mf1719-0417b1a86a7aa6c1d {
        position: relative;
        left: 0px;
        width: 100%;
    }

    .p1719mf1719-0417b1a86a7aa6c1d .data_col {
        height: 500px;
        background-color: #242424;
        border-right-color: #141515;
        border-right-style: solid;
        border-right-width: 10px;
        border-left-color: #141515;
        border-left-style: solid;
        border-left-width: 10px;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .p1719mf1719-0c821d40fc1a7066c {
        min-height: 260px;
        max-height: 260px;
        overflow: hidden;
    }

    .p1719mf1719-0a04ad0c1894d61ea {
        position: relative;
        left: 0px;
        min-width: 100%;
        max-width: 100%;
        min-height: auto;
        height: auto;
    }

    .p1719mf1719-0c2e9c12a51f3a05d {
        margin-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
        width: auto;
        display: inline-block;
        position: relative;
        left: 0px;
        color: #cccccc;
    }

    .p1719mf1719-0e76d54c81468c754 {
        width: 25%;
        height: 34px;
        color: #ffffff;
        font-size: 14px;
        line-height: 34px;
        border-top-style: none;
        border-left-style: none;
    }

    .p1719mf1719-0e76d54c81468c754:hover {
        background-color: #ff3535;
    }

    .p1719mf1719-0e76d54c81468c754.p1719mf1719-0e76d54c81468c754-select {
        background-color: #ff3535;
    }

    .p1719mf1719-08903af52e6d7a312 {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1719mf1719-0cea54913998b378a {
        position: relative;
        left: 0px;
        width: 100%;
    }

    .p1719mf1719-0cea54913998b378a .data_col {
        height: 500px;
        background-color: #242424;
        border-right-color: #141515;
        border-right-style: solid;
        border-right-width: 10px;
        border-left-color: #141515;
        border-left-style: solid;
        border-left-width: 10px;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .p1719mf1719-0264c3534f3ed990b {
        min-height: 260px;
        max-height: 260px;
        overflow: hidden;
    }

    .p1719mf1719-017abcb283dc8909c {
        position: relative;
        left: 0px;
        min-width: 100%;
        max-width: 100%;
        min-height: auto;
        height: auto;
    }

    .p1719mf1719-08d3fa3434ee1cadd {
        margin-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
        width: auto;
        display: inline-block;
        position: relative;
        left: 0px;
        color: #cccccc;
    }

    .p1719mf1719-04185f7ebb2b5b428 {
        width: 25%;
        height: 34px;
        color: #ffffff;
        font-size: 14px;
        line-height: 34px;
        border-top-style: none;
        border-left-style: none;
    }

    .p1719mf1719-04185f7ebb2b5b428:hover {
        background-color: #ff3535;
    }

    .p1719mf1719-04185f7ebb2b5b428.p1719mf1719-04185f7ebb2b5b428-select {
        background-color: #ff3535;
    }

    .p1719mf1719-008e9711dab8199f3 {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1719mf1719-0b114d0cbc15a86ac {
        position: relative;
        left: 0px;
        width: 100%;
    }

    .p1719mf1719-0b114d0cbc15a86ac .data_col {
        height: 500px;
        background-color: #242424;
        border-right-color: #141515;
        border-right-style: solid;
        border-right-width: 10px;
        border-left-color: #141515;
        border-left-style: solid;
        border-left-width: 10px;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .p1719mf1719-02c39e84476c7f883 {
        min-height: 260px;
        max-height: 260px;
        overflow: hidden;
    }

    .p1719mf1719-02ca5caa5fe0b3375 {
        position: relative;
        left: 0px;
        min-width: 100%;
        max-width: 100%;
        min-height: auto;
        height: auto;
    }

    .p1719mf1719-034ae1972335e4eb2 {
        margin-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
        width: auto;
        display: inline-block;
        position: relative;
        left: 0px;
        color: #cccccc;
    }

    .p1719mf1719-01f688280baa05d85 {
        width: 25%;
        height: 34px;
        color: #ffffff;
        font-size: 14px;
        line-height: 34px;
        border-top-style: none;
        border-left-style: none;
    }

    .p1719mf1719-01f688280baa05d85:hover {
        background-color: #ff3535;
    }

    .p1719mf1719-06b223dc928c5f3a2 {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1719mf1719-076887824dafdfaf5 {
        position: relative;
        left: 0px;
        width: 100%;
    }

    .p1719mf1719-076887824dafdfaf5 .data_col {
        height: 500px;
        background-color: #242424;
        border-right-color: #141515;
        border-right-style: solid;
        border-right-width: 10px;
        border-left-color: #141515;
        border-left-style: solid;
        border-left-width: 10px;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .p1719mf1719-0a58d4944d582b80b {
        min-height: 260px;
        max-height: 260px;
        overflow: hidden;
    }

    .p1719mf1719-020678ffb6b430f27 {
        position: relative;
        left: 0px;
        min-width: 100%;
        max-width: 100%;
        min-height: auto;
        height: auto;
    }

    .p1719mf1719-0a581f20976a7934f {
        margin-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
        width: auto;
        display: inline-block;
        position: relative;
        left: 0px;
        color: #cccccc;
    }

    .p1719mf1719-0dfd0c85fa1e0b37d {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1719mf1719-0f50a9a95cf3a755a {
        position: relative;
        left: 0px;
        width: 100%;
    }

    .p1719mf1719-0f50a9a95cf3a755a .data_col {
        height: 500px;
        background-color: #242424;
        border-right-color: #141515;
        border-right-style: solid;
        border-right-width: 10px;
        border-left-color: #141515;
        border-left-style: solid;
        border-left-width: 10px;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .p1719mf1719-0706a551f3a1b163d {
        min-height: 260px;
        max-height: 260px;
        overflow: hidden;
    }

    .p1719mf1719-0ade5801cf3511126 {
        position: relative;
        left: 0px;
        min-width: 100%;
        max-width: 100%;
        min-height: auto;
        height: auto;
    }

    .p1719mf1719-02e121d20a9ebcfda {
        margin-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
        width: auto;
        display: inline-block;
        position: relative;
        left: 0px;
        color: #cccccc;
    }

    .p1719mf1719-0c452276611afc859 {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1719mf1719-00f02ca0ecd5583f4 {
        position: relative;
        left: 0px;
        width: 100%;
    }

    .p1719mf1719-00f02ca0ecd5583f4 .data_col {
        height: 500px;
        background-color: #242424;
        border-right-color: #141515;
        border-right-style: solid;
        border-right-width: 10px;
        border-left-color: #141515;
        border-left-style: solid;
        border-left-width: 10px;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .p1719mf1719-0b95e1c2daf51b901 {
        min-height: 260px;
        max-height: 260px;
        overflow: hidden;
    }

    .p1719mf1719-02b3b2c47ab39cb64 {
        position: relative;
        left: 0px;
        min-width: 100%;
        max-width: 100%;
        min-height: auto;
        height: auto;
    }

    .p1719mf1719-0bae086911c9c3183 {
        margin-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
        width: auto;
        display: inline-block;
        position: relative;
        left: 0px;
        color: #cccccc;
    }

    .p1700m40001 {
        margin-top: 0px;
    }

    .p1700m38204ebbffeaa22a .slideTab {
        border-top-left-radius: 0px;
    }

    .p1700m6d4bef526313b8fa {
        width: 100%;
        position: relative;
        top: 0px;
        left: 0px;
        margin-top: 75px;
        height: 414px;
    }

    .p1700m50029 {
        padding-left: 0px;
        padding-right: 0px;
        background-color: #141515;
    }

    .p1700mb005c8d43880b7f4 {
        margin-bottom: 30px;
        margin-top: 50px;
        width: auto;
        color: #ffffff;
        font-size: 32px;
        font-weight: bold;
        text-align: center;
        line-height: normal;
        position: relative;
        left: 0px;
    }

    .p1700m673bd11e18dd845b {
        margin-bottom: 10px;
    }

    .p1700m662ee7af15aeca1e {
        margin-bottom: 0px;
    }

    .p1700m1ae47dfe269c9a65 {
        position: relative;
        left: 0px;
        width: 100%;
        height: auto;
    }

    .p1700m90ef343a51726b1e {
        margin-top: -420px;
    }

    .p1700m27380e870768c453 {
        width: auto;
        color: #ffffff;
        font-size: 26px;
        text-align: center;
        line-height: normal;
        position: relative;
        left: 0px;
    }

    .p1700m82721b141765eb6f {
        width: auto;
        position: relative;
        left: 0px;
        color: #ffffff;
        text-align: center;
        font-size: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .p1700m05c56a1cac297745 {
        width: auto;
        color: #ffffff;
        text-align: center;
        position: relative;
        left: 0px;
    }

    .p1700m05c56a1cac297745:hover {
        text-decoration: underline;
        text-decoration-line: ;
    }

    .p1700m42cd32b9b17e20bd {
        margin-bottom: 10px;
    }

    .p1700m36b13d1b7f2b75bd {
        position: relative;
        left: 0px;
        width: 100%;
        height: auto;
    }

    .p1700mb81e4412ab1380e3 {
        margin-top: -420px;
    }

    .p1700mab4d53230e4cc0bf {
        width: auto;
        color: #ffffff;
        font-size: 26px;
        text-align: center;
        line-height: normal;
        position: relative;
        left: 0px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .p1700mcce7aff7e0be8654 {
        width: auto;
        position: relative;
        left: 0px;
        text-align: center;
        color: #ffffff;
        font-size: 18px;
        padding-bottom: 5px;
    }

    .p1700m8befe849391f7750 {
        width: auto;
        color: #ffffff;
        text-align: center;
        position: relative;
        left: 0px;
    }

    .p1700m8befe849391f7750:hover {
        text-decoration: underline;
        text-decoration-line: ;
    }

    .p1700mfdf9a4a02c4faff5 {
        position: relative;
        left: 0px;
        width: 100%;
        height: auto;
    }

    .p1700me5af4e289ce185a3 {
        margin-top: -420px;
    }

    .p1700m63b7cbcf3756c431 {
        width: auto;
        position: relative;
        left: 0px;
        text-align: center;
        color: #ffffff;
        font-size: 26px;
        line-height: normal;
    }

    .p1700ma2492104e4612b3e {
        width: auto;
        position: relative;
        left: 0px;
        text-align: center;
        color: #ffffff;
        font-size: 16px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .p1700m1643d539c98b8c4e {
        width: auto;
        position: relative;
        left: 0px;
        color: #ffffff;
        text-align: center;
    }

    .p1700m50030 {
        background-color: #141515;
    }

    .p1700m6eceea95478ed335 {
        color: #ffffff;
    }

    .p1700me06513492989f887 {
        margin-bottom: 30px;
        margin-top: 50px;
        width: auto;
        color: #ffffff;
        font-size: 32px;
        font-weight: bold;
        text-align: center;
        line-height: normal;
        position: relative;
        left: 0px;
    }

    .p1700mbbe43a8513432843 {
        margin-bottom: 10px;
    }

    .p1700m551d0d157396a562 {
        position: relative;
        left: 0px;
        width: 100%;
        height: auto;
    }

    .p1700m0af6d73bb8d9c4f2 {
        margin-top: -280px;
    }

    .p1700m1b9e49dc4f376489 {
        width: auto;
        text-align: center;
        position: relative;
        left: 0px;
        color: #ffffff;
        font-size: 26px;
        line-height: normal;
    }

    .p1700m3d9984ac4c064fc8 {
        width: auto;
        text-align: center;
        position: relative;
        left: 0px;
        color: #ffffff;
        font-size: 18px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .p1700md063b7579f44f328 {
        width: auto;
        color: #ffffff;
        text-align: center;
        position: relative;
        left: 0px;
    }

    .p1700md063b7579f44f328:hover {
        text-decoration: underline;
        text-decoration-line: ;
    }

    .p1700mcd9d2bd571903e76 {
        margin-bottom: 10px;
    }

    .p1700m97420d81beffe9ed {
        position: relative;
        left: 0px;
        width: 100%;
        height: auto;
    }

    .p1700m83ed323070e74122 {
        margin-top: -280px;
    }

    .p1700m2d843919b9b9e6b7 {
        width: auto;
        text-align: center;
        position: relative;
        left: 0px;
        font-size: 26px;
        color: #ffffff;
        line-height: normal;
    }

    .p1700m61a89a856bf736ce {
        width: auto;
        text-align: center;
        position: relative;
        left: 0px;
        color: #ffffff;
        font-size: 18px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .p1700m4f4f62b6b2dd47a6 {
        width: auto;
        color: #ffffff;
        text-align: center;
        position: relative;
        left: 0px;
    }

    .p1700m4f4f62b6b2dd47a6:hover {
        text-decoration: underline;
        text-decoration-line: ;
    }

    .p1700m4aca766f0b095cfe {
        margin-bottom: 10px;
    }

    .p1700m2f82f32801628b3f {
        position: relative;
        left: 0px;
        width: 100%;
        height: auto;
    }

    .p1700m796f549238860507 {
        margin-top: -280px;
    }

    .p1700mc213c9a980eca5f4 {
        width: auto;
        text-align: center;
        position: relative;
        left: 0px;
        color: #ffffff;
        font-size: 26px;
        line-height: normal;
    }

    .p1700mdc33b2098ac1b91f {
        width: auto;
        text-align: center;
        position: relative;
        left: 0px;
        padding-top: 5px;
        padding-bottom: 5px;
        color: #ffffff;
        font-size: 18px;
    }

    .p1700m90cbcfa88874b4ed {
        width: auto;
        color: #ffffff;
        text-align: center;
        position: relative;
        left: 0px;
    }

    .p1700m90cbcfa88874b4ed:hover {
        text-decoration: underline;
        text-decoration-line: ;
    }

    .p1700m6e960d4b80428f3a {
        position: relative;
        left: 0px;
        width: 100%;
        height: auto;
    }

    .p1700m9f2117adc8124b71 {
        margin-top: -280px;
    }

    .p1700mbe8fe317a1a618eb {
        width: auto;
        text-align: center;
        position: relative;
        left: 0px;
        font-size: 26px;
        color: #ffffff;
        line-height: normal;
    }

    .p1700m5ee78d5dc578f649 {
        padding-bottom: 5px;
        padding-top: 5px;
        width: auto;
        color: #ffffff;
        text-align: center;
        position: relative;
        left: 0px;
        font-size: 18px;
    }

    .p1700m308d58328239314b {
        width: auto;
        color: #ffffff;
        text-decoration: none;
        text-decoration-line: none;
        text-align: center;
        position: relative;
        left: 0px;
    }

    .p1700m308d58328239314b:hover {
        text-decoration: underline;
        text-decoration-line: ;
    }

    .p1700m50032 {
        background-color: #141515;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .p1700mb84a9d2cae4c34ad {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .p1700m0a9b69393b098b98 {
        min-width: 50%;
    }

    .p1700m3a6a31cdb662342a {
        text-align: center;
        font-size: 0px;
    }

    .p1700m11778834f93556c6 {
        width: auto;
        height: auto;
        color: #ffffff;
        font-size: 30px;
        font-weight: bold;
        line-height: 30px;
        display: inline-block;
        position: relative;
        left: 0px;
    }

    .p1700mbab251897fdca6a8 {
        width: auto;
        height: auto;
        color: #ffffff;
        font-size: 24px;
        font-weight: bold;
        text-align: center;
        line-height: 24px;
        display: inline-block;
        position: relative;
        left: 0px;
    }

    .p1700me3a7629b26e891ad {
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        color: #ffffff;
        font-size: 14px;
        text-align: center;
        background-color: transparent;
        position: relative;
        left: 0px;
    }

    .p1700m33b596d60b2396c4 {
        min-width: 50%;
        max-width: 50%;
    }

    .p1700meefcc768205a87c1 {
        text-align: center;
        font-size: 0px;
    }

    .p1700m1c6d7176534ef999 {
        width: auto;
        height: auto;
        color: #ffffff;
        font-size: 30px;
        font-weight: bold;
        line-height: 30px;
        display: inline-block;
        position: relative;
        left: 0px;
    }

    .p1700mdbcb8ff500b2009f {
        width: auto;
        height: auto;
        color: #ffffff;
        font-size: 24px;
        font-weight: bold;
        text-align: center;
        line-height: 24px;
        display: inline-block;
        position: relative;
        left: 0px;
    }

    .p1700m9ff31ec823f5568a {
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        color: #ffffff;
        font-size: 14px;
        text-align: center;
        position: relative;
        left: 0px;
    }

    .p1700m96629b1369e5b45b {
        margin-top: 30px;
        min-width: 50%;
        max-width: 50%;
    }

    .p1700m27a18a2ea7f9edd4 {
        margin-top: 0px;
        text-align: center;
        font-size: 0px;
    }

    .p1700m632a890612cbc6de {
        width: auto;
        height: auto;
        color: #ffffff;
        font-size: 30px;
        font-weight: bold;
        line-height: 30px;
        display: inline-block;
        position: relative;
        left: 0px;
    }

    .p1700m1cb1f444194d0f20 {
        width: auto;
        height: auto;
        color: #ffffff;
        font-size: 24px;
        font-weight: bold;
        text-align: center;
        line-height: 24px;
        display: inline-block;
        position: relative;
        left: 0px;
    }

    .p1700m6b4ac2e666b6e15b {
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        color: #ffffff;
        font-size: 14px;
        text-align: center;
        position: relative;
        left: 0px;
    }

    .p1700m504cb70e9f08e347 {
        margin-top: 30px;
        min-width: 50%;
        max-width: 50%;
    }

    .p1700me10f76a2125f67c6 {
        text-align: center;
        font-size: 0px;
    }

    .p1700m29a931363815ea3c {
        width: auto;
        height: auto;
        color: #ffffff;
        font-size: 30px;
        font-weight: bold;
        line-height: 30px;
        display: inline-block;
        position: relative;
        left: 0px;
    }

    .p1700mcc62ada7f44be0cf {
        width: auto;
        height: auto;
        color: #ffffff;
        font-size: 24px;
        font-weight: bold;
        text-align: center;
        line-height: 24px;
        display: inline-block;
        position: relative;
        left: 0px;
    }

    .p1700m72f52ce982c95736 {
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        color: #ffffff;
        font-size: 14px;
        text-align: center;
        position: relative;
        left: 0px;
    }

    .p1700m50031 {
        display: none;
    }

    .p1700mbf1ef7af87f0fcba {
        position: relative;
        left: 0px;
    }

    .p1700m48f64855d9e8ee89 {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1700me373f132339eb433 {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1700ma3c2c93ea4739deb {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1700m9f134afcc8f8291a {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1700md0238c17ca079bc9 {
        position: relative;
        left: 0px;
    }

    .p1700m9493fcabec8ce56e {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1700mcd3b62494101812d {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1700m6edd20c73ed78a82 {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1700m82b7f26f85811f9d {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1700mb5381c7bfe8fe0fd {
        position: relative;
        left: 0px;
    }

    .p1700m023cea9cc7b81af0 {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1700m303c520e1107ff2d {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1700m792e7af8e1046a9d {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1700m4f0528c8d692a698 {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1700m1ac713a57d769dd7 {
        position: relative;
        left: 0px;
    }

    .p1700m29d5ad988f228070 {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1700m2ff886601e6cc055 {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1700mf6ac87d2ad0378e7 {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1700m2cc40cc68993cb3f {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1700m4658fdee4007ab32 {
        position: relative;
        left: 0px;
    }

    .p1700m3f9efcd257f76b32 {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1700m6c2e4d45d7b0dd77 {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1700m8e0b18375fed0346 {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1700m885ef823283bf592 {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1700me88f39f91d21cc9f {
        position: relative;
        left: 0px;
    }

    .p1700mf0c8b971c158097a {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1700mc8eb64a6ec576f23 {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1700mf795ad6fce6c1a82 {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1700mda0b649898a39203 {
        position: relative;
        left: 0px;
        width: 160px;
    }

    .p1700m50037 {
        margin-top: 0px;
        min-width: auto;
        min-height: auto;
        background-color: #141515;
    }

    .p1700m0b7a6e8e46dc8840 {
        background-color: #000000;
    }

    .p1700m35acf722b465bb38 {
        width: 100%;
        height: auto;
        position: relative;
        left: 0px;
        opacity: 0.4;
    }

    .p1700m83d7f24af533fdf9 {
        margin-top: -350px;
        padding-left: 18px;
        padding-right: 20px;
    }

    .p1700mbb56e3829ab4fa21 {
        padding-left: 15px;
        width: auto;
        color: #ffffff;
        font-size: 24px;
        border-left-color: #ffffff;
        border-left-style: solid;
        border-left-width: 4px;
        position: relative;
        left: 0px;
        margin-bottom: 15px;
    }

    .p1700m174853b5c2462437 {
        width: auto;
        color: #ffffff;
        font-size: 13px;
        line-height: 22px;
        position: relative;
        left: 0px;
    }

    .p1700m81356f88bf10b8ba {
        padding-bottom: 6px;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 6px;
        width: auto;
        background-color: #ffffff;
        display: inline-block;
        position: relative;
        left: 0px;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        border-bottom-left-radius: 50px;
        margin-top: 30px;
    }

    .p1700m69ad457422487b6d {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .p1700md67b117e6037a183 {
        background-color: #000000;
    }

    .p1700me3cfd5e246a76920 {
        width: 100%;
        height: auto;
        position: relative;
        left: 0px;
        opacity: 0.4;
    }

    .p1700mdf242c9f6d079874 {
        margin-top: -350px;
        padding-left: 18px;
        padding-right: 20px;
    }

    .p1700md501b0454ccc6eed {
        padding-left: 15px;
        width: auto;
        color: #ffffff;
        font-size: 24px;
        border-left-color: #ffffff;
        border-left-style: solid;
        border-left-width: 4px;
        position: relative;
        left: 0px;
        margin-bottom: 15px;
    }

    .p1700m9961345ab454fae2 {
        width: auto;
        color: #ffffff;
        font-size: 13px;
        line-height: 22px;
        position: relative;
        left: 0px;
    }

    .p1700m123fc2e0f0626ca3 {
        padding-bottom: 6px;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 6px;
        width: auto;
        background-color: #ffffff;
        display: inline-block;
        position: relative;
        left: 0px;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        border-bottom-left-radius: 50px;
        margin-top: 30px;
    }

    .p1700m25ac1f04f2bb96b4 {
        background-color: #000000;
    }

    .p1700m4542f2a8af971c83 {
        width: 100%;
        height: auto;
        position: relative;
        left: 0px;
        opacity: 0.4;
    }

    .p1700m0f33ea312401f910 {
        margin-top: -350px;
        padding-left: 18px;
        padding-right: 20px;
    }

    .p1700mcccb5275565378ca {
        padding-left: 15px;
        width: auto;
        color: #ffffff;
        font-size: 24px;
        border-left-color: #ffffff;
        border-left-style: solid;
        border-left-width: 4px;
        position: relative;
        left: 0px;
        margin-bottom: 15px;
    }

    .p1700m445559c1da845c63 {
        width: auto;
        color: #ffffff;
        font-size: 13px;
        line-height: 22px;
        position: relative;
        left: 0px;
    }

    .p1700m50f581bf6ef246cb {
        padding-bottom: 6px;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 6px;
        width: auto;
        background-color: #ffffff;
        display: inline-block;
        position: relative;
        left: 0px;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        border-bottom-left-radius: 50px;
        margin-top: 30px;
    }

    .p1700m3704f9b708a3fa07 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .p1700m17447dadd164b0b2 {
        background-color: #000000;
    }

    .p1700mbdbedf6cbe5d4ce8 {
        width: 100%;
        height: auto;
        position: relative;
        left: 0px;
        opacity: 0.4;
    }

    .p1700m2016ec1da218c7f1 {
        margin-top: -350px;
        padding-left: 18px;
        padding-right: 20px;
    }

    .p1700m8dc35db046382292 {
        padding-left: 15px;
        width: auto;
        color: #ffffff;
        font-size: 24px;
        border-left-color: #ffffff;
        border-left-style: solid;
        border-left-width: 4px;
        position: relative;
        left: 0px;
        margin-bottom: 15px;
    }

    .p1700me1caf776961c72c3 {
        width: auto;
        color: #ffffff;
        font-size: 13px;
        line-height: 22px;
        position: relative;
        left: 0px;
    }

    .p1700m873f1ed4a4c9f6f2 {
        padding-bottom: 6px;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 6px;
        width: auto;
        background-color: #ffffff;
        display: inline-block;
        position: relative;
        left: 0px;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        border-bottom-left-radius: 50px;
        margin-top: 30px;
    }

    .p1700m26171d125bbcd201 {
        background-color: #000000;
    }

    .p1700mef9a01232c03d7cf {
        width: 100%;
        height: auto;
        position: relative;
        left: 0px;
        opacity: 0.4;
    }

    .p1700m7be2f3723c9650f4 {
        margin-top: -350px;
        padding-left: 18px;
        padding-right: 20px;
    }

    .p1700m961cb361d5c3096e {
        padding-left: 15px;
        width: auto;
        color: #ffffff;
        font-size: 24px;
        border-left-color: #ffffff;
        border-left-style: solid;
        border-left-width: 4px;
        position: relative;
        left: 0px;
        margin-bottom: 15px;
    }

    .p1700m0e887f579eef5443 {
        width: auto;
        color: #ffffff;
        font-size: 13px;
        line-height: 22px;
        position: relative;
        left: 0px;
    }

    .p1700m31a0d4d25f8aa92a {
        padding-bottom: 6px;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 6px;
        width: auto;
        background-color: #ffffff;
        display: inline-block;
        position: relative;
        left: 0px;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        border-bottom-left-radius: 50px;
        margin-top: 30px;
    }

    .p1700m087c4f30133822f0 {
        margin-top: 10px;
    }

    .p1700m406f7a4c2de02d1e {
        background-color: #000000;
    }

    .p1700mc7cd0d153e464598 {
        width: 100%;
        height: auto;
        position: relative;
        left: 0px;
        opacity: 0.4;
    }

    .p1700me15866d54a5a00aa {
        margin-top: -350px;
        padding-left: 18px;
        padding-right: 20px;
    }

    .p1700ma64811799fc4057e {
        padding-left: 15px;
        width: auto;
        color: #ffffff;
        font-size: 24px;
        border-left-color: #ffffff;
        border-left-style: solid;
        border-left-width: 4px;
        position: relative;
        left: 0px;
        margin-bottom: 15px;
    }

    .p1700md688729ba0073657 {
        width: auto;
        color: #ffffff;
        font-size: 13px;
        line-height: 22px;
        position: relative;
        left: 0px;
    }

    .p1700m79ae19237e562c47 {
        padding-bottom: 6px;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 6px;
        width: auto;
        background-color: #ffffff;
        display: inline-block;
        position: relative;
        left: 0px;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        border-bottom-left-radius: 50px;
        margin-top: 30px;
    }

    .p1700m50033 {
        padding-bottom: 0px;
        padding-top: 0px;
        background-color: #141515;
    }

    .p1700md37811b2ade551d8 {
        margin-top: 0px;
        padding-bottom: 30px;
        padding-top: 50px;
        width: auto;
        font-size: 32px;
        font-weight: bold;
        text-align: center;
        line-height: normal;
        position: relative;
        top: 0px;
        left: 0px;
        color: #ffffff;
    }

    .p1700m50034 {
        margin-top: 0px;
        min-height: auto;
        float: none;
        background-color: #141515;
    }

    .p1700m5003400010001 {
        position: relative;
        left: 0px;
        margin-top: 0px;
    }

    .p1700md4daf1b34fd435d9 .slick-dots {
        margin-top: 0px;
        position: relative;
        top: 15px;
    }

    .p1700md4daf1b34fd435d9 .slick-dots-point button {
        color: #ffffff;
        font-size: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
        width: 10px;
        min-height: 10px;
        max-height: 10px;
    }

    .p1700md4daf1b34fd435d9 .data_col {
        height: 150px;
    }

    .p1700m5ef488bfefe8827d {
        width: 100%;
        height: 100%;
    }

    .p1700m50035 {
        background-color: #141515;
    }

    .p1700me2d074c01466546a {
        padding-bottom: 30px;
        padding-top: 50px;
        width: auto;
        color: #ffffff;
        font-size: 32px;
        font-weight: bold;
        text-align: center;
        line-height: normal;
        position: relative;
        left: 0px;
    }

    .p1700m1498201af70f5152 {
        position: relative;
        left: 0px;
        width: 100%;
    }

    .p1700m1498201af70f5152 .data_col {
        height: 500px;
        background-color: #242424;
        border-right-color: #141515;
        border-right-style: solid;
        border-right-width: 10px;
        border-left-color: #141515;
        border-left-style: solid;
        border-left-width: 10px;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .p1700m9143360bdafad215 {
        min-height: 260px;
        max-height: 260px;
        overflow: hidden;
    }

    .p1700mf02a484a4180b613 {
        position: relative;
        left: 0px;
        min-width: 100%;
        max-width: 100%;
        min-height: auto;
        height: auto;
    }

    .p1700mc5eb304f6900c11e {
        padding-left: 10px;
        padding-right: 10px;
        width: auto;
        color: #ffffff;
        background-color: #d6000e;
        display: inline-block;
        position: relative;
        left: 0px;
        margin-top: 10px;
        margin-left: 10px;
        margin-bottom: 10px;
    }

    .p1700mccacfd8a685c28fd {
        margin-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        width: auto;
        color: #ffffff;
        font-size: 22px;
        font-weight: bold;
        line-height: normal;
        position: relative;
        left: 0px;
    }

    .p1700ma26121e79cb15e87 {
        margin-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        width: auto;
        position: relative;
        left: 0px;
        color: #cccccc;
    }

    .p1700mb3e658b158d8ff8b {
        margin-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
        width: auto;
        display: inline-block;
        position: relative;
        left: 0px;
        color: #cccccc;
    }

    .p1700m104b85fe42457933 {
        margin-bottom: 30px;
        margin-left: 35%;
        margin-top: 20px;
        padding-bottom: 6px;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 6px;
        width: auto;
        border-top-style: solid;
        border-top-width: 1px;
        border-right-style: solid;
        border-right-width: 1px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-left-style: solid;
        border-left-width: 1px;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
        display: inline-block;
        position: relative;
        left: 0px;
        color: #cccccc;
    }

    .p1700m50036 {
        background-image: url(https://0.rc.xiniu.com/g4/M00/79/2C/CgAG0mP7ZPGAHGSIAAGJMC32d6U535.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .p1700mf5dcf94764b1ba5c {
        padding-bottom: 30px;
    }

    .p1700m63b258d76e4652b4 {
        padding-bottom: 30px;
        padding-top: 50px;
        width: auto;
        color: #ffffff;
        font-size: 32px;
        font-weight: bold;
        text-align: center;
        line-height: normal;
        position: relative;
        left: 0px;
    }

    .p1700m421eb88fe8ef614b {
        margin-left: auto;
        margin-right: auto;
        width: 93%;
        position: relative;
        left: 0px;
    }

    .p1700m421eb88fe8ef614b .data_col {
        height: auto;
        margin-bottom: 15px;
    }

    .p1700m60c96dc79f544bd9 {
        width: auto;
        height: auto;
        position: relative;
        left: 0px;
        padding-left: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-right: 20px;
    }

    .p1700m75dd62da8d7e324e {
        margin-bottom: 30px;
        margin-left: 35%;
        margin-top: 30px;
        padding-bottom: 6px;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 6px;
        width: auto;
        border-top-style: solid;
        border-top-width: 1px;
        border-right-style: solid;
        border-right-width: 1px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-left-style: solid;
        border-left-width: 1px;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
        display: inline-block;
        position: relative;
        left: 0px;
        color: #cccccc;
    }

    .p1700mc82968353f8e2e66 {
        width: 160px;
        position: relative;
        left: 0px;
    }

    .p1700ma7ebf233ffaa330a {
        position: relative;
        left: 0px;
    }

    .p1732mf1732-00001 .xg_hfLink span {
        display: none;
    }

    .p1732mf1732-00001 {
        display: none;
    }

    .p1720mf1720-00003 {
        color: #242424;
        background-color: #000000;
        padding-bottom: 30px;
    }

    .p1720mf1720-0f1b83cb02eba3fec {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #393939;
        margin-bottom: 20px;
        margin-left: 20px;
        margin-right: 20px;
        display: inline-block;
        min-width: 90%;
        max-width: 90%;
    }

    .p1720mf1720-00b621f2d9f3ec580 {
        margin-bottom: 20px;
        margin-left: 0px;
        margin-top: 50px;
        width: 70%;
        height: auto;
        position: relative;
        left: 0px;
    }

    .p1720mf1720-0dc19fd756139925a {
        margin-left: 20px;
        padding-left: 35px;
        padding-right: 0px;
        width: auto;
        background-image: url("https://0.rc.xiniu.com/g3/M00/5D/62/CgAH6F8SoGKAFYqwAAAFx1wW1VE206.png");
        display: inline-block;
        background-position: left center;
        background-repeat: no-repeat;
        position: relative;
        left: 0px;
        color: #999999;
    }

    .p1720mf1720-0ceaf9ec7c5010ef0 {
        margin-bottom: 15px;
        margin-left: 20px;
        margin-top: 5px;
        padding-left: 35px;
        padding-right: 20px;
        width: auto;
        color: #999999;
        background-image: url("https://0.rc.xiniu.com/g3/M00/5D/62/CgAH6F8SoKeAe5g5AAAFfShD1Ls446.png");
        display: inline-block;
        background-position: left center;
        background-repeat: no-repeat;
        position: relative;
        left: 0px;
    }

    .p1720mf1720-0d336392618e8cba2 {
        margin-left: 20px;
        padding-left: 35px;
        padding-right: 20px;
        width: auto;
        background-image: url("https://0.rc.xiniu.com/g3/M00/5D/62/CgAH6F8SoLeAfeYwAAAGBforNfw612.png");
        display: inline-block;
        background-position: left center;
        background-repeat: no-repeat;
        position: relative;
        left: 0px;
        color: #999999;
    }

    .p1720mf1720-000bc5c5cb57ac469 {
        position: relative;
        left: 0px;
        display: none;
    }

    .p1720mf1720-00002 {
        background-color: #2c2b2b;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #393939;
    }

    .p1720mf1720-0be3811c9d5acb026 {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 20px;
        padding-top: 20px;
        max-width: 94%;
        float: none;
        text-align: center;
    }

    .p1720mf1720-017f85ee7246216fa {
        width: auto;
        color: #afadad;
        text-align: center;
        position: relative;
        left: 0px;
        font-size: 13px;
    }

    .p1720mf1720-05e310fe08583e876 {
        width: auto;
        color: #afadad;
        text-align: center;
        position: relative;
        left: 0px;
        font-size: 13px;
    }

    .p1720mf1720-05e310fe08583e876:hover {
        color: #ffffff;
    }

    .p1720mf1720-02b7f109e5758292d {
        padding-left: 20px;
        width: 210px;
        color: #afadad;
        font-size: 13px;
        background-image: url("https://0.rc.xiniu.com/g4/M00/87/21/CgAG0mRdlWyAA9wDAABLOOn9ZJA828.png");
        display: block;
        background-position: left center;
        background-repeat: no-repeat;
        position: relative;
        left: 0px;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .p1720mf1720-0c0ba82d261e084b9 {
        width: auto;
        color: #afadad;
        display: inline-block;
        position: relative;
        left: 0px;
        font-size: 13px;
    }

    .p1720mf1720-0c0ba82d261e084b9:hover {
        color: #ffffff;
    }

    .p1720mf1720-0a74871a1878ec86b {
        width: auto;
        color: #afadad;
        display: inline-block;
        position: relative;
        left: 0px;
        font-size: 13px;
    }

    .p1720mf1720-0a74871a1878ec86b:hover {
        color: #ffffff;
    }

    .p1720mf1720-006469190214353c8 {
        width: auto;
        color: #afadad;
        display: inline-block;
        position: relative;
        left: 0px;
        font-size: 13px;
    }

    .p1720mf1720-006469190214353c8:hover {
        color: #ffffff;
    }

    .p1720mf1720-0f99c71dff8abff66 {
        color: #afadad;
        font-size: 13px;
        position: relative;
        left: 0px;
    }

    .p1720mf1720-0f99c71dff8abff66 img {
        display: none;
    }
}
@charset "utf-8"; /*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
html {
    outline: 0;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html * {
    outline: 0;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

html,body {
    font-family: "微软雅黑","Microsoft YaHei",Helvetica,Tahoma,sans-serif;
    font-size: 12px
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin: 0;
    padding: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

input,button,select,textarea {
    font-size: 100%;
    outline: 0
}

input[type=checkbox] {
    -webkit-appearance: checkbox
}

input[type=radio] {
    -webkit-appearance: radio
}

button {
    -webkit-appearance: button
}

select {
    -webkit-appearance: select
}

textarea {
    -webkit-appearance: textarea;
    overflow: auto
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,img {
    border: 0
}

abbr,acronym {
    border: 0;
    font-variant: normal
}

del {
    text-decoration: line-through
}

address,caption,cite,code,dfn,em,th,var {
    font-style: normal;
    font-weight: 500
}

ol,ul,li {
    list-style: none
}

ul {
    margin: 0;
    padding: 0
}

caption,th {
    text-align: left
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: 500
}

q:before,q:after {
    content: ''
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em;
    bottom: -.25em
}

a:active,a:hover {
    outline: 0
}

a:hover,a:link,a:visited,a {
    color: inherit;
    text-decoration: none
}

ins,a {
    text-decoration: none
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: bold
}

svg:not(:root) {
    overflow: hidden
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

embed,object,iframe {
    width: 100%
}

img {
    max-width: 100%;
    height: auto;
    width: auto\9;
    border: 0
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role="button"] {
    cursor: pointer
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0
}

@media(max-width: 768px) {
    .container {
        width:100%
    }
}

@media(min-width: 769px) {
    .container {
        width:1200px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0
}

.row {
    margin-left: 0;
    margin-right: 0
}

.col-sm-1,.col-lg-1,.col-sm-2,.col-lg-2,.col-sm-3,.col-lg-3,.col-sm-4,.col-lg-4,.col-sm-5,.col-lg-5,.col-sm-6,.col-lg-6,.col-sm-7,.col-lg-7,.col-sm-8,.col-lg-8,.col-sm-9,.col-lg-9,.col-sm-10,.col-lg-10,.col-sm-11,.col-lg-11,.col-sm-12,.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0
}

.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
    float: left
}

.col-sm-12 {
    width: 100%
}

.col-sm-11 {
    width: 91.66666667%
}

.col-sm-10 {
    width: 83.33333333%
}

.col-sm-9 {
    width: 75%
}

.col-sm-8 {
    width: 66.66666667%
}

.col-sm-7 {
    width: 58.33333333%
}

.col-sm-6 {
    width: 50%
}

.col-sm-5 {
    width: 41.66666667%
}

.col-sm-4 {
    width: 33.33333333%
}

.col-sm-3 {
    width: 25%
}

.col-sm-2 {
    width: 16.66666667%
}

.col-sm-1 {
    width: 8.33333333%
}

.col-sm-pull-12 {
    right: 100%
}

.col-sm-pull-11 {
    right: 91.66666667%
}

.col-sm-pull-10 {
    right: 83.33333333%
}

.col-sm-pull-9 {
    right: 75%
}

.col-sm-pull-8 {
    right: 66.66666667%
}

.col-sm-pull-7 {
    right: 58.33333333%
}

.col-sm-pull-6 {
    right: 50%
}

.col-sm-pull-5 {
    right: 41.66666667%
}

.col-sm-pull-4 {
    right: 33.33333333%
}

.col-sm-pull-3 {
    right: 25%
}

.col-sm-pull-2 {
    right: 16.66666667%
}

.col-sm-pull-1 {
    right: 8.33333333%
}

.col-sm-pull-0 {
    right: auto
}

.col-sm-push-12 {
    left: 100%
}

.col-sm-push-11 {
    left: 91.66666667%
}

.col-sm-push-10 {
    left: 83.33333333%
}

.col-sm-push-9 {
    left: 75%
}

.col-sm-push-8 {
    left: 66.66666667%
}

.col-sm-push-7 {
    left: 58.33333333%
}

.col-sm-push-6 {
    left: 50%
}

.col-sm-push-5 {
    left: 41.66666667%
}

.col-sm-push-4 {
    left: 33.33333333%
}

.col-sm-push-3 {
    left: 25%
}

.col-sm-push-2 {
    left: 16.66666667%
}

.col-sm-push-1 {
    left: 8.33333333%
}

.col-sm-push-0 {
    left: auto
}

.col-sm-offset-12 {
    margin-left: 100%
}

.col-sm-offset-11 {
    margin-left: 91.66666667%
}

.col-sm-offset-10 {
    margin-left: 83.33333333%
}

.col-sm-offset-9 {
    margin-left: 75%
}

.col-sm-offset-8 {
    margin-left: 66.66666667%
}

.col-sm-offset-7 {
    margin-left: 58.33333333%
}

.col-sm-offset-6 {
    margin-left: 50%
}

.col-sm-offset-5 {
    margin-left: 41.66666667%
}

.col-sm-offset-4 {
    margin-left: 33.33333333%
}

.col-sm-offset-3 {
    margin-left: 25%
}

.col-sm-offset-2 {
    margin-left: 16.66666667%
}

.col-sm-offset-1 {
    margin-left: 8.33333333%
}

.col-sm-offset-0 {
    margin-left: 0
}

@media(min-width: 769px) {
    .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
        float:left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after {
    content: " ";
    display: table
}

.clearfix:after,.container:after,.container-fluid:after,.row:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none!important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-sm,.visible-lg {
    display: none!important
}

.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block {
    display: none!important
}

@media(max-width: 768px) {
    .visible-sm {
        display:block!important
    }

    .hidden-sm {
        display: none!important
    }

    table.visible-sm {
        display: table!important
    }

    tr.visible-sm {
        display: table-row!important
    }

    th.visible-sm,td.visible-sm {
        display: table-cell!important
    }

    .visible-sm-block {
        display: block!important
    }

    .visible-sm-inline {
        display: inline!important
    }

    .visible-sm-inline-block {
        display: inline-block!important
    }
}

@media(min-width: 769px) {
    .visible-lg {
        display:block!important
    }

    .hidden-lg {
        display: none!important
    }

    table.visible-lg {
        display: table!important
    }

    tr.visible-lg {
        display: table-row!important
    }

    th.visible-lg,td.visible-lg {
        display: table-cell!important
    }

    .visible-lg-block {
        display: block!important
    }

    .visible-lg-inline {
        display: inline!important
    }

    .visible-lg-inline-block {
        display: inline-block!important
    }
}

.visible-print {
    display: none!important
}

@media print {
    .visible-print {
        display: block!important
    }

    table.visible-print {
        display: table!important
    }

    tr.visible-print {
        display: table-row!important
    }

    th.visible-print,td.visible-print {
        display: table-cell!important
    }
}

.visible-print-block {
    display: none!important
}

@media print {
    .visible-print-block {
        display: block!important
    }
}

.visible-print-inline {
    display: none!important
}

@media print {
    .visible-print-inline {
        display: inline!important
    }
}

.visible-print-inline-block {
    display: none!important
}

@media print {
    .visible-print-inline-block {
        display: inline-block!important
    }
}

@media print {
    .hidden-print {
        display: none!important
    }
}

/*!
* animate.css -http://daneden.me/animate
* Version - 3.5.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
* Copyright (c) 2016 Daniel Eden
*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    40%,43%,70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06)
    }

    70% {
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    40%,43%,70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06)
    }

    70% {
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn)
    }

    0%,40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg)
    }

    50%,80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn)
    }

    0%,40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg)
    }

    50%,80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    0%,40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    0%,40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    0%,40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    0%,40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg)
    }

    60%,80% {
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg)
    }

    60%,80% {
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: center
    }

    to {
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: center
    }

    to {
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: center
    }

    to {
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: center
    }

    to {
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        transform-origin: top left
    }

    0%,20%,60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        transform-origin: top left
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        transform-origin: top left
    }

    0%,20%,60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        transform-origin: top left
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50%,to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50%,to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}



/*定制流程*/
.nbiaott {
    text-align: center;
    font-size:1.3vw;
}
.nbiaott i {
    display: block;
    width: 50px;
    height: 2px;
    background: #222ec4;
    margin: 0px auto;
    margin-bottom: 10px;
    margin-top: 5px;
}

.nbiaott .nbiaottpapb {
    color: #000000;
    font-size: 1.3vw;
    /* max-width: 300px; */
    margin: auto;
    line-height: 1.8;
}
.falc{padding-top:3%;padding-bottom:5%;}
.falc ul{display:flex;flex-wrap:wrap;margin-top:5%;margin-bottom:5%;background:url(/uploadfiles/xianfangan.png) no-repeat center;background-size:100% 82%;justify-content:center;}
.falc ul li{list-style:none;width:25.3%;text-align:center;margin-bottom:4vw;}
.falc ul li .pa{font-size:calc(25 / 1920 * 100vw);color:#000000;margin-top:10px;}
.falc ul li .img{width:4.2vw;height:4.2vw;margin:auto;display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;background:#f7f7f7;}
.falc ul li .div{max-width:11.5vw;margin:auto;width:100%;padding:20px 10px;background:#fff;border-radius:10px;box-shadow:0 0 12px 0 #00000042;transition:all 0.5s;}
.falc .w1300{max-width:1400px;}
.falc ul li:nth-child(9)~li{margin-bottom:0;}
.falc ul li .img img{max-width:3vw;}
@media screen and (max-width:640px){.falc ul li .pa{font-size:12px;margin-top:5px;}
.falc ul li .img{width:13.2vw;height:13.2vw;}
.falc ul li .img img{max-width:26px;}
.falc ul li .div{max-width:21vw;padding:5px 5px;}
.falc ul li{margin-bottom:10px;}
.falc ul{background-size:100% 80%;}
}





/*Floor002721应用领域 */
.Floor002721 .auto{ }
.Floor002721 > .auto{padding:0 0 4% 0;}
.Floor002721 .search-box{ position:relative; margin:0 auto;  width:90%; max-width:955px;}
.Floor002721 .search-box .text{ width:100%; color:#999; border:1px solid #d8d8d8; line-height:68px; height:70px; padding:0 10px 0 60px; background:#fff;box-shadow:6px 0 29px rgba(0,0,0,0.06); transition:0.3s;}
.Floor002721 .search-box .text.focus{ color:#333; border-color:#0052d9;box-shadow:6px 0 29px rgba(0,0,0,0.1);}
.Floor002721 .search-box .btn{ position:absolute; left:0; top:0; height:100%; width:60px; background:url(../images/Floor002721_btn.png) no-repeat center center;}
.Floor002721 .title{ text-align:center; padding-top:5%; padding-bottom:2%;}
.Floor002721 .title h1{ font-size: 32px;color: #333;text-align: center;font-weight: bold;}
.Floor002721 .title h1::after {content: '';display: block;width: 52px;height: 4px;background: #0052d9;margin: 2% auto 0;}

.Floor002721 .list-box .box{ float:left;  }
.Floor002721 .box .pic{ overflow:hidden;}
.Floor002721 .box .pic a{ display:block; position:relative;}
.Floor002721 .box .pic a:after{ content:''; position:absolute; left:0; width:100%; height:100%;  bottom:0; z-index:3;
background: -moz-linear-gradient(top, rgba(30,54,90,0) 0%, rgba(30,54,90,0.65) 64%, rgba(30,54,90,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(30,54,90,0) 0%,rgba(30,54,90,0.65) 64%,rgba(30,54,90,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 64%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e365a', endColorstr='#a61e365a',GradientType=0 ); /* IE6-9 */}
.Floor002721 .box .pic a > img{ width:100%; display:block; transition:0.3s;}
.Floor002721 .box .pic a:hover > img{ transform:scale(1.12); -webkit-transform:scale(1.12); -ms-transform:scale(1.12);}
.Floor002721 .box .txt{ position:absolute; left:9%; right:5%; bottom:10%; z-index:5;}
.Floor002721 .box .txt span{ font-size:20px; padding-top:15px; color:#fff;}
.Floor002721 .box .txt img{ display:block; height:36px;}
.Floor002721 .box ul{ min-height:170px; margin-left:20px; border-left:1px solid #eaeaea; padding:10px 0 4px 0;}
.Floor002721 .box li{ padding-left:20px; line-height:30px;}
.Floor002721 .box li a{ padding-left:40px; margin-left:-40px; background:url(../images/Floor002721_li.gif) no-repeat left center;font-size: 1.125em;
    line-height: 38px;}
.Floor002721 .box li a:hover{ color:#0052d9;}
@media(min-width:1025px){
.Floor002721 .list-box .box{width:17.9%;}
.Floor002721 .list-box .box:not(:nth-child(5n)){margin-right:2.556%;}
}
@media(max-width:1024px){
.Floor002721 .list-box .box{margin-bottom:4%;}
}
@media(min-width:481px) and (max-width:1024px){
.Floor002721 .list-box .box{width:48%; }
.Floor002721 .list-box .box:not(:nth-child(2n)){margin-right:4%;}
}
@media(max-width:480px){
.Floor002721 .list-box .box{ float:none;}
.Floor002721 .search-box .text{ line-height:52px; height:54px; padding:0 10px 0 60px;}
}