/* 头部 */
.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: 300px;
  font-size: 12px;
  padding: 0 10px;
  height: 35px;
  line-height: 35px;
  color: #333;
}

.top-box .top-text .top-search .but-so {
  height: 36px;
  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(../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: 16px;
  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(../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);
}

.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(../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(../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: rgba(255, 255, 255, 1);
  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(../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(../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);
}

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

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

.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(../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(../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(../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;
}

.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(60%);
}

.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(../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(../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(../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(../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(../images/home_back1.jpg) no-repeat center;
  background-size: cover;
}

.home-con-three .box-rcon {
  padding: 90px;
  width: 50%;
  background: url(../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(../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(../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(../images/more_icon.png) no-repeat center right;
  padding-right: 20px;
}

.home-con-fives {
  background: url(../images/home_back4.png) no-repeat center top;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 10px;
  padding-bottom: 50px;
  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(../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: 14px;
  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;
  }
}



/* 首页底部悬浮 */
.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(../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: 40px 0 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(../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: 30px;
  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(../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(../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(../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(../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(../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(../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(../images/more_icon2.png) no-repeat center;
  transform: rotate(180deg);
}

.Newpro_list .swiper-button-next {
  background: #fff url(../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(../images/more_icon.png) no-repeat center;
}

.Newpro_list .swiper-button-next:hover {
  background: #1685da url(../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(../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(../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(../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(../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: 15px 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("../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(../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(../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(../images/more_icon2.png) no-repeat center;
  transform: rotate(180deg);
}

.news-one .swiper-button-next {
  background: #fff url(../images/more_icon2.png) no-repeat center;
}

.news-one .swiper-button-next:hover,
.news-one .swiper-button-prev:hover {
  background: #1685da url(../images/more_icon.png) no-repeat center;
}

.news-one .swiper-button-next:hover {
  background: #1685da url(../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(../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;
}


span.nex a {
  color: #1685da;
}

.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(../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(../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(../images/more_icon2.png) no-repeat center;
  transform: rotate(180deg);
}

.honor-box .list-shell .swiper-button-next {
  background: #fff url(../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(../images/more_icon.png) no-repeat center;
}

.honor-box .list-shell .swiper-button-next:hover {
  background: #1685da url(../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(../images/contact-icon1.png);
}

.list-contact .list-l .icon2.Tel-icon2 span {
  background-image: url(../images/contact-icon2.png);
}

.list-contact .list-l .icon2.qq-icon span {
  background-image: url(../images/contact-icon3.png);
}

.list-contact .list-l .icon2.mail-icon span {
  background-image: url(../images/contact-icon4.png);
}

.list-contact .list-l .icon2.attr-icon span {
  background-image: url(../images/contact-icon5.png);
}

.list-contact .pic {
  display: table;
  width: 360px;
  float: right;
  height: 360px;
  background: url(../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(../images/contact-icon2.png);
}

.contact-lixi .fax-icon {
  background-image: url(../images/contact-icon6.png);
}

.contact-lixi .attr-icon {
  background-image: url(../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("../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;
  }
}



/* 搜索 */
.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: 150px;
  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: 10px;
  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(../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(../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(../images/abtw-1.png) no-repeat left center;
  background-size: auto 100%
}

.about-two li:nth-child(2) h4 {
  background: url(../images/abtw-2.png) no-repeat left center;
  background-size: auto 100%
}

.about-two li:nth-child(3) h4 {
  background: url(../images/abtw-3.png) no-repeat left center;
  background-size: auto 100%
}

.about-two li:nth-child(1):hover h4 {
  background: url(../images/abtw-11.png) no-repeat left center;
  background-size: auto 100%
}

.about-two li:nth-child(2):hover h4 {
  background: url(../images/abtw-22.png) no-repeat left center;
  background-size: auto 100%
}

.about-two li:nth-child(3):hover h4 {
  background: url(../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(../images/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(../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(../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('../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('../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('../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(../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: 280px;
  margin-right: 50px;
  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: 500px;
  }
}

.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(../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(../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 */