body {
  font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
}
a, a:hover {
  text-decoration: none;
  outline: none;
}
ul, li {
  list-style: none;
  padding: 0;
  margin: 0;
}
dl {
  margin-bottom: 0;
}
html {
  font-size: 10px;
}
@media (min-width: 1200px) {
  .container {
    width: 1300px;
  }
}



div.fy {text-align:center;line-height:30px; padding-bottom:30px; margin-top: 20px;}
div.fy a { border-radius:5px; border:1px solid #b8bcbc; background:#b8bcbc; margin:2px 5px;padding:6px 11px;color:#fff;font-size:1.4px; display:inline;}
div.fy a:hover { border:1px solid #00a0e9; background-color:#00a0e9;color:#FFF;}
div.fy a:active { border:1px solid #00a0e9; background-color:#00a0e9;color:#FFF;}
div.fy span.current { border-radius:5px; border:1px solid #00a0e9; margin:2px 5px;padding:6px 11px;background-color:#00a0e9;color:#FFF; font-size:1.4px;}
div.fy span.disabled { border-radius:5px; border:1px solid #b8bcbc; margin:2px 5px; padding:6px 11px;color:#b8bcbc; font-size:1.4px;}



header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1050;
  height: 90px;
  background-color: #fff;
  border-bottom: solid 1px #bfbfbf;
}
.hd1{ position:relative; display:inline-block; padding-left:15px;}
.hd1 .box{ position:absolute; top:120%;right:0; display:none; width:120px; z-index:99;}
.hd1:hover .box{ display:block;}
.hd1 a>*{ float:left;}
.hd1 a p{ font-size:1.4em; color:#3f3f3f; line-height:22px; padding-left:6px;}
.navbar {
  border-radius: 0;
  min-height: auto;
  margin-bottom: 0;
  border: none;
}
.navbar-brand {
  height: auto;
  padding: 0;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
  margin-top: 1.5rem;
  margin-left: 2.5rem;
}
@media (min-width: 1024px) {
  .navbar-nav {
    float: right;
  }
}
.navbar-nav>li {
  line-height: 90px;
	text-align: right
}
.navbar-nav>li>a {
  font-size: 1.6rem;
  color: #000;
  padding: 0;
  margin: 3.2rem 2rem 0;
}
.nav>li>a:focus, .nav>li>a:hover {
  color: #df2424;
  background: none;
}
.navbar-nav>li.search {
  padding: 0 2rem;
  border-left: solid 1px #bfbfbf;
  border-right: solid 1px #bfbfbf;
  cursor: pointer;
}
.navbar-nav>li.share {
  padding-left: 1rem;
  padding-right: 1rem;
  line-height: 6rem;
  padding-bottom: 7px;
}
.navbar-nav>li.share>a {
  display: inline-block;
  margin-top: 3rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.navbar-nav li .ewm{
  position: absolute;
  top:90px;
  right: 0;
  z-index: 9999;
  padding:10px;
  background-color: #000;
  display: none;
}
.navbar-nav li:hover .ewm{
  display: block;
}

.navbar-toggle {
  background-color: #ccc;
  margin-top: 25px;
}
.navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-collapse {
  background-color: #fff;
}
#section {
  height: 100vh;
}
@media (max-width: 1024px) {
  #section {
    height: auto;
  }
  #section>.swiper-wrapper {
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
  }
}
.fheight {
  height: auto!important;
}

footer {
  background-color: #2d2d2d;
}
.footer-logo {
  padding-top: 5rem;
}
.footer-main {
  padding-bottom: 3rem;
}
.footer-list {
  float: left;
  width: 70%;
  margin-top: 5rem;
}
.footer-list dl {
  float: left;
  width: 16%;
}
.footer-list dl dt {
  font-size: 1.5rem;
  font-weight: normal;
  color: #fff;
  margin-bottom: 1.5rem;
}
.footer-list dl dd {
  line-height: 2.5;
}
.footer-list dl dd a {
  font-size: 1.3rem;
  color: #a8a8a8;
}
.footer-list dl dd a:hover {
  color: #fff;
}
.qrcode {
  float: left;
  width: 14%;
}
.qrcode img {
  margin: 0 auto;
}
.qrcode h3 {
  font-size: 1.3rem;
  color: #fff;
  text-align: center;
}
.footer-info {
  float: right;
  width: 30%;
  margin-top: 4rem;
}
.footer-info ul li {
  font-size: 1.6rem;
  color: #fff;
  line-height: 2.5;
}
.footer-info ul li i {
  display: inline-block;
  margin-right: 1rem;
}
.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-top: solid 1px #636363;
  padding-top: 2rem;
  padding-bottom: 3rem;
}
.footer-bottom .left {
  font-size: 1.3rem;
  color: #fff;
}
.footer-bottom .linkbox {
  position: relative;
}
.footer-bottom .linkbox .before {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 30rem;
  padding: .6rem 1.6rem;
  border-radius: 4rem;
  border: 1px solid rgba(255,255,255,.6);
  cursor: pointer;
}

.footer-bottom .linkbox .before .txt {
  color: rgba(255, 255, 255, 0.702);
  font-size: 1.4rem;
}

.footer-bottom .linkbox .before img {
  transition: all .5s ease;
  transform: rotate(180deg);
}

.footer-bottom .linkbox .after {
  position: absolute;
  bottom: 100%;
  width: 100%;
  left: 0;
  border: 1px solid rgba(255,255,255,.6);
  border-radius: 1.5rem;
  background: #2d2d2d;
  display: none;
}

.footer-bottom .linkbox .after a {
  display: block;
  color: rgba(255, 255, 255, 0.702);
  padding: .8rem 1.6rem;
  font-size: 1.4rem;
  border-bottom: 1px solid rgba(255,255,255,.6);
  transition: all .3s ease-in-out;
}
.footer-bottom .linkbox .after a:hover {
  color: #df2424;
}

.footer-bottom .linkbox .after a:last-child {
  border-bottom: 0
}

.footer-bottom .linkbox.on .before img {
  transform: rotate(0deg);
}

.searchbox {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 9rem;
  display: flex;
  align-items: center;
  z-index: 10;
  background: #fff;
  padding: 0 12vw;
  transition: all .5s ease-in-out;
  transform: translateY(-100%);
  z-index: 1000;
}

.searchform {
  flex: 1;
  display: flex;
  align-items: center;
  height: 7rem;
  border-bottom: 1px solid #d1d1d1;
}

.searchform input {
  flex: 1;
  text-align: center;
  font-size: 1.8rem;
  color: #666;
  border: none;
  outline: none;
}

.searchform img {
  width: 2.4rem
}

.searchform button {
  background: none;
  font-size: 2.4rem;
  color: #666;
  border: none;
  outline: none;
}

.search-close {
  margin-left: 10vw;
  width: 3rem;
  cursor: pointer;
}

.searchbox.on {
  transform: translateY(0);
}


#banner {
  height: 100vh;
}

#banner .bannerbg {
  position: relative;
  height: 100%
}

