@charset "UTF-8";
/* 公共样式 --------------------------------------------------------------------*/
#ClCache {
  display: none;
}
html,
body {
  width: 100%;
  font-size: 100px;
}
body {
  font-size: 100%;
}
.from-left1 {
  -webkit-animation: common_from_left 1.3s ease-in-out forwards;
  animation: common_from_left 1.3s ease-in-out forwards;
}
.from-right1 {
  -webkit-animation: common_from_right 1.3s ease-in-out forwards;
  animation: common_from_right 1.3s ease-in-out forwards;
}
.from-left2 {
  -webkit-animation: common_from_left2 1.3s ease-in-out forwards;
  animation: common_from_left2 1.3s ease-in-out forwards;
}
.from-right2 {
  -webkit-animation: common_from_right2 1.3s ease-in-out forwards;
  animation: common_from_right2 1.3s ease-in-out forwards;
}
.fade-in {
  -webkit-animation: common_text_up 1s ease-in-out forwards;
  animation: common_text_up 1s ease-in-out forwards;
}
.fade-in1 {
  -webkit-animation: common_text_up 1s 0.1s ease-in-out forwards;
  animation: common_text_up 1s 0.1s ease-in-out forwards;
}
.fade-in2 {
  -webkit-animation: common_text_up 1s 0.2s ease-in-out forwards;
  animation: common_text_up 1s 0.2s ease-in-out forwards;
}
.fade-in3 {
  -webkit-animation: common_text_up 1s 0.3s ease-in-out forwards;
  animation: common_text_up 1s 0.4s ease-in-out forwards;
}
.fade-in4 {
  -webkit-animation: common_text_up 1s 0.4s ease-in-out forwards;
  animation: common_text_up 1s 0.4s ease-in-out forwards;
}
.fade-in5 {
  -webkit-animation: common_text_up 1s 0.5s ease-in-out forwards;
  animation: common_text_up 1s 0.5s ease-in-out forwards;
}
.fade-in6 {
  -webkit-animation: common_text_up 1s 0.6s ease-in-out forwards;
  animation: common_text_up 1s 0.6s ease-in-out forwards;
}
.fade-in7 {
  -webkit-animation: common_text_up 1s 0.7s ease-in-out forwards;
  animation: common_text_up 1s 0.7s ease-in-out forwards;
}
.fade-in8 {
  -webkit-animation: common_text_up 1s 0.8s ease-in-out forwards;
  animation: common_text_up 1s 0.8s ease-in-out forwards;
}
.fade-in9 {
  -webkit-animation: common_text_up 1s 0.9s ease-in-out forwards;
  animation: common_text_up 1s 0.9s ease-in-out forwards;
}
/* 字体字号相关 ------------------------------------------------------------------*/
@font-face {
  font-family: "HYQiHei-50S";
  src: url("../font/HYQiHei-50S.woff2") format("woff2"), url("../font/HYQiHei-50S.woff") format("woff"), url("../font/HYQiHei-50S.ttf") format("truetype"), url("../font/HYQiHei-50S.eot") format("embedded-opentype"), url("../font/HYQiHei-50S.svg") format("svg");
}
.fontH {
  font-family: "HYQiHei-50S", "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53";
}
.nav,
.footer,
.main {
  font-family: "HYQiHei-50S", "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53";
}
/* 公共主内容框 ------------------------------------------------------------------ */
.wrapper {
  width: 12rem;
  margin: 0 auto;
}
/* header =================================================================================================================*/
.nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.7rem;
  padding-top: 0.72rem;
  z-index: 20;
}
.nav .header_box {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 12rem;
  height: 0.7rem;
  background: #000;
  /*不支持rgba的浏览器*/
  background: rgba(0, 0, 0, 0.7);
  /*支持rgba的浏览器*/
}
.nav .header_box .header {
  height: 0.7rem;
}
.nav .header_box .header .logo {
  width: 2.01rem;
  padding-top: 0.05rem;
}
.nav .header_box .header .logo img {
  display: block;
  width: 2.01rem;
  height: 0.6rem;
}
.nav .header_box .header .nav_list {
  width: 9.9rem;
  margin-right: -0.08rem;
}
.nav .header_box .header .nav_list .nav_item {
  margin-left: 0.24rem;
  padding: 0 0.08rem;
  position: relative;
  font-size: 0.16rem;
  color: #fff;
  height: 0.7rem;
  cursor: pointer;
}
.nav .header_box .header .nav_list .nav_item > a {
  display: inline-block;
  width: 100%;
  height: 0.7rem;
  line-height: 0.7rem;
  color: #fff;
  box-sizing: border-box;
  position: relative;
}
.nav .header_box .header .nav_list .nav_item > a:before {
  display: block;
  content: "";
  font-size: 0;
  width: 0;
  height: 0.02rem;
  background: red;
  position: absolute;
  top: 0.52rem;
  left: 0;
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
.nav .header_box .header .nav_list .nav_item:hover > a:before,
.nav .header_box .header .nav_list .nav_item.active > a:before {
  width: 100%;
}
.nav .header_box .header .nav_list .nav_item ul {
  position: absolute;
  top: 0.7rem;
  left: 0;
  width: auto;
  height: auto;
  background: #000;
  /*不支持rgba的浏览器*/
  background: rgba(0, 0, 0, 0.7);
  /*支持rgba的浏览器*/
  display: none;
  padding: 0.06rem 0;
}
.nav .header_box .header .nav_list .nav_item ul li {
  padding: 0 0.08rem;
}
.nav .header_box .header .nav_list .nav_item ul li a {
  display: block;
  word-break: keep-all;
  white-space: nowrap;
  width: 100%;
  height: 100%;
  color: #888;
  height: 0.34rem;
  line-height: 0.34rem;
  font-size: 0.16rem;
}
.nav .header_box .header .nav_list .nav_item ul li:hover a {
  color: #fff;
}
.nav .header_box .header .nav_list .nav_item:hover ul {
  display: block;
}
/* footer ==========================================================================================================================*/
.footer {
  width: 100%;
  min-width: 12rem;
  height: 5.5rem;
  background: #3e3a39;
  overflow: hidden;
}
.footer .wrapper {
  height: 4.7rem;
  padding-top: 0.79rem;
}
.footer .wrapper .left {
  width: 59%;
  height: 100%;
}
.footer .wrapper .left .footer_nav {
  height: 2.34rem;
  overflow: hidden;
}
.footer .wrapper .left .footer_nav .footer_item {
  width: auto;
  height: 100%;
  padding-right: 0.94rem;
}
.footer .wrapper .left .footer_nav .footer_item h2 {
  font-size: 0.16rem;
  color: #fff;
  font-weight: bold;
  height: 0.58rem;
  padding-top: 0.02rem;
}
.footer .wrapper .left .footer_nav .footer_item ul li {
  height: 0.36rem;
}
.footer .wrapper .left .footer_nav .footer_item ul li a {
  color: #fff;
  font-size: 0.14rem;
  display: block;
  line-height: 0.36rem;
}
.footer .wrapper .left .footer_nav .footer_item ul li:hover a {
  color: #999;
}
.footer .wrapper .left .copy_right {
  font-size: 0.14rem;
  color: #fff;
  height: 1.36rem;
  line-height: 1.36rem;
}
.footer .wrapper .right {
  width: 40%;
  height: 100%;
}
.footer .wrapper .right dl {
  padding-bottom: 0.26rem;
}
.footer .wrapper .right dl dt {
  font-size: 0.16rem;
  color: #fff;
  height: 0.26rem;
  line-height: 0.26rem;
  text-align: right;
}
.footer .wrapper .right dl dd {
  color: #fff;
  font-size: 0;
  text-align: right;
}
.footer .wrapper .right dl dd span {
  font-size: 0.14rem;
  display: inline-block;
  line-height: 0.22rem;
}
.footer .wrapper .right dl dd img {
  display: inline-block;
  margin-top: 0.05rem;
  width: 1.02rem;
  height: 1.02rem;
}
/* 首页 ===================================================================================================================================*/
.index {
  /* banner -----------------------------------------------------*/
  /* 首页按钮 公共-----------------------------------------------------------------------*/
  /* 中间 ---------------------------------------------------------------------------*/
}
.index .banner {
  width: 100%;
  height: 8.5rem;
  overflow: hidden;
  position: relative;
}
.index .banner .banner_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000 url(../images/index/banner.jpg) center no-repeat;
  background-size: 100% 100%;
  -webkit-animation: index_banner_bg_scale 4s linear forwards;
  animation: index_banner_bg_scale 4s linear forwards;
}
.index .banner .banner_wra {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.index .banner .banner_wra .section {
  width: 3.3rem;
  padding-top: 2.49rem;
  height: 4.6rem;
}
.index .banner .banner_wra .section h1 {
  font-size: 0.62rem;
  color: #fff;
  font-weight: bold;
  height: 1.26rem;
  line-height: 1.26rem;
  -webkit-animation: index_banner_text_up 1.5s 0.3s ease backwards;
  animation: index_banner_text_up 1.5s 0.3s ease backwards;
  white-space: nowrap;
}
.index .banner .banner_wra .section p {
  /* 文字行高间距为11 */
  font-size: 0.2rem;
  color: #fff;
  line-height: 0.4rem;
  margin-bottom: 0.69rem;
  -webkit-animation: index_banner_text_up 1.5s 0.6s ease backwards;
  animation: index_banner_text_up 1.5s 0.6s ease backwards;
}
.index .banner .banner_wra .section .btn_box {
  height: 0.4rem;
  -webkit-animation: index_banner_text_up 1.5s 0.9s ease backwards;
  animation: index_banner_text_up 1.5s 0.9s ease backwards;
}
.index a.btn {
  display: block;
  width: 1.18rem;
  height: auto;
  border: 0.01rem solid #f7323f;
  border-radius: 0.4rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
  box-sizing: content-box;
}
.index a.btn span {
  display: block;
  width: 100%;
  padding: 0.105rem 0 0.09rem;
  line-height: 100%;
  text-align: center;
  color: #fff;
  font-size: 0.2rem;
  background: #f7323f;
  transition: color 0.3s, letter-spacing 0.3s, background 0.4s;
  -webkit-transition: color 0.3s, letter-spacing 0.3s, background 0.4s;
  -moz-transition: color 0.3s, letter-spacing 0.3s, background 0.4s;
  -o-transition: color 0.3s, letter-spacing 0.3s, background 0.4s;
}
.index a.btn:hover span {
  color: #f7323f;
  background: transparent;
  letter-spacing: 2px;
}
.index .part {
  width: 100%;
  height: 7.2rem;
}
.index .part .part_box {
  height: 7.2rem;
  position: relative;
}
.index .part .part_box .part1_img {
  display: block;
  margin-left: -0.18rem;
  margin-top: 1.7rem;
  width: 7.13rem;
  height: 4.38rem;
}
.index .part .part_box .part2_img {
  position: absolute;
  bottom: 0 !important;
  right: 0;
  width: 6.35rem;
  height: 5.24rem;
}
.index .part .part_box .part3_img {
  display: block;
  width: 6.72rem;
  height: 3.73rem;
  margin-left: -0.02rem;
  margin-top: 1.82rem;
}
.index .part .part_box .part4_img {
  display: block;
  width: 5.7rem;
  height: 5.51rem;
  margin-right: -0.4rem;
  margin-top: 0.9rem;
}
.index .part .part_box .text {
  display: block;
  width: 4.21rem;
  height: auto;
  margin-top: 1.61rem;
}
.index .part .part_box .text h1 {
  font-size: 0.62rem;
  color: #333;
  font-weight: bold;
  height: 1.26rem;
  line-height: 1.26rem;
}
.index .part .part_box .text p {
  /* 文字行高间距为11 */
  font-size: 0.2rem;
  color: #000;
  line-height: 0.4rem;
  margin-bottom: 0.69rem;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.index .part .part_box .text h1.fadeInUP {
  -webkit-animation: index_banner_text_up 1.5s 0.3s ease backwards;
  animation: index_banner_text_up 1.5s 0.3s ease backwards;
}
.index .part .part_box .text p.fadeInUP {
  -webkit-animation: index_banner_text_up 1.5s 0.6s ease backwards;
  animation: index_banner_text_up 1.5s 0.6s ease backwards;
}
.index .part .part_box .text div.fadeInUP {
  height: 0.4rem;
  -webkit-animation: index_banner_text_up 1.5s 0.9s ease backwards;
  animation: index_banner_text_up 1.5s 0.9s ease backwards;
}
.index .borb {
  border-bottom: 0.02rem solid #e5e4e4;
}
/* 首页动效 --------------------------------------------------------------------------*/
@-webkit-keyframes index_banner_bg_scale {
  from {
    -webkit-transform: scale(1.1, 1.1) translateZ(0);
  }
  to {
    -webkit-transform: scale(1, 1) translateZ(0);
  }
}
@keyframes index_banner_bg_scale {
  from {
    transform: scale(1.1, 1.1) translateZ(0);
  }
  to {
    transform: scale(1, 1) translateZ(0);
  }
}
@-webkit-keyframes index_banner_text_up {
  0% {
    -webkit-transform: translateY(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes index_banner_text_up {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/* jidepro2  (技德硬件)==============================================================================================*/
.jidepro2 {
  /* part1 全面的安全体系-------------------------------------------------------*/
  /* part2 12英寸2K高清显示屏-------------------------------------------------------*/
  /* part3 12英寸2K高清显示屏-------------------------------------------------------*/
  /* part4 模式-------------------------------------------------------*/
  /* part5 全尺寸磁吸键盘-------------------------------------------------------*/
  /* part6 自由调节-------------------------------------------------------*/
  /* part7 Wacom 电磁屏，结合 原笔迹技术-------------------------------------------------------*/
  /* part8 真实还原手写笔迹-------------------------------------------------------*/
  /* part9: 办公、  办文、  办会 ---------------------------------------------------*/
  /* part10: 办公、  办文、  办会 ---------------------------------------------------*/
  /* part11: 查看详细配置 -----------------------------------------------------*/
  /* part12: 可选配件 -----------------------------------------------------*/
}
.jidepro2 .banner {
  width: 100%;
  height: 12.8rem;
  overflow: hidden;
  position: relative;
}
.jidepro2 .banner .bannerbg {
  width: 100%;
  height: 100%;
  background: #000 url(../images/jidepro2/bannerbg.jpg) center no-repeat;
  background-size: contain;
  -webkit-animation: jidepro2_banner_bg_scale 4s linear forwards;
  animation: jidepro2_banner_bg_scale 4s linear forwards;
}
@media screen and (max-width: 1600px) {
  .jidepro2 .banner .bannerbg {
    background: #000 url(../images/jidepro2/bannerbg.jpg) center no-repeat;
    background-size: 19.2rem;
  }
}
.jidepro2 .banner .real {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.jidepro2 .banner .real .top {
  height: 10.55rem;
  padding-top: 3.2rem;
  box-sizing: border-box;
}
.jidepro2 .banner .real .top .text {
  width: 5.4rem;
  height: auto;
  color: #fff;
  margin: 0 auto;
}
.jidepro2 .banner .real .top .text h1 {
  height: 1.8rem;
  line-height: 1.8rem;
  font-size: 0.62rem;
  text-align: center;
  /*text-align-last: center;解决安卓版UC浏览器中文字不居中问题*/
  -webkit-animation: jidepro2_banner_text_up 1.5s 0.9s ease backwards;
  animation: jidepro2_banner_text_up 1.5s 0.9s ease backwards;
}
.jidepro2 .banner .real .top .text p {
  line-height: 0.4rem;
  font-size: 0.2rem;
  text-align: center;
  -webkit-animation: jidepro2_banner_text_up 1.5s 1.2s ease backwards;
  animation: jidepro2_banner_text_up 1.5s 1.2s ease backwards;
}
.jidepro2 .banner .real .bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2.26rem;
  background: #000;
  background: rgba(0, 0, 0, 0.3);
}
.jidepro2 .banner .real .bottom .banner_bottom {
  width: 12rem;
  height: 100%;
}
.jidepro2 .banner .real .bottom .banner_bottom li {
  width: 20%;
  height: 1.89rem;
  margin-top: 0.3rem;
  overflow: hidden;
  position: relative;
}
.jidepro2 .banner .real .bottom .banner_bottom li.br:after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  font-size: 0;
  width: 1px;
  height: 100%;
  background: #717071;
  opacity: 0.7;
}
.jidepro2 .banner .real .bottom .banner_bottom li .icon {
  display: block;
  width: 0.66rem;
  height: 0.62rem;
  margin: 0.32rem auto 0;
}
.jidepro2 .banner .real .bottom .banner_bottom li .icon.icon1 {
  background: url(../images/jidepro2/banner_icon1.png) no-repeat;
  background-size: contain;
}
.jidepro2 .banner .real .bottom .banner_bottom li .icon.icon2 {
  background: url(../images/jidepro2/banner_icon2.png) no-repeat;
  background-size: contain;
}
.jidepro2 .banner .real .bottom .banner_bottom li .icon.icon3 {
  background: url(../images/jidepro2/banner_icon3.png) no-repeat;
  background-size: contain;
}
.jidepro2 .banner .real .bottom .banner_bottom li .icon.icon4 {
  background: url(../images/jidepro2/banner_icon4.png) no-repeat;
  background-size: contain;
}
.jidepro2 .banner .real .bottom .banner_bottom li .icon.icon5 {
  background: url(../images/jidepro2/banner_icon5.png) no-repeat;
  background-size: contain;
}
.jidepro2 .banner .real .bottom .banner_bottom li span {
  display: block;
  text-align: center;
  height: 0.66rem;
  line-height: 0.66rem;
  font-size: 0.14rem;
  color: #fff;
}
.jidepro2 .part1 {
  padding: 1.06rem 0 1.62rem;
}
.jidepro2 .part1 .title {
  height: 3.12rem;
  color: #000;
}
.jidepro2 .part1 .title h2 {
  height: 0.76rem;
  line-height: 0.76rem;
  margin-bottom: 0.44rem;
  text-align: center;
  font-size: 0.62rem;
}
.jidepro2 .part1 .title p {
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.2rem;
}
.jidepro2 .part1 .img {
  display: block;
  width: 11.08rem;
  height: 7.29rem;
  margin: 0 auto 0.74rem;
}
.jidepro2 .part1 .part1_bottom {
  height: 2.4rem;
}
.jidepro2 .part1 .part1_bottom .div {
  height: 100%;
  position: relative;
  color: #000;
  overflow: hidden;
}
.jidepro2 .part1 .part1_bottom .div h2 {
  font-size: 0.2rem;
  text-align: center;
  height: 0.4rem;
  line-height: 0.4rem;
  margin: -0.1rem 0 0.38rem;
}
.jidepro2 .part1 .part1_bottom .div p {
  line-height: 0.28rem;
  font-size: 0.14rem;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.jidepro2 .part1 .part1_bottom .div.br:after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  font-size: 0;
  width: 1px;
  height: 100%;
  background: #b4b3b4;
}
.jidepro2 .part1 .part1_bottom .div.w1 {
  width: 3.34rem;
}
.jidepro2 .part1 .part1_bottom .div.w1 div {
  height: 0.3rem;
  line-height: 0.3rem;
  background: url(../images/jidepro2/part1icon.png) left center no-repeat;
  background-size: contain;
  padding-left: 0.3rem;
  font-size: 0.14rem;
  margin-bottom: 0.18rem;
  margin-top: -0.02rem;
}
.jidepro2 .part1 .part1_bottom .div.w2 {
  width: 2.94rem;
}
.jidepro2 .part1 .part1_bottom .div.w2 p {
  width: 2.18rem;
  margin: 0 auto;
}
.jidepro2 .part1 .part1_bottom .div.w3 {
  width: 3.04rem;
}
.jidepro2 .part1 .part1_bottom .div.w3 p {
  width: 2.26rem;
  margin: 0 auto;
}
.jidepro2 .part1 .part1_bottom .div.w4 {
  width: 2.62rem;
  padding-left: 0.38rem;
  box-sizing: border-box;
}
@media screen and (max-width: 1600px) {
  .jidepro2 .part1 .part1_bottom .div p {
    font-size: 12px;
  }
  .jidepro2 .part1 .part1_bottom .div.w1 div {
    font-size: 12px;
  }
}
.jidepro2 .part2 {
  height: 9.32rem;
  background: #000000;
}
.jidepro2 .part2 .real {
  height: 100%;
  position: relative;
  color: #fff;
}
.jidepro2 .part2 .real .title {
  position: absolute;
  top: 1.2rem;
  left: 0;
}
.jidepro2 .part2 .real .title p {
  font-size: 0.4rem;
  line-height: 0.68rem;
}
.jidepro2 .part2 .real .title p span {
  font-size: 0.2rem;
}
.jidepro2 .part2 .real .text {
  position: absolute;
  top: 3.52rem;
  left: 2.72rem;
}
.jidepro2 .part2 .real .text dl {
  margin-bottom: 0.48rem;
}
.jidepro2 .part2 .real .text dl dt {
  font-size: 0.4rem;
  line-height: 0.42rem;
}
.jidepro2 .part2 .real .text dl dt span {
  font-size: 0.2rem;
}
.jidepro2 .part2 .real .text dl dd {
  font-size: 0.2rem;
  line-height: 0.32rem;
}
.jidepro2 .part2 .real .img {
  width: 6.8rem;
  height: 11.3rem;
  position: absolute;
  top: 1.18rem;
  right: 0;
}
.jidepro2 .part2 .real .img .img1 {
  display: block;
  width: 4.55rem;
  position: absolute;
  top: 0;
  right: 0;
}
.jidepro2 .part2 .real .img .img2 {
  display: block;
  width: 4.55rem;
  position: absolute;
  top: 1.6rem;
  left: 0;
}
@media screen and (max-width: 1600px) {
  .jidepro2 .part2 .real .img .img1 {
    width: 67%;
  }
  .jidepro2 .part2 .real .img .img2 {
    width: 67%;
  }
}
.jidepro2 .part3 {
  height: auto;
}
.jidepro2 .part3 .box {
  height: 28rem;
  position: relative;
}
.jidepro2 .part3 .box .real {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  height: 9.83rem;
  padding-top: 4.8rem;
  box-sizing: border-box;
}
.jidepro2 .part3 .box .real .top {
  position: relative;
  height: 0.76rem;
}
.jidepro2 .part3 .box .real .top .img1 {
  width: 16rem;
  height: 0.75rem;
  position: absolute;
  top: 0;
  right: 12rem;
}
.jidepro2 .part3 .box .real .top .img2 {
  width: 16rem;
  height: 0.75rem;
  position: absolute;
  top: 0;
  left: 12rem;
}
.jidepro2 .part3 .box .real .top .circle {
  display: none;
}
.jidepro2 .part3 .box .real .top .cir1 {
  width: 1.38rem;
  height: 1.38rem;
  position: absolute;
  top: -0.3rem;
  right: 7.06rem;
}
.jidepro2 .part3 .box .real .top .cir1 span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(0, 0, 0, 0.45);
}
.jidepro2 .part3 .box .real .top .cir2 {
  width: 1.38rem;
  height: 1.38rem;
  position: absolute;
  top: -0.3rem;
  left: 10.9rem;
}
.jidepro2 .part3 .box .real .top .cir2 span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(0, 0, 0, 0.45);
}
.jidepro2 .part3 .box .real .top .ani_cir1 {
  -webkit-animation: jidepro2_part3_cir 1.4s linear infinite;
  animation: jidepro2_part3_cir 1.4s linear infinite;
}
.jidepro2 .part3 .box .real .top .ani_cir2 {
  opacity: 0;
  -webkit-animation: jidepro2_part3_cir 1.4s 0.7s linear infinite;
  animation: jidepro2_part3_cir 1.4s 0.7s linear infinite;
}
.jidepro2 .part3 .box .real .text {
  color: #000;
  margin-top: 1.2rem;
  display: none;
  -webkit-animation: jidepro2_banner_text_up 1.5s 0.6s ease backwards;
  animation: jidepro2_banner_text_up 1.5s 0.6s ease backwards;
}
.jidepro2 .part3 .box .real .text .left {
  width: 4.06rem;
  font-size: 0.2rem;
  line-height: 0.38rem;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.jidepro2 .part3 .box .real .text .left span {
  font-size: 0.4rem;
}
.jidepro2 .part3 .box .real .text .right {
  width: 4.62rem;
  font-size: 0.2rem;
  line-height: 0.38rem;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.jidepro2 .part3 .box .real .text .right span {
  font-size: 0.4rem;
}
.jidepro2 .part4 {
  padding-bottom: 1.76rem;
}
.jidepro2 .part4 .table_mode {
  display: block;
  width: 11.83rem;
  height: 8.07rem;
  margin: 0 auto;
}
.jidepro2 .part4 .pc_mode {
  display: block;
  width: 11.22rem;
  height: 8.82rem;
  margin: 1.1rem auto;
}
.jidepro2 .part4 .text {
  width: 8.18rem;
  line-height: 0.38rem;
  font-size: 0.2rem;
  margin: 0 auto;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.jidepro2 .part4 .text span {
  font-size: 0.4rem;
}
.jidepro2 .part4 .text a {
  display: block;
  width: 2.6rem;
  color: #009fe8;
  margin-top: 0.38rem;
  font-size: 0.18rem;
}
.jidepro2 .part4 .text a:hover {
  color: #f7323f;
}
.jidepro2 .part5 {
  height: 12.3rem;
  background: #222;
}
.jidepro2 .part5 img {
  display: block;
  width: 11rem;
  height: 9.35rem;
  margin: 0 auto 1.1rem;
}
.jidepro2 .part5 .text {
  font-size: 0.2rem;
  color: #fff;
  text-align: center;
  line-height: 0.38rem;
}
.jidepro2 .part5 .text span {
  font-size: 0.4rem;
}
.jidepro2 .part6 {
  height: 12rem;
}
.jidepro2 .part6 .real {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.jidepro2 .part6 .real .video_box {
  display: block;
  margin-top: 1.6rem;
}
.jidepro2 .part6 .real .video_box video {
  display: block;
  background: #fff;
  width: 19.2rem;
  height: 8rem;
  margin-left: -3.6rem;
  object-fit: fill;
}
.jidepro2 .part6 .real .video_box .replay {
  position: absolute;
  top: 10rem;
  left: 0;
  right: 0;
  margin: auto;
  width: 0.9rem;
  text-align: center;
  font-size: 0;
  cursor: pointer;
  display: none;
}
.jidepro2 .part6 .real .video_box .replay img {
  display: inline-block;
  height: 0.21rem;
  margin-right: 0.1rem;
  vertical-align: middle;
}
.jidepro2 .part6 .real .video_box .replay span {
  display: inline-block;
  height: 0.21rem;
  line-height: 0.21rem;
  font-size: 0.16rem;
  vertical-align: middle;
  color: #036eb7;
}
.jidepro2 .part6 .real .text {
  width: 4.5rem;
  position: absolute;
  top: 3.8rem;
  right: 0;
}
.jidepro2 .part6 .real .text img {
  display: block;
  width: 0.6rem;
  height: 0.52rem;
  margin-top: 0.04rem;
}
.jidepro2 .part6 .real .text .dec {
  width: 3.64rem;
}
.jidepro2 .part6 .real .text .dec p {
  font-size: 0.2rem;
  line-height: 0.32rem;
  margin-bottom: 0.16rem;
}
.jidepro2 .part6 .real .text .dec h2 {
  font-size: 0.4rem;
  height: 0.7rem;
  line-height: 0.7rem;
}
.jidepro2 .part6 .real .text .dec a {
  display: block;
  width: 2.2rem;
  color: #009fe8;
  margin-top: 0.18rem;
  font-size: 0.18rem;
}
.jidepro2 .part6 .real .text .dec a:hover {
  color: #f7323f;
}
.jidepro2 .part7 {
  height: auto;
  position: relative;
}
.jidepro2 .part7 img {
  display: block;
  width: 100%;
  min-width: 12rem;
  height: auto;
}
.jidepro2 .part7 .text {
  position: absolute;
  top: 24.5%;
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #fff;
}
.jidepro2 .part7 .text .p1 {
  font-size: 0.2rem;
  line-height: 0.34rem;
}
.jidepro2 .part7 .text .p2 {
  height: 0.9rem;
  line-height: 0.9rem;
  font-size: 0.4rem;
  margin-bottom: 0.4rem;
}
.jidepro2 .part7 .text .p2 span {
  font-size: 0.2rem;
}
.jidepro2 .part8 {
  padding: 1.4rem 0 1.04rem;
}
.jidepro2 .part8 .real {
  height: 10.19rem;
  padding-top: 1.75rem;
  position: relative;
}
.jidepro2 .part8 .real .text {
  width: 3.46rem;
  margin-bottom: 1.1rem;
  color: #000;
}
.jidepro2 .part8 .real .text h2 {
  font-size: 0.4rem;
  height: 0.54rem;
  line-height: 0.54rem;
  margin-bottom: 0.64rem;
}
.jidepro2 .part8 .real .text p {
  font-size: 0.2rem;
  line-height: 0.34rem;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.jidepro2 .part8 .real .text2 {
  width: 3.46rem;
  color: #000;
}
.jidepro2 .part8 .real .text2 div {
  height: 0.35rem;
  line-height: 0.35rem;
  background: url(../images/jidepro2/part1icon.png) left top no-repeat;
  background-size: auto 0.32rem;
  padding-left: 0.42rem;
  font-size: 0.16rem;
  margin-bottom: 0.12rem;
}
.jidepro2 .part8 .real .text2 a {
  display: block;
  width: 2.1rem;
  color: #009fe8;
  margin-top: 0.26rem;
  font-size: 0.18rem;
}
.jidepro2 .part8 .real .text2 a:hover {
  color: #f7323f;
}
.jidepro2 .part8 .real .img {
  position: absolute;
  top: 0.6rem;
  right: -0.86rem;
  width: 8.91rem;
  height: 10.19rem;
}
.jidepro2 .part9 {
  height: auto;
  position: relative;
}
.jidepro2 .part9 img {
  display: block;
  width: 100%;
  min-width: 12rem;
  height: auto;
}
.jidepro2 .part9 .top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5rem;
  padding-top: 0.9rem;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
}
.jidepro2 .part9 .top .text h2 {
  font-size: 0.4rem;
  height: 0.66rem;
  line-height: 0.66rem;
}
.jidepro2 .part9 .top .text p {
  width: 5rem;
  font-size: 0.2rem;
  line-height: 0.38rem;
  text-align: justify;
  text-justify: distribute-all-lines;
  margin-top: 0.3rem;
}
.jidepro2 .part9 .top .text a {
  display: block;
  width: 2.06rem;
  color: #fff;
  margin-top: 0.26rem;
  font-size: 0.18rem;
}
.jidepro2 .part9 .top .text a:hover {
  color: #f7323f;
}
.jidepro2 .part10 {
  height: 5.76rem;
  background: url(../images/jidepro2/part10bg.jpg) center no-repeat;
  background-size: cover;
  overflow: hidden;
}
.jidepro2 .part10 .real {
  height: auto;
}
.jidepro2 .part10 .real .left {
  width: 4.1rem;
  margin-top: 1rem;
  color: #fff;
}
.jidepro2 .part10 .real .left .p1 {
  height: 1.6rem;
  line-height: 0.64rem;
  font-size: 0.4rem;
}
.jidepro2 .part10 .real .left .p2 {
  line-height: 0.38rem;
  font-size: 0.2rem;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.jidepro2 .part10 .real .right {
  display: block;
  width: 5.61rem;
  height: 4.65rem;
  margin-top: 0.66rem;
  margin-right: 1.2rem;
}
.jidepro2 .part11 {
  border-bottom: 1px solid #e5e4e4;
}
.jidepro2 .part11 .title {
  width: 1.78rem;
  height: 0.32rem;
  margin: 0.76rem auto;
  line-height: 0.32rem;
  text-align: center;
  font-size: 0;
  cursor: pointer;
}
.jidepro2 .part11 .title p {
  display: inline-block;
  font-size: 0.2rem;
  color: #009fe8;
  font-weight: bold;
  vertical-align: middle;
  cursor: pointer;
}
.jidepro2 .part11 .title span {
  display: inline-block;
  width: 0.11rem;
  height: 0.1rem;
  margin-left: 0.1rem;
  font-weight: bold;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  background: url(../images/jidepro2/part11_1.png) no-repeat;
  background-size: 100%;
}
.jidepro2 .part11 .title.active span {
  background: url(../images/jidepro2/part11_2.png) no-repeat;
  background-size: 100%;
}
.jidepro2 .part11 .list {
  display: none;
  padding-bottom: 0.68rem;
}
.jidepro2 .part11 .list table {
  width: 100%;
}
.jidepro2 .part11 .list table td {
  vertical-align: top;
  padding: 0.3rem 0 0.02rem;
  font-size: 0.16rem;
  color: #000;
  font-family: "HYQiHei-50S", "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53";
}
.jidepro2 .part11 .list table td.name {
  font-weight: bold;
}
.jidepro2 .part12 .title {
  text-align: center;
  font-size: 0.2rem;
  color: #000;
  font-weight: bold;
  margin-top: 0.38rem;
  height: 1.4rem;
}
.jidepro2 .part12 .bottom {
  height: 7.9rem;
}
.jidepro2 .part12 .bottom .bottom_item {
  width: 33.3%;
  position: relative;
}
.jidepro2 .part12 .bottom .bottom_item.br:after {
  position: absolute;
  top: 0;
  right: -1px;
  content: "";
  font-size: 0;
  width: 2px;
  height: 5.4rem;
  background: #eee;
  overflow: hidden;
}
.jidepro2 .part12 .bottom .bottom_item dt {
  height: 5.4rem;
  overflow: hidden;
}
.jidepro2 .part12 .bottom .bottom_item dt a {
  display: block;
  height: 3.65rem;
}
.jidepro2 .part12 .bottom .bottom_item dt a img {
  display: block;
  height: 3.65rem;
  margin: 0.84rem auto;
  cursor: pointer;
}
.jidepro2 .part12 .bottom .bottom_item dd {
  padding-top: 0.66rem;
  font-size: 0.2rem;
  color: #000;
  font-weight: bold;
  text-align: center;
}
.jidepro2 .part12 .bottom .bottom_item dd a {
  color: #000;
  cursor: pointer;
}
.jidepro2 .part12 .bottom .bottom_item dd a:hover {
  color: #f7323f;
}
.jidepro2 .animateItem {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.jidepro2 .fade-in {
  -webkit-animation: jidepro2_up_text 1s ease-in-out forwards;
  animation: jidepro2_up_text 1s ease-in-out forwards;
}
.jidepro2 .fade-in2 {
  -webkit-animation: jidepro2_up_text 1s 0.2s ease-in-out forwards;
  animation: jidepro2_up_text 1s 0.2s ease-in-out forwards;
}
.jidepro2 .fade-in3 {
  -webkit-animation: jidepro2_up_text 1s 0.3s ease-in-out forwards;
  animation: jidepro2_up_text 1s 0.4s ease-in-out forwards;
}
.jidepro2 .fade-in4 {
  -webkit-animation: jidepro2_up_text 1s 0.4s ease-in-out forwards;
  animation: jidepro2_up_text 1s 0.4s ease-in-out forwards;
}
.jidepro2 .fade-in6 {
  -webkit-animation: jidepro2_up_text 1s 0.6s ease-in-out forwards;
  animation: jidepro2_up_text 1s 0.6s ease-in-out forwards;
}
.jidepro2 .fade-in8 {
  -webkit-animation: jidepro2_up_text 1s 0.8s ease-in-out forwards;
  animation: jidepro2_up_text 1s 0.8s ease-in-out forwards;
}
.jidepro2 .fade-up {
  -webkit-animation: jidepro2_part2_up 2.4s 0.2s ease-in-out forwards;
  animation: jidepro2_part2_up 2.4s 0.2s ease-in-out forwards;
}
.jidepro2 .fade-down {
  -webkit-animation: jidepro2_part2_down 2.4s 0.2s ease-in-out forwards;
  animation: jidepro2_part2_down 2.4s 0.2s ease-in-out forwards;
}
/* jidepro2 动效  ------------------------------------------*/
@-webkit-keyframes jidepro2_banner_bg_scale {
  from {
    -webkit-transform: scale(1.1, 1.1) translateZ(0);
  }
  to {
    -webkit-transform: scale(1, 1) translateZ(0);
  }
}
@keyframes jidepro2_banner_bg_scale {
  from {
    transform: scale(1.1, 1.1) translateZ(0);
  }
  to {
    transform: scale(1, 1) translateZ(0);
  }
}
@-webkit-keyframes jidepro2_banner_text_up {
  0% {
    -webkit-transform: translateY(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes jidepro2_banner_text_up {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes jidepro2_up_text {
  0% {
    -webkit-transform: translateY(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes jidepro2_up_text {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes jidepro2_part2_up {
  0% {
    -webkit-transform: translateY(50px) rotateY(60deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0) rotateY(0);
    opacity: 1;
  }
}
@keyframes jidepro2_part2_up {
  0% {
    transform: translateY(50px) rotateY(60deg);
    opacity: 1;
  }
  100% {
    transform: translateY(0) rotateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes jidepro2_part2_down {
  0% {
    -webkit-transform: translateY(-50px) rotateY(50deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0) rotateY(0);
    opacity: 1;
  }
}
@keyframes jidepro2_part2_down {
  0% {
    transform: translateY(-50px) rotateY(50deg);
    opacity: 1;
  }
  100% {
    transform: translateY(0) rotateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes jidepro2_part3_cir {
  0% {
    -webkit-transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes jidepro2_part3_cir {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
/* jide_pad_l2  (技德硬件)==============================================================================================*/
.jide_pad_l2 {
  /* part1 全面的安全体系-------------------------------------------------------*/
  /* part2 -------------------------------------------------------*/
  /* part3 -------------------------------------------------------*/
  /* part4 -------------------------------------------------------*/
  /* part5 全尺寸磁吸键盘-------------------------------------------------------*/
}
.jide_pad_l2 .banner {
  width: 100%;
  height: 10.8rem;
  overflow: hidden;
  position: relative;
}
.jide_pad_l2 .banner .bannerbg {
  width: 100%;
  height: 100%;
  background: #000 url(../images/jide_pad_l2/banner.jpg) center no-repeat;
  background-size: contain;
  -webkit-animation: jide_pad_l2_banner_bg_scale 4s linear forwards;
  animation: jide_pad_l2_banner_bg_scale 4s linear forwards;
}
@media screen and (max-width: 1600px) {
  .jide_pad_l2 .banner .bannerbg {
    background: #000 url(../images/jide_pad_l2/banner.jpg) center no-repeat;
    background-size: 19.2rem;
  }
}
.jide_pad_l2 .banner .real {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.jide_pad_l2 .banner .real .top {
  height: 10.55rem;
  padding-top: 4.4rem;
  box-sizing: border-box;
}
.jide_pad_l2 .banner .real .top .text {
  width: 5.4rem;
  height: auto;
  color: #fff;
  margin: 0 auto;
}
.jide_pad_l2 .banner .real .top .text h1 {
  height: 1.2rem;
  line-height: 1.2rem;
  font-size: 0.62rem;
  text-align: center;
  /*text-align-last: center;解决安卓版UC浏览器中文字不居中问题*/
  -webkit-animation: jide_pad_l2_banner_text_up 1.5s 0.9s ease backwards;
  animation: jide_pad_l2_banner_text_up 1.5s 0.9s ease backwards;
}
.jide_pad_l2 .banner .real .top .text p {
  line-height: 0.4rem;
  font-size: 0.2rem;
  text-align: center;
  -webkit-animation: jide_pad_l2_banner_text_up 1.5s 1.2s ease backwards;
  animation: jide_pad_l2_banner_text_up 1.5s 1.2s ease backwards;
}
.jide_pad_l2 .part1 {
  padding: 2.78rem 0 2.5rem;
}
.jide_pad_l2 .part1 .part1_img1 {
  width: 5.9rem;
  height: 3.89rem;
}
.jide_pad_l2 .part1 .part1_img2 {
  width: 5.35rem;
  height: 2.48rem;
  margin-top: 0.7rem;
}
.jide_pad_l2 .part1 .part1_img3 {
  display: block;
  margin: 1.2rem auto 0;
  width: 10.55rem;
  height: 5.41rem;
}
.jide_pad_l2 .part1 .part1_bottom {
  margin-top: 2.6rem;
}
.jide_pad_l2 .part1 .part1_img4 {
  width: 9.56rem;
  height: 7.66rem;
  margin-left: -3.6rem;
}
.jide_pad_l2 .part1 .part1_img5 {
  width: 5.96rem;
  height: 6.51rem;
}
.jide_pad_l2 .part2 {
  width: 100%;
  height: 12.8rem;
  overflow: hidden;
  background: #000 url(../images/jide_pad_l2/part2_bg.jpg) center no-repeat;
  background-size: 19.2rem;
}
.jide_pad_l2 .part2 .part2_real {
  padding-top: 3rem;
}
.jide_pad_l2 .part2 .part2_img1 {
  display: block;
  width: 6.36rem;
  height: 7.04rem;
}
.jide_pad_l2 .part3 {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #fff url(../images/jide_pad_l2/part3_bg.jpg) top no-repeat;
  background-size: 19.2rem;
  padding-bottom: 2.2rem;
}
.jide_pad_l2 .part3 .part3_real {
  padding-top: 2.2rem;
  height: auto;
}
.jide_pad_l2 .part3 .part3_img1 {
  display: block;
  width: 7.36rem;
}
.jide_pad_l2 .part3 .part3_img2 {
  display: block;
  width: 7.35rem;
  margin: 7.4rem auto 0.8rem;
}
.jide_pad_l2 .part3 .part3_img3,
.jide_pad_l2 .part3 .part3_img5 {
  display: block;
  width: 10.32rem;
  margin-left: 1.1rem;
}
.jide_pad_l2 .part3 .part3_img4 {
  display: block;
  width: 7.1rem;
  margin: 2rem auto 0.8rem;
}
.jide_pad_l2 .part4 {
  height: 8rem;
  background: url(../images/jide_pad_l2/part4_bg.jpg) center no-repeat;
  background-size: cover;
}
.jide_pad_l2 .part4 .real {
  height: auto;
  padding-top: 1.5rem;
}
.jide_pad_l2 .part4 .real .part4_img1 {
  width: 4.28rem;
}
.jide_pad_l2 .part4 .real .right {
  width: 5.26rem;
}
.jide_pad_l2 .part5 {
  height: auto;
  background: #fff;
  padding: 2.2rem 0;
}
.jide_pad_l2 .part5 .part5_img1 {
  display: block;
  width: 11.36rem;
  margin: 0 auto;
}
.jide_pad_l2 .part5 .part5_img2 {
  display: block;
  width: 11.97rem;
  margin: 1.1rem auto 0;
}
.jide_pad_l2 .animateItem {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.jide_pad_l2 .fade-in {
  -webkit-animation: jide_pad_l2_up_text 1s ease-in-out forwards;
  animation: jide_pad_l2_up_text 1s ease-in-out forwards;
}
.jide_pad_l2 .fade-in2 {
  -webkit-animation: jide_pad_l2_up_text 1s 0.2s ease-in-out forwards;
  animation: jide_pad_l2_up_text 1s 0.2s ease-in-out forwards;
}
.jide_pad_l2 .fade-in3 {
  -webkit-animation: jide_pad_l2_up_text 1s 0.3s ease-in-out forwards;
  animation: jide_pad_l2_up_text 1s 0.4s ease-in-out forwards;
}
.jide_pad_l2 .fade-in4 {
  -webkit-animation: jide_pad_l2_up_text 1s 0.4s ease-in-out forwards;
  animation: jide_pad_l2_up_text 1s 0.4s ease-in-out forwards;
}
.jide_pad_l2 .fade-in6 {
  -webkit-animation: jide_pad_l2_up_text 1s 0.6s ease-in-out forwards;
  animation: jide_pad_l2_up_text 1s 0.6s ease-in-out forwards;
}
.jide_pad_l2 .fade-in8 {
  -webkit-animation: jide_pad_l2_up_text 1s 0.8s ease-in-out forwards;
  animation: jide_pad_l2_up_text 1s 0.8s ease-in-out forwards;
}
/* jide_pad_l2 动效  ------------------------------------------*/
@-webkit-keyframes jide_pad_l2_banner_bg_scale {
  from {
    -webkit-transform: scale(1.1, 1.1) translateZ(0);
  }
  to {
    -webkit-transform: scale(1, 1) translateZ(0);
  }
}
@keyframes jide_pad_l2_banner_bg_scale {
  from {
    transform: scale(1.1, 1.1) translateZ(0);
  }
  to {
    transform: scale(1, 1) translateZ(0);
  }
}
@-webkit-keyframes jide_pad_l2_banner_text_up {
  0% {
    -webkit-transform: translateY(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes jide_pad_l2_banner_text_up {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes jide_pad_l2_up_text {
  0% {
    -webkit-transform: translateY(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes jide_pad_l2_up_text {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/* jideOS  (操作系统)==============================================================================================*/
.jideos .mode {
  width: 100%;
  height: auto;
  background: url(../images/jideos/mode_bg.png) left bottom no-repeat;
  background-size: 19.2rem;
}
.jideos .mode .banner {
  height: 21.7rem;
  position: relative;
  overflow: visible;
}
.jideos .mode .banner .zhanwei {
  position: absolute;
  top: 0;
  left: 0;
  height: 9rem;
  width: 1px;
  opacity: 0;
  z-index: -1;
}
.jideos .mode .banner .box {
  width: 100%;
  height: auto;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
}
.jideos .mode .banner .box .undertitle {
  width: 100%;
  height: 0.72rem;
  padding-top: 2.42rem;
}
.jideos .mode .banner .box .undertitle img {
  display: block;
  width: 1.28rem;
  height: 0.31rem;
  margin: 0 auto;
}
.jideos .mode .banner .box .bgbox {
  width: 10.38rem;
  height: 7.47rem;
  margin: 0 auto;
  background: url(../images/jideos/paid.png) no-repeat;
  background-size: 100% 100%;
  -webkit-animation: part2_op 0.2s 0.6s ease-in backwards;
  animation: part2_op 0.2s 0.6s ease-in backwards;
  box-sizing: border-box;
  transform-origin: center center;
  position: relative;
  -webkit-transition: transform 200ms linear;
  -o-transition: transform 200ms linear;
  -ms-transition: transform 200ms linear;
  transition: transform 200ms linear;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.jideos .mode .banner .box .bgbox .bigImg {
  width: 9.12rem;
  height: 6.08rem;
  margin: 0 auto;
  position: relative;
  top: 0.69rem;
}
.jideos .mode .banner .box .bgbox .bigImg .bigimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.jideos .mode .banner .box .bgbox .bigImg .smallimgBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  overflow: hidden;
}
.jideos .mode .banner .box .bgbox .bigImg .smallimgBox img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-animation: jideos_banner_icon_in 0.4s ease-in backwards;
  animation: jideos_banner_icon_in 0.4s ease-in backwards;
}
.jideos .mode .banner .bannertitle {
  position: absolute;
  top: 4.9rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 0.74rem;
  text-align: center;
  color: #fff;
  -webkit-animation: jideos_banner 1.2s 0.8s linear backwards;
  animation: jideos_banner 1.2s 0.8s linear backwards;
}
.jideos .mode .banner_text {
  height: 4.36rem;
  margin: 0.32rem auto 0;
  color: #000;
}
.jideos .mode .banner_text h2 {
  font-size: 0.62rem;
  height: 1.38rem;
  line-height: 1.38rem;
  text-align: center;
}
.jideos .mode .banner_text p {
  font-size: 0.2rem;
  line-height: 0.36rem;
  text-align: center;
}
.jideos .mode .part1 {
  height: 6.62rem;
}
.jideos .mode .part1 .img {
  display: block;
  width: 8.12rem;
  height: 5.02rem;
  margin: -0.12rem 0 0 -0.65rem;
}
.jideos .mode .part1 .text {
  display: block;
  width: 4.26rem;
  height: auto;
  margin: 0.47rem -0.3rem 0 0;
  color: #000;
}
.jideos .mode .part1 .text .p1 {
  line-height: 0.65rem;
  font-size: 0.55rem;
  white-space: nowrap;
  margin-bottom: 0.3rem;
  font-weight: bold;
  letter-spacing: 1.9px;
}
.jideos .mode .part1 .text .p2 {
  line-height: 0.36rem;
  font-size: 0.2rem;
  width: 3.98rem;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.jideos .mode .part2 {
  height: 13.36rem;
  border-bottom: 1px solid #e5e6e6;
}
.jideos .mode .part2 .title {
  height: 2.68rem;
  color: #000;
}
.jideos .mode .part2 .title h2 {
  font-size: 0.62rem;
  height: 1.18rem;
  line-height: 1.18rem;
  text-align: center;
}
.jideos .mode .part2 .title p {
  font-size: 0.2rem;
  line-height: 0.38rem;
  text-align: center;
}
.jideos .mode .part2 .bottom .bg {
  width: 11.9rem;
  height: 7.84rem;
  background: url(../images/jideos/part2_paid.png) no-repeat;
  background-size: 100%;
  overflow: hidden;
}
.jideos .mode .part2 .bottom .bg .imgbox {
  width: 9.13rem;
  height: 6.09rem;
  margin: 0.48rem auto 0;
  position: relative;
}
.jideos .mode .part2 .bottom .bg .imgbox .tab_top {
  position: absolute;
  top: 0;
  left: 0;
  width: 9.13rem;
  height: 6.09rem;
  opacity: 0;
  -webkit-transition: opacity 0.6s linear;
  transition: opacity 0.6s linear;
}
.jideos .mode .part2 .bottom .bg .imgbox .tab_top.active {
  opacity: 1;
}
.jideos .mode .part2 .bottom .btn {
  padding-left: 3.27rem;
  margin-top: 0.6rem;
  font-size: 0.2rem;
}
.jideos .mode .part2 .bottom .btn .tab {
  width: 1.02rem;
  margin: 0 0.4rem;
  height: 0.4rem;
  line-height: 0.4rem;
  color: #999;
  border-bottom: 2px solid #999999;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}
.jideos .mode .part2 .bottom .btn .tab.active {
  color: #f7323f;
  border-bottom: 2px solid #f7323f;
}
.jideos .mode .part2 .bottom .text {
  width: 4.68rem;
  margin: 0.34rem 0 0 3.67rem;
  position: relative;
  color: #000;
}
.jideos .mode .part2 .bottom .text .tab_bottom {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.3rem;
  line-height: 0.3rem;
  text-align: justify;
  text-justify: distribute-all-lines;
  font-size: 0.18rem;
  display: none;
  -webkit-animation: part2_op_t 0.6s linear backwards;
  animation: part2_op_t 0.6s linear backwards;
}
.jideos .mode .part2 .bottom .text .tab_bottom.active {
  display: block;
}
.jideos .mode .part3 {
  margin-top: 1.9rem;
  height: 11.09rem;
}
.jideos .mode .part3 .top {
  height: 7.74rem;
  position: relative;
}
.jideos .mode .part3 .top .bg {
  width: 10.38rem;
  height: 7.47rem;
  margin: 0 auto;
  background: url(../images/jideos/paid.png) no-repeat;
  background-size: 100%;
  overflow: hidden;
}
.jideos .mode .part3 .top .bg video {
  display: block;
  width: 9.12rem;
  height: 6.08rem;
  margin: 0.69rem auto;
  object-fit: fill;
  background: #000;
}
.jideos .mode .part3 .top .replay {
  position: absolute;
  top: 7.45rem;
  left: 0;
  right: 0;
  margin: auto;
  width: 0.9rem;
  text-align: center;
  font-size: 0;
  cursor: pointer;
  display: none;
}
.jideos .mode .part3 .top .replay img {
  display: inline-block;
  height: 0.21rem;
  margin-right: 0.1rem;
  vertical-align: middle;
}
.jideos .mode .part3 .top .replay span {
  display: inline-block;
  height: 0.21rem;
  line-height: 0.21rem;
  font-size: 0.16rem;
  vertical-align: middle;
  color: #036eb7;
}
.jideos .mode .part3 .text {
  color: #000;
}
.jideos .mode .part3 .text h2 {
  height: 1.32rem;
  line-height: 1.32rem;
  font-size: 0.62rem;
  text-align: center;
}
.jideos .mode .part3 .text p {
  line-height: 0.38rem;
  font-size: 0.2rem;
  text-align: center;
}
.jideos .mode .part4 {
  height: 9.3rem;
}
.jideos .mode .part4 .left {
  width: 8.79rem;
  height: 8rem;
  overflow: hidden;
  position: relative;
}
.jideos .mode .part4 .left .bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 10.38rem;
  height: 7.47rem;
  margin: 0 auto;
  background: url(../images/jideos/paid.png) no-repeat;
  background-size: 100%;
  overflow: hidden;
}
.jideos .mode .part4 .left .bg video {
  display: block;
  width: 9.12rem;
  height: 6.08rem;
  margin: 0.69rem auto;
  object-fit: fill;
  background: #000;
}
.jideos .mode .part4 .left .replay {
  position: absolute;
  top: 7.45rem;
  right: 4.32rem;
  width: 0.9rem;
  text-align: center;
  font-size: 0;
  cursor: pointer;
  display: none;
}
.jideos .mode .part4 .left .replay img {
  display: inline-block;
  height: 0.21rem;
  margin-right: 0.1rem;
  vertical-align: middle;
}
.jideos .mode .part4 .left .replay span {
  display: inline-block;
  height: 0.21rem;
  line-height: 0.21rem;
  font-size: 0.16rem;
  vertical-align: middle;
  color: #036eb7;
}
.jideos .mode .part4 .right {
  width: 2.78rem;
  margin-top: 0.72rem;
  color: #000;
}
.jideos .mode .part4 .right h2 {
  height: 0.66rem;
  line-height: 0.66rem;
  font-size: 0.55rem;
  white-space: nowrap;
}
.jideos .mode .part4 .right p {
  margin-top: 0.28rem;
  line-height: 0.38rem;
  font-size: 0.2rem;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.jideos .mode .part5 {
  height: 6.99rem;
}
.jideos .mode .part5 .left {
  width: 3.66rem;
  color: #000;
}
.jideos .mode .part5 .left h2 {
  height: 0.68rem;
  line-height: 0.68rem;
  font-size: 0.55rem;
  white-space: nowrap;
}
.jideos .mode .part5 .left p {
  margin-top: 0.24rem;
  line-height: 0.38rem;
  font-size: 0.2rem;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.jideos .mode .part5 .right {
  display: block;
  width: 7.18rem;
  height: 7.09rem;
  margin: 0.24rem -0.14rem 0 0;
}
.jideos .mode .part6 {
  height: 12.23rem;
}
.jideos .mode .part6 .top {
  height: 2.92rem;
  color: #000;
}
.jideos .mode .part6 .top h2 {
  height: 0.7rem;
  line-height: 0.7rem;
  font-size: 0.55rem;
  white-space: nowrap;
}
.jideos .mode .part6 .top p {
  margin-top: 0.24rem;
  line-height: 0.38rem;
  font-size: 0.2rem;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.jideos .mode .part6 .bottom {
  height: 7.74rem;
  position: relative;
}
.jideos .mode .part6 .bottom .bg {
  width: 10.38rem;
  height: 7.47rem;
  margin: 0 auto;
  background: url(../images/jideos/paid.png) no-repeat;
  background-size: 100%;
  overflow: hidden;
}
.jideos .mode .part6 .bottom .bg video {
  display: block;
  width: 9.12rem;
  height: 6.08rem;
  margin: 0.69rem auto;
  object-fit: fill;
  background: #000;
}
.jideos .mode .part6 .bottom .replay {
  position: absolute;
  top: 7.45rem;
  left: 0;
  right: 0;
  margin: auto;
  width: 0.9rem;
  text-align: center;
  font-size: 0;
  cursor: pointer;
  display: none;
}
.jideos .mode .part6 .bottom .replay img {
  display: inline-block;
  height: 0.21rem;
  margin-right: 0.1rem;
  vertical-align: middle;
}
.jideos .mode .part6 .bottom .replay span {
  display: inline-block;
  height: 0.21rem;
  line-height: 0.21rem;
  font-size: 0.16rem;
  vertical-align: middle;
  color: #036eb7;
}
.jideos .mode .part7 {
  height: 9.17rem;
}
.jideos .mode .part7 .text {
  height: 3.06rem;
  color: #000;
}
.jideos .mode .part7 .text div {
  font-size: 0;
  text-align: center;
  line-height: 1.38rem;
}
.jideos .mode .part7 .text div img {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  margin-right: 0.2rem;
  vertical-align: middle;
  margin-top: -0.05rem;
}
.jideos .mode .part7 .text div h2 {
  display: inline-block;
  font-size: 0.62rem;
  width: 6.45rem;
  vertical-align: middle;
  text-align: left;
}
.jideos .mode .part7 .text p {
  font-size: 0.2rem;
  line-height: 0.38rem;
  text-align: center;
}
.jideos .mode .part7 .text a {
  width: 1rem;
  height: 0.32rem;
  display: block;
  margin: 0.14rem auto 0;
  color: #036eb7;
  font-size: 0.18rem;
}
.jideos .mode .part7 .text a:hover {
  color: #f7323f;
}
.jideos .mode .part7 .bottom {
  width: 13.5rem;
  height: 4.88rem;
  margin-left: -0.67rem;
  margin-top: 0.16rem;
  white-space: nowrap;
}
.jideos .mode .part7 .bottom img {
  display: block;
  width: 3.26rem;
  height: 4.88rem;
}
.jideos .mode .part7 .bottom .mr10 {
  margin-right: 0.1rem;
}
.jideos .mode .part8 {
  height: 6.1rem;
  overflow: hidden;
  position: relative;
}
.jideos .mode .part8 .bg {
  display: block;
  margin: 0.24rem 0 0 2.44rem;
  width: 9.67rem;
  height: 5rem;
}
.jideos .mode .part8 .text {
  position: absolute;
  top: 0;
  left: 0;
  color: #000;
}
.jideos .mode .part8 .text h2 {
  height: 1.32rem;
  line-height: 1.32rem;
  font-size: 0.62rem;
}
.jideos .mode .part8 .text p {
  height: 2.08rem;
  line-height: 0.38rem;
  font-size: 0.2rem;
}
.jideos .mode .part8 .text img {
  display: block;
  width: 2.71rem;
}
.jideos .part_shebei {
  height: 9.44rem;
  background: url(../images/jideos/part_shebei_bg.jpg) center no-repeat;
  background-size: cover;
  overflow: hidden;
}
.jideos .part_shebei .real {
  margin-top: 2.2rem;
  height: auto;
}
.jideos .part_shebei .real .left {
  width: 4.38rem;
  color: #fff;
}
.jideos .part_shebei .real .left .p1 {
  height: 2.95rem;
  line-height: 0.64rem;
  font-size: 0.52rem;
}
.jideos .part_shebei .real .left .p2 {
  line-height: 0.38rem;
  font-size: 0.2rem;
}
.jideos .part_shebei .real .right {
  display: block;
  width: 5.61rem;
  height: 4.45rem;
  margin-right: 0.2rem;
}
.jideos .part_safe {
  padding: 0.8rem 0 0.9rem;
  background: #f7323f;
}
.jideos .part_safe .real {
  color: #fff;
}
.jideos .part_safe .real .title {
  height: 0.66rem;
  line-height: 0.68rem;
  margin-bottom: 0.84rem;
  font-size: 0.55rem;
}
.jideos .part_safe .real .bottom .text {
  width: 3.6rem;
  line-height: 0.34rem;
  font-size: 0.18rem;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.jideos .part_safe .real .bottom .list {
  width: 7.74rem;
}
.jideos .part_safe .real .bottom .list .box {
  width: 3.48rem;
}
.jideos .part_safe .real .bottom .list .box .item img {
  width: 0.78rem;
  height: 0.4rem;
  margin-top: 0.06rem;
}
.jideos .part_safe .real .bottom .list .box .item .dec {
  width: 2.4rem;
}
.jideos .part_safe .real .bottom .list .box .item .dec h2 {
  line-height: 0.32rem;
  font-size: 0.16rem;
  margin-bottom: 0.2rem;
}
.jideos .part_safe .real .bottom .list .box .item .dec p {
  line-height: 0.26rem;
  font-size: 0.16rem;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.jideos .part_safe .real .bottom .list .box .item.mb50 {
  margin-bottom: 0.55rem;
}
.jideos .part_safe .real .bottom .list .box2 {
  width: 3.7rem;
}
.jideos .part_safe .real .bottom .list .box2 .item img {
  width: 0.78rem;
  height: 0.4rem;
  margin-top: 0.06rem;
}
.jideos .part_safe .real .bottom .list .box2 .item .dec {
  width: 2.62rem;
}
.jideos .part_safe .real .bottom .list .box2 .item .dec h2 {
  line-height: 0.32rem;
  font-size: 0.16rem;
  margin-bottom: 0.2rem;
}
.jideos .part_safe .real .bottom .list .box2 .item .dec p {
  line-height: 0.26rem;
  font-size: 0.16rem;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.jideos .part_safe .real .bottom .list .box2 .item .dec p.mb20 {
  margin-bottom: 0.2rem;
}
.jideos .fade-in {
  -webkit-animation: jideos_up_text 1s ease-in-out backwards;
  animation: jideos_up_text 1s ease-in-out backwards;
}
.jideos .fade-in2 {
  -webkit-animation: jideos_up_text 1s 0.2s ease-in-out backwards;
  animation: jideos_up_text 1s 0.2s ease-in-out backwards;
}
.jideos .fade-in3 {
  -webkit-animation: jideos_up_text 1s 0.3s ease-in-out backwards;
  animation: jideos_up_text 1s 0.4s ease-in-out backwards;
}
.jideos .fade-in4 {
  -webkit-animation: jideos_up_text 1s 0.4s ease-in-out backwards;
  animation: jideos_up_text 1s 0.4s ease-in-out backwards;
}
.jideos .fade-in6 {
  -webkit-animation: jideos_up_text 1s 0.6s ease-in-out backwards;
  animation: jideos_up_text 1s 0.6s ease-in-out backwards;
}
.jideos .fade-in8 {
  -webkit-animation: jideos_up_text 1s 0.8s ease-in-out backwards;
  animation: jideos_up_text 1s 0.8s ease-in-out backwards;
}
@-webkit-keyframes jideos_banner {
  0% {
    -webkit-transform: translateY(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes jideos_banner {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes jideos_banner_icon_in {
  0% {
    -webkit-transform: scale(1.1);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@keyframes jideos_banner_icon_in {
  0% {
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes part2_op {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes part2_op {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes part2_op_t {
  0% {
    -webkit-transform: translateY(6px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes part2_op_t {
  0% {
    transform: translateY(6px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes jideos_part7 {
  0% {
    -webkit-transform: scale(4);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@keyframes jideos_part7 {
  0% {
    transform: scale(4);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes jideos_up_text {
  0% {
    -webkit-transform: translateY(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes jideos_up_text {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/* jideOSX  (操作系统)==============================================================================================*/
.jideosx {
  font-family: "HYQiHei-50S", "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53";
}
.jideosx .banner {
  height: 9.65rem;
  background: #1c1d21;
}
.jideosx .banner .text {
  padding-top: 3.06rem;
  color: #fff;
}
.jideosx .banner .text h1 {
  font-size: 0.66rem;
  font-weight: normal;
  height: 0.9rem;
  line-height: 0.9rem;
  -webkit-animation: jideosx_banner 1.6s 0.4s ease backwards;
  animation: jideosx_banner 1.6s 0.4s ease backwards;
}
.jideosx .banner .text h2 {
  font-size: 0.62rem;
  height: 0.9rem;
  line-height: 0.9rem;
  -webkit-animation: jideosx_banner 1.6s 0.8s ease backwards;
  animation: jideosx_banner 1.6s 0.8s ease backwards;
}
.jideosx .part1 {
  height: 9.58rem;
}
.jideosx .part1 .real {
  position: relative;
  top: -2.9rem;
}
.jideosx .part1 .real .top {
  position: relative;
  left: -0.425rem;
  width: 12.85rem;
  height: 9.02rem;
}
.jideosx .part1 .real .top .bg {
  display: block;
  width: 12.85rem;
  height: 8.35rem;
}
.jideosx .part1 .real .top video {
  position: absolute;
  top: 0.24rem;
  left: 1.38rem;
  width: 10.06rem;
  height: 5.68rem;
  object-fit: fill;
}
.jideosx .part1 .real .replay {
  position: absolute;
  top: 8.38rem;
  left: 0;
  right: 0;
  margin: auto;
  width: 0.9rem;
  text-align: center;
  font-size: 0;
  cursor: pointer;
  display: none;
}
.jideosx .part1 .real .replay img {
  display: inline-block;
  height: 0.21rem;
  margin-right: 0.1rem;
  vertical-align: middle;
}
.jideosx .part1 .real .replay span {
  display: inline-block;
  height: 0.21rem;
  line-height: 0.21rem;
  font-size: 0.16rem;
  vertical-align: middle;
  color: #036eb7;
}
.jideosx .part1 .real .text {
  color: #000;
  font-size: 0.2rem;
}
.jideosx .part1 .real .text p {
  text-align: center;
  line-height: 0.38rem;
}
.jideosx .part2 {
  height: 10.38rem;
  padding-top: 1.24rem;
  background: #d8effd;
}
.jideosx .part2 .real h2 {
  font-size: 0.62rem;
  color: #000;
  height: 1.36rem;
  line-height: 1.36rem;
}
.jideosx .part2 .real .list .item {
  display: block;
  width: 3.7rem;
  height: 3.4rem;
  background: #fff;
  border-radius: 0.24rem;
  margin-top: 0.5rem;
  cursor: pointer;
  position: relative;
}
.jideosx .part2 .real .list .item p {
  padding: 0.46rem 0 0 0.26rem;
  line-height: 0.32rem;
  color: #000;
  font-size: 0.26rem;
  font-weight: bold;
}
.jideosx .part2 .real .list .item img {
  position: absolute;
  bottom: 0.4rem;
  left: 0.26rem;
  width: 0.847rem;
  height: 0.518rem;
  -webkit-transition: width 0.4s linear, height 0.4s linear;
  transition: width 0.4s linear, height 0.4s linear;
}
.jideosx .part2 .real .list .item:hover img {
  width: 1.21rem;
  height: 0.74rem;
}
.jideosx .part2 .real .list .mr {
  margin-right: 0.45rem;
}
.jideosx .part3 {
  height: 6.49rem;
  background: #003055 url(../images/jideosx/part3.jpg) center no-repeat;
  background-size: 19.2rem;
}
.jideosx .part3 .real {
  padding-top: 1.42rem;
}
.jideosx .part3 .real .text {
  color: #fff;
}
.jideosx .part3 .real .text h2 {
  height: 0.56rem;
  line-height: 0.56rem;
  font-size: 0.4rem;
  font-weight: normal;
  margin-bottom: 0.26rem;
}
.jideosx .part3 .real .text p {
  width: 5.5rem;
  text-align: justify;
  text-justify: distribute-all-lines;
  font-size: 0.2rem;
  line-height: 0.38rem;
  margin-bottom: 0.3rem;
}
.jideosx .part3 .real .text div {
  font-size: 0.2rem;
  height: 0.38rem;
  line-height: 0.38rem;
  font-weight: bold;
}
.jideosx .part3 .real .text div span {
  display: inline-block;
  width: 2px;
  height: 0.16rem;
  background: #fff;
  overflow: hidden;
  vertical-align: middle;
  margin: 0 0.14rem;
}
.jideosx .part4 {
  height: 17.52rem;
  background: #fff url(../images/jideosx/part4bg.jpg) center no-repeat;
  background-size: 19.2rem;
}
.jideosx .part4 .real {
  position: relative;
  padding-top: 1.33rem;
}
.jideosx .part4 .real .img1 {
  position: absolute;
  top: 2rem;
  right: -0.46rem;
  width: 6.6rem;
  height: 3.78rem;
}
.jideosx .part4 .real .text {
  color: #000;
}
.jideosx .part4 .real .text h2 {
  font-weight: normal;
  font-size: 0.4rem;
  height: 0.56rem;
  line-height: 0.56rem;
  margin-bottom: 0.3rem;
}
.jideosx .part4 .real .text p {
  width: 5.34rem;
  text-align: justify;
  text-justify: distribute-all-lines;
  font-size: 0.2rem;
  line-height: 0.38rem;
}
.jideosx .part4 .real .text.height1 {
  height: 4.14rem;
}
.jideosx .part4 .real .text.height2 {
  height: 3.64rem;
}
.jideosx .part4 .real .img2 {
  position: relative;
  left: -0.84rem;
  width: 9.24rem;
  height: 6.2rem;
}
.jideosx .part4 .real .img2 .bg {
  display: block;
  width: 100%;
  height: 100%;
}
.jideosx .part4 .real .img2 video {
  position: absolute;
  top: 0.42rem;
  left: 1.22rem;
  width: 6.94rem;
  height: 4.62rem;
  object-fit: fill;
}
.jideosx .part4 .real .img2 .replay2 {
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  right: 0;
  margin: auto;
  width: 0.9rem;
  text-align: center;
  font-size: 0;
  cursor: pointer;
  display: none;
}
.jideosx .part4 .real .img2 .replay2 img {
  display: inline-block;
  height: 0.21rem;
  margin-right: 0.1rem;
  vertical-align: middle;
}
.jideosx .part4 .real .img2 .replay2 span {
  display: inline-block;
  height: 0.21rem;
  line-height: 0.21rem;
  font-size: 0.16rem;
  vertical-align: middle;
  color: #036eb7;
}
.jideosx .part4 .real .list {
  position: absolute;
  top: 11.2rem;
  right: 0;
  width: 3.42rem;
  height: auto;
}
.jideosx .part4 .real .list p {
  background: url(../images/jideosx/part4_icon.png) left no-repeat;
  background-size: 0.45rem;
  color: #000;
  font-size: 0.2rem;
  font-weight: bold;
  padding: 0.1rem 0 0.1rem 0.72rem;
  line-height: 0.25rem;
}
.jideosx .part4 .real .list .mb1 {
  margin-bottom: 0.5rem;
}
.jideosx .part4 .real .list .mb2 {
  margin-bottom: 0.4rem;
}
.jideosx .part5 {
  height: 15.82rem;
  background: #000 url(../images/jideosx/part5bg.jpg) bottom no-repeat;
  background-size: 19.2rem;
}
.jideosx .part5 .real {
  padding-top: 0.94rem;
}
.jideosx .part5 .real .title {
  color: #fff;
}
.jideosx .part5 .real .title h2 {
  font-weight: normal;
  font-size: 0.4rem;
  height: 0.56rem;
  line-height: 0.56rem;
  margin-bottom: 0.3rem;
}
.jideosx .part5 .real .title p {
  width: 5.34rem;
  text-align: justify;
  text-justify: distribute-all-lines;
  font-size: 0.2rem;
  line-height: 0.38rem;
}
.jideosx .part5 .real .group {
  margin-top: 0.9rem;
  height: 5.4rem;
  position: relative;
}
.jideosx .part5 .real .group .lf {
  width: 8.26rem;
  height: 3.81rem;
  position: relative;
}
.jideosx .part5 .real .group .lf div {
  width: 100%;
  height: 0.89rem;
  position: absolute;
  left: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}
.jideosx .part5 .real .group .lf div img {
  display: block;
  width: 5.68rem;
  height: 0.89rem;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}
.jideosx .part5 .real .group .lf div p {
  position: absolute;
  top: 0;
  left: 5.9rem;
  color: #fff;
  font-size: 0.18rem;
  font-weight: bold;
  white-space: nowrap;
}
.jideosx .part5 .real .group .lf div.t1 {
  bottom: 0;
}
.jideosx .part5 .real .group .lf div.t2 {
  bottom: 0.7rem;
}
.jideosx .part5 .real .group .lf div.t3 {
  bottom: 1.4rem;
}
.jideosx .part5 .real .group .lf div.t4 {
  bottom: 2.1rem;
}
.jideosx .part5 .real .group .lf div.t5 {
  bottom: 2.8rem;
}
.jideosx .part5 .real .group .lf div.init {
  bottom: 0;
}
.jideosx .part5 .real .group .lf .open {
  -webkit-animation: jideosx_part5 1.2s ease-in-out backwards;
  animation: jideosx_part5 1.2s ease-in-out backwards;
}
.jideosx .part5 .real .group .lf .open p {
  -webkit-animation: jideosx_part5_op 0.8s 1.2s ease backwards;
  animation: jideosx_part5_op 0.8s 1.2s ease backwards;
}
.jideosx .part5 .real .group .ri {
  position: absolute;
  top: 0;
  right: -0.64rem;
  width: 4.56rem;
  height: 3.28rem;
  border: 2px solid #2e2e31;
  border-radius: 0.26rem;
  background: #000;
  box-sizing: border-box;
}
.jideosx .part5 .real .group .ri .svg {
  display: block;
  width: 1.96rem;
  height: 1.96rem;
  margin: 0.62rem auto 0;
}
.jideosx .part5 .real .group .ri .svg #cir1 {
  stroke-dasharray: 596.6;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
  transform-origin: center;
}
.jideosx .part5 .real .group .ri .svg #cir2 {
  stroke-dasharray: 420.76;
  stroke-dashoffset: 0;
}
.jideosx .part5 .real .group .ri .svg .ani1 {
  -webkit-animation: jideosx_dash1 2.6s linear forwards;
  animation: jideosx_dash1 2.6s linear forwards;
}
.jideosx .part5 .real .group .ri .svg .ani2 {
  -webkit-animation: jideosx_dash2 2.6s linear forwards;
  animation: jideosx_dash2 2.6s linear forwards;
}
.jideosx .part5 .real .group .ri .curNum {
  font-size: 0.28rem;
  color: #01ffff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  width: 0.72rem;
  height: 0.32rem;
  line-height: 0.32rem;
  padding-left: 0.04rem;
}
.jideosx .part5 .real .group .ri .line {
  position: absolute;
  top: -0.38rem;
  left: 2.62rem;
  width: 0.99rem;
  height: 1.15rem;
}
.jideosx .part5 .real .group .ri .text {
  position: absolute;
  top: -0.9rem;
  left: 1.16rem;
  color: #fff;
  font-size: 0.18rem;
  font-weight: bold;
}
.jideosx .part5 .real .group .ri .text span {
  font-size: 0.4rem;
}
.jideosx .part6 {
  height: 19.62rem;
  background: #fff url(../images/jideosx/part6bg.jpg) center no-repeat;
  background-size: 22rem;
}
.jideosx .part6 .real {
  padding-top: 1.18rem;
}
.jideosx .part6 .real .text {
  color: #000;
}
.jideosx .part6 .real .text h2 {
  font-size: 0.4rem;
  height: 0.56rem;
  line-height: 0.56rem;
  font-weight: normal;
  margin-bottom: 0.3rem;
}
.jideosx .part6 .real .text p {
  font-size: 0.2rem;
  line-height: 0.38rem;
}
.jideosx .part6 .real .img1,
.jideosx .part6 .real .img2 {
  display: block;
  width: 9.03rem;
  height: 5rem;
  margin: 0.84rem auto 0;
}
.jideosx .part7 {
  height: 5.94rem;
  background: #accac2;
}
.jideosx .part7 .real {
  padding-top: 1.1rem;
}
.jideosx .part7 .real .text {
  color: #000;
  width: 5.36rem;
}
.jideosx .part7 .real .text h2 {
  font-size: 0.4rem;
  height: 0.56rem;
  line-height: 0.56rem;
  margin-bottom: 0.3rem;
  font-weight: normal;
}
.jideosx .part7 .real .text p {
  font-size: 0.2rem;
  line-height: 0.38rem;
}
.jideosx .part7 .real .scene {
  width: 5.91rem;
  margin-right: -0.01rem;
  color: #fff;
}
.jideosx .part7 .real .scene h2 {
  height: 0.62rem;
  line-height: 0.62rem;
  margin-bottom: 0.3rem;
  font-size: 0.3rem;
  text-align: center;
}
.jideosx .part7 .real .scene .list span {
  width: 1.9rem;
  height: 1.12rem;
  background: #007b80;
  line-height: 1.12rem;
  text-align: center;
  font-size: 0.3rem;
  margin-bottom: 0.1rem;
}
.jideosx .part7 .real .scene .list .mr {
  margin-right: 0.1rem;
}
.jideosx .maodian1 {
  display: block;
  height: 0;
  opacity: 0;
  overflow: hidden;
}
.jideosx .maodian2 {
  display: block;
  height: 1.2rem;
  opacity: 0;
  overflow: hidden;
}
.jideosx .fade-in {
  -webkit-animation: jideosx_up_text 1s ease-in-out forwards;
  animation: jideosx_up_text 1s ease-in-out forwards;
}
.jideosx .fade-in2 {
  -webkit-animation: jideosx_up_text 1s 0.2s ease-in-out forwards;
  animation: jideosx_up_text 1s 0.2s ease-in-out forwards;
}
.jideosx .fade-in3 {
  -webkit-animation: jideosx_up_text 1s 0.3s ease-in-out forwards;
  animation: jideosx_up_text 1s 0.4s ease-in-out forwards;
}
.jideosx .fade-in4 {
  -webkit-animation: jideosx_up_text 1s 0.4s ease-in-out forwards;
  animation: jideosx_up_text 1s 0.4s ease-in-out forwards;
}
.jideosx .fade-in5 {
  -webkit-animation: jideosx_up_text 1s 0.5s ease-in-out forwards;
  animation: jideosx_up_text 1s 0.5s ease-in-out forwards;
}
.jideosx .fade-in6 {
  -webkit-animation: jideosx_up_text 1s 0.6s ease-in-out forwards;
  animation: jideosx_up_text 1s 0.6s ease-in-out forwards;
}
.jideosx .fade-in8 {
  -webkit-animation: jideosx_up_text 1s 0.8s ease-in-out forwards;
  animation: jideosx_up_text 1s 0.8s ease-in-out forwards;
}
.jideosx .fade-in10 {
  -webkit-animation: jideosx_up_text 1s 1s ease-in-out forwards;
  animation: jideosx_up_text 1s 1s ease-in-out forwards;
}
@-webkit-keyframes jideosx_banner {
  0% {
    -webkit-transform: translateY(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes jideosx_banner {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes jideosx_up_text {
  0% {
    -webkit-transform: translateY(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes jideosx_up_text {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes jideosx_part5 {
  from {
    bottom: 0;
  }
}
@keyframes jideosx_part5 {
  from {
    bottom: 0;
  }
}
@-webkit-keyframes jideosx_part5_op {
  from {
    -webkit-transform: translate(10px, 0);
    opacity: 0;
  }
}
@keyframes jideosx_part5_op {
  from {
    -webkit-transform: translate(10px, 0);
    opacity: 0;
  }
}
@-webkit-keyframes jideosx_dash1 {
  from {
    -webkit-transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes jideosx_dash1 {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes jideosx_dash2 {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 294.532;
  }
}
@keyframes jideosx_dash2 {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 294.532;
  }
}
/* product  (技德硬件)==============================================================================================*/
.product {
  font-family: "HYQiHei-50S", "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53";
}
.product .part1 {
  height: 8.98rem;
  padding-top: 2.4rem;
  border-bottom: 2px solid #e5e4e4;
}
.product .part1 .real {
  overflow: hidden;
}
.product .part1 .images {
  width: 6.8rem;
  height: auto;
}
.product .part1 .images .big_img_box {
  width: 100%;
  height: 6.8rem;
  overflow: hidden;
  position: relative;
}
.product .part1 .images .big_img_box .big_img_item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.product .part1 .images .big_img_box .big_img_item.active {
  opacity: 1;
}
.product .part1 .images .small_img_box {
  height: 0.86rem;
  font-size: 0;
  text-align: center;
}
.product .part1 .images .small_img_box .small_box {
  display: inline-block;
  font-size: 0;
  position: relative;
}
.product .part1 .images .small_img_box .small_box .small_img_item {
  float: left;
  width: 0.76rem;
  height: 0.84rem;
  cursor: pointer;
  margin: 0 0.26rem;
  position: relative;
  overflow: hidden;
  border-bottom: 2px solid #fff;
}
.product .part1 .images .small_img_box .small_box .small_img_item img {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.76rem;
  height: 0.76rem;
}
.product .part1 .images .small_img_box .small_box .small_img_item:hover {
  border-bottom: 2px solid #cfcfcf;
}
.product .part1 .images .small_img_box .active_span {
  display: block;
  width: 0.76rem;
  height: 2px;
  overflow: hidden;
  background: #666666;
  position: absolute;
  bottom: 0;
  left: 0.26rem;
}
.product .part1 .title {
  width: 4.06rem;
  margin-top: 2.14rem;
  color: #000;
}
.product .part1 .title h2 {
  font-size: 0.5rem;
  line-height: 0.8rem;
  margin-bottom: 0.14rem;
  white-space: nowrap;
  -webkit-animation: product_banner 0.8s ease-in backwards;
  animation: product_banner 0.8s ease-in backwards;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.product .part1 .title p {
  font-size: 0.2rem;
  line-height: 0.32rem;
  text-align: justify;
  text-justify: distribute-all-lines;
  -webkit-animation: product_banner 0.8s 0.4s ease-in backwards;
  animation: product_banner 0.8s 0.4s ease-in backwards;
}
.product .part2 {
  height: auto;
  border-bottom: 2px solid #e5e4e4;
}
.product .part2 .part_title {
  height: 1.4rem;
  position: relative;
}
.product .part2 .part_title h2 {
  width: 100%;
  height: 100%;
  line-height: 1.4rem;
  color: #000;
  font-size: 0.4rem;
  font-weight: normal;
}
.product .part2 .part_title .close {
  position: absolute;
  top: 0.4rem;
  right: 0;
  width: 0.6rem;
  height: 0.6rem;
  background: url(../images/product/close.png) no-repeat;
  background-size: 100%;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.product .part2 .part_title .close.open {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.product .part2 .part_title .close.open2 {
  background: url(../images/product/close2.png) no-repeat;
  background-size: 100%;
}
.product .part2 .product_dec {
  color: #000;
  display: none;
}
.product .part2 .product_dec .item {
  padding: 0.24rem 0 0.8rem;
}
.product .part2 .product_dec .item .name {
  width: 3.58rem;
  line-height: 0.32rem;
  font-size: 0.2rem;
}
.product .part2 .product_dec .item .dec {
  width: 8rem;
  padding-top: 0.02rem;
}
.product .part2 .product_dec .item .dec p {
  line-height: 0.32rem;
  font-size: 0.18rem;
  margin-bottom: 0.12rem;
}
.product .part3 {
  padding-bottom: 0.8rem;
}
.product .part3 .real {
  height: 8.42rem;
  overflow: hidden;
  position: relative;
}
.product .part3 .real .part3_title {
  height: 2.1rem;
  line-height: 2.1rem;
  font-size: 0.2rem;
  color: #000;
  text-align: center;
}
.product .part3 .real .box {
  width: 100%;
  height: 6.32rem;
}
.product .part3 .real .box .item {
  width: 50%;
  height: 100%;
}
.product .part3 .real .box .item dt {
  width: 100%;
  height: 3.65rem;
  text-align: center;
}
.product .part3 .real .box .item dt a {
  display: inline-block;
  height: 100%;
}
.product .part3 .real .box .item dt img {
  display: inline-block;
  height: 100%;
  cursor: pointer;
}
.product .part3 .real .box .item dd {
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
}
.product .part3 .real .box .item dd a {
  font-size: 0.2rem;
  color: #000;
  font-weight: bold;
}
.product .part3 .real .box .item dd a:hover {
  color: #f7323f;
}
@-webkit-keyframes product_banner {
  0% {
    -webkit-transform: translateY(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes product_banner {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/* 关于技德 以及案例中心 公共部分  (底部导航)==============================================================================================*/
.about .container,
.exp .container,
.news .container {
  position: relative;
}
.about .container .js_left_nav_left_po,
.exp .container .js_left_nav_left_po,
.news .container .js_left_nav_left_po {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}
.about .container .left_nav,
.exp .container .left_nav,
.news .container .left_nav {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 1.36rem;
}
.about .container .left_nav .item,
.exp .container .left_nav .item,
.news .container .left_nav .item {
  display: block;
  width: 1.18rem;
  height: 0.58rem;
  line-height: 0.58rem;
  border-radius: 0.06rem;
  border: 1px solid #000;
  font-size: 0.2rem;
  text-align: center;
  color: #000;
  margin-bottom: 0.3rem;
  background: #fff;
}
.about .container .left_nav .item.active,
.exp .container .left_nav .item.active,
.news .container .left_nav .item.active {
  border: 1px solid #fc3344;
  background: #fc3344;
  color: #fff;
}
/* joinus  (底部导航)==============================================================================================*/
.joinus {
  font-family: "HYQiHei-50S", "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53";
}
.joinus .banner {
  height: 8rem;
  overflow: hidden;
  background: url(../images/joinus/banner.jpg) center no-repeat;
  background-size: 19.2rem;
}
.joinus .banner .real {
  position: relative;
  height: 100%;
}
.joinus .banner .real .text {
  width: 100%;
  height: auto;
  position: absolute;
  top: 4.04rem;
  left: 0;
  color: #fff;
}
.joinus .banner .real .text h2 {
  font-size: 0.62rem;
  font-weight: normal;
  height: 0.88rem;
  line-height: 0.88rem;
  text-align: center;
  -webkit-animation: joinus_banner 1s 0.3s ease backwards;
  animation: joinus_banner 1s 0.3s ease backwards;
}
.joinus .banner .real .text p {
  font-size: 0.2rem;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  -webkit-animation: joinus_banner 1s 0.6s ease backwards;
  animation: joinus_banner 1s 0.6s ease backwards;
}
.joinus .content {
  padding-left: 1.82rem;
  padding-top: 1.14rem;
}
.joinus .content .style1 {
  color: #000;
  margin-bottom: 0.64rem;
}
.joinus .content .style1 h2 {
  font-size: 0.4rem;
  height: 0.8rem;
  line-height: 0.8rem;
  font-weight: normal;
}
.joinus .content .style1 p {
  font-size: 0.2rem;
  line-height: 0.36rem;
}
.joinus .content .swiper-container {
  width: 10.18rem;
  height: 6.28rem;
  overflow: hidden;
  margin-bottom: 0.82rem;
}
.joinus .content .swiper-container .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.joinus .content .swiper-container .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
}
.joinus .content .swiper-container .swiper-wrapper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
}
.joinus .content .swiper-container .swiper-pagination-bullets {
  bottom: 0;
  height: 0.6rem;
  line-height: 0.6rem;
  font-size: 0;
}
.joinus .content .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
  background: #fff;
}
.joinus .content .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #fff;
}
.joinus .content .swiper-container .swiper-pagination {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.6rem;
  line-height: 0.6rem;
  font-size: 0;
  z-index: 9;
  text-align: center;
}
.joinus .content .swiper-container .swiper-pagination .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  margin: 0 3px;
  cursor: pointer;
}
.joinus .content .swiper-container .swiper-pagination .swiper-active-switch {
  background: #fff;
}
.joinus .content .part {
  color: #000;
  margin-bottom: 1.42rem;
}
.joinus .content .part .title {
  font-size: 0.4rem;
  text-align: center;
  height: 0.56rem;
  line-height: 0.56rem;
  font-weight: normal;
}
.joinus .content .part .fuli .item {
  width: 4.4rem;
  padding-top: 0.9rem;
}
.joinus .content .part .fuli .item dt {
  width: 1.57rem;
  height: 1.57rem;
  margin: 0 auto;
}
.joinus .content .part .fuli .item dt img {
  display: block;
  width: 100%;
  height: 100%;
}
.joinus .content .part .fuli .item .tit {
  font-size: 0.22rem;
  text-align: center;
  height: 0.56rem;
  line-height: 0.56rem;
  margin-top: 0.22rem;
}
.joinus .content .part .fuli .item .dec {
  text-align: center;
  font-size: 0.18rem;
}
.joinus .content .ad {
  display: block;
  width: 100%;
  height: 4rem;
  margin-bottom: 1.18rem;
}
.joinus .content .wanted {
  color: #000;
  margin-bottom: 1.42rem;
  position: relative;
}
.joinus .content .wanted .title {
  font-size: 0.4rem;
  text-align: center;
  height: 0.56rem;
  line-height: 0.56rem;
  font-weight: normal;
  margin-bottom: 0.66rem;
}
.joinus .content .wanted .list_box {
  width: 8.82rem;
  margin: 0 auto;
  font-size: 0.18rem;
}
.joinus .content .wanted .list_box .list {
  width: 2.94rem;
  height: auto;
}
.joinus .content .wanted .list_box .list h2 {
  color: #008cfa;
  font-weight: normal;
}
.joinus .content .wanted .list_box .list p {
  color: #000;
  cursor: pointer;
  font-size: 0;
  height: 0.42rem;
  line-height: 0.42rem;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.joinus .content .wanted .list_box .list p span {
  cursor: pointer;
  font-size: 0.18rem;
}
.joinus .content .wanted .wanted_tc {
  position: absolute;
  top: 1.2rem;
  left: 0;
  width: 100%;
  height: auto;
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
  z-index: 9;
  background: #fff;
  border-radius: 0.03rem;
  display: none;
}
.joinus .content .wanted .wanted_tc .cxt {
  padding: 0.65rem 0.86rem;
}
.joinus .content .wanted .wanted_tc .cxt .tit {
  height: 0.48rem;
  line-height: 0.48rem;
  margin-bottom: 0.2rem;
  font-size: 0.3rem;
  color: #008cfa;
  font-weight: normal;
}
.joinus .content .wanted .wanted_tc .cxt div {
  font-size: 0;
  line-height: 0.42rem;
}
.joinus .content .wanted .wanted_tc .cxt div strong,
.joinus .content .wanted .wanted_tc .cxt div h2 {
  font-size: 0.18rem;
  color: #000;
  font-weight: normal;
}
.joinus .content .wanted .wanted_tc .cxt div span {
  display: inline-block;
  font-size: 0.18rem;
  color: #7e7e7e;
}
.joinus .content .wanted .wanted_tc .cxt div p {
  font-size: 0.18rem;
  color: #7e7e7e;
}
.joinus .content .wanted .wanted_tc .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.58rem;
  cursor: pointer;
}
.joinus .content .part2 {
  color: #000;
  margin-bottom: 1.42rem;
}
.joinus .content .part2 .title {
  font-size: 0.4rem;
  text-align: center;
  height: 0.56rem;
  line-height: 0.56rem;
  font-weight: normal;
  margin-bottom: 0.2rem;
}
.joinus .content .part2 .call {
  padding-top: 0.5rem;
}
.joinus .content .part2 .call .item dt {
  width: 0.99rem;
  height: 0.99rem;
  margin-top: 0.25rem;
  margin-right: 0.2rem;
}
.joinus .content .part2 .call .item dt img {
  display: block;
  width: 100%;
  height: 100%;
}
.joinus .content .part2 .call .item dd {
  width: 2.76rem;
  font-size: 0.18rem;
}
.joinus .content .part2 .call .item dd p {
  line-height: 0.38rem;
}
.joinus .content .part2 .call .item.ml1 {
  width: 4.2rem;
  margin-left: 1.3rem;
}
.joinus .content .part2 .call .item.ml2 {
  width: 3.76rem;
}
.joinus .content .part2 .call .item.ml2 dd {
  width: 2.26rem;
}
@-webkit-keyframes joinus_banner {
  0% {
    -webkit-transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes joinus_banner {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/* honor  (底部导航)==============================================================================================*/
.honor {
  font-family: "HYQiHei-50S", "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53";
}
.honor .banner {
  height: 8rem;
  overflow: hidden;
  background: url(../images/honor/banner.jpg) center no-repeat;
  background-size: 19.2rem;
}
.honor .banner .real {
  position: relative;
  height: 100%;
}
.honor .banner .real .text {
  width: 100%;
  height: auto;
  position: absolute;
  top: 4.04rem;
  left: 0;
  color: #fff;
}
.honor .banner .real .text h2 {
  font-size: 0.62rem;
  font-weight: normal;
  height: 0.88rem;
  line-height: 0.88rem;
  text-align: center;
  -webkit-animation: honor_banner 1s 0.3s ease backwards;
  animation: honor_banner 1s 0.3s ease backwards;
}
.honor .banner .real .text p {
  font-size: 0.2rem;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  -webkit-animation: honor_banner 1s 0.6s ease backwards;
  animation: honor_banner 1s 0.6s ease backwards;
}
.honor .content {
  padding-left: 1.82rem;
  padding-top: 1.25rem;
}
.honor .content .title {
  font-size: 0.4rem;
  color: #000;
  height: 0.56rem;
  line-height: 0.56rem;
  font-weight: normal;
  margin-bottom: 0.54rem;
}
.honor .content .part1 {
  margin-bottom: 0.5rem;
}
@-webkit-keyframes honor_banner {
  0% {
    -webkit-transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes honor_banner {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/* aboutus  (底部导航)==============================================================================================*/
.aboutus {
  font-family: "HYQiHei-50S", "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53";
}
.aboutus .banner {
  height: 8rem;
  overflow: hidden;
  background: url(../images/aboutus/banner.jpg) center no-repeat;
  background-size: 19.2rem;
}
.aboutus .banner .real {
  position: relative;
  height: 100%;
}
.aboutus .banner .real .text {
  width: 100%;
  height: auto;
  position: absolute;
  top: 4.04rem;
  left: 0;
  color: #fff;
}
.aboutus .banner .real .text h2 {
  font-size: 0.62rem;
  font-weight: normal;
  height: 0.88rem;
  line-height: 0.88rem;
  text-align: center;
  -webkit-animation: honor_banner 1s 0.3s ease backwards;
  animation: honor_banner 1s 0.3s ease backwards;
}
.aboutus .banner .real .text p {
  font-size: 0.2rem;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  -webkit-animation: honor_banner 1s 0.6s ease backwards;
  animation: honor_banner 1s 0.6s ease backwards;
}
.aboutus .content {
  padding-left: 1.82rem;
  padding-top: 1.25rem;
}
.aboutus .content .part1 {
  display: block;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #bdbdbd;
  color: #000;
  margin-bottom: 1.18rem;
}
.aboutus .content .part1 h2 {
  font-size: 0.4rem;
  height: 0.56rem;
  line-height: 0.56rem;
  font-weight: normal;
  margin-bottom: 0.24rem;
}
.aboutus .content .part1 p {
  font-size: 0.18rem;
  line-height: 0.34rem;
  margin-bottom: 0.3rem;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.aboutus .content .part2 {
  color: #000;
  border-bottom: 1px solid #bdbdbd;
  margin-bottom: 1.18rem;
}
.aboutus .content .part2 h2 {
  font-size: 0.4rem;
  height: 0.56rem;
  line-height: 0.56rem;
  font-weight: normal;
  margin-bottom: 0.34rem;
}
.aboutus .content .part2 .table .row {
  position: relative;
  margin-bottom: 1.2rem;
}
.aboutus .content .part2 .table .row .year {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.52rem;
  width: 2.08rem;
  font-size: 0.3rem;
  font-weight: bold;
  line-height: 0.52rem;
}
.aboutus .content .part2 .table .row .box {
  padding-left: 3.4rem;
}
.aboutus .content .part2 .table .row .box p {
  font-size: 0.18rem;
  line-height: 0.46rem;
}
.aboutus .content .part3 {
  color: #000;
  border-bottom: 1px solid #bdbdbd;
  padding-bottom: 1rem;
}
.aboutus .content .part3 h2 {
  font-size: 0.4rem;
  height: 0.56rem;
  line-height: 0.56rem;
  font-weight: normal;
  margin-bottom: 0.34rem;
}
.aboutus .content .part3 img {
  display: block;
  width: 9.85rem;
  height: 8.16rem;
  margin: 0.56rem 0 1.86rem 0.2rem;
}
.aboutus .content .part3 .table .box {
  width: 4.92rem;
}
.aboutus .content .part3 .table .box .row {
  position: relative;
  font-size: 0.18rem;
  color: #000;
  margin-bottom: 0.34rem;
}
.aboutus .content .part3 .table .box .row .location {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.1rem;
  height: 0.34rem;
  line-height: 0.34rem;
  font-weight: bold;
}
.aboutus .content .part3 .table .box .row .company {
  padding-left: 1.32rem;
}
.aboutus .content .part3 .table .box .row .company p {
  line-height: 0.34rem;
  white-space: nowrap;
}
@-webkit-keyframes honor_banner {
  0% {
    -webkit-transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes honor_banner {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/*schoolbag  (案例中心)==============================================================================================*/
.schoolbag .banner {
  height: 8rem;
  overflow: hidden;
  background: url(../images/exp/shoolbag/banner.jpg) center no-repeat;
  background-size: 19.2rem;
}
.schoolbag .banner .real {
  position: relative;
  height: 100%;
}
.schoolbag .banner .real .text {
  width: 100%;
  height: auto;
  position: absolute;
  top: 4.04rem;
  left: 0;
  color: #fff;
}
.schoolbag .banner .real .text h2 {
  font-size: 0.62rem;
  font-weight: normal;
  height: 0.88rem;
  line-height: 0.88rem;
  text-align: center;
  -webkit-animation: honor_banner 1s 0.3s ease backwards;
  animation: honor_banner 1s 0.3s ease backwards;
}
.schoolbag .content {
  padding-left: 1.82rem;
  padding-top: 1.28rem;
}
.schoolbag .content .part1 {
  display: block;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #bdbdbd;
  color: #000;
  margin-bottom: 0.92rem;
}
.schoolbag .content .part1 h2 {
  font-size: 0.4rem;
  height: 0.56rem;
  line-height: 0.56rem;
  font-weight: normal;
  margin-bottom: 0.24rem;
}
.schoolbag .content .part1 p {
  font-size: 0.18rem;
  line-height: 0.34rem;
  margin-bottom: 0.3rem;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.schoolbag .content .part2 {
  display: block;
  width: 6.39rem;
  height: 3.63rem;
  margin: 0 0 1rem 1.9rem;
}
.schoolbag .content .part3 {
  color: #000;
}
.schoolbag .content .part3 .title {
  height: 0.48rem;
  line-height: 0.48rem;
  margin-bottom: 0.4rem;
  font-size: 0.3rem;
}
.schoolbag .content .part3 .mb {
  margin-bottom: 0.58rem;
}
.schoolbag .content .part3 .mb img {
  width: 3.31rem;
  height: 2.11rem;
}
.schoolbag .content .part3 .mb img.mr {
  margin-right: 0.115rem;
}
.schoolbag .content .part3 p {
  line-height: 0.4rem;
  font-size: 0.2rem;
}
.schoolbag .content .part3 .mb2 {
  padding-bottom: 1.2rem;
}
.schoolbag .content .part3 .mb2 p {
  font-size: 0.18rem;
}
.schoolbag .content .part3 .mb2 p strong {
  margin-right: 0.06rem;
}
@-webkit-keyframes honor_banner {
  0% {
    -webkit-transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes honor_banner {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/*meeting 无纸化会议  (案例中心)==============================================================================================*/
.meeting {
  position: relative;
}
.meeting .banner {
  min-width: 12rem;
  height: 8rem;
  overflow: hidden;
  background: url(../images/exp/meeting/banner.jpg) center no-repeat;
  background-size: 19.2rem;
}
.meeting .banner .real {
  position: relative;
  height: 100%;
}
.meeting .banner .real .text {
  width: 100%;
  height: auto;
  position: absolute;
  top: 3.64rem;
  left: 0;
  color: #fff;
}
.meeting .banner .real .text h2 {
  font-size: 0.62rem;
  font-weight: normal;
  height: 0.88rem;
  line-height: 0.88rem;
  text-align: center;
  -webkit-animation: honor_banner 1s 0.3s ease backwards;
  animation: honor_banner 1s 0.3s ease backwards;
}
.meeting .content {
  padding-left: 1.82rem;
  padding-top: 1.15rem;
  color: #000;
}
.meeting .content .part_title {
  height: 0.84rem;
  line-height: 0.84rem;
  font-size: 0.4rem;
}
.meeting .content .part1 {
  margin-bottom: 0.3rem;
}
.meeting .content .part1 .part_title {
  border-bottom: 1px solid #bdbdbd;
}
.meeting .content .part1 .box {
  border-bottom: 1px solid #bdbdbd;
}
.meeting .content .part1 .box .name {
  height: 0.96rem;
  line-height: 0.96rem;
  font-size: 0.2rem;
}
.meeting .content .part1 .box dl {
  padding: 0.1rem 0 0.6rem;
}
.meeting .content .part1 .box dl dt {
  height: 0.6rem;
  line-height: 0.6rem;
  font-size: 0.2rem;
  font-weight: bold;
}
.meeting .content .part1 .box dl dd {
  line-height: 0.4rem;
  font-size: 0.2rem;
}
.meeting .content .part1 .box .img1 {
  display: block;
  width: 8.32rem;
  height: 3.71rem;
  margin: 0.24rem 0 0.88rem;
}
.meeting .content .part1 .box .column_2 {
  padding: 0.2rem 0 0.34rem;
}
.meeting .content .part1 .box .column_2 .img2 {
  width: 4.17rem;
  height: 4.38rem;
}
.meeting .content .part1 .box .column_2 .r_text2 {
  width: 4.7rem;
  padding-top: 1.1rem;
}
.meeting .content .part1 .box .column_2 .r_text2 li {
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.18rem;
}
.meeting .content .part1 .box .column_2 .img3 {
  width: 4.23rem;
  height: 1.04rem;
  margin-top: 0.24rem;
}
.meeting .content .part1 .box .column_2 .r_text3 {
  width: 4.7rem;
}
.meeting .content .part1 .box .column_2 .r_text3 li {
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.18rem;
}
.meeting .content .part1 .box .img4 {
  display: block;
  width: 100%;
  margin-bottom: 0.38rem;
}
.meeting .content .part2 {
  margin-bottom: 0.3rem;
  border-bottom: 1px solid #bdbdbd;
}
.meeting .content .part2 .name {
  height: 0.66rem;
  line-height: 0.66rem;
  font-size: 0.2rem;
}
.meeting .content .part2 .style1 p {
  line-height: 0.4rem;
  font-size: 0.2rem;
}
.meeting .content .part2 .style1 dl {
  width: 2.82rem;
  margin: 0.6rem;
}
.meeting .content .part2 .style1 dl dt {
  width: 100%;
  margin-bottom: 0.2rem;
}
.meeting .content .part2 .style1 dl dt img {
  display: block;
  width: 100%;
}
.meeting .content .part2 .style1 dl dd {
  padding-left: 0.3rem;
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.2rem;
}
.meeting .content .part2 .style2 h3 {
  height: 0.66rem;
  line-height: 0.66rem;
  font-size: 0.2rem;
  font-weight: bold;
  margin-bottom: 0.15rem;
}
.meeting .content .part2 .style2 .column_2 {
  padding-bottom: 0.8rem;
}
.meeting .content .part2 .style2 .column_2 .img {
  width: 5.03rem;
  height: 3.42rem;
}
.meeting .content .part2 .style2 .column_2 .r_text {
  width: 4.1rem;
}
.meeting .content .part2 .style2 .column_2 .r_text li {
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.2rem;
}
.meeting .content .part2 .style2 .column_2 .r_text.pt1 {
  padding-top: 1.1rem;
}
.meeting .content .part2 .style2 .column_2 .r_text.pt2 {
  padding-top: 0.88rem;
}
.meeting .content .part2 .style2 .column_2 .r_text.pt3 {
  padding-top: 1.28rem;
}
.meeting .content .part2 .style2 .column_2 .r_text.pt4 {
  padding-top: 1.44rem;
}
.meeting .content .part3 {
  margin-bottom: 0.3rem;
  border-bottom: 1px solid #bdbdbd;
}
.meeting .content .part3 .column_2 {
  padding: 0.3rem 0 0.8rem;
}
.meeting .content .part3 .column_2 > div {
  width: 50%;
}
.meeting .content .part3 .column_2 > div .mb {
  margin-bottom: 0.4rem;
}
.meeting .content .part3 .column_2 > div h2 {
  height: 0.44rem;
  line-height: 0.44rem;
  font-size: 0.2rem;
}
.meeting .content .part3 .column_2 > div .dt {
  height: 0.44rem;
  line-height: 0.44rem;
  font-size: 0.2rem;
  padding-left: 0.1rem;
}
.meeting .content .part3 .column_2 > div .dd {
  line-height: 0.44rem;
  font-size: 0.2rem;
  padding-left: 0.66rem;
}
.meeting .content .part3 .column_2 > div .dd dd {
  padding-left: 0.34rem;
}
.meeting .content .part4 .box {
  margin-top: 0.3rem;
  padding-bottom: 0.7rem;
  position: relative;
}
.meeting .content .part4 .box .ti {
  padding: 0.08rem 0.18rem;
  background: #454b53;
  color: #fff;
  font-weight: normal;
  font-size: 0.2rem;
  margin-bottom: 0.5rem;
}
.meeting .content .part4 .box p {
  line-height: 0.4rem;
  font-size: 0.2rem;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.meeting .content .part4 .box .img4_1,
.meeting .content .part4 .box .img4_2 {
  display: block;
  width: 10.16rem;
  margin: 0.3rem 0;
}
.meeting .content .part4 .box .img4_3 {
  display: block;
  width: 10.16rem;
  margin: 1rem 0 2.6rem;
}
.meeting .content .part4 .box .img4_4,
.meeting .content .part4 .box .img4_6 {
  display: block;
  width: 10.16rem;
  margin: 0.5 0 0;
}
.meeting .content .part4 .box .img4_5 {
  display: block;
  width: 1.61rem;
  margin-top: 0.2rem;
}
.meeting .content .part4 .box dl {
  position: absolute;
}
.meeting .content .part4 .box dl dt {
  line-height: 0.4rem;
  font-size: 0.2rem;
  font-weight: bold;
}
.meeting .content .part4 .box dl dd {
  line-height: 0.4rem;
  font-size: 0.2rem;
  padding-left: 0.03rem;
}
.meeting .content .part4 .box dl.dl1 {
  left: 0.3rem;
  top: 5.96rem;
}
.meeting .content .part4 .box dl.dl2 {
  left: 0.3rem;
  top: 3.4rem;
}
.meeting .content .part4 .box dl.dl3 {
  left: 0.3rem;
  top: 3.8rem;
}
.meeting .content .part4 .box dl.dl4 {
  left: 2.8rem;
  top: 1.68rem;
}
.meeting .content .part4 .box dl.dl5 {
  left: 6.74rem;
  top: 1.6rem;
}
.meeting .content .part4 .box .text {
  position: relative;
  padding: 0 0 0.4rem 0.2rem;
}
.meeting .content .part4 .box .text span {
  display: block;
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 50%;
  background: #000;
  overflow: hidden;
  position: absolute;
  top: 0.17rem;
  left: 0.03rem;
}
.meeting .content .part4 .box .text p {
  text-align: justify;
  text-justify: distribute-all-lines;
  line-height: 0.4rem;
  font-size: 0.2rem;
}
.meeting .backtop {
  position: fixed;
  bottom: 0.2rem;
  right: 0.2rem;
  width: 0.5rem;
  height: 0.5rem;
  cursor: pointer;
}
.meeting .backtop img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.meeting .backtop .backtop2 {
  opacity: 0;
}
.meeting .backtop:hover .backtop1 {
  opacity: 0;
}
.meeting .backtop:hover .backtop2 {
  opacity: 1;
}
@-webkit-keyframes honor_banner {
  0% {
    -webkit-transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes honor_banner {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/*新闻公告 (案例中心)==============================================================================================*/
.news .banner {
  height: 8rem;
  overflow: hidden;
  background: url(../images/news/banner.jpg) center no-repeat;
  background-size: 19.2rem;
}
.news .banner .real {
  position: relative;
  height: 100%;
}
.news .banner .real .text {
  width: 100%;
  height: auto;
  position: absolute;
  top: 4.04rem;
  left: 0;
  color: #fff;
}
.news .banner .real .text h2 {
  font-size: 0.62rem;
  font-weight: normal;
  height: 0.88rem;
  line-height: 0.88rem;
  text-align: center;
  -webkit-animation: honor_banner 1s 0.3s ease backwards;
  animation: honor_banner 1s 0.3s ease backwards;
}
.news .content {
  padding-left: 1.82rem;
  padding-top: 1.35rem;
}
.news .content .list .item {
  height: 1.8rem;
  border-bottom: 1px solid #bdbdbd;
  margin-bottom: 0.36rem;
}
.news .content .list .item .title {
  height: 0.52rem;
  line-height: 0.52rem;
  font-size: 0.2rem;
  color: #000;
}
.news .content .list .item .time {
  height: 0.28rem;
  line-height: 0.28rem;
  font-size: 0.16rem;
  color: #999999;
}
.news .content .list .item .dec {
  width: 10.16rem;
  height: 0.52rem;
  line-height: 0.52rem;
  font-size: 0.18rem;
  color: #000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.news .content .list .item .btn {
  display: block;
  width: 1rem;
  height: 0.3rem;
  line-height: 0.3rem;
  color: #01a7e2;
  font-size: 0.18rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.news .content.news_detail .top {
  padding-bottom: 0.23rem;
  border-bottom: 1px solid #bdbdbd;
}
.news .content.news_detail .top .title {
  line-height: 0.46rem;
  font-size: 0.3rem;
  color: #000;
}
.news .content.news_detail .top .time {
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.18rem;
  color: #999999;
}
.news .content.news_detail .middle {
  padding: 0.16rem 0;
  border-bottom: 1px solid #bdbdbd;
}
.news .content.news_detail .middle p {
  line-height: 0.34rem;
  font-size: 0.18rem;
  margin-bottom: 0.16rem;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.news .content.news_detail .middle img {
  display: block;
  width: 100%;
  margin: 0.4rem auto;
}
.news .content.news_detail .middle .news_img_with_50 img {
  width: 50%;
}
.news .content.news_detail .bottom {
  margin: 0.35rem 0 1rem;
}
.news .content.news_detail .bottom .goback {
  width: 0.86rem;
  height: 0.28rem;
  font-size: 0.16rem;
  line-height: 0.28rem;
  cursor: pointer;
  color: #999999;
  margin-right: 0.3rem;
}
.news .content.news_detail .bottom .goback:hover {
  color: #01a7e2;
}
.news .content.news_detail .bottom .next {
  width: 9rem;
  height: 0.28rem;
  font-size: 0.16rem;
  line-height: 0.28rem;
  color: #999999;
}
.news .content.news_detail .bottom .next a {
  color: #01a7e2;
}
@-webkit-keyframes honor_banner {
  0% {
    -webkit-transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes honor_banner {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/* authorized 授权服务 ===================================================================================================================================*/
.authorized {
  /* banner -----------------------------------------------------*/
}
.authorized .banner {
  width: 100%;
  height: 11.45rem;
  overflow: hidden;
  position: relative;
}
.authorized .banner .banner_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000 url(../images/authorized/banner.jpg) center no-repeat;
  background-size: 19.2rem;
  -webkit-animation: authorized_banner_bg_scale 5s linear forwards;
  animation: authorized_banner_bg_scale 5s linear forwards;
}
.authorized .banner .real {
  padding-top: 4.9rem;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  z-index: 9;
}
.authorized .banner .real .section {
  display: block;
  height: auto;
}
.authorized .banner .real .section p {
  font-size: 0.4rem;
  color: #fff;
  line-height: 0.6rem;
}
.authorized .banner .real .section p.p1 {
  -webkit-animation: authorized_text_up 1.5s ease backwards;
  animation: authorized_text_up 1.5s ease backwards;
}
.authorized .banner .real .section p.p2 {
  -webkit-animation: authorized_text_up 1.5s 0.3s ease backwards;
  animation: authorized_text_up 1.5s 0.3s ease backwards;
}
.authorized .banner .real .section p.p3 {
  -webkit-animation: authorized_text_up 1.5s 0.6s ease backwards;
  animation: authorized_text_up 1.5s 0.6s ease backwards;
}
.authorized .banner .real .section p.p4 {
  -webkit-animation: authorized_text_up 1.5s 0.9s ease backwards;
  animation: authorized_text_up 1.5s 0.9s ease backwards;
}
.authorized .part1 {
  padding: 0.38rem 0 1.14rem;
  color: #000;
}
.authorized .part1 .top {
  height: 1.88rem;
}
.authorized .part1 .top .item {
  width: 33.3%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.authorized .part1 .top .item img {
  display: block;
  width: 0.61rem;
  height: 0.53rem;
  margin: 0.4rem auto;
}
.authorized .part1 .top .item p {
  height: 0.44rem;
  line-height: 0.44rem;
  font-size: 0.2rem;
  text-align: center;
  font-weight: bold;
}
.authorized .part1 .top .item span {
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: #b1b1b1;
  overflow: hidden;
}
.authorized .part1 .bottom {
  margin-top: 1.26rem;
}
.authorized .part1 .bottom h2 {
  height: 1.4rem;
  line-height: 1.4rem;
  text-align: center;
  font-size: 0.62rem;
}
.authorized .part1 .bottom p {
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.2rem;
}
.authorized .part2 {
  padding: 0.56rem 0;
  background: #a1aebc;
}
.authorized .part2 .real {
  height: 5.52rem;
  position: relative;
}
.authorized .part2 .real .img1 {
  position: absolute;
  top: 1.76rem;
  left: 0;
  width: 2rem;
  height: 2rem;
  z-index: 8;
}
.authorized .part2 .real .img_x_1 {
  position: absolute;
  top: 0.76rem;
  left: 1.97rem;
  width: 1.92rem;
  height: 4rem;
  z-index: 7;
  overflow: hidden;
}
.authorized .part2 .real .img_x_1 img {
  display: block;
  width: 1.92rem;
  height: 4rem;
}
.authorized .part2 .real .img2 {
  position: absolute;
  top: 0;
  left: 3.6rem;
  width: 1.28rem;
  height: 100%;
  z-index: 8;
}
.authorized .part2 .real .img2 img {
  display: block;
  width: 1.28rem;
  height: 1.28rem;
}
.authorized .part2 .real .img2 img.mb {
  margin-bottom: 0.83rem;
}
.authorized .part2 .real .img_x_2 {
  position: absolute;
  top: 0.76rem;
  left: 4.55rem;
  width: 1.93rem;
  height: 4rem;
  z-index: 7;
  overflow: hidden;
}
.authorized .part2 .real .img_x_2 img {
  display: block;
  width: 1.93rem;
  height: 4rem;
}
.authorized .part2 .real .img3 {
  position: absolute;
  top: 1.76rem;
  left: 6.45rem;
  width: 2rem;
  height: 2rem;
  z-index: 8;
}
.authorized .part2 .real .img_x_3 {
  position: absolute;
  top: 2.76rem;
  left: 8.39rem;
  width: 1.63rem;
  height: 0.02rem;
  z-index: 7;
  overflow: hidden;
}
.authorized .part2 .real .img_x_3 img {
  display: block;
  width: 1.63rem;
  height: 0.02rem;
}
.authorized .part2 .real .img4 {
  position: absolute;
  top: 1.76rem;
  left: 9.98rem;
  width: 2rem;
  height: 2rem;
  z-index: 8;
}
.authorized .part3,
.authorized .part5 {
  height: 7.56rem;
  border-bottom: 2px solid #e5e4e4;
}
.authorized .part3 .real,
.authorized .part5 .real {
  padding-top: 1.3rem;
  position: relative;
}
.authorized .part3 .real .text,
.authorized .part5 .real .text {
  color: #000;
}
.authorized .part3 .real .text h2,
.authorized .part5 .real .text h2 {
  font-size: 0.4rem;
  height: 1.14rem;
  line-height: 1.14rem;
}
.authorized .part3 .real .text .dec,
.authorized .part5 .real .text .dec {
  font-size: 0.2rem;
  line-height: 0.4rem;
  padding-bottom: 0.42rem;
  width: 4.44rem;
}
.authorized .part3 .real .text .btn_box,
.authorized .part5 .real .text .btn_box {
  margin-top: 0.2rem;
}
.authorized .part3 .real .text .exp,
.authorized .part5 .real .text .exp {
  font-size: 0.2rem;
  font-weight: bold;
  padding-top: 0.6rem;
}
.authorized .part3 img {
  position: absolute;
  top: 1.82rem;
  right: 0;
  width: 6.24rem;
  height: 4.18rem;
}
.authorized .part5 .dec {
  text-align: justify;
  text-justify: distribute-all-lines;
}
.authorized .part5 img {
  position: absolute;
  top: 2.56rem;
  right: -0.2rem;
  width: 6.34rem;
  height: 4.12rem;
}
.authorized .part4,
.authorized .part6 {
  height: 7.56rem;
  border-bottom: 2px solid #e5e4e4;
}
.authorized .part4 .real,
.authorized .part6 .real {
  padding-top: 1.3rem;
  position: relative;
}
.authorized .part4 .real .text,
.authorized .part6 .real .text {
  padding-left: 7.2rem;
  color: #000;
}
.authorized .part4 .real .text h2,
.authorized .part6 .real .text h2 {
  font-size: 0.4rem;
  height: 1.14rem;
  line-height: 1.14rem;
}
.authorized .part4 .real .text .dec,
.authorized .part6 .real .text .dec {
  font-size: 0.2rem;
  line-height: 0.4rem;
  padding-bottom: 0.42rem;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.authorized .part4 .real .text .btn_box,
.authorized .part6 .real .text .btn_box {
  margin-top: 0.2rem;
}
.authorized .part4 .real .text .exp,
.authorized .part6 .real .text .exp {
  font-size: 0.2rem;
  font-weight: bold;
  padding-top: 0.6rem;
}
.authorized .part4 img {
  position: absolute;
  top: 2.06rem;
  left: 0;
  width: 5.34rem;
  height: 3.78rem;
}
.authorized .part6 img {
  position: absolute;
  top: 1.8rem;
  left: 0;
  width: 5.9rem;
  height: 4.24rem;
}
.authorized a.btn {
  display: block;
  width: 1.18rem;
  height: auto;
  border: 0.01rem solid #f7323f;
  border-radius: 0.4rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
  box-sizing: content-box;
  background: #f7323f;
}
.authorized a.btn span {
  display: block;
  width: 1.2rem;
  margin-left: -0.01rem;
  padding: 0.105rem 0 0.09rem;
  line-height: 100%;
  text-align: center;
  color: #fff;
  font-size: 0.2rem;
  background: #f7323f;
  transition: color 0.3s, letter-spacing 0.3s, background 0.4s;
  -webkit-transition: color 0.3s, letter-spacing 0.3s, background 0.4s;
  -moz-transition: color 0.3s, letter-spacing 0.3s, background 0.4s;
  -o-transition: color 0.3s, letter-spacing 0.3s, background 0.4s;
}
.authorized a.btn:hover span {
  color: #f7323f;
  background: #fff;
  letter-spacing: 2px;
}
.authorized .fade-in {
  -webkit-animation: authorized_text_up 1s ease-in-out forwards;
  animation: authorized_text_up 1s ease-in-out forwards;
}
.authorized .fade-in2 {
  -webkit-animation: authorized_text_up 1s 0.2s ease-in-out forwards;
  animation: authorized_text_up 1s 0.2s ease-in-out forwards;
}
.authorized .fade-in3 {
  -webkit-animation: authorized_text_up 1s 0.3s ease-in-out forwards;
  animation: authorized_text_up 1s 0.4s ease-in-out forwards;
}
.authorized .fade-in4 {
  -webkit-animation: authorized_text_up 1s 0.4s ease-in-out forwards;
  animation: authorized_text_up 1s 0.4s ease-in-out forwards;
}
.authorized .fade-in5 {
  -webkit-animation: authorized_text_up 1s 0.5s ease-in-out forwards;
  animation: authorized_text_up 1s 0.5s ease-in-out forwards;
}
.authorized .fade-in6 {
  -webkit-animation: authorized_text_up 1s 0.6s ease-in-out forwards;
  animation: authorized_text_up 1s 0.6s ease-in-out forwards;
}
.authorized .fade-in8 {
  -webkit-animation: authorized_text_up 1s 0.8s ease-in-out forwards;
  animation: authorized_text_up 1s 0.8s ease-in-out forwards;
}
.authorized .fade-in10 {
  -webkit-animation: authorized_text_up 1s 1s ease-in-out forwards;
  animation: authorized_text_up 1s 1s ease-in-out forwards;
}
.authorized .op1 {
  -webkit-animation: authorized_op 1s ease-in-out forwards;
  animation: authorized_op 1s ease-in-out forwards;
}
.authorized .ani_part2_1 {
  -webkit-animation: authorized_part2_cir 0.6s ease-in-out forwards;
  animation: authorized_part2_cir 0.6s ease-in-out forwards;
}
.authorized .ani_part2_2 {
  -webkit-animation: authorized_part2_line 0.6s 0.2s linear forwards;
  animation: authorized_part2_line 0.6s 0.2s linear forwards;
}
.authorized .ani_part2_3 {
  -webkit-animation: authorized_part2_cir 0.6s 0.5s ease-in-out forwards;
  animation: authorized_part2_cir 0.6s 0.5s ease-in-out forwards;
}
.authorized .ani_part2_4 {
  -webkit-animation: authorized_part2_line 0.6s 0.7s linear forwards;
  animation: authorized_part2_line 0.6s 0.7s linear forwards;
}
.authorized .ani_part2_5 {
  -webkit-animation: authorized_part2_cir 0.6s 0.9s ease-in-out forwards;
  animation: authorized_part2_cir 0.6s 0.9s ease-in-out forwards;
}
.authorized .ani_part2_6 {
  -webkit-animation: authorized_part2_line 0.5s 1.05s linear forwards;
  animation: authorized_part2_line 0.5s 1.05s linear forwards;
}
.authorized .ani_part2_7 {
  -webkit-animation: authorized_part2_cir 0.6s 1.1s ease-in-out forwards;
  animation: authorized_part2_cir 0.6s 1.1s ease-in-out forwards;
}
@-webkit-keyframes authorized_banner_bg_scale {
  from {
    -webkit-transform: scale(1.07, 1.07) translateZ(0);
  }
  to {
    -webkit-transform: scale(1, 1) translateZ(0);
  }
}
@keyframes authorized_banner_bg_scale {
  from {
    transform: scale(1.07, 1.07) translateZ(0);
  }
  to {
    transform: scale(1, 1) translateZ(0);
  }
}
@-webkit-keyframes authorized_text_up {
  0% {
    -webkit-transform: translateY(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes authorized_text_up {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes authorized_op {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes authorized_op {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes authorized_part2_line {
  from {
    width: 0;
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
@keyframes authorized_part2_line {
  from {
    width: 0;
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes authorized_part2_cir {
  from {
    -webkit-transform: scale(0.4, 0.4);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1, 1);
    opacity: 1;
  }
}
@keyframes authorized_part2_cir {
  from {
    transform: scale(0.4, 0.4);
    opacity: 0;
  }
  to {
    transform: scale(1, 1);
    opacity: 1;
  }
}
/* jstack  ()==============================================================================================*/
.jstack .banner {
  width: 100%;
  height: 9.5rem;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.jstack .banner .bannerbg {
  width: 100%;
  height: 100%;
  background: #fff url(../images/jstack/banner.jpg) center no-repeat;
  background-size: contain;
  -webkit-animation: common_banner_bg_scale 4s linear forwards;
  animation: common_banner_bg_scale 4s linear forwards;
  cursor: pointer;
}
@media screen and (max-width: 1600px) {
  .jstack .banner .bannerbg {
    background: #fff url(../images/jstack/banner.jpg) center no-repeat;
    background-size: 19.2rem;
  }
}
.jstack .banner .real {
  position: absolute;
  top: 4.1rem;
  left: 0;
  width: 100%;
}
.jstack .banner .real .text {
  height: auto;
  color: #fff;
  margin: 0 auto;
}
.jstack .banner .real .text h1 {
  height: 0.94rem;
  line-height: 0.94rem;
  font-size: 0.54rem;
  -webkit-animation: common_text_up 1.5s 0.9s ease backwards;
  animation: common_text_up 1.5s 0.9s ease backwards;
}
.jstack .banner .real .text p {
  line-height: 0.66rem;
  font-size: 0.24rem;
  -webkit-animation: common_text_up 1.5s 1.2s ease backwards;
  animation: common_text_up 1.5s 1.2s ease backwards;
}
.jstack .videoTC {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}
.jstack .videoTC .videoTC_bg {
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.9;
}
.jstack .videoTC .videoTC_real {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: -2.7rem auto 0;
  width: 9.6rem;
  height: 5.4rem;
}
.jstack .videoTC .videoTC_real video {
  display: block;
  width: 100%;
  height: 100%;
}
.jstack .videoTC .videoTC_real img {
  position: absolute;
  top: -0.8rem;
  right: -0.8rem;
  width: 0.5rem;
  cursor: pointer;
}
.jstack .c_title {
  color: #333333;
}
.jstack .c_title h2 {
  text-align: center;
  font-size: 0.56rem;
  line-height: 0.84rem;
}
.jstack .c_title p {
  text-align: center;
  font-size: 0.24rem;
  line-height: 0.54rem;
}
.jstack .c_ul li {
  height: 0.68rem;
  line-height: 0.68rem;
  color: #000000;
  font-size: 0.2rem;
}
.jstack .part1 {
  padding: 0.96rem 0 1.63rem;
  background: #fff;
}
.jstack .part1 .part1_bottom {
  margin-top: 0.8rem;
}
.jstack .part1 .part1_bottom .div {
  width: 2.86rem;
  height: 5.2rem;
  box-shadow: 0 8px 14px 3px rgba(196, 196, 196, 0.4);
  position: relative;
}
.jstack .part1 .part1_bottom .div.mr {
  margin-right: 0.186rem;
}
.jstack .part1 .part1_bottom .div .show_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.jstack .part1 .part1_bottom .div .show_text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}
.jstack .part1 .part1_bottom .div .show_text h3 {
  height: 1.4rem;
  line-height: 1.4rem;
  text-align: center;
  color: #fff;
  font-size: 0.24rem;
  overflow: hidden;
  background: #3fa0ef;
  /* Webkit: Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#56ccf2), to(#2f80ed));
  /* Webkit: Safari 5.1+, Chrome 10+ */
  background: -webkit-linear-gradient(left, #56ccf2, #2f80ed);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(left, #56ccf2, #2f80ed);
  /* Opera 11.10+ */
  background: -o-linear-gradient(left, #56ccf2, #2f80ed);
  /* IE 10 */
  background: -ms-linear-gradient(left, #56ccf2, #2f80ed);
  /* IE < 10 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56ccf2', endColorstr='#2f80ed', GradientType=1);
}
.jstack .part1 .part1_bottom .div .show_text div {
  padding: 0.3rem 0.24rem 0;
}
.jstack .part1 .part1_bottom .div .show_text div p {
  text-align: justify;
  text-justify: distribute-all-lines;
  font-size: 0.18rem;
  color: #333;
  line-height: 0.3rem;
}
.jstack .part2 {
  padding: 0.96rem 0;
  background: #f6f7fa;
}
.jstack .part2 .part_bottom .left {
  width: 5.3rem;
  height: auto;
  padding-top: 2.98rem;
}
.jstack .part2 .part_bottom .right {
  width: 6.39rem;
  height: 7.56rem;
  margin-right: -0.16rem;
  margin-top: 0.7rem;
}
.jstack .part3 {
  padding: 0.96rem 0;
  background: #fff;
}
.jstack .part3 .part_bottom .left {
  width: 5.8rem;
  height: auto;
  padding-top: 1.66rem;
}
.jstack .part3 .part_bottom .right {
  width: 5.44rem;
  height: 5.44rem;
  margin-top: 0.2rem;
  position: relative;
}
.jstack .part3 .part_bottom .right img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.jstack .part3 .part_bottom .right img.bg {
  opacity: 0;
}
.jstack .part3 .part_bottom .right img.bg1 {
  -webkit-animation: jstack_part3 4s linear infinite;
  animation: jstack_part3 4s linear infinite;
}
.jstack .part3 .part_bottom .right img.bg2 {
  -webkit-animation: jstack_part3 4s 2s linear infinite;
  animation: jstack_part3 4s 2s linear infinite;
}
.jstack .part4 {
  padding: 0.96rem 0 2rem;
  background: #f6f7fa;
}
.jstack .part4 .part_bottom .left {
  width: 4.1rem;
  height: auto;
  padding-top: 1.92rem;
}
.jstack .part4 .part_bottom .right {
  width: 7.18rem;
  height: 4.9rem;
  margin-top: 1.66rem;
  overflow: hidden;
}
.jstack .part4 .part_bottom .right .swiper-container {
  width: 100%;
  height: 100%;
}
.jstack .part4 .part_bottom .right .swiper-wrapper {
  height: 4.02rem;
}
.jstack .part4 .part_bottom .right .swiper-slide {
  height: 4.02rem !important;
}
.jstack .part4 .part_bottom .right .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
}
.jstack .part4 .part_bottom .right .swiper-pagination-bullets {
  bottom: 0;
  height: 0.88rem;
  line-height: 0.88rem;
  font-size: 0;
}
.jstack .part4 .part_bottom .right .swiper-pagination-bullets .swiper-pagination-bullet {
  opacity: 1;
  border: 2px solid #c9c8c8;
  background: #fff;
}
.jstack .part4 .part_bottom .right .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #c9c8c8;
}
.jstack .part4 .part_bottom .right .swiper-pagination {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.88rem;
  line-height: 0.88rem;
  font-size: 0;
  z-index: 9;
  text-align: center;
}
.jstack .part4 .part_bottom .right .swiper-pagination .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #fff;
  margin: 0 3px;
  cursor: pointer;
  border: 2px solid #c9c8c8;
}
.jstack .part4 .part_bottom .right .swiper-pagination .swiper-active-switch {
  background: #c9c8c8;
}
/* jstack 动效  ------------------------------------------*/
@-webkit-keyframes jstack_part3 {
  0% {
    -webkit-transform: scale(0.46, 0.46) translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2) translateZ(0);
    opacity: 0.1;
  }
}
@keyframes jstack_part3 {
  0% {
    -webkit-transform: scale(0.46, 0.46) translateZ(0);
    opacity: 1;
  }
  100% {
    transform: scale(1.2, 1.2) translateZ(0);
    opacity: 0.1;
  }
}
/* jnotes  ()==============================================================================================*/
.jnotes .banner {
  padding: 2.34rem 0 1.4rem;
  background: #fff;
}
.jnotes .banner .img1 {
  display: block;
  width: 3.02rem;
  height: 1.52rem;
  margin: 0 auto 0.81rem;
  -webkit-animation: common_text_up 2s ease forwards;
  animation: common_text_up 2s ease forwards;
}
.jnotes .banner .banner_main {
  height: 8.54rem;
  margin-bottom: 1.25rem;
  position: relative;
}
.jnotes .banner .banner_main img {
  position: absolute;
  top: 0;
  width: 7.34rem;
  height: 9.72rem;
}
.jnotes .banner .banner_main img.banner_img1 {
  left: -4.5rem;
  -webkit-animation: 2s jnotes_banner ease forwards;
  animation: 2s jnotes_banner ease forwards;
}
.jnotes .banner .banner_main img.banner_img2 {
  left: 10.06rem;
  -webkit-animation: 2s jnotes_banner ease forwards;
  animation: 2s jnotes_banner ease forwards;
}
.jnotes .banner .banner_main img.banner_img3 {
  left: 2.8rem;
}
.jnotes .banner .text {
  width: 9.3rem;
  margin: 0 auto 0.88rem;
  text-align: center;
  font-size: 0.2rem;
  color: #000;
  line-height: 0.52rem;
}
.jnotes .banner .img2 {
  margin: 0 auto;
  width: 9rem;
}
.jnotes .banner .img2 a {
  display: block;
  width: 25%;
  margin-bottom: 0.5rem;
}
.jnotes .banner .img2 a img {
  margin: 0 auto;
  display: block;
  cursor: pointer;
  width: 1.43rem;
  height: 1rem;
}
.jnotes .fixed-bg {
  box-sizing: border-box;
  height: 10rem;
  padding-top: 3.6rem;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
}
.jnotes .fixed-bg .littel {
  text-align: center;
  font-size: 0.3rem;
  color: #fff;
  height: 0.7rem;
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.jnotes .fixed-bg .big {
  text-align: center;
  font-size: 0.6rem;
  color: #fff;
  line-height: 0.9rem;
  letter-spacing: 1px;
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.jnotes .fixed-bg.bg-1 {
  background-image: url("../images/jnotes/fixedbg1.jpg");
}
.jnotes .fixed-bg.bg-2 {
  background-image: url("../images/jnotes/fixedbg2.jpg");
}
.jnotes .fixed-bg.bg-3 {
  background-image: url("../images/jnotes/fixedbg3.jpg");
}
.jnotes .fixed-bg.bg-4 {
  background-image: url("../images/jnotes/fixedbg4.jpg");
}
.jnotes .scroll-bg {
  background: #fff;
  padding: 1.4rem 0;
}
.jnotes .scroll-bg .title .title_big {
  font-size: 0.62rem;
  font-weight: bold;
  color: #000;
  line-height: 0.88rem;
}
.jnotes .scroll-bg .title .title_small {
  font-size: 0.2rem;
  color: #000;
  line-height: 0.44rem;
}
.jnotes .scroll-bg.sbg-1 .title {
  margin-bottom: 0.96rem;
}
.jnotes .scroll-bg.sbg-1 .title .title_big {
  width: 5.2rem;
  text-indent: 1.3rem;
}
.jnotes .scroll-bg.sbg-1 .title .title_small {
  width: 6.5rem;
}
.jnotes .scroll-bg.sbg-1 .sticky {
  height: 18rem;
  position: relative;
}
.jnotes .scroll-bg.sbg-1 .sticky .img_box {
  height: 9.4rem;
  position: -webkit-sticky;
  position: sticky;
  top: 0.9rem;
  left: 0;
}
.jnotes .scroll-bg.sbg-1 .sticky .img_box .img_item {
  position: absolute;
  top: 0;
}
.jnotes .scroll-bg.sbg-1 .sticky .img_box .img_item.img_item_l {
  left: -0.2rem;
}
.jnotes .scroll-bg.sbg-1 .sticky .img_box .img_item.img_item_l p {
  width: 5.04rem;
  text-align: center;
  font-size: 0.16rem;
  color: #666666;
  margin-top: -0.3rem;
}
.jnotes .scroll-bg.sbg-1 .sticky .img_box .img_item.img_item_r {
  left: 5.66rem;
}
.jnotes .scroll-bg.sbg-1 .sticky .img_box .img_item.img_item_r p {
  width: 5.58rem;
  text-align: center;
  font-size: 0.16rem;
  color: #666666;
  margin-top: -0.3rem;
}
.jnotes .scroll-bg.sbg-1 .sticky .img_box .img_item img {
  display: block;
  width: 6.79rem;
  height: 9rem;
}
.jnotes .scroll-bg.sbg-1 .sticky .img_box .img_item img.top_op {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.jnotes .scroll-bg.sbg-2 .title {
  margin-bottom: 1rem;
}
.jnotes .scroll-bg.sbg-2 .title .title_big {
  width: 6.03rem;
  text-indent: 1.8rem;
}
.jnotes .scroll-bg.sbg-2 .title .title_small {
  width: 5.8rem;
}
.jnotes .scroll-bg.sbg-2 .img_box {
  height: 10.66rem;
  position: relative;
}
.jnotes .scroll-bg.sbg-2 .img_box img {
  position: absolute;
  left: 0.05rem;
  width: 12.13rem;
  height: 10.66rem;
}
.jnotes .scroll-bg.sbg-3 .title {
  margin-bottom: 1.16rem;
}
.jnotes .scroll-bg.sbg-3 .title .title_big {
  width: 6.53rem;
  text-indent: 1.42rem;
}
.jnotes .scroll-bg.sbg-3 .title .title_small {
  width: 4rem;
}
.jnotes .scroll-bg.sbg-3 .img_box {
  height: 8.31rem;
  position: relative;
}
.jnotes .scroll-bg.sbg-3 .img_box img {
  position: absolute;
  left: 0.13rem;
  width: 15.48rem;
  height: 8.31rem;
}
.jnotes .scroll-bg.sbg-4 .title {
  margin-bottom: 0.7rem;
}
.jnotes .scroll-bg.sbg-4 .title .title_big {
  width: 100%;
  text-align: center;
}
.jnotes .scroll-bg.sbg-4 .img_box {
  height: auto;
}
.jnotes .scroll-bg.sbg-4 .img_box img {
  display: block;
  width: 100%;
  margin-bottom: 0.1rem;
}
/* jnotes 动效  ------------------------------------------*/
@-webkit-keyframes jnotes_banner {
  from {
    left: 2.3rem;
  }
}
@keyframes jnotes_banner {
  from {
    left: 2.3rem;
  }
}
/* JAI+ ==============================================================================================*/
.jai {
  background: #07060b;
}
.jai .banner {
  background: url(../images/jai/banner_bg.jpg) center no-repeat;
  background-size: 19.2rem 11.94rem;
  width: 100%;
  height: 11.94rem;
  position: relative;
  overflow: hidden;
}
.jai .banner #bgCanvas {
  display: block;
  background: rgba(255, 255, 255, 0);
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.jai .banner .banner_bg_bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(../images/jai/banner_bottom.png) center no-repeat;
  background-size: 19.2rem 1.85rem;
  width: 100%;
  height: 1.85rem;
  z-index: 2;
}
.jai .banner .banner_text {
  padding-top: 4.55rem;
}
.jai .banner .banner_text img {
  display: block;
  width: 3.82rem;
  height: 1.35rem;
  margin: 0 auto 0.46rem;
  -webkit-animation: common_text_up 1.5s 0.4s ease backwards;
  animation: common_text_up 1.5s 0.4s ease backwards;
}
.jai .banner .banner_text h3 {
  width: 8.6rem;
  margin: 0 auto;
  text-align: center;
  font-size: 0.2rem;
  color: #fff;
  font-weight: normal;
  line-height: 0.34rem;
  -webkit-animation: common_text_up 1.5s 1s ease backwards;
  animation: common_text_up 1.5s 1s ease backwards;
}
.jai .part_common {
  height: 4.94rem;
  overflow: hidden;
}
.jai .part_common .content {
  height: 100%;
  position: relative;
}
.jai .part_common .content .bg {
  position: absolute;
  top: 0;
  left: -3.6rem;
  -webkit-animation: jai_part_com_scale 12s linear infinite alternate;
  animation: jai_part_com_scale 12s linear infinite alternate;
}
.jai .part_common .content .bg img {
  display: block;
  width: 19.2rem;
}
.jai .part_common .content .text {
  position: absolute;
  top: 2.2rem;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
}
.jai .part_common .content .text h2 {
  font-size: 0.55rem;
  height: 0.8rem;
  font-weight: normal;
}
.jai .part_common .content .text p {
  font-size: 0.16rem;
  height: 0.3rem;
}
.jai .part1 {
  height: 4.88rem;
  margin: 2.26rem auto;
  position: relative;
}
.jai .part1 .section {
  color: #fff;
  width: 5.02rem;
}
.jai .part1 .section h2 {
  font-weight: normal;
  font-size: 0.44rem;
  line-height: 0.76rem;
  margin-bottom: 0.46rem;
}
.jai .part1 .section span {
  display: block;
  width: 1rem;
  height: 0.06rem;
  background: #fff;
  margin-bottom: 0.9rem;
}
.jai .part1 .section p {
  width: 4.88rem;
  font-size: 0.16rem;
  line-height: 0.3rem;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.jai .part1 .images {
  position: absolute;
  top: 0;
  right: 0;
  width: 6.83rem;
  height: 4.87rem;
  background: url(../images/jai/part1.jpg) no-repeat;
  background-size: contain;
}
.jai .part2 {
  padding: 2.14rem 0;
  position: relative;
}
.jai .part2 .mb {
  margin-bottom: 1rem;
}
.jai .part2 .sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 2.08rem;
  left: 0;
  width: 100%;
  height: 4rem;
}
.jai .part2 .sticky .item {
  width: 100%;
  height: 3.6rem;
  position: relative;
}
.jai .part2 .sticky .item img {
  display: block;
  width: 5.61rem;
  height: 3.57rem;
}
.jai .part2 .sticky .item img.img1 {
  box-shadow: 0 0 0.14rem 0.04rem rgba(163, 7, 39, 0.4);
}
.jai .part2 .sticky .item img.img2 {
  box-shadow: 0 0 0.14rem 0.04rem rgba(143, 113, 11, 0.4);
}
.jai .part2 .sticky .item img.img3 {
  box-shadow: 0 0 0.14rem 0.04rem rgba(8, 80, 177, 0.4);
}
.jai .part2 .sticky .item img.img4 {
  box-shadow: 0 0 0.14rem 0.04rem rgba(217, 126, 213, 0.3);
}
.jai .part2 .sticky .item .table {
  position: absolute;
  top: 0;
  right: 0;
  width: 5.78rem;
  height: 100%;
  display: table;
}
.jai .part2 .sticky .item .section {
  display: table-cell;
  *display: inline-block;
  vertical-align: middle;
  color: #fff;
}
.jai .part2 .sticky .item .section h2 {
  font-weight: normal;
  font-size: 0.44rem;
  height: 0.9rem;
}
.jai .part2 .sticky .item .section p {
  font-size: 0.2rem;
  line-height: 0.32rem;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.jai .part3 {
  padding: 1.7rem 0;
}
.jai .part3 .title {
  text-align: center;
  color: #fff;
  font-size: 0.36rem;
  height: 0.64rem;
  font-weight: normal;
}
.jai .part3 .sub_title {
  text-align: center;
  color: #fff;
  font-size: 0.24rem;
  height: 1.58rem;
  font-weight: normal;
}
.jai .part3 .img {
  display: block;
  width: 100%;
  margin-bottom: 1.7rem;
}
.jai .part3 .group {
  width: 7.8rem;
  margin: 0 auto;
}
.jai .part3 .group .item {
  padding-bottom: 0.08rem;
  padding-left: 0.9rem;
  position: relative;
  margin-bottom: 0.56rem;
}
.jai .part3 .group .item span {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0.49rem;
  height: 0.52rem;
}
.jai .part3 .group .item span.icon1 {
  background: url(../images/jai/part3_2.png) 0 0 no-repeat;
  background-size: 0.49rem 7.03rem;
}
.jai .part3 .group .item span.icon2 {
  background: url(../images/jai/part3_2.png) 0 -1.45rem no-repeat;
  background-size: 0.49rem 7.03rem;
}
.jai .part3 .group .item span.icon3 {
  background: url(../images/jai/part3_2.png) 0 -3.08rem no-repeat;
  background-size: 0.49rem 7.03rem;
}
.jai .part3 .group .item span.icon4 {
  background: url(../images/jai/part3_2.png) 0 -4.85rem no-repeat;
  background-size: 0.49rem 7.03rem;
}
.jai .part3 .group .item span.icon5 {
  background: url(../images/jai/part3_2.png) 0 -6.6rem no-repeat;
  background-size: 0.49rem 7.03rem;
}
.jai .part3 .group .item dl dt {
  font-size: 0.28rem;
  line-height: 0.54rem;
  color: #fff;
}
.jai .part3 .group .item dl dd {
  font-size: 0.2rem;
  line-height: 0.3rem;
  color: #fff;
}
.jai .part4 {
  padding: 3.1rem 0 2rem;
  position: relative;
}
.jai .part4 .mb {
  margin-bottom: 2.7rem;
}
.jai .part4 .sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 1.92rem;
  left: 0;
  width: 100%;
  height: 8rem;
}
.jai .part4 .sticky .group {
  width: 100%;
  height: 6.78rem;
  position: relative;
}
.jai .part4 .sticky .group .img_l {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 3.39rem;
  height: 4.51rem;
  box-shadow: 0 0.14rem 0.21rem 0.1rem rgba(8, 7, 17, 0.67);
}
.jai .part4 .sticky .group .box {
  background: #121a1f;
  position: absolute;
  right: 0;
  bottom: 0;
  box-shadow: 0 0 0.1rem 0.05rem rgba(217, 126, 213, 0.2);
  width: 9.44rem;
  height: 5.56rem;
  box-sizing: border-box;
  padding: 0 0.5rem 0 1.24rem;
}
.jai .part4 .sticky .group .box dl {
  margin-top: 0.2rem;
}
.jai .part4 .sticky .group .box dl dt {
  line-height: 0.74rem;
  font-size: 0.24rem;
  color: #fff;
  font-weight: bold;
}
.jai .part4 .sticky .group .box dl dd {
  line-height: 0.26rem;
  font-size: 0.16rem;
  color: #fff;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.jai .part4 .sticky .group .box .col3_box {
  margin-top: 0.14rem;
}
.jai .part4 .sticky .group .box .col3_box h3 {
  line-height: 0.74rem;
  font-size: 0.24rem;
  color: #fff;
  font-weight: bold;
}
.jai .part4 .sticky .group .box .col3_box .col3_item {
  width: 2.1rem;
}
.jai .part4 .sticky .group .box .col3_box .col3_item .col3_item_img {
  display: block;
  width: 0.7rem;
  height: 0.82rem;
  margin: 0 auto;
}
.jai .part4 .sticky .group .box .col3_box .col3_item .col3_item_title {
  height: 0.24rem;
  line-height: 0.24rem;
  font-size: 0.16rem;
  text-align: center;
  color: #fff;
  margin-bottom: 0.16rem;
}
.jai .part4 .sticky .group .box .col3_box .col3_item .col3_item_text {
  line-height: 0.24rem;
  font-size: 0.16rem;
  color: #fff;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.jai .part4 .sticky .group .box .col3_box .col3_item.mr70 {
  margin-right: 0.7rem;
}
.jai .part4 .sticky .group .box .img_r_1,
.jai .part4 .sticky .group .box .img_r_2 {
  position: absolute;
  top: 0.24rem;
  right: 0.5rem;
  width: 2.46rem;
}
/* JAI+ 动效  ------------------------------------------*/
@-webkit-keyframes jai_part_com_scale {
  from {
    -webkit-transform: scale(1, 1) translateZ(0);
  }
  to {
    -webkit-transform: scale(1.2, 1.2) translateZ(0);
  }
}
@keyframes jai_part_com_scale {
  from {
    transform: scale(1, 1) translateZ(0);
  }
  to {
    transform: scale(1.2, 1.2) translateZ(0);
  }
}
/* bs ==============================================================================================*/
.bs {
  background: #f9f9fb;
}
.bs .banner_inner {
  position: relative;
  height: 10.05rem;
  padding-top: 2.7rem;
  box-sizing: border-box;
}
.bs .banner_inner .img1 {
  display: block;
  width: 1.6rem;
  margin: 0 auto 0.8rem;
}
.bs .banner_inner .banner_img {
  position: absolute;
  top: 8.1rem;
  left: -0.5rem;
  width: 12.36rem;
}
.bs .banner_inner h2 {
  text-align: center;
  font-size: 0.72rem;
  line-height: 1.04rem;
  margin-bottom: 0.5rem;
}
.bs .banner_inner p {
  text-align: center;
  font-size: 0.24rem;
}
.bs .banner_inner .img_download {
  display: block;
  width: 3.2rem;
  margin: 0.4rem auto;
}
.bs .part1 {
  padding-top: 2.23rem;
}
.bs .part1 .animateBox {
  height: 10.3rem;
  position: relative;
}
.bs .part1 .part1_1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 7.04rem;
  opacity: 1;
}
.bs .part1 .part1_2 {
  position: absolute;
  right: 0;
  top: 3.86rem;
  width: 6.59rem;
  opacity: 1;
}
.bs .part2 {
  width: 13.2rem;
  height: 8.2rem;
  margin: 0 auto;
  padding-left: 0.75rem;
  overflow: hidden;
  box-sizing: border-box;
}
.bs .part2 h2 {
  font-size: 0.52rem;
  text-align: center;
  padding-bottom: 0.8rem;
}
.bs .part2 .swiper-content {
  height: 5rem;
  overflow: hidden;
}
.bs .part2 .swiper-content .title {
  width: 4.5rem;
}
.bs .part2 .swiper-content .title .navs {
  padding: 0;
  height: 5rem;
  overflow: hidden;
}
.bs .part2 .swiper-content .title .navs-item {
  width: 100%;
  height: auto;
}
.bs .part2 .swiper-content .title .navs-item span {
  display: block;
  height: 0.5rem;
  font-weight: bold;
  font-size: 0.16rem;
  cursor: pointer;
  padding-left: 0.24rem;
}
.bs .part2 .swiper-content .title .navs-item .real {
  width: 4.2rem;
  border-radius: 0.16rem;
  height: 0;
  overflow: hidden;
  background: #fff;
}
.bs .part2 .swiper-content .title .navs-item .real h3 {
  color: #002fa7;
  font-size: 0.16rem;
  padding: 0.18rem 0.24rem;
}
.bs .part2 .swiper-content .title .navs-item .real h2 {
  text-align: left;
  font-size: 0.34rem;
  line-height: 0.46rem;
  padding: 0 0.24rem;
}
.bs .part2 .swiper-content .title .navs-item .real img {
  display: block;
  width: 1.21rem;
  height: 0.17rem;
  margin-top: -0.1rem;
}
.bs .part2 .swiper-content .title .navs-item .real .img1 {
  margin-left: 1rem;
}
.bs .part2 .swiper-content .title .navs-item .real .img2 {
  margin-left: 1.13rem;
}
.bs .part2 .swiper-content .title .navs-item .real .img3 {
  margin-left: 1.7rem;
}
.bs .part2 .swiper-content .title .navs-item .real .img4 {
  margin-left: 1.5rem;
}
.bs .part2 .swiper-content .title .navs-item .real p {
  font-size: 0.16rem;
  line-height: 0.26rem;
  padding: 0.14rem 0.6rem 0 0.24rem;
}
.bs .part2 .swiper-content .title .navs-item .timer {
  width: 0.01rem;
  height: 0.06rem;
  overflow: hidden;
  background: #002fa7;
}
.bs .part2 .swiper-content .title .navs-item.active span {
  display: none;
}
.bs .part2 .swiper-content .title .navs-item.active .real {
  box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.1);
  margin-bottom: 0.4rem;
  height: 3.3rem;
  -webkit-transition: height 0.5s linear;
  transition: height 0.5s linear;
}
.bs .part2 .swiper-content .title .navs-item.active .timer {
  width: 4.2rem;
  -webkit-transition: width 5s 0.1s linear;
  transition: width 5s 0.1s linear;
}
.bs .part2 .swiper-content .swiper-container {
  width: 7.76rem;
  height: 5rem;
  overflow: hidden;
  position: static;
}
.bs .part2 .swiper-content .swiper-container img {
  display: block;
  width: 7.76rem;
  height: 5rem;
}
.bs .part3 {
  background: #fff;
  padding: 1.6rem 0 1.7rem;
}
.bs .part3 h2 {
  font-size: 0.52rem;
  line-height: 0.78rem;
  text-align: center;
  margin-bottom: 0.5rem;
}
.bs .part3 p {
  font-size: 0.24rem;
  text-align: center;
  margin-bottom: 1rem;
}
.bs .part3 img {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.bs .mb18 {
  margin-bottom: 1.8rem;
}
.bs .part4 {
  position: relative;
  height: 40rem;
}
.bs .part4 .sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 10rem;
  padding-top: 1.4rem;
  box-sizing: border-box;
}
.bs .part4 .sticky h2 {
  font-size: 0.52rem;
  text-align: center;
  margin-bottom: 0.9rem;
}
.bs .part4 .sticky .item {
  width: 5.37rem;
}
.bs .part4 .sticky .item img {
  display: block;
  width: 5.37rem;
}
.bs .part4 .sticky .item h3 {
  font-size: 0.24rem;
  padding: 0.3rem 0;
}
.bs .part4 .sticky .item p {
  font-size: 0.16rem;
}
.bs .part4 .bg1 {
  background: url(../images/banshu/part4_bg1.jpg) no-repeat;
  background-size: 100%;
}
.bs .part4 .bg2 {
  background: url(../images/banshu/part4_bg2.jpg) no-repeat;
  background-size: 100%;
}
.bs .part4 .bg3 {
  background: url(../images/banshu/part4_bg3.jpg) no-repeat;
  background-size: 100%;
}
.bs .part6 {
  margin-top: 1.2rem;
  margin-bottom: 1.8rem;
}
.bs .part6 h2 {
  font-size: 0.52rem;
  text-align: center;
  margin-bottom: 0.9rem;
}
.bs .part6 .itembox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bs .part6 .item {
  display: flex;
  width: 2.8rem;
  height: 4.18rem;
  overflow: hidden;
  border-radius: 0.2rem;
  background: #fff;
  box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.1);
  position: relative;
  padding: 0;
  box-sizing: border-box;
  -webkit-transition: width 0.4s linear;
  transition: width 0.4s linear;
  cursor: pointer;
}
.bs .part6 .item .real {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0.6rem 0.24rem;
  box-sizing: border-box;
}
.bs .part6 .item .real .icon {
  display: block;
  width: 1.4rem;
  margin-left: 0.44rem;
}
.bs .part6 .item .real h3 {
  font-size: 0.32rem;
  padding: 0.2rem 0;
}
.bs .part6 .item .real p {
  font-size: 0.16rem;
  line-height: 0.26rem;
}
.bs .part6 .item .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 5.88rem;
  margin: 0;
  opacity: 0;
}
.bs .part6 .item.active {
  width: 5.88rem;
}
.bs .part6 .item.active .bg {
  opacity: 1;
}
.bs .part7 {
  height: 8.8rem;
  padding-top: 2.1rem;
  box-sizing: border-box;
  margin-bottom: 0;
  background: url(../images/banshu/part7_bg.jpg) center no-repeat;
  background-size: 100%;
}
.bs .part7 p {
  font-size: 0.2rem;
  margin-bottom: 0.5rem;
}
.bs .part7 a {
  display: block;
  width: 2.3rem;
  height: 0.56rem;
  margin: 0 auto;
}
.bs .part7 a img {
  display: block;
  width: 100%;
}
/* 公共 动效  ------------------------------------------*/
@-webkit-keyframes common_banner_bg_scale {
  from {
    -webkit-transform: scale(1.1, 1.1) translateZ(0);
  }
  to {
    -webkit-transform: scale(1, 1) translateZ(0);
  }
}
@keyframes common_banner_bg_scale {
  from {
    transform: scale(1.1, 1.1) translateZ(0);
  }
  to {
    transform: scale(1, 1) translateZ(0);
  }
}
@-webkit-keyframes common_text_up {
  0% {
    -webkit-transform: translateY(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes common_text_up {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes common_from_left {
  0% {
    -webkit-transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    opacity: 1;
  }
}
@keyframes common_from_left {
  0% {
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes common_from_right {
  0% {
    -webkit-transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    opacity: 1;
  }
}
@keyframes common_from_right {
  0% {
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes common_from_left2 {
  0% {
    -webkit-transform: translateX(-200px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
    opacity: 1;
  }
}
@keyframes common_from_left2 {
  0% {
    transform: translateX(-200px);
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes common_from_right2 {
  0% {
    -webkit-transform: translateX(200px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
    opacity: 1;
  }
}
@keyframes common_from_right2 {
  0% {
    transform: translateX(200px);
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}