#banner .pcbanner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  background-size: cover;
	background-position: 80% center;
}

#banner .bannerbg .container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#banner .banner-txt {
  position: relative;
  z-index: 2;
}

#banner .banner-txt .h1 {
  font-size: 6rem;
  color: #fff;
}

#banner .banner-txt .h2 {
  font-size: 3.6rem;
  color: #fff;
  margin-top: 3rem;
}

.banneritem {
  width: 25%;
  height: 100%;
  display: inline-block;
  position: relative;
  overflow: hidden;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  letter-spacing: .8px;
}

.banneritem .ban_img {
  width: 100vw;
  height: 100%;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}

.banneritem1 .ban_img {
  left: 0;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.banneritem2 .ban_img {
  left: -100%;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.banneritem3 .ban_img {
  left: -200%;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.banneritem4 .ban_img {
  left: -300%;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

@-webkit-keyframes four_blocks {
  from {
      -webkit-transform: scale(1.2);
      transform: scale(1.2)
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

@keyframes four_blocks {
  from {
      -webkit-transform: scale(1.2);
      transform: scale(1.2)
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

#banner .swiper-slide-active .ban_img {
  animation: four_blocks 3s 1;
  -webkit-animation: four_blocks 3s 1;
}

#banner .swiper-slide-active .banner-txt {
  animation: fadeInUp 1.5s ;
  -webkit-animation: fadeInUp 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

#banner .mbanner {
  height: 100%;
  background-size: cover;
  background-position: center;
}
.weui-cell {
  padding: 10px 15px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.weui-cell__bd {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
#banner .swiper-pagination {
  width: auto;
  right: 2vw;
  left: auto;
  bottom: 50%;
  transform: translateY(50%);
}

#banner .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  opacity: 1;
  display: block;
  background: none;
  margin: 10px 0;
}

#banner .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
}

@media (min-width: 1025px) {
  .js-m {
      opacity: 0;
      -webkit-transform: translate(0, 50px);
      -ms-transform: translate(0, 50px);
      transform: translate(0, 50px);
      -webkit-transition: .5s ease-in-out;
      transition: .5s ease-in-out;
  }

  .js-m2 {
      opacity: 0;
      -webkit-transform: translate(-50px, 0);
      -ms-transform: translate(-50px, 0);
      transform: translate(-50px, 0);
      -webkit-transition: .5s ease-in-out;
      transition: .5s ease-in-out;
  }

  .js-m3 {
      opacity: 0;
      -webkit-transform: translate(50px, 0);
      -ms-transform: translate(50px, 0);
      transform: translate(50px, 0);
      -webkit-transition: .5s ease-in-out;
      transition: .5s ease-in-out;
  }

  .animatethis .js-m {
      opacity: 1;
      -webkit-transform: translate(0, 0px);
      -ms-transform: translate(0, 0px);
      transform: translate(0, 0px);
  }

  .animatethis .js-m2 {
      opacity: 1;
      -webkit-transform: translate(0, 0px);
      -ms-transform: translate(0, 0px);
      transform: translate(0, 0px);
  }

  .animatethis .js-m3 {
      opacity: 1;
      -webkit-transform: translate(0, 0px);
      -ms-transform: translate(0, 0px);
      transform: translate(0, 0px);
  }

  .delay1 {
      transition-delay: .1s !important;
  }

  .delay2 {
      transition-delay: .2s !important;
  }

  .delay3 {
      transition-delay: .3s !important;
  }

  .delay4 {
      transition-delay: .4s !important;
  }

  .delay5 {
      transition-delay: .5s !important;
  }

  .delay01 {
      transition-delay: .01s !important;
  }

  .delay02 {
      transition-delay: .02s !important;
  }

  .delay03 {
      transition-delay: .03s !important;
  }

  .delay04 {
      transition-delay: .04s !important;
  }

  .delay05 {
      transition-delay: .05s !important;
  }

  .delay06 {
      transition-delay: .06s !important;
  }

  .delay07 {
      transition-delay: .07s !important;
  }
}

.idx-title {
  margin-bottom: 4rem
}

.idx-title .en {
  font-size: 7.8rem;
  color: #fff;
  line-height: 1;
  margin-bottom: 2rem;
}

.idx-title .cn {
  font-size: 4.2rem;
  color: #fff;
  line-height: 1
}
.section2 {
  height: 100vh;
  background: url(../image/ibusiness-bg.jpg);
  background-size: cover;
  background-position: center;
}

.idx2txt {
  width: 53rem;
  padding-top: 19.5vh;
  position: relative;
  z-index: 5;
}

.idx2txt .idx-title {
  margin-bottom: 3rem;
}

.idx2txt .idx-title .en {
  color: #fff
}

.idx2txt .idx-title .cn {
  color: #fff
}

.idx2txt .content {
  font-size: 1.6rem;
  color: #fff;
  line-height: 1.625;
}

.idx2txt .morebtn {
  margin-top: 4rem;
}

.idx2box {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.idx2box .container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.idx2box .itembox .item {
  width: 8.125vw;
  height: 8.125vw;
  border-radius: 50%;
  position: absolute;
  font-size: 1.4rem;
  color: #0e183c;
  text-align: center;
  background-color: #fff;
  transition: all .5s ease-in-out;
  cursor: pointer;
  padding-top: 5rem;
}

.idx2box .itembox .item:nth-child(1) {
  left: 16%;
  bottom: 10%;
}

.idx2box .itembox .item:nth-child(2) {
  left: 28%;
  bottom: 20%;
}

.idx2box .itembox .item:nth-child(3) {
  left: 40%;
  bottom: 27%;
}

.idx2box .itembox .item:nth-child(4) {
  left: 52%;
  bottom: 32%;
}

.idx2box .itembox .item:nth-child(5) {
  left: 64%;
  bottom: 36%;
}

.idx2box .itembox .item:hover {
  background-color: #df2424;
  font-size: 1.8rem;
  color: #fff;
  background-size: 100%;
}

.idx2box .itembox {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.idx2box .itembox img {
  width: 2.5vw;
  position: absolute;
  right: 20%;
  bottom: 43.5%;
}

.section3 {
  background: url(../image/iabout-bg.jpg);
  height: 100vh;
  background-size: cover;
  background-position: center;
}

.section3 .content p {
  font-size: 1.4rem;
  color: #fff;
  line-height: 1.625;
  margin-bottom: 2rem;
  text-align: left;
}

.section3 {
  text-align: center;
  display: flex;
  align-items: center;
}

.section3 .container {
  padding: 0 9.2%
}

.section3 .btn1 {
  margin: 5.5rem auto 0;
  width: 18rem;
  line-height: 5.4rem;
  background: #df2424;
  transition: all .3s ease-in-out;
  font-size: 1.6rem;
  color: #fff;
  display: block;
}

.section3 .itembox .item {
  float: left;
  width: 20%;
}

.section3 .itembox .item img {
  width: 5rem;
  margin: 0 auto;
  transition: all .3s ease-in-out
}

.section3 .itembox .item p {
  margin-top: 1.2rem;
  font-size: 1.8rem;
  color: #fff;
  transition: all .3s ease-in-out
}

.section3 .itembox {
  margin-top: 8rem;
}

.morebtn {
  width: 18rem;
  line-height: 5.4rem;
  background: #df2424;
  transition: all .3s ease-in-out;
  font-size: 1.6rem;
  color: #fff;
  display: block;
  text-align: center;
}

.morebtn:hover {
  letter-spacing: 1px;
  background: transparent;
  color: #fff;
  box-shadow: inset 0px 0px 0px 4px #df2424;
}

.section4 {
  width: 100vw;
  height: 100vh;
}

.section4-img {
  position: relative;
  float: left;
  width: 50%;
  height: 100vh;
  background-image: url(../image/iservice-img.jpg);
  background-size: cover;
}

.section4-imgbox {
  position: absolute;
  top: 35%;
  right: 0;
  left: 0;
}

.section4-imgbox h1 {
  font-size: 7rem;
  color: #fff;
  text-align: center;
  margin-top: 0;
}
.section4-imgbox h2 {
  font-size: 5rem;
  color: #fff;
  text-align: center;
}
.section4-imgbox p {
  font-size: 1.6rem;
  color: #fff;
  width: 37rem;
  line-height: 2;
  margin: 4rem auto 0;
}

.section4-text {
  float: right;
  width: 50%;
  height: 100vh;
}

.section4-text ul {
  padding-top: 90px;
}

.section4-text li {
  float: left;
  width: 50%;
  height: 50vh;
  border-bottom: solid 1px #e5e5e5;
	transition: all 1s;
}
.section4-text li:nth-child(1), .section4-text li:nth-child(3) {
  border-right: solid 1px #e5e5e5;
}

.section4-text li img {
  margin: 4.5rem auto 0;
}

.section4-text li h3 {
  font-size: 2.6rem;
  color: #333;
  text-align: center;
}

.section4-text li p {
  width: 78%;
  font-size: 1.8rem;
  color: #333;
  margin: 3rem auto 0;
  line-height: 1.5;
}
.section4-text li:hover {
	transform: translateY(-5px);
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3)
}
.section5 {
  height: 100vh;
  display: flex;
  align-items: center;
  position: relative;
}

.idx5top {
  display: flex;
  align-items: center;
  padding-bottom: 2.4rem;
  border-bottom: 1px solid #d4d4d4
}

.idx5top .title {
  font-size: 4.2rem;
  color: #333;
}

.section5:after {
  content: "news";
  position: absolute;
  left: 7.5vw;
  color: #f7f7f7;
  font-size: 9vw;
  text-transform: uppercase;
  font-family: "Microsoft Yahei";
  bottom: -4vw;
  font-weight: bold;
}

.idx5box {
  position: relative;
  margin-top: 3rem
}

.idx5box .left {
  width: 65%;
  overflow: hidden;
  position: relative;
  display: block;
}

.idx5box .left .h1 {
  font-size: 1.8rem;
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
}

.idx5box .left .h2 {
  font-size: 1.8rem;
  color: #fff;
  margin-top: 1.6rem;
  margin-bottom: 0;
}

.idx5box .left img {
  transition: all .5s ease-in-out;
  width: 100%;
}

.idx5box .left:hover img {
  transform: scale(1.05);
}

.idx5box .left .content {
  position: absolute;
  bottom: 2.4rem;
  left: 0;
  right: 0;
  padding: 0 2.8rem;
}

.idx5box .right {
  position: absolute;
  right: 0;
  width: 33%;
  top: 0;
  bottom: 0;
}

.idx5box .right .item {
  display: flex;
  align-items: center;
  height: 25%;
  border-bottom: 1px solid #e8e8e8;
}

.idx5box .right .item img {
  object-fit: cover;
  transition: all .5s ease-in-out;
}

.idx5box .right .item:hover img {
  transform: scale(1.1);
}

.idx5box .right .item .imgbox {
  width: 34.8%;
  margin-right: 2rem;
  overflow: hidden;
}

.idx5box .right .item .h1 {
  font-size: 12px;
  color: #aaa;
  margin-top: 0;
  margin-bottom: 0.75vw;
}

.idx5box .right .item .h2 {
  font-size: 1.6rem;
  color: #373737;
  line-height: 1.625;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  transition: all .3s ease-in-out;
  margin-top: 0;
  margin-bottom: 0;
}
.idx5box .right .item:hover .h2 {
  color: #df2424;
}

.section5 .morebtn:hover {
  color: #333;
}


.banner2 {
  position: relative;
  overflow: hidden;
  margin-top: 90px;
}

.banner2 .bannerbg {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.banner2 .container {
  height: 100%;
  padding-bottom: 8rem;
  position: absolute;
  width: 1300px;
  right: 0;
  left: 0;
  top: 0;
  margin: 0 auto;
}

.banner2txt .en {
  font-size: 7.8rem;
  color: #f6f7fb;
  line-height: 1
}

.banner2txt .cn {
  font-size: 4.2rem;
  color: #f6f7fb;
  line-height: 1;
  margin-top: 1.5rem
}

.banner2txt .p {
  font-size: 2.6rem;
  color: #f6f7fb;
  line-height: 1;
  margin-top: 2.5rem
}


.subnav {
  margin-top: -8rem;
  position: relative;
  z-index: 2;
  font-size: 0;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
}

.subnav .item {
  line-height: 8rem;
  text-align: center;
  font-size: 0;
  width: 20%;
  transition: all .5s ease;
  position: relative;
  z-index: 0;
  display: inline-block;
  cursor: pointer;
}

.subnav .item img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem
}

.subnav .item span {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.8rem;
  color: #fff
}

.subnav .item  a{
  display: block;
  vertical-align: middle;
  color:#fff;
  font-size: 1.8rem;
}

.subnav .item a:after {
  content: "";
  width: 100%;
  height: 100%;
  background: #df2424;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  transform: translateY(10px);
  opacity: 0;
  transition: all .5s ease
}
.subnav .item a:hover:after {
  transform: translateY(0);
  opacity: 1;
}
.subnav .cur{
  
  background: #df2424;
  
}


.page-title {
  text-align: center;
}
.page-title h3 {
  font-size: 3rem;
  color: #000;
  margin-bottom: 0;
}
.page-title h4 {
  font-size: 1.4rem;
  color: #4e4e4e;
  margin-top: 5px;
}
.about1 {
  padding-top: 3rem;
  padding-bottom: 5rem;
}
.about1box {
  padding-top: 5rem;
}
.about1box-list1 li {
  color: #383838;
  margin-bottom: 2rem;
}
.about1box-list1 li span {
  float: left;
  width: 15%;
  font-size: 2rem;
  font-weight: bold;
}
.about1box-list1 li p {
  float: right;
  width: 85%;
  font-size: 1.7rem;
  padding-top: 2px;
  margin-bottom: 0;
}
.about1box-list2 {
  padding-top: 5rem;
}
.about1box-list2 li {
  float: left;
  width: 20%;
}
.about1box-list2 li img {
  margin: 0 auto;
}
.about1box-list2 li h4 {
  font-size: 2rem;
  color: #2a2a2a;
  text-align: center;
  line-height: 1.5;
}
.about2 {
  background-image: url(../image/abusiness-bg.jpg);
  background-size: cover;
  padding-top: 3rem;
  padding-bottom: 5rem;
}
.about2box {
  padding-top: 5rem;
}
.about2box .about2box-item {
  display: flex;
  align-items: center;
  font-size: 2rem;
  color: #333;
  margin-bottom: 3rem;
}
.about2box .about2box-item img {
  background-color: #00a0e9;
  border-radius: 50rem;
}
.about2box .about2box-item span {
  font-size: 2.4rem;
  font-weight: bold;
  color: #00a0e9;
  padding-left: 2rem;
}
.about2box .about2box-item-text {
  position: relative;
  font-size: 1.6rem;
  color: #fff;
  background-color: #00a0e9;
  line-height: 2;
  padding: 2rem;
}
.about2box .about2box-item-text::after {
  content: '';
  position: absolute;
  top: 40%;
  left: -20px;
  border-top: solid 10px transparent;
  border-right: solid 20px #00a0e9;
  border-bottom: solid 10px transparent;
}
.about3 {
  background-color: #f3f5f9;
  padding-top: 3rem;
  padding-bottom: 5rem;
}
.about3 .swiper-container {
  padding-top: 3rem;
  padding-bottom: 5rem;
}
.about3 .swiper-slide img {
  background-color: #fff;
  padding: 2px;
}
.about3 .swiper-slide h4 {
  font-size: 1.8rem;
  color: #333;
  text-align: center;
  line-height: 2;
}
.about3 .swiper-pagination-bullet {
  width: 30px;
  height: 6px;
  border-radius: 2px;
}

.products1 {
  padding-top: 3rem;
  padding-bottom: 5rem;
}
.products-title h3 {
  font-size: 4.8rem;
  font-weight: bold;
  text-align: center;
}
.products-title h3 span {
  color: #df2424;
}
.products1box {
  padding-top: 5rem;
}
.products1box .products1box-item figure {
  position: relative;
}
.products1box .products1box-item figure img {
  margin: 0 auto;
}
.products1box .products1box-item figure i {
  position: absolute;
  top: 3.5rem;
  right: 0;
  left: 0;
  text-align: center;
  font-style: normal;
  font-size: 7.2rem;
  font-weight: bold;
  color: #fff;
}
.products1box .products1box-item h3 {
  font-size: 3.6rem;
  color: #000;
  font-weight: bold;
  text-align: center;
  padding-top: 2rem;
}
.products1box .products1box-item p {
  font-size: 2.4rem;
  color: #1a1a1a;
  padding: 3rem 0;
  border: solid 1px #bdbdbd;
  line-height: 2;
  text-align: center;
  background-image: linear-gradient(#fff, #ececec);
  margin-top: 3rem;
}
.products2 {
  padding-top: 3rem;
  padding-bottom: 5rem;
}
.products2box {
  padding-top: 5rem;
}
.products2box .products2box-left {
  position: relative;
  float: left;
  width: 40%;
  text-align: right;
}
.products2box .products2box-left li {
  position: absolute;
  font-size: 1.8rem;
  color: #333;
  word-break: keep-all;
}
.products2box .products2box-left li:nth-child(1) {
  top: 5%;
  left: 8%;
}
.products2box .products2box-left li:nth-child(2) {
  top: 22%;
  left: -9%;
}
.products2box .products2box-left li:nth-child(3) {
  top: 46%;
  left: -9%;
}
.products2box .products2box-left li:nth-child(4) {
  top: 70%;
  left: -12%;
}
.products2box .products2box-left li:nth-child(5) {
  top: 87%;
  left: -11%;
}
.products2box figure {
  float: left;
  width: 20%;
  margin-top: 8%;
}
.products2box figure img {
  margin: 0 auto;
}
.products2box .products2box-right {
  position: relative;
  float: right;
  width: 40%;
}
.products2box .products2box-right li {
  position: absolute;
  font-size: 1.8rem;
  color: #00a0e9;
}
.products2box .products2box-right li:nth-child(1) {
  top: 4%;
  right: 12%;
}
.products2box .products2box-right li:nth-child(2) {
  top: 22%;
  right: 2%;
}
.products2box .products2box-right li:nth-child(3) {
  top: 46%;
  right: 0;
}
.products2box .products2box-right li:nth-child(4) {
  top: 70%;
  right: 2%;
}
.products2box .products2box-right li:nth-child(5) {
  top: 88%;
  right: 13%;
}
.products2-content {
  padding-top: 3rem;
  padding-bottom: 5rem;
  background-image: url(../image/products-bg.jpg);
  background-size: cover;
  margin-top: 5rem;
}
.products2-content-title h3 {
  font-size: 4.8rem;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.products2cbox {
  padding-top: 5rem;
}
.products3 {
  padding-top: 3rem;
  padding-bottom: 5rem;
}
.products3-title h3 {
  font-size: 4.8rem;
  color: #333;
  text-align: center;
  font-weight: bold;
}
.products3 .swiper-container {
  padding-top: 3rem;
}
.products3 .swiper-slide h4 {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 1.5rem;
  color: #fff;
  line-height: 2;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 1rem;
  margin-top: 0;
  margin-bottom: 0;
}

.service1 {
  display: flex;
}
.service1-img {
  width: 54vw;
}
.service1-text {
  width: 46vw;
  background-color: #00a0e9;
  background-image: url(../image/service-img2.jpg);
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-top: 10rem;
  padding-left: 10rem;
}
.service1-text h4 {
  font-size: 3.6rem;
  color: #fff;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}
.service1-text h5 {
  font-size: 1.7rem;
  color: #fff;
  margin-top: 5px;
}
.service1-text p {
  font-size: 2rem;
  color: #fff;
  line-height: 2;
  margin-top: 3rem;
}
.service-title {
  text-align: center;
}
.service-title h3 {
  font-size: 3.6rem;
  color: #000;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}
.service-title span {
  font-size: 1.8rem;
  color: #4e4e4e;
}
.service2 {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-image: url(../image/service-bg.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-color: #f3f5f9;
}
.service2-list {
  width: 68%;
  margin: 5rem auto 0;
}
.service2-list li {
  float: left;
  width: 16.6666%;
}
.service2-list li h5 {
  font-size: 2.6rem;
  color: #000;
  text-align: center;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}
.service2-list li span {
  display: block;
  font-size: 2rem;
  color: #969696;
  text-transform: uppercase;
  text-align: center;
}
.service2-list li figure {
  width: 15rem;
  border: solid 2px #df2424;
  margin-top: 3rem;
  margin-right: auto;
  margin-left: auto;
}
.service2-list li figure img {
  background-color: #fff;
}
.service2-list li figure h4 {
  font-size: 2.6rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: #df2424;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 2;
}
.service2-list li .service2-cont {
  position: relative;
  width: 90%;
  height: 20rem;
  border: solid 3px #525252;
  padding: 3rem 2.5rem;
  margin-top: 5rem;
  margin-right: auto;
  margin-left: auto;
}
.service2-list li .service2-cont::before {
  content: '';
  position: absolute;
  top: -23px;
  left: 50%;
  transform: translateX(-50%);
  border-right: solid 11px transparent;
  border-bottom: solid 20px #df2424;
  border-left: solid 11px transparent;
}
.service2-list li .service2-cont p {
  position: relative;
  font-size: 1.3rem;
  color: #000;
}
.service2-list li .service2-cont p::before {
  content: '';
  position: absolute;
  top: 5px;
  left: -14px;
  width: 7px;
  height: 7px;
  background-color: #000;
  border-radius: 100px;
}
.service3 {
  padding-top: 5rem;
}
.service3 .swiper-container {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.service3 .swiper-slide img {
  margin-right: auto;
  margin-left: auto;
}
.service3 .swiper-slide h4 {
  font-size: 2rem;
  color: #fff;
  background-color: #00a0e9;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 2.5;
  border-top: solid 1px #fff;
}
.service3 .swiper-pagination-bullet {
  width: 30px;
  height: 6px;
  border-radius: 2px;
}
.service3-cont {
  padding-top: 5rem;
  padding-bottom: 5rem;
  margin-top: 5rem;
  background-color: #f3f5f9;
}
.service3-cont .service3cbox {
  width: 85%;
  margin-right: auto;
  margin-left: auto;
}
.service3-cont .service3cbox img {
  margin-right: auto;
  margin-left: auto;
}
.service3-cont .service3cbox .service3cbox-text {
  border: solid 1px #bcbcbc;
  padding: 3rem;
}
.service3-cont .service3cbox .service3cbox-text p {
  position: relative;
  font-size: 1.6rem;
  color: #000;
  margin-bottom: 0;
  line-height: 2;
}
.service3-cont .service3cbox .service3cbox-text p::before {
  content: '';
  position: absolute;
  top: 12px;
  left: -17px;
  width: 9px;
  height: 9px;
  background-color: #000;
  border-radius: 100px;
}
.mt30 {
  margin-top: 3rem;
}
.mt100 {
  margin-top: 15rem;
}
.service5 {
  padding-top: 3rem;
  padding-bottom: 5rem;
}
.service5 .swiper-container {
  padding-top: 5rem;
}
.service5 .swiper-slide {
  border: solid 1px #c9cdd4;
}

.team {
  padding-top: 3rem;
  padding-bottom: 5rem;
  background-color: #f3f5f9;
}
.team-title {
  text-align: center;
}
.team-title h3 {
  font-size: 3rem;
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
}
.team-title h4 {
  font-size: 1.4rem;
  color: #4e4e4e;
  margin-top: 5px;
  margin-bottom: 0;
}
.teamItem {
  margin-top: 3rem;
  padding: 3rem;
  background-color: #fff;
}
.teamItem h4 {
  font-size: 2.2rem;
  font-weight: bold;
  color: #333;
}
.teamItem p {
  font-size: 1.6rem;
  color: #333;
  line-height: 1.5;
  margin-top: 3rem;
}


.news {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.newscon {
  padding-bottom: 5rem;
}
.newscon .item {
  display: flex;
  align-items: center;
  padding: 4rem;
  padding-right: 3.5vw;
  background: #fff;
  box-shadow: 0px .4rem 2rem 0px rgba(0, 0, 0, 0.3);
  transition: all .3s ease-in-out
}

.newscon .item .title1 {
  font-size: 2.2rem;
  color: #333;
  transition: all .3s ease-in-out
}

.newscon .item .title2 {
  font-size: 1.6rem;
  color: #666;
  line-height: 1.875;
  margin-top: 2.5rem
}

.newscon .item .bottom {
  padding: 0;
  margin-top: 4.5rem;
}

.newscon .item .time {
  font-size: 1.6rem;
  color: #999;
}

.newscon .item .imgbox img {
  width: 29.4rem;
  height: 22rem;
  object-fit: cover;
}

.newscon .item .imgbox {
  margin-right: 4rem
}

.newscon .item .more {
  font-size: 0
}

.newscon .item .more span {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.6rem;
  color: #666;
  margin-right: 0.8rem
}

.newscon .item .more img {
  width: 2.2rem;
  display: inline-block;
  vertical-align: middle;
}
.newscon .item:hover {
  transform: translateY(-5px);
}

.newscon .item:hover .title1 {
  color: #df2424
}

.newsshow .newsshowtop {
  border-bottom: 2px solid #cccccc
}

.newsshow .newsshowtop .title1 {
  font-size: 3.4rem;
  color: #2f2f2f;
  line-height: 1;
  margin-bottom: 2rem
}

.newsshow .newsshowtop {
  text-align: center;
}

.newsshow .newsshowtop .title2 {
  font-size: 1.4rem;
  color: #2f2f2f
}

.newsshow .newsshowcontent {
  padding: 3.5rem 0
}

.newsshow .newsshowcontent img {
  display: inline-block;
  max-width: 100%;
}

.newsshowbottom .item {
  float: left;
  width: 50%;
  text-align: center;
  font-size: 0;
  background: #f8f8f8;
  line-height: 7rem;
  transition: all .3s ease-in-out
}

.newsshowbottom .item span {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.4rem;
  color: #333;
  transition: all .3s ease-in-out;
  margin: 0 1.5rem
}

.newsshowbottom .item .txt {
  max-width: 65%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.contact1 {
  padding-top: 3rem;
  padding-bottom: 5rem;
}
.contact1-item img {
  border: solid 2px #e7e7e7;
  border-radius: 100px;
  margin-right: auto;
  margin-left: auto;
}
.contact1-item h4 {
  font-size: 1.6rem;
  color: #222;
  text-align: center;
  margin-top: 3rem;
}
.contact1-item p {
  font-size: 1.4rem;
  color: #333;
  line-height: 1.5;
  margin-top: 3rem;
}
.careerType {
  line-height: 2;
}
.careerType strong {
  font-size: 1.4rem;
  color: #000;
}
.careerType span {
  margin: 0 1rem;
}
.careerType span a{
  color:#333;
}
.careerType span a.on{
  color:#df2424;
}
.careerList {
  padding: 2.5rem;
  margin-top: 3rem;
  box-shadow: 0px .4rem 2rem 0px rgba(0, 0, 0, 0.3);
}
.careerList-title {
  line-height: 3;
  background-color: #f2f2f2;
}
.careerItem {
  background-color: #fafafa;
  line-height: 3;
  margin-bottom: 2px;
}
.careerItem-cont {
  display: none;
  padding: 2rem;
  transition: all 1s;
}
.careerItem-cont.on {
  display: block;
}
.contact3 {
  padding-top: 3rem;
  padding-bottom: 5rem;
  margin-top: 5rem;
  background-color: #717f89;
}
.contact3 .page-title h3,
.contact3 .page-title h4,
.contact3 .page-title p {
  color: #fff;
}
.contact3 .page-title p {
  padding-top: 2rem;
}
.feedback {
  margin-top: 3rem;
}
.feedback input {
  width: 100%;
  line-height: 2;
  color: #ccc;
  border: solid 1px #ccc;
  outline: none;
  padding: 1rem;
  margin-bottom: 3rem;
}
.feedback textarea {
  width: 100%;
  min-height: 10rem;
  padding: 1rem;
  outline: none;
  resize: none;
  color: #ccc;
  border: solid 1px #ccc;
}
.feedback button {
  border: none;
  color: #fff;
  background-color: #1a5ecc;
  outline: none;
  padding: 1rem 4rem;
  margin-top: 3rem;
}
.contact4 {
  width: 100%;
  height: 450px;
}

@media (max-width: 991px) {
  .navbar-nav>li>a {
    margin: 3rem 1.5rem 0;
  }
  .section2 {
    height: auto;
    padding-bottom: 6rem;
  }
  .idx-title .en {
    font-size: 6rem;
  }
  .section4 {
    width: 100%;
    height: auto;
  }
  .section4-img,
  .section4-text {
    width: 100%;
    float: none;
  }
  .section4-text {
    height: auto;
  }
  .section5 {
    height: auto;
    padding-bottom: 6rem;
  }
  .banner2txt .en {
    font-size: 4rem;
  }
  .banner2txt .cn {
    font-size: 2rem;
  }
  .banner2txt .p {
    font-size: 1.4rem;
  }
  .products-title h3 {
    font-size: 3.6rem;
  }
  .products1box .products1box-item h3 {
    font-size: 3rem;
  }
  .products2box .products2box-left {
    float: none;
    width: 100%;
    text-align: left;
  }
  .products2box .products2box-left li {
    position: relative;
    top: 0!important;
    left: 0!important;
  }
  .products2box figure {
    float: none;
    width: 100%;
  }
  .products2box .products2box-right {
    float: none;
    width: 100%;
	  margin-top: 2rem;
  }
  .products2box .products2box-right li {
    position: relative;
    top: 0!important;
    right: 0!important;
  }
  .service1 {
    display: block;
  }
  .service1-img {
    width: 100%;
  }
  .service1-text {
    width: 100%;
    padding-top: 6rem;
    padding-bottom: 6rem;
    padding-left: 6rem;
  }
  .service2-list {
    width: 100%;
	  margin-top:3rem
  }
  .service2-list li {
    width: 33.3333%;
  }
  .service3-cont .service3cbox .service3cbox-text {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media (max-width: 767px) {
  .idx-title .en {
    font-size: 3.6rem;
  }
  .idx2txt .idx-title .cn,
  .idx-title .cn {
    font-size: 2.4rem;
  }
  .idx2txt .content,
  .section3 .content p {
    font-size: 1rem;
  }
  .morebtn,
  .section3 .btn1 {
    width: 10rem;
    line-height: 4rem;
  }
  .section3 {
    height: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .section3 .itembox {
    margin-top: 3rem;
  }
  .section3 .itembox .item {
    width: 33.3333%;
  }
	.section3 .itembox .item:nth-child(4),
	.section3 .itembox .item:nth-child(5) {
		width: 50%
	}
  .section4-img {
    height: 50vh;
  }
  .section4-imgbox h1 {
    font-size: 3.6rem;
  }
  .section4-imgbox h2 {
    font-size: 2.4rem;
  }
  .section4-imgbox p {
    font-size: 1rem;
  }
  .section4-text ul {
    padding-top: 0;
  }
  .section4-text li {
    width: 100%;
    float: none;
    height: auto;
  }
  .section4-text li img {
    margin-top: 3rem;
  }
  .idx5top .title {
    font-size: 3rem;
  }
  .idx5box .left {
    width: 100%;
    float: none;
  }
  .footer-info {
    float: none;
    width: 100%;
  }
  .banner2 .container {
    width: 100%;
    padding-bottom: 1rem;
  }
  .banner2txt .en {
    font-size: 2.4rem;
  }
  .banner2txt .cn {
    font-size: 1.6rem;
  }
  .banner2txt .p {
    font-size: 1rem;
  }
  .about1box {
    padding-top: 3rem;
  }
  .about1box-list1 li span,
  .about1box-list1 li p{
    width: 100%;
    float: none;
  }
	.about1box-list2 li {
		width: 33.3333%;
	}
	.about1box-list2 li:nth-child(4),
	.about1box-list2 li:nth-child(5){
		width: 50%;
	}
  .about2box .about2box-item {
    display: block;
  }
  .about2box .about2box-item img {
    margin-right: auto;
    margin-left: auto;
  }
  .products-title h3,
  .products2-content-title h3,
  .products3-title h3 {
    font-size: 3rem;
  }
	.products2cbox img {
		margin-right: auto;
		margin-left: auto;
	}
  .products1,
  .products2 {
    padding-bottom: 0;
  }
  .products1box .products1box-item h3 {
    font-size: 2.4rem;
  }
  .products1box .products1box-item p {
    font-size: 1.4rem;
  }
  .service1-text {
    padding: 3rem;
  }
  .service1-text h4,
  .service-title h3 {
    font-size: 3rem;
  }
  .service1-text p {
    font-size: 1rem;
  }
  .service2-list li {
    width: 100%;
    float: none;
	  margin-bottom: 1.5rem;
  }
  .subnav {
    margin-top: 0;
  }
  .subnav .item {
    width: 50%;
    line-height: 6rem;
  }
  .subnav .item span {
    font-size: 1.4rem;
  }
  .newscon .item {
    display: block;
    padding: 2rem;
  }
  .newscon .item .imgbox {
    margin-right: 0;
  }
  .newscon .item .title1 {
    font-size: 2rem;
  }
  .newsshow .newsshowtop .title1 {
    font-size: 3rem;
  }
	.contact1-item p {
		display: flex;
		justify-content: center;
	}
}