@charset "utf-8";
body {
  overflow-x: hidden;
  letter-spacing: 1px;
}
/** ----------------------1 过渡类选中效果开始----------------- **/
/** 
    ******************************目录******************************
    ***1.1 淡入淡出效果
    ***1.2 滑动效果
    ***1.3 更换背景色效果
    ***1.4 添加盒子阴影效果
    **/
/** ----------------------1.1 淡入淡出效果开始----------------- **/
/** ----------------------1.1 淡入淡出效果结束----------------- **/
/** ----------------------1.2 滑动效果开始----------------- **/
/** ----------------------1.2 滑动效果结束----------------- **/
/** ----------------------1.3 更换背景色效果开始----------------- **/
/** ----------------------1.3 更换背景色效果结束----------------- **/
/** ----------------------1.4 添加盒子阴影效果开始----------------- **/
/** ----------------------1.4 添加盒子阴影效果结束----------------- **/
/** ----------------------1 过渡类选中效果结束----------------- **/
/** ----------------------2 过渡类触发效果开始----------------- **/
/** 
    ******************************目录******************************
    ***2.1 滑动效果
    ***2.2 更换背景色效果
    ***2.3 添加盒子阴影效果
    ***2.4 旋转效果
    ***2.5 变形效果
    **/
/** ----------------------2.1 滑动效果开始----------------- **/
/** ----------------------2.1 滑动效果结束----------------- **/
/** ----------------------2.2 更换背景色效果开始----------------- **/
/** ----------------------2.2 更换背景色效果结束----------------- **/
/** ----------------------2.3 添加盒子阴影效果开始----------------- **/
/** ----------------------2.3 添加盒子阴影效果结束----------------- **/
/** ----------------------2.4 旋转效果开始----------------- **/
/** ----------------------2.4 旋转效果结束----------------- **/
/** ----------------------2.5 变形效果开始----------------- **/
/** ----------------------2.5 变形效果开始----------------- **/
/** ----------------------2 过渡类触发效果结束----------------- **/
/** ----------------------3 动画类效果开始----------------- **/
/** ----------------------3 动画类效果结束----------------- **/
body {
  overflow-x: hidden;
  word-break: break-all;
  text-align: justify;
}
.com_header {
  display: block;
  width: 100%;
  height: 80px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  box-shadow: 0 0px 4px 0 rgba(200, 200, 200, 0.4);
  background: rgba(0, 0, 0, 0.3);
}
.com_header.bg-fff {
  background-color: #fff;
}
.com_header.active {
  box-shadow: none;
}
.com_header.active .new_head_nav li > a {
  color: #fff;
}
.com_header.active .new_head_nav li.active > a {
  color: #f01c1c;
}
.com_header.active .new_header_phone {
  color: #fff;
}
.com_header.active .new_head_nav li:hover > a {
  color: #f01c1c;
}
.com_header .new_header_in {
  height: 80px;
  position: relative;
  font-size: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.com_header .new_header_logo {
  display: inline-block;
  width: 148px;
}
.com_header .new_head_nav {
  display: inline-block;
  width: auto;
  height: 80px;
  font-size: 0;
  margin-left: 24px;
}
.com_header .new_head_nav li {
  width: auto;
  height: 80px;
  position: relative;
  float: left;
}
.com_header .new_head_nav li > a {
  display: block;
  padding: 0 14px;
  line-height: 80px;
  font-size: 16px;
  color: #333;
}
.com_header .new_head_nav li:hover > a {
  color: #f01c1c;
}
.com_header .new_head_nav li.active > a {
  color: #f01c1c;
}
.com_header .new_head_menu {
  display: none;
  width: 120px;
  height: auto;
  padding: 10px 0;
  background: #fff;
  position: absolute;
  overflow: hidden;
  top: 100%;
  left: 50%;
  box-shadow: 1px 1px 2px 2px rgba(200, 200, 200, 0.4);
  margin-left: -60px;
}
.com_header .new_head_menu a {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #333;
}
.com_header .new_head_menu a:hover {
  color: #ff3318;
}
.com_header .new_header_phone {
  display: inline-block;
  font-size: 20px;
  color: #ff3318;
  height: 80px;
  text-align: right;
  display: flex;
  align-items: center;
}
.com_header .new_header_phone img {
  width: 28px;
  height: 28px;
  margin-right: 10px;
  display: inline-block;
}
.com_header .new_top_zw {
  display: block;
  width: 100%;
  height: 80px;
}
/*底部*/
.com_footer {
  display: block;
  width: 100%;
  height: 324px;
  background-color: #222;
  position: relative;
  padding-top: 32px;
}
.com_footer .new_fooer_beian {
  display: block;
  width: 100%;
  height: 42px;
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 42px;
  color: #808080;
  font-size: 12px;
}
.com_footer .new_fooer_beian a {
  color: #808080;
}
.com_footer .new_fooer_beian a:hover {
  color: #fff;
}
.com_footer .new_footer_ewm {
  display: inline-block;
  float: right;
  width: auto;
  height: 100%;
  margin-right: 20px;
}
.com_footer .new_footer_ewm span {
  display: block;
  width: 128px;
  height: 128px;
  margin-bottom: 6px;
}
.com_footer .new_footer_ewm p {
  font-size: 12px;
  color: #fff;
  line-height: 20px;
}
.com_footer .new_footer_ewm h3 {
  font-size: 20px;
  color: #fff;
  line-height: 24px;
}
.com_footer .new_footer_in {
  display: inline-block;
  float: left;
  height: 100%;
  margin-right: 100px;
  font-size: 12px;
  color: #808080;
  max-width: 270px;
}
.com_footer .new_footer_in h2 {
  padding-left: 8px;
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  margin-bottom: 6px;
  position: relative;
}
.com_footer .new_footer_in h2::after {
  content: "";
  display: block;
  width: 3px;
  height: 16px;
  background: #e92d2d;
  position: absolute;
  left: 0;
  top: 13px;
}
.com_footer .new_footer_in a {
  display: block;
  color: #8c8c8c;
  line-height: 26px;
  padding-left: 8px;
}
.com_footer .new_footer_in a:hover {
  color: #fff;
}
.com_footer .new_fonter_lianjie {
  display: block;
  width: 100%;
  height: 48px;
  position: absolute;
  bottom: 42px;
  left: 0;
  font-size: 12px;
  color: #8c8c8c;
  line-height: 48px;
  text-align: center;
}
.com_footer .new_fonter_lianjie a {
  color: #8c8c8c;
}
.com_footer .new_fonter_lianjie a:hover {
  color: #fff;
}
.com_footer .new_fonter_lianjie img {
  width: 16px;
}
.com-banner {
  width: 100%;
  margin: 0 auto;
  height: 300px;
  overflow: hidden;
  text-align: center;
}
.com-banner h2 {
  line-height: 85px;
  font-size: 30px;
  font-family: "微软雅黑";
  color: #fff;
  margin-top: 80px;
}
.com-banner h2 span {
  color: #e92d2d;
  font-size: 46px;
  line-height: 85px;
}
.com-banner p {
  line-height: 24px;
  font-size: 20px;
  font-family: "微软雅黑";
  color: #fff;
}
#embed-lite {
  right: 40px;
  bottom: 100px;
  width: 60px;
  height: 60px;
}
#embed-lite img {
  width: 100%;
  height: 100%;
}
.sys_rightbox5 {
  width: 140px;
  height: 464px;
  position: fixed;
  z-index: 999;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  background-color: #FFF4F3;
  border-radius: 10px;
  display: none;
}
.sys_rightbox5 .realbox {
  width: 100%;
  height: 510px;
  position: relative;
  top: -45px;
  padding-bottom: 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.sys_rightbox5 .realbox .zixun {
  background-size: contain;
  padding-top: 100px;
  box-sizing: border-box;
  width: 110px;
  height: 200px;
  position: relative;
}
.sys_rightbox5 .realbox .zixun .picbox {
  width: 28px;
  height: 28px;
  overflow: hidden;
}
.sys_rightbox5 .realbox .zixun .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.sys_rightbox5 .realbox .zixun .picbox {
  position: absolute;
  top: 9px;
  right: 1px;
}
.sys_rightbox5 .realbox .zixun .tel {
  width: 100%;
  height: 101px;
  background-size: contain;
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
}
.sys_rightbox5 .realbox .zixun .tel .num {
  color: #ffffff;
  text-align: center;
}
.sys_rightbox5 .realbox .zixun .tel .num .p2 {
  letter-spacing: -1px;
}
.sys_rightbox5 .realbox .zixun .tel .num p {
  max-width: 100%;
  height: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.sys_rightbox5 .realbox .zixun .tel .btn2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 96px;
  height: 30px;
  border-radius: 15px;
  background: #FFFFFF;
  color: #ffffff;
  color: #ff3318;
  margin-bottom: 30px;
}
.sys_rightbox5 .realbox .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 40px;
  border-radius: 20px;
  background: #ff3318;
  color: #ffffff;
  font-size: 14px;
}
.sys_rightbox5 .realbox .qrcode .picbox {
  width: 110px;
  height: 110px;
  overflow: hidden;
}
.sys_rightbox5 .realbox .qrcode .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.sys_rightbox5 .realbox .jovo .picbox {
  width: 50px;
  height: 26px;
  overflow: hidden;
}
.sys_rightbox5 .realbox .jovo .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.sys_rightbox5 .realbox .jovo span {
  color: #ff3318;
  cursor: pointer;
}
/*右侧导航*/
.new_right_nav {
  display: block;
  width: 58px;
  height: 273px;
  position: fixed;
  top: 20%;
  right: 0;
  z-index: 99;
}
.new_right_nav .new_right_menu {
  display: block;
  width: 170px;
  height: 58px;
  margin-bottom: 10px;
  background-color: #ff3318;
  border-radius: 4px 0 0 4px;
  font-size: 0px;
  color: #fff;
  line-height: 58px;
  position: relative;
  cursor: default;
}
.new_right_nav .new_right_menu.zhiding {
  cursor: pointer;
}
.new_right_nav .new_right_menu span {
  display: inline-block;
  float: left;
  width: 28px;
  height: 28px;
  /*margin-left: 12px;*/
  position: absolute;
  left: 12px;
  top: 15px;
  overflow: hidden;
}
.new_right_nav .new_right_menu span img {
  display: block;
  width: 100%;
  height: 100%;
}
.new_right_nav .new_right_menu_in {
  display: inline-block;
  width: 130px;
  float: right;
  text-align: right;
  font-size: 14px;
  padding-right: 8px;
}
.new_right_nav .new_right_menu_ewm {
  display: none;
  width: 128px;
  height: 128px;
  border-radius: 10px;
  background-color: #ff3318;
  padding: 5px;
  position: absolute;
  top: -36px;
  left: -142px;
}
.new_right_nav .new_right_menu_ewm img {
  border-radius: 8px;
  width: 100%;
  height: 100%;
}
.page_index {
  /*首页标题*/
  /*首页产品板块*/
  /*------------------以上除new_index_banner以外均为2022新增样式---------------*/
}
.page_index .new_index_title {
  margin-bottom: 60px;
}
.page_index .new_index_title h3 {
  text-align: center;
  font-size: 40px;
  color: #000;
  font-weight: bold;
  margin-bottom: 12px;
}
.page_index .new_index_title p {
  text-align: center;
  font-size: 18px;
  color: #666;
}
.page_index .new_index_banner {
  width: 100%;
  height: 900px;
  overflow: hidden;
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.page_index .new_index_banner .new_slideBox_banner {
  width: 100%;
  height: 900px;
  overflow: hidden;
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.page_index .new_index_banner .new_slideBox_banner:hover .prev,
.page_index .new_index_banner .new_slideBox_banner:hover .next {
  filter: alpha(opacity=100);
  opacity: 1;
}
.page_index .new_index_banner .new_slideBox_banner .hd {
  height: 12px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  z-index: 1;
}
.page_index .new_index_banner .new_slideBox_banner .hd ul {
  overflow: hidden;
  zoom: 1;
  float: left;
}
.page_index .new_index_banner .new_slideBox_banner .hd ul li {
  float: left;
  margin-right: 11px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.page_index .new_index_banner .new_slideBox_banner .hd ul li.on {
  background-color: #ff3318;
}
.page_index .new_index_banner .new_slideBox_banner .bd {
  position: relative;
  height: 900px;
  z-index: 0;
}
.page_index .new_index_banner .new_slideBox_banner .bd ul {
  margin: 0 auto;
}
.page_index .new_index_banner .new_slideBox_banner .bd ul li {
  zoom: 1;
  vertical-align: middle;
  height: 900px;
  width: 100%;
}
.page_index .new_index_banner .new_slideBox_banner .bd ul li a {
  display: block;
  height: 900px;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.page_index .new_index_banner .new_slideBox_banner .prev,
.page_index .new_index_banner .new_slideBox_banner .next {
  position: absolute;
  left: 5%;
  top: 50%;
  margin-top: -25px;
  display: block;
  width: 54px;
  height: 88px;
  filter: alpha(opacity=0);
  opacity: 0;
  transition: all 0.5s;
}
.page_index .new_index_banner .new_slideBox_banner .prev:hover,
.page_index .new_index_banner .new_slideBox_banner .next:hover {
  filter: alpha(opacity=80);
  opacity: 0.8;
}
.page_index .new_index_banner .new_slideBox_banner .prev {
  background-image: url(/Jzw/Tpl/Home/Default/webimages/2019/2019banner_l.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 100% auto;
}
.page_index .new_index_banner .new_slideBox_banner .next {
  left: auto;
  right: 5%;
  background-image: url(/Jzw/Tpl/Home/Default/webimages/2019/2019banner_r.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 100% auto;
}
.page_index .new_index_banner .new_slideBox_banner .prevStop {
  display: none;
}
.page_index .new_index_banner .new_slideBox_banner .nextStop {
  display: none;
}
.page_index .new_index_banner img {
  width: 100%;
  max-height: 900px;
}
.page_index .new_index_pro {
  padding: 60px 0;
  background-color: #ffffff;
}
.page_index .new_index_pro .itembox {
  display: flex;
  justify-content: center;
}
.page_index .new_index_pro .itembox .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 220px;
  background: linear-gradient(0deg, #FFF9F9 0%, #FFFFFF 100%);
  border-radius: 6px;
  margin-right: 25px;
}
.page_index .new_index_pro .itembox .item:first-child {
  margin-left: 25px;
}
.page_index .new_index_pro .itembox .item .picbox {
  overflow: hidden;
  display: block;
  margin-bottom: 25px;
}
.page_index .new_index_pro .itembox .item .picbox.pro1 {
  width: 64px;
  height: 64px;
}
.page_index .new_index_pro .itembox .item .picbox.pro2 {
  width: 64px;
  height: 64px;
}
.page_index .new_index_pro .itembox .item .picbox.pro3 {
  width: 64px;
  height: 64px;
}
.page_index .new_index_pro .itembox .item .picbox.pro4 {
  width: 64px;
  height: 64px;
}
.page_index .new_index_pro .itembox .item .picbox.pro5 {
  width: 64px;
  height: 64px;
}
.page_index .new_index_pro .itembox .item .picbox .pic {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
}
.page_index .new_index_pro .itembox .item .picbox .cur {
  display: none;
}
.page_index .new_index_pro .itembox .item .itemtitle {
  font-size: 16px;
  color: #333333;
  text-align: center;
}
.page_index .new_index_pro .itembox .cur {
  background: #ff3318;
}
.page_index .new_index_pro .itembox .cur .picbox .pic {
  display: none;
}
.page_index .new_index_pro .itembox .cur .picbox .cur {
  display: block;
}
.page_index .new_index_pro .itembox .cur .itemtitle {
  color: #ffffff;
}
.page_index .new_index_pro .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 50px;
  border-radius: 25px;
  background: #ff3318;
  color: #ffffff;
  font-size: 18px;
  margin: 0 auto;
  transition: all 0.5s;
}
.page_index .new_index_pro .btn:hover {
  background: #ff3318;
  box-shadow: 0px 0px 20px 0px #ff3318;
  position: relative;
  z-index: 5;
}
.page_index .new_index_fangan {
  background: url("/Jzw/Tpl/Home/Default/webimages/2022/fangan_bg.png") no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 60px 0;
}
.page_index .new_index_fangan .new_index_title h3 {
  color: #ffffff;
}
.page_index .new_index_fangan .new_index_title p {
  color: #999999;
}
.page_index .new_index_fangan .fanganbox {
  width: 1200px;
  height: 432px;
  margin: 0 auto;
  display: flex;
}
.page_index .new_index_fangan .fanganbox .fangleft {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 300px;
  height: 100%;
  margin-right: 60px;
}
.page_index .new_index_fangan .fanganbox .fangleft .item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100px;
  padding: 0 30px;
  box-sizing: border-box;
  border-radius: 6px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
}
.page_index .new_index_fangan .fanganbox .fangleft .item .itemright {
  opacity: 0;
  transition: all 1s;
}
.page_index .new_index_fangan .fanganbox .fangleft .item.cur .itemright {
  opacity: 1;
  transform: translateX(30px);
}
.page_index .new_index_fangan .fanganbox .fangleft .item .itemleft {
  transition: all 1s;
}
.page_index .new_index_fangan .fanganbox .fangleft .item.cur .itemleft {
  transform: translateX(10px);
}
.page_index .new_index_fangan .fanganbox .fangleft .item .itemleft {
  display: flex;
  align-items: center;
}
.page_index .new_index_fangan .fanganbox .fangleft .item .itemleft .shuzi {
  width: 44px;
  height: 42px;
  margin-right: 30px;
}
.page_index .new_index_fangan .fanganbox .fangleft .item .itemleft .shuzi .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}
.page_index .new_index_fangan .fanganbox .fangleft .item .itemleft .txt {
  max-width: 110px;
  overflow: hidden;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
}
.page_index .new_index_fangan .fanganbox .fangleft .item .itemright {
  width: 30px;
  height: 30px;
  margin-right: 30px;
}
.page_index .new_index_fangan .fanganbox .fangleft .item .itemright img {
  display: block;
  width: 100%;
  height: 100%;
}
.page_index .new_index_fangan .fanganbox .fangleft .cur {
  background: url("/Jzw/Tpl/Home/Default/webimages/2022/fangan_cur.png");
}
.page_index .new_index_fangan .fanganbox .fangright {
  width: 840px;
  height: 100%;
  padding-top: 45px;
  box-sizing: border-box;
  position: relative;
  color: #ffffff;
  display: none;
}
.page_index .new_index_fangan .fanganbox .fangright .shuzi {
  transition: all 1s;
}
.page_index .new_index_fangan .fanganbox .fangright:hover .shuzi {
  transform: translateY(-10px);
}
.page_index .new_index_fangan .fanganbox .fangright .shuzi {
  width: 70px;
  height: 70px;
  background-repeat: no-repeat;
  position: absolute;
  top: -10px;
  left: 0;
}
.page_index .new_index_fangan .fanganbox .fangright .righttitle {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 25px;
}
.page_index .new_index_fangan .fanganbox .fangright .rightsub {
  font-size: 16px;
  max-width: 100%;
  height: 96px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.page_index .new_index_fangan .fanganbox .fangright .iconlist {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.page_index .new_index_fangan .fanganbox .fangright .iconlist .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 96px;
  height: 96px;
  padding: 0 10px;
  box-sizing: border-box;
  border-radius: 6px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  position: relative;
  overflow: hidden;
}
.page_index .new_index_fangan .fanganbox .fangright .iconlist .item .hover_block {
  transition: all 0.6s;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
}
.page_index .new_index_fangan .fanganbox .fangright .iconlist .item:hover .hover_block {
  background: rgba(255, 255, 255, 0.15);
  height: 100%;
}
.page_index .new_index_fangan .fanganbox .fangright .iconlist .item .picbox {
  transition: all 0.6s;
}
.page_index .new_index_fangan .fanganbox .fangright .iconlist .item:hover .picbox {
  transform: scale(1.2);
}
.page_index .new_index_fangan .fanganbox .fangright .iconlist .item .picbox {
  width: 37px;
  height: 37px;
  overflow: hidden;
}
.page_index .new_index_fangan .fanganbox .fangright .iconlist .item .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_index .new_index_fangan .fanganbox .fangright .iconlist .item .picbox {
  margin-bottom: 10px;
}
.page_index .new_index_fangan .fanganbox .fangright .iconlist .item .itemtitle {
  font-size: 14px;
  max-width: 100%;
  height: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-align: center;
}
.page_index .new_index_fangan .fanganbox .fangright .hzlist {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page_index .new_index_fangan .fanganbox .fangright .hzlist .item {
  width: 202px;
  height: 100px;
  overflow: hidden;
  border-radius: 10px;
  background-color: #fff;
}
.page_index .new_index_fangan .fanganbox .fangright .hzlist .item:hover .pic {
  transform: scale(1.1);
}
.page_index .new_index_fangan .fanganbox .fangright .hzlist .item .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_index .new_index_fangan .fanganbox .active {
  display: block;
}
.page_index .new_index_fangan .fangright_a {
  display: none;
}
.page_index .new_index_fangan .fangright_a.active {
  display: block;
}
.page_index .new_index_fangan .btn {
  margin: 40px auto 0 auto;
  font-size: 18px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 50px;
  border-radius: 25px;
  background: #ff3318;
  color: #ffffff;
  transition: all 0.5s;
}
.page_index .new_index_fangan .btn:hover {
  background: #ff3318;
  box-shadow: 0px 0px 20px 0px #ff3318;
  position: relative;
  z-index: 5;
}
.page_index .new_index_advantage {
  padding: 60px 0;
  position: relative;
  overflow: hidden;
  background: url("/Jzw/Tpl/Home/Default/webimages/dot_bg.png");
}
.page_index .new_index_advantage .advantage {
  position: relative;
  z-index: 10;
  width: 1200px;
  margin: 0 auto;
}
.page_index .new_index_advantage .advantage .advantage_list {
  display: flex;
  margin-bottom: 60px;
}
.page_index .new_index_advantage .advantage .advantage_list .item {
  transition: all 0.5s;
}
.page_index .new_index_advantage .advantage .advantage_list .cur {
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 5;
}
.page_index .new_index_advantage .advantage .advantage_list .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 140px;
  font-size: 20px;
  color: #333333;
  border-radius: 10px;
}
.page_index .new_index_advantage .advantage .advantage_list .item:last-child {
  border: none;
}
.page_index .new_index_advantage .advantage .advantage_list .item .picbox {
  width: 120px;
  height: 71px;
}
.page_index .new_index_advantage .advantage .advantage_list .item .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}
.page_index .new_index_advantage .advantage .advantage_list .item .itemtitle {
  max-width: 90%;
  max-height: 30px;
  overflow: hidden;
  transition: all 0.2s;
}
.page_index .new_index_advantage .advantage .advantage_list .cur .itemtitle {
  color: #ff3318;
  font-weight: bold;
}
.page_index .new_index_advantage .advantage .advantage_desc {
  display: none;
}
.page_index .new_index_advantage .advantage .advantage_desc .desc {
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page_index .new_index_advantage .advantage .advantage_desc .desc .txt {
  transition: all 1s;
}
.page_index .new_index_advantage .advantage .advantage_desc .desc:hover .txt {
  transform: translateX(-10px);
}
.page_index .new_index_advantage .advantage .advantage_desc .desc .picbox {
  margin-right: 80px;
  width: 280px;
  height: 220px;
  transition: all 0.6s;
}
.page_index .new_index_advantage .advantage .advantage_desc .desc .picbox:hover {
  transform: scale(1.1);
}
.page_index .new_index_advantage .advantage .advantage_desc .desc .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}
.page_index .new_index_advantage .advantage .advantage_desc .desc .txt {
  color: #333333;
}
.page_index .new_index_advantage .advantage .advantage_desc .desc .txt .t1 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
}
.page_index .new_index_advantage .advantage .advantage_desc .desc .txt .t2 {
  font-size: 18px;
}
.page_index .new_index_advantage .advantage .active {
  display: block;
}
.page_index .new_index_advantage .btn {
  position: relative;
  z-index: 10;
  margin: 40 auto 0 auto;
  font-size: 18px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 50px;
  border-radius: 25px;
  background: #ff3318;
  color: #ffffff;
  transition: all 0.5s;
}
.page_index .new_index_advantage .btn:hover {
  background: #ff3318;
  box-shadow: 0px 0px 20px 0px #ff3318;
  position: relative;
  z-index: 5;
}
.page_index .new_index_advantage .bg1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -450px;
  left: 50%;
  transform: translateX(-50%);
  width: 900px;
  height: 900px;
  background: #F9F9F9;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
  opacity: 0.5;
  border-radius: 50%;
}
.page_index .new_index_advantage .bg1 .bg2 {
  width: 740px;
  height: 740px;
  background: #F9F9F9;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
}
.page_index .new_banner {
  background-image: url("/Jzw/Tpl/Home/Default/webimages/2022/banner_bg.png");
  background-size: cover;
}
.page_index .new_banner .new_banner_in {
  height: 200px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page_index .new_banner .new_banner_in .inleft {
  display: flex;
  align-items: center;
}
.page_index .new_banner .new_banner_in .inleft .picbox {
  width: 272px;
  height: 183px;
  margin-right: 20px;
}
.page_index .new_banner .new_banner_in .inleft .txt {
  color: #ffffff;
}
.page_index .new_banner .new_banner_in .inleft .txt .t1 {
  font-size: 30px;
  font-weight: bold;
  max-width: 100%;
  height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.page_index .new_banner .new_banner_in .inleft .txt .t2 {
  font-size: 18px;
  max-width: 100%;
  height: 27px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.page_index .new_banner .new_banner_in .inright {
  display: flex;
  font-size: 22px;
}
.page_index .new_banner .new_banner_in .inright .btn1 .picbox,
.page_index .new_banner .new_banner_in .inright .btn2 .picbox {
  transition: all 0.5s;
  display: inline-block;
}
.page_index .new_banner .new_banner_in .inright .btn1:hover .picbox,
.page_index .new_banner .new_banner_in .inright .btn2:hover .picbox {
  transform: rotateY(180deg);
}
.page_index .new_banner .new_banner_in .inright .btn1 {
  margin-right: 30px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 60px;
  border-radius: 30px;
  background: #2FB874;
  color: #ffffff;
}
.page_index .new_banner .new_banner_in .inright .btn1 .picbox {
  width: 28px;
  height: 22px;
  margin-right: 10px;
}
.page_index .new_banner .new_banner_in .inright .btn2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 60px;
  border-radius: 30px;
  background: #ff3318;
  color: #ffffff;
}
.page_index .new_banner .new_banner_in .inright .btn2 .picbox {
  width: 28px;
  height: 28px;
  margin-right: 10px;
}
.page_index .new_banner .new_banner_in .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}
.page_index .new_index_cases {
  padding: 60px 0;
  background-color: #ffffff;
}
.page_index .new_index_cases .new_index_title {
  margin-bottom: 30px;
}
.page_index .new_index_cases .sys_catebox1 a {
  margin: 0 20px;
}
.page_index .new_index_cases .sys_catebox1 a:hover::after,
.page_index .new_index_cases .sys_catebox1 a.active::after {
  width: 32px;
  height: 4px;
  color: #ff3318;
  left: 50%;
  transform: translateX(-50%);
}
.page_index .new_index_cases .anlibox_desc {
  display: none;
}
.page_index .new_index_cases .anlibox_desc .anlibox {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: 1200px;
  margin: 40px auto 10px auto;
}
.page_index .new_index_cases .anlibox_desc .anlibox .item {
  width: 398px;
  height: 325px;
  margin: 0 2px 20px 0;
  display: block;
}
.page_index .new_index_cases .anlibox_desc .anlibox .item .picbox {
  width: 100%;
  height: 240px;
  overflow: hidden;
}
.page_index .new_index_cases .anlibox_desc .anlibox .item .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all 0.6s;
}
.page_index .new_index_cases .anlibox_desc .anlibox .item:hover .picbox .pic {
  transform: scale(1.1);
}
.page_index .new_index_cases .anlibox_desc .anlibox .item .picbox {
  position: relative;
}
.page_index .new_index_cases .anlibox_desc .anlibox .item .picbox .txt {
  position: absolute;
  top: 50px;
  left: 185px;
  color: #ffffff;
  padding-right: 65px;
}
.page_index .new_index_cases .anlibox_desc .anlibox .item .picbox .txt .t1 {
  font-size: 24px;
  line-height: 36px;
  font-weight: bold;
  max-width: 100%;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 0.02rem;
}
.page_index .new_index_cases .anlibox_desc .anlibox .item .picbox .txt .t2 {
  font-size: 14px;
  max-width: 100%;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.page_index .new_index_cases .anlibox_desc .anlibox .item .itemtitle {
  width: 100%;
  margin: 10px 0;
}
.page_index .new_index_cases .anlibox_desc .anlibox .item .itemtitle .t1 {
  color: #333333;
  font-size: 14px;
  max-width: 100%;
  height: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.page_index .new_index_cases .anlibox_desc .anlibox .item .itemtitle .t2 {
  color: #999999;
  font-size: 12px;
  max-width: 100%;
  height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.page_index .new_index_cases .cur {
  display: block;
}
.page_index .new_index_cases .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 50px;
  border-radius: 25px;
  background: #ff3318;
  color: #ffffff;
  font-size: 18px;
  margin: 0 auto;
  transition: all 0.5s;
}
.page_index .new_index_cases .btn:hover {
  background: #ff3318;
  box-shadow: 0px 0px 20px 0px #ff3318;
  position: relative;
  z-index: 5;
}
.page_index .new_index_hzhb {
  padding: 60px 0 30px 0;
  background-color: #F6F6F6;
}
.page_index .new_index_hzhb .new_index_title h3,
.page_index .new_index_hzhb .new_index_title p {
  color: #000000;
}
.page_index .new_index_hzhb .hzbox {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  background-color: #fff;
}
.page_index .new_index_hzhb .hzbox .item {
  transition: all 0.5s;
  overflow: hidden;
  border-right: 1px solid #f5f5f5;
  padding: 10px 0;
}
.page_index .new_index_hzhb .hzbox .item:hover {
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 5;
}
.page_index .new_index_hzhb .hzbox .item .picbox {
  width: 238px;
  height: 81px;
  overflow: hidden;
}
.page_index .new_index_hzhb .hzbox .item .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_index .new_index_hzhb .hzbox .item:nth-child(5n) {
  border-right: none;
}
.page_index .new_index_hzhb .hzbox .item:nth-child(n+6) {
  border-top: 1px solid #f5f5f5;
}
.page_index .new_index_hzhb .hzbox .item:hover .picbox .pic {
  transform: scale(1.1);
}
.page_index .new_index_exp {
  padding: 60px 0;
  background: #ffffff url("/Jzw/Tpl/Home/Default/webimages/2022/exp_bg.jpg") no-repeat center bottom;
}
.page_index .new_index_exp .expbox {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 1200px;
  margin: 0 auto;
}
.page_index .new_index_exp .expbox > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 250px;
  height: 250px;
}
.page_index .new_index_exp .expbox .expleft .t1 {
  color: #000000;
  font-size: 40px;
  line-height: 50px;
  font-weight: bold;
}
.page_index .new_index_exp .expbox .expleft .t2 {
  color: #000000;
  font-size: 16px;
}
.page_index .new_index_exp .expbox .expleft .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 32px;
  border-radius: 16px;
  background: #ff3318;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}
.page_index .new_index_exp .expbox .expleft .btn .pls {
  transition: all 0.5s;
  display: inline-block;
}
.page_index .new_index_exp .expbox .expleft .btn:hover .pls {
  transform: rotate(180deg);
}
.page_index .new_index_exp .expbox .expmiddle,
.page_index .new_index_exp .expbox .expright {
  color: #000000;
}
.page_index .new_index_exp .expbox .expmiddle .t1 .pls,
.page_index .new_index_exp .expbox .expright .t1 .pls,
.page_index .new_index_exp .expbox .expmiddle .t2 .pls,
.page_index .new_index_exp .expbox .expright .t2 .pls {
  transition: all 0.5s;
  display: inline-block;
}
.page_index .new_index_exp .expbox .expmiddle .t1:hover .pls,
.page_index .new_index_exp .expbox .expright .t1:hover .pls,
.page_index .new_index_exp .expbox .expmiddle .t2:hover .pls,
.page_index .new_index_exp .expbox .expright .t2:hover .pls {
  transform: rotate(180deg);
}
.page_index .new_index_exp .expbox .expmiddle .p1,
.page_index .new_index_exp .expbox .expright .p1 {
  font-size: 40px;
  font-weight: bold;
  position: relative;
}
.page_index .new_index_exp .expbox .expmiddle .p1 .bg,
.page_index .new_index_exp .expbox .expright .p1 .bg {
  position: absolute;
  left: -10px;
  bottom: 5px;
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
}
.page_index .new_index_exp .expbox .expmiddle .p1 .s1,
.page_index .new_index_exp .expbox .expright .p1 .s1,
.page_index .new_index_exp .expbox .expmiddle .p1 .s2,
.page_index .new_index_exp .expbox .expright .p1 .s2 {
  position: relative;
  z-index: 5;
}
.page_index .new_index_exp .expbox .expmiddle .p1 .s2,
.page_index .new_index_exp .expbox .expright .p1 .s2 {
  font-size: 16px;
}
.page_index .new_index_exp .expbox .expmiddle .p2,
.page_index .new_index_exp .expbox .expright .p2 {
  font-size: 16px;
  letter-spacing: 5px;
}
.page_index .new_news {
  padding: 60px 0;
  background: url(/Jzw/Tpl/Home/Default/webimages/2022/pic_bg2.jpg?t=1) no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.page_index .new_news .sys_catebox1 a {
  margin: 0 20px;
  color: #a9a9a9;
}
.page_index .new_news .sys_catebox1 a.active {
  color: #fff;
}
.page_index .new_news .sys_catebox1 a:hover::after,
.page_index .new_news .sys_catebox1 a.active::after {
  width: 32px;
  height: 4px;
  color: #ff3318;
  left: 50%;
  transform: translateX(-50%);
}
.page_index .new_news .new_index_title {
  margin-bottom: 30px;
}
.page_index .new_news .new_index_title h3,
.page_index .new_news .new_index_title p {
  color: #ffffff;
}
.page_index .new_news .news-container {
  width: 1200px;
  height: 620px;
  margin: 40px auto 0 auto;
  position: relative;
}
.page_index .new_news .newsbox {
  width: 1200px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.page_index .new_news .newsbox .newscontent {
  margin-bottom: 40px;
  height: 470px;
  background: #ffffff;
  padding: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page_index .new_news .newsbox .newscontent .conleft {
  width: 600px;
  height: 470px;
  background: #fff;
  box-sizing: border-box;
  border-right: 1px solid #E0E0E0;
}
.page_index .new_news .newsbox .newscontent .conleft .picbox {
  width: 100%;
  height: 314px;
  overflow: hidden;
}
.page_index .new_news .newsbox .newscontent .conleft .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all 0.6s;
}
.page_index .new_news .newsbox .newscontent .conleft:hover .txt {
  background-color: #F9F9F9;
}
.page_index .new_news .newsbox .newscontent .conleft:hover .txt .t2 .p1 {
  color: #ff3318;
}
.page_index .new_news .newsbox .newscontent .conleft:hover .txt::after {
  width: 100%;
}
.page_index .new_news .newsbox .newscontent .conleft .txt {
  height: 156px;
}
.page_index .new_news .newsbox .newscontent .conleft .txt .t2 {
  max-width: 420px;
}
.page_index .new_news .newsbox .newscontent .conright {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 570px;
  height: 100%;
  background-color: #fff;
}
.page_index .new_news .newsbox .newscontent .conright .txt {
  flex: 1;
}
.page_index .new_news .newsbox .newscontent .conright .txt:first-child {
  border-top: 1px solid #E0E0E0;
}
.page_index .new_news .newsbox .newscontent .conright .txt .t2 {
  max-width: 390px;
}
.page_index .new_news .newsbox .newscontent .txt {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #E0E0E0;
  padding: 0 30px;
  box-sizing: border-box;
  position: relative;
}
.page_index .new_news .newsbox .newscontent .txt::after {
  content: '';
  width: 0;
  height: 1px;
  background-color: #ff3318;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.5s linear;
}
.page_index .new_news .newsbox .newscontent .txt:hover {
  background-color: #F9F9F9;
}
.page_index .new_news .newsbox .newscontent .txt:hover .t2 .p1 {
  color: #ff3318;
}
.page_index .new_news .newsbox .newscontent .txt:hover::after {
  width: 100%;
}
.page_index .new_news .newsbox .newscontent .txt .t1 {
  width: 80px;
  color: #000000;
  text-align: center;
}
.page_index .new_news .newsbox .newscontent .txt .t1 .p1 {
  font-size: 36px;
  line-height: 40px;
  max-width: 100%;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.page_index .new_news .newsbox .newscontent .txt .t1 .p2 {
  font-size: 16px;
  max-width: 100%;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.page_index .new_news .newsbox .newscontent .txt .t2 .p1 {
  color: #000000;
  font-size: 20px;
  margin-bottom: 10px;
  max-width: 100%;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.page_index .new_news .newsbox .newscontent .txt .t2 .p2 {
  color: #666666;
  font-size: 16px;
  max-width: 100%;
  height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.page_index .new_news .newsbox .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 50px;
  border-radius: 25px;
  background: #ff3318;
  color: #ffffff;
  font-size: 18px;
  margin: 0 auto;
  transition: all 0.5s;
}
.page_index .new_news .newsbox .btn:hover {
  background: #ff3318;
  box-shadow: 0px 0px 20px 0px #ff3318;
  position: relative;
  z-index: 5;
}
.page_index .new_news .cur {
  display: block;
  opacity: 1;
  visibility: visible;
}
.page_index .new_news .swiper {
  position: relative;
  width: 100%;
  height: 530px;
  margin-bottom: 40px;
  transform-style: preserve-3d;
}
.page_index .new_news .swiper .swiper-slide {
  perspective: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page_index .new_news .swiper .swiper-slide .picbox {
  width: 260px;
  height: 530px;
  overflow: hidden;
}
.page_index .new_news .swiper .swiper-slide .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all 0.6s;
}
.page_index .new_news .swiper .swiper-slide .picbox {
  border-radius: 10px;
  flex: none;
  filter: brightness(70%);
  position: relative;
  padding: 118px 42px 50px;
  box-sizing: border-box;
}
.page_index .new_news .swiper .swiper-slide .picbox:hover .telbox .play {
  opacity: 1;
}
.page_index .new_news .swiper .swiper-slide .picbox:hover .pic {
  filter: brightness(50%);
}
.page_index .new_news .swiper .swiper-slide .picbox .telbox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 82px;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(/Jzw/Tpl/Home/Default/webimages/tel.png?t=2) no-repeat center center / cover;
}
.page_index .new_news .swiper .swiper-slide .picbox .telbox .play {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: transparent;
  color: #ffffff;
  background: url(/Jzw/Tpl/Home/Default/webimages/play.png) no-repeat center center / contain;
  opacity: 0;
}
.page_index .new_news .swiper .swiper-slide-active .picbox {
  filter: brightness(100%);
}
.page_index .new_news .swiper .next,
.page_index .new_news .swiper .prev {
  position: absolute;
  top: 50%;
  z-index: 10;
  cursor: pointer;
  width: 57.14285714px;
  height: 120px;
  background-color: #FFF0F0;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transform: translateY(-50%) scaleX(0.7);
}
.page_index .new_news .swiper .next {
  right: 0;
}
.page_index .new_news .swiper .next .jiantou {
  width: 24px;
  height: 24px;
  transform: rotate(45deg);
  border-top: 2px solid #ff3318;
  border-right: 2px solid #ff3318;
  margin-right: 12px;
}
.page_index .new_news .swiper .prev {
  left: 0;
}
.page_index .new_news .swiper .prev .jiantou {
  width: 24px;
  height: 24px;
  transform: rotate(225deg);
  border-top: 2px solid #ff3318;
  border-right: 2px solid #ff3318;
  margin-left: 12px;
}
.page_index .new_banner2 {
  background-color: #F6F6F6;
}
.page_index .new_banner2 .new_banner_in {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 1200px;
  height: 130px;
  margin: 0 auto;
}
.page_index .new_banner2 .new_banner_in .inleft {
  max-width: 480px;
}
.page_index .new_banner2 .new_banner_in .inleft .txt .t1 {
  color: #000000;
  font-size: 24px;
  font-weight: bold;
  max-width: 100%;
  height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.page_index .new_banner2 .new_banner_in .inleft .txt .t2 {
  color: #666666;
  font-size: 16px;
  max-width: 100%;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.page_index .new_banner2 .new_banner_in .inright {
  max-width: 720px;
}
.page_index .new_banner2 .new_banner_in .inright .txt {
  color: #000000;
  font-size: 16px;
  margin-bottom: 12px;
  max-width: 100%;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.page_index .new_banner2 .new_banner_in .inright .zixun {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page_index .new_banner2 .new_banner_in .inright .zixun input {
  background-color: #ffffff;
  width: 210px;
  height: 40px;
  padding: 0 20px;
  margin-right: 20px;
  box-sizing: border-box;
  border-radius: 20px;
  font-size: 14px;
  color: #333333;
}
.page_index .new_banner2 .new_banner_in .inright .zixun input::-webkit-input-placeholder,
.page_index .new_banner2 .new_banner_in .inright .zixun input::-moz-placeholder,
.page_index .new_banner2 .new_banner_in .inright .zixun input:-ms-input-placeholder,
.page_index .new_banner2 .new_banner_in .inright .zixun input:-moz-placeholder {
  color: #999999;
  font-size: 14px;
}
.page_index .new_banner2 .new_banner_in .inright .zixun input:last-child {
  margin-right: 10px;
}
.page_index .new_banner2 .new_banner_in .inright .zixun .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 190px;
  height: 40px;
  border-radius: 20px;
  background: #ff3318;
  color: #ffffff;
  font-size: 16px;
  transition: all 0.5s;
}
.page_index .new_banner2 .new_banner_in .inright .zixun .btn:hover {
  background: #ff3318;
  box-shadow: 0px 0px 20px 0px #ff3318;
  position: relative;
  z-index: 5;
}
.page_index .new_index_pro ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.page_index .new_index_pro li {
  float: left;
  width: 220px;
  height: 220px;
  border-radius: 8px;
  box-shadow: 0 0 16px 0 rgba(200, 200, 200, 0.5);
  margin-right: 25px;
  margin-bottom: 25px;
}
.page_index .new_index_pro li a {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page_index .new_index_pro li a > span {
  display: block;
  width: 72px;
  height: 68px;
  margin: 0 auto;
  margin-bottom: 30px;
  overflow: hidden;
}
.page_index .new_index_pro li a > p {
  text-align: center;
  line-height: 36px;
  font-size: 20px;
  color: #333;
}
.page_index .new_index_pro li a:hover {
  background-image: url(/Jzw/Tpl/Home/Default/webimages/2019/2019pro_bg.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.page_index .new_index_pro li a:hover p {
  color: #fff;
}
.page_index .new_index_pro li a:hover span img.new_pro_img1 {
  display: none;
}
.page_index .new_index_youshi {
  display: block;
  width: 100%;
  height: 610px;
  background: #fcf8f6;
  padding-top: 80px;
  box-sizing: border-box;
}
.page_index .new_index_ys {
  height: 350px;
  font-size: 0;
  margin-top: 60px;
}
.page_index .new_index_ys li {
  width: 20%;
  height: 350px;
  float: left;
  padding: 30px 30px 0;
  padding-top: 30px;
  box-sizing: border-box;
}
.page_index .new_index_ys li:hover {
  background-image: url(/Jzw/Tpl/Home/Default/webimages/2019/2019index_ys_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.page_index .new_index_ys li > span {
  display: block;
  width: 136px;
  height: 136px;
  margin: 0 auto 22px;
  overflow: hidden;
}
.page_index .new_index_ys li:hover > span img.new_ys1 {
  display: none;
}
.page_index .new_index_ys li h3 {
  text-align: center;
  font-size: 20px;
  color: #333;
  font-weight: bold;
  line-height: 32px;
  margin-bottom: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.page_index .new_index_ys li p {
  text-align: center;
  font-size: 14px;
  color: #333;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.page_index .new_index_ys li:hover h3 {
  color: #FFF;
}
.page_index .new_index_ys li:hover P {
  color: #FFF;
}
.page_index .new_index_case_head {
  display: block;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 20px;
  margin-bottom: 50px;
}
.page_index .new_index_case_head span {
  display: inline-block;
  width: auto;
  height: 42px;
  font-size: 20px;
  color: #333;
  padding: 0 14px;
  cursor: pointer;
}
.page_index .new_index_case_head span:hover {
  color: #ff0101;
}
.page_index .new_index_case_head span.active {
  color: #ff0101;
}
.page_index .new_index_case_more {
  display: block;
  width: 200px;
  height: 40px;
  border-radius: 20px;
  margin: 0 auto 60px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: #333;
  background: #fff;
}
.page_index .new_index_case_more:hover {
  background-color: #ff3318;
  color: #fff;
  border-color: #ff3318;
}
.page_index .new_index_case {
  height: auto;
}
.page_index .new_index_case > div {
  display: none;
  width: 100%;
  height: auto;
}
.page_index .new_index_case > div.active {
  display: block;
}
.page_index .new_index_case_in {
  display: flex;
  justify-content: center;
}
.page_index .new_index_case_in li:nth-child(3n) {
  margin-right: 0;
}
.page_index .new_index_case_in li a .picbox {
  width: 380px;
  height: 220px;
  display: block;
  overflow: hidden;
}
.page_index .new_index_case_in li a .picbox .pic {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  transition: all 0.6s;
}
.page_index .new_index_case_in li {
  width: 380px;
  height: 362px;
  box-shadow: 0 0 12px 0 rgba(200, 200, 200, 0.4);
  border: 1px solid #f7f9fb;
  margin: 0 30px 62px 0;
  float: left;
}
.page_index .new_index_case_in li a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page_index .new_index_case_in li a > div.maximg {
  display: block;
  width: 100%;
  height: 220px;
  overflow: hidden;
}
.page_index .new_index_case_in li a > div.maximg img {
  transition: all 0.5s;
  height: 100%;
}
.page_index .new_index_case_in li:hover a > div.maximg img {
  transform: scale(1.04);
}
.page_index .new_index_case_main {
  display: block;
  width: 100%;
  height: 142px;
  padding: 19px 25px 0;
}
.page_index .new_index_case_main h3 {
  font-size: 18px;
  color: #333;
  line-height: 30px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.page_index .new_index_case_in li:hover .new_index_case_main h3 {
  color: #ff0101;
}
.page_index .new_index_case_main p {
  font-size: 14px;
  line-height: 28px;
  color: #666;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.page_index .new_index_case_main span {
  display: block;
  width: 100%;
  height: 45px;
  border-top: 1px solid #dfeaf0;
  line-height: 44px;
  font-size: 14px;
  color: #333;
  text-transform: uppercase;
  margin-top: 18px;
  position: relative;
}
.page_index .new_index_case_main span::after {
  content: "";
  display: block;
  width: 16px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 0;
  background-image: url(/Jzw/Tpl/Home/Default/webimages/2019/2019case_jt.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: -5px;
}
.page_index .new_ggw {
  display: block;
  width: 100%;
  height: 400px;
  overflow: hidden;
  position: relative;
  background-image: url(/Jzw/Tpl/Home/Default/webimages/2019/2019ggw_02.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.page_index .new_ggw_in {
  height: 100%;
  padding: 88px 0 0 150px;
}
.page_index .new_ggw_in h1 {
  font-size: 48px;
  color: #FFFFFF;
  line-height: 80px;
  font-weight: bold;
  margin-bottom: 6px;
}
.page_index .new_ggw_in p {
  font-size: 36px;
  color: #FFFFFF;
  line-height: 50px;
}
.page_index .new_ggw_in p span {
  color: #ff3318;
}
.page_index .new_ggw_main {
  display: block;
  width: 100%;
  height: 48px;
  font-size: 0;
  margin-top: 38px;
}
.page_index .new_ggw_main > div {
  display: inline-block;
  width: auto;
  height: 48px;
  float: left;
  line-height: 48px;
  margin-right: 50px;
}
.page_index .new_ggw_main > div span {
  display: inline-block;
  width: 48px;
  height: 48px;
  margin-right: 12px;
  float: left;
}
.page_index .new_ggw_main > div em {
  font-size: 36px;
  color: #ff3318;
}
.page_index .new_ggw_main > div a {
  display: inline-block;
  float: left;
  width: 110px;
  height: 30px;
  border-radius: 15px;
  background: #fff;
  font-size: 14px;
  color: #ff3318;
  text-align: center;
  line-height: 30px;
  margin-top: 9px;
}
.page_index .new_index_news_head {
  display: block;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 20px;
  margin-bottom: 25px;
}
.page_index .new_index_news_head span {
  display: inline-block;
  width: auto;
  height: 42px;
  font-size: 20px;
  color: #333;
  padding: 0 14px;
  cursor: pointer;
}
.page_index .new_index_news_head span:hover {
  color: #ff0101;
}
.page_index .new_index_news_head span.active {
  color: #ff0101;
}
.page_index .new_news_bg {
  display: block;
  width: 100%;
  height: auto;
  background: #fdf8f6;
  padding: 1px 0;
}
.page_index .new_index_news {
  display: block;
  height: auto;
}
.page_index .new_index_news > div {
  display: none;
  width: 100%;
  height: auto;
}
.page_index .new_index_news > div.active {
  display: block;
}
.page_index .new_index_news_more {
  display: block;
  width: 200px;
  height: 40px;
  border-radius: 20px;
  margin: 0 auto 60px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: #333;
  background: #fff;
}
.page_index .new_index_news_more:hover {
  background-color: #ff3318;
  color: #fff;
}
.page_index .new_index_news_in {
  display: block;
  height: auto;
  font-size: 0;
}
.page_index .new_index_news_l {
  display: inline-block;
  float: left;
  width: 710px;
  height: 474px;
  background: #fff;
  margin-bottom: 60px;
  font-size: 0;
  padding: 0 13px;
  box-shadow: 0 0 16px 0 rgba(200, 200, 200, 0.3);
}
.page_index .new_index_news_l > a {
  display: inline-block;
  width: 315px;
  height: 100%;
  float: left;
  margin: 0 13px;
  padding-top: 26px;
}
.page_index .new_index_news_l > a > span {
  display: block;
  width: 100%;
  height: 220px;
  overflow: hidden;
  text-align: center;
  line-height: 220px;
}
.page_index .new_index_news_l > a h3 {
  font-size: 18px;
  color: #333;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 21px 0 5px;
  height: 60px;
}
.page_index .new_index_news_l > a p {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  height: 72px;
}
.page_index .new_index_news_l_bot {
  display: block;
  width: 100%;
  height: 28px;
  margin-top: 21px;
}
.page_index .new_index_news_l_bot em {
  float: left;
  font-size: 14px;
  color: #666;
}
.page_index .new_index_news_l_bot span {
  float: right;
  font-size: 14px;
  color: #666;
  padding-right: 20px;
  background-image: url(/Jzw/Tpl/Home/Default/webimages/2019/2019_news_next1.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
}
.page_index .new_index_news_l > a:hover h3 {
  color: #ff3318;
}
.page_index .new_index_news_l > a:hover .new_index_news_l_bot span {
  color: #ff3318;
  background-image: url(/Jzw/Tpl/Home/Default/webimages/2019/2019_news_next.png);
}
.page_index .new_index_news_r {
  display: inline-block;
  width: 464px;
  height: auto;
  margin-bottom: 60px;
  float: right;
  background: #fff;
  padding: 12px 28px 10px;
  box-shadow: 0 0 16px 0 rgba(200, 200, 200, 0.3);
}
.page_index .new_index_news_r li {
  width: 100%;
  height: 113px;
  border-bottom: 1px solid #dfeaf0;
  position: relative;
  padding-left: 102px;
  padding-top: 15px;
  box-sizing: border-box;
}
.page_index .new_index_news_r_time {
  display: block;
  width: 62px;
  text-align: center;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 20px;
}
.page_index .new_index_news_r_time h3 {
  font-family: arial;
  font-size: 50px;
  text-align: center;
  line-height: 52px;
  color: #333;
}
.page_index .new_index_news_r_time p {
  font-family: arial;
  font-size: 14px;
  text-align: center;
  line-height: 18px;
  color: #666;
}
.page_index .new_index_news_r li h2 {
  font-size: 18px;
  color: #000;
  line-height: 26px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 10px;
}
.page_index .new_index_news_r li p {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.page_index .new_index_news_r li:hover h2 {
  color: #ff3318;
}
.page_index .new_index_news_r li:hover .new_index_news_r_time h3 {
  color: #ff3318;
}
.page_index .new_index_news_r li:hover .new_index_news_r_time p {
  color: #ff3318;
}
.page_index .new_index_news_r li:last-child {
  border: none;
}
.page_index .new_index_hz {
  margin-bottom: 100px;
}
.page_index .new_index_hz ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.page_index .new_index_hz li {
  float: left;
  width: 220px;
  height: 100px;
  margin: 0 24px 24px 0;
  border-radius: 8px;
  box-shadow: 0 0 16px 0 rgba(200, 200, 200, 0.3);
  transition: all 0.4s;
}
.page_index .new_index_hz li:nth-child(5n) {
  margin-right: 0;
}
.page_index .new_index_hz li img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.page_index .new_index_hz li:hover {
  transform: scale(1.06);
}
.dialog_bg1 {
  display: none;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}
.dialog_bg1 .dialog_show1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 580px;
  height: 300px;
  border-radius: 20px;
  padding: 30px;
  box-sizing: border-box;
  background: url("/Jzw/Tpl/Home/Default/webimages/2022/dialog_bg.png") no-repeat 0 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog_bg1 .dialog_show1 .dialeft {
  width: 300px;
  height: 100%;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.dialog_bg1 .dialog_show1 .dialeft .ltop {
  width: 100%;
  font-size: 16px;
  letter-spacing: 7px;
}
.dialog_bg1 .dialog_show1 .dialeft .lmiddle {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 170px;
  padding: 35px 0;
  box-sizing: border-box;
  background: url("/Jzw/Tpl/Home/Default/webimages/2022/dialog_left_bg.png") no-repeat 0 0;
}
.dialog_bg1 .dialog_show1 .dialeft .lmiddle .p1 {
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  max-width: 100%;
  height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.dialog_bg1 .dialog_show1 .dialeft .lmiddle .p2 {
  font-size: 34px;
  line-height: 34px;
  max-width: 100%;
  height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.dialog_bg1 .dialog_show1 .dialeft .lbottom {
  width: 100%;
  font-size: 14px;
}
.dialog_bg1 .dialog_show1 .diaright {
  width: 200px;
  height: 197px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 7px;
  box-sizing: border-box;
  background: url("/Jzw/Tpl/Home/Default/webimages/2022/qrcode3.png") no-repeat 0 0;
}
.dialog_bg1 .dialog_show1 .diaright .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 40px;
  border-radius: 20px;
  background: #ff3318;
  color: #ffffff;
  font-size: 18px;
}
.dialog_bg1 .dialog_show1 .close {
  width: 22px;
  height: 22px;
  background: url("/Jzw/Tpl/Home/Default/webimages/2022/close.png") no-repeat 0 0;
  position: absolute;
  top: 20px;
  right: 20px;
}
.page_contact {
  background-color: #fff;
}
.page_contact .yz-banner-img {
  width: 100%;
  height: 300px;
  position: relative;
  overflow: hidden;
}
.page_contact .yz-banner-t {
  margin-top: 80px;
  width: 100%;
  height: 300px;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.page_contact .yz-banner-img img {
  width: 100%;
  height: 100%;
}
.page_contact .yz-banner-t em {
  font-size: 24px;
  color: #fff;
  font-family: "微软雅黑";
  display: block;
  text-align: center;
  line-height: 72px;
}
.page_contact .yz-banner-t h2 {
  font-size: 50px;
  color: #e5e5e5;
  font-family: "arial";
  text-align: center;
  line-height: 84px;
}
.page_contact .yz-lifs {
  width: 1200px;
  height: 565px;
  margin: 0 auto;
  margin-top: 10px;
  overflow: hidden;
}
.page_contact .yz-lifs-logo {
  width: 1200px;
  height: 254px;
  margin-top: 10px;
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/lx-logbj_05.jpg) no-repeat center;
  text-align: center;
}
.page_contact .yz-lifs-logo h3 {
  font-size: 36px;
  font-weight: normal;
  color: #ff3318;
  font-family: "微软雅黑";
  line-height: 44px;
  padding-top: 70px;
}
.page_contact .yz-lifs-logo span {
  font-size: 20px;
  color: #f44f4f;
  font-family: "微软雅黑";
  line-height: 29px;
}
.page_contact .yz-lifs-logo em {
  display: block;
  font-size: 24px;
  color: #262626;
  font-family: "微软雅黑";
  line-height: 97px;
  padding-top: 14px;
}
.page_contact .yz-lifs-nav {
  width: 1200px;
  height: 200px;
}
.page_contact .yz-lifs-nav ul li {
  float: left;
  width: 291px;
  margin-top: 3px;
  margin-right: 12px;
  height: 200px;
  font-size: 16px;
  color: #595959;
  font-family: "微软雅黑";
  line-height: 29px;
}
.page_contact .yz-lifs-nav ul li:last-child {
  margin-right: 0;
}
.page_contact .yz-lifs-nav ul li a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.page_contact .yz-lifs-nav ul li a:hover {
  background-color: #f44f4f;
}
.page_contact .yz-lifs-nav ul li a:hover p {
  color: #fff;
}
.page_contact .yz-lifs-nav ul li a span {
  display: block;
  width: 291px;
  height: 107px;
}
.page_contact .yz-lifs-nav ul li a p {
  color: #595959;
  line-height: 54px;
  font: 16px "微软雅黑";
  padding-top: 10px;
}
.page_contact .yz-lifs-nav ul li a p:last-child {
  padding-top: 0;
}
.page_contact .yz-lifs-nav ul li:nth-child(1) a span {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-lxnva.png) no-repeat center 34px;
  background-size: 40px 70px;
}
.page_contact .yz-lifs-nav ul li a:hover span {
  animation: myJoveLx 0.8s;
}
@keyframes myJoveLx {
  100% {
    transform: scale(1.03);
  }
}
.page_contact .yz-lifs-nav ul li:nth-child(1) a:hover span {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-lxnav1.png) no-repeat center 34px;
  background-size: 40px 70px;
}
.page_contact .yz-lifs-nav ul li:nth-child(2) a span {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-lxnav.png) no-repeat center 43px;
  background-size: 84px 54px;
}
.page_contact .yz-lifs-nav ul li:nth-child(2) a:hover span {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-nav-you1.png) no-repeat center 43px;
  background-size: 84px 54px;
}
.page_contact .yz-lifs-nav ul li:nth-child(3) a span {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-lxnav-qq.png) no-repeat center 38px;
  background-size: 66px 66px;
}
.page_contact .yz-lifs-nav ul li:nth-child(3) a:hover span {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-lxnavqq1.png) no-repeat center 38px;
  background-size: 66px 66px;
}
.page_contact .yz-lifs-nav ul li:nth-child(4) a span {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-lxnavd.png) no-repeat center 41px;
  background-size: 67px 66px;
}
.page_contact .yz-lifs-nav ul li:nth-child(4) a:hover span {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-lanavd-1.png) no-repeat center 41px;
  background-size: 67px 66px;
}
.page_contact .yz-chche {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.page_contact .yz-chche-top {
  width: auto;
  height: 79px;
  background: #f5f5f5 url(/Jzw/Tpl/Home/Default/webimages/2019/chche_18.jpg) no-repeat left top;
}
.page_contact .yz-chche-top em {
  padding-left: 82px;
  font-size: 24px;
  color: #595959;
  font-family: "微软雅黑";
  line-height: 79px;
}
.page_contact .yz-chche-topr {
  float: right;
  width: 147px;
  height: 39px;
  margin-top: 21px;
  margin-right: 24px;
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-suo_23.jpg) no-repeat left top;
}
.page_contact .yz-chche-topr p {
  padding-left: 51px;
  font-size: 20px;
  color: #f44f4f;
  font-family: "微软雅黑";
  line-height: 39px;
}
.page_contact .yz-chche-bot {
  width: 1199px;
  height: 200px;
  margin-top: 44px;
  margin-bottom: 44px;
  border-left: 1px solid #cccccc;
}
.page_contact .yz-chche-bot ul li {
  width: 398px;
  height: 198px;
  float: left;
  border: 1px solid #cccccc;
  border-left: none;
}
.page_contact .yz-chche-bot ul li h4 {
  margin-left: 28px;
  margin-top: 11px;
  font-weight: normal;
  font-size: 24px;
  color: #4c4c4c;
  font-family: "微软雅黑";
  line-height: 53px;
}
.page_contact .yz-chche-bot ul li p {
  margin-left: 28px;
  font-size: 16px;
  color: #666666;
  font-family: "微软雅黑";
  padding-right: 30px;
}
.page_contact .yz-foott-img {
  width: 100%;
  height: 650px;
  position: relative;
  overflow: hidden;
  background: #214369 url(/Jzw/Tpl/Home/Default/webimages/2023/yz-nav2_18.jpg) no-repeat center;
}
.page_contact .yz-foott-img img {
  width: 100%;
  height: 100%;
  z-index: 1;
}
.page_contact .yz-font-tlb {
  width: 100%;
  height: 650px;
  position: absolute;
  left: 0;
  top: 0;
}
.page_contact .yz-tlb-in {
  width: 1200px;
  height: auto;
  margin: 0 auto;
  z-index: 99;
}
.page_contact .yz-tlb-in .yz-tlb {
  float: right;
  width: 470px;
  height: 562px;
  border-radius: 4px;
  background-color: #FFFFFF;
  margin: 48px 10px 0 0;
  z-index: 99;
  text-align: center;
}
.page_contact .yz-tlb p {
  font-size: 24px;
  color: #1a1a1a;
  font-family: "微软雅黑";
  line-height: 79px;
}
.page_contact .yz-tlb input {
  width: 409px;
  height: 44px;
  color: #999999;
  font-size: 16px;
  font-family: "微软雅黑";
  padding-left: 20px;
  line-height: 44px;
  margin-bottom: 20px;
  border-radius: 3px;
  border: none;
  background-color: #f2f2f2;
}
.page_contact .yz-tlb input:last-child {
  color: #FFFFFF;
  background-color: #ff3318;
  cursor: pointer;
}
.page_contact .yz-tlb textarea {
  width: 409px;
  height: 188px;
  color: #999999;
  font-size: 16px;
  font-family: "微软雅黑";
  padding-left: 20px;
  line-height: 44px;
  margin-bottom: 20px;
  border-radius: 3px;
  border: none;
  background-color: #f2f2f2;
}
.page_about {
  /*关于我们*/
  /*.yz-inbot-div1{
	width:100%;
	height: 100%;
	background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-gu-bot6.png) no-repeat center;
}
.yz-inbot-div2{
	width:100%;
	height: 100%;
	background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-gu-bot2_1.png) no-repeat center;
	transform: translate(-199px 0) rotate(90deg);
}*/
  /* 下面是前/后按钮代码，如果不需要删除即可 */
  /*.slideBox-gy .next {
	left: auto;
	left: 0;
	background-position: left 3px
}*/
}
.page_about .num_area {
  display: inline-block;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  margin: 0px 3% 0;
}
.page_about .num_box {
  width: 220px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.page_about .num_box span.timer {
  display: block;
  width: 206px;
  height: 115px;
  margin: 0 auto;
  text-align: center;
  line-height: 115px;
  background: #f50c0c;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  font-family: Impact;
  font-size: 60px;
  font-weight: bold;
  font-family: "微软雅黑";
}
.page_about .num_line {
  display: block;
  position: absolute;
  top: 45.5%;
  left: 3%;
  z-index: 100;
  margin-top: -22px;
  width: 206px;
  height: 4px;
  font-size: 0;
  background: #f50c0c;
}
.page_about .num_des {
  font-size: 16px;
  margin-top: 35px;
  color: #000;
}
.page_about .yz-gy-banner1-img {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}
.page_about .yz-gy-banner1-img img {
  width: 100%;
  height: 100%;
}
.page_about .yz-gy-banner1-t {
  width: 100%;
  height: 300px;
  position: absolute;
  top: 0px;
  left: 0px;
  text-align: center;
}
.page_about .yz-gy-banner1-t p {
  margin-top: 91px;
  font: 24px "微软雅黑";
  color: #FFFFFF;
  line-height: 36px;
}
.page_about .yz-gy-banner1-t h2 {
  font: 50px arial;
  color: #FFFFFF;
  line-height: 116px;
}
.page_about .yz-gy-banner {
  width: 100%;
  margin: 0 auto;
  /*height: 624px;*/
  height: auto;
  background-color: #FFFFFF;
  overflow: hidden;
}
.page_about .case_num {
  margin: 40px auto 0 !important;
}
.page_about .yz-gy-banner1 {
  width: 1200px;
  margin: 0 auto;
  height: 348px;
  overflow: hidden;
  margin-top: 29px;
}
.page_about .yz-gy-banner1 h1 {
  font: 30px "微软雅黑";
  color: #1a1a1a;
  line-height: 73px;
  text-align: center;
  position: relative;
}
.page_about .yz-gy-banner1 h1:after {
  content: "";
  width: 60px;
  height: 73px;
  border-bottom: 3px solid #727272;
  position: absolute;
  top: 0;
  left: 47.6%;
}
.page_about .yz-gy-banner1 h5 {
  font: 15px "微软雅黑";
  color: #1a1a1a;
  line-height: 51px;
  text-align: center;
}
.page_about .yz-gy-banner1 p {
  /* margin-top: 31px; */
  text-indent: 2em;
  font: 14px "微软雅黑";
  color: #404040;
  line-height: 32px;
}
.page_about .yz-gy-banner2 {
  width: 1200px;
  margin: 0 auto;
  height: 277px;
  overflow: hidden;
}
.page_about .yz-gy-banner2 ul {
  margin-left: 51px;
}
.page_about .yz-gy-banner2 ul li {
  width: 206px;
  float: left;
  margin-right: 91px;
}
.page_about .yz-gy-banner2 ul li p {
  font: 16px "微软雅黑";
  color: #404040;
  line-height: 86px;
  text-align: center;
}
.page_about .yz-gy-banner2 ul li:last-child {
  margin-right: 0px;
}
.page_about .yz-gy-banner2 ul li img {
  width: 100%;
}
.page_about .yz-gy-banner3 {
  width: 100%;
  height: 654px;
  overflow: hidden;
  background: #c2c2c2 url(/Jzw/Tpl/Home/Default/webimages/2019/yz-gy-bot4_17.jpg) no-repeat center;
}
.page_about .yz-gy-banner3-in {
  width: 1200px;
  margin: 0 auto;
  height: 654px;
  overflow: hidden;
}
.page_about .yz-gy-banner3-intop {
  width: 1200px;
  height: 201px;
  overflow: hidden;
  text-align: center;
}
.page_about .yz-gy-banner3-intop h3 {
  margin-top: 39px;
  font: 30px "微软雅黑";
  color: #FFFFFF;
  line-height: 73px;
  position: relative;
}
.page_about .yz-gy-banner3-intop h3:after {
  content: "";
  width: 60px;
  height: 73px;
  border-bottom: 3px solid #FFFFFF;
  position: absolute;
  top: 0;
  left: 47.6%;
}
.page_about .yz-gy-banner3-intop p {
  font: 15px "微软雅黑";
  color: #FFFFFF;
  line-height: 52px;
}
.page_about .yz-gy-banner3-inbot {
  width: 1200px;
  height: 377px;
  overflow: hidden;
}
.page_about .yz-gy-banner3-inbot ul li {
  float: left;
  margin-right: 21px;
}
.page_about .yz-gy-banner3-inbot ul li a {
  display: block;
  background-color: #FFFFFF;
  width: 283px;
  height: 377px;
  text-align: center;
  padding-top: 167px;
  color: #737373;
  position: relative;
  transition: all 0.5s;
}
.page_about .yz-gy-banner3-inbot ul li a:hover {
  color: #FFFFFF;
  background-color: #e92d2d;
  animation: myMove 0.6s;
}
.page_about .yz-gy-banner3-inbot ul li a div {
  width: 133px;
  height: 133px;
  border-radius: 100%;
  position: absolute;
  top: 60px;
  left: 75px;
}
.page_about .yz-gy-banner3-inbot ul li:nth-child(1) a div {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-gy-bot1.png) no-repeat center;
  transition: all 0.5s;
}
.page_about .yz-gy-banner3-inbot ul li:nth-child(1) a:hover div {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-gy-bot1_18_03.jpg) no-repeat center;
}
.page_about .yz-gy-banner3-inbot ul li:nth-child(2) a div {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-gy-bot1_20_03.jpg) no-repeat center;
  transition: all 0.5s;
}
.page_about .yz-gy-banner3-inbot ul li:nth-child(2) a:hover div {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-gy-bot1_20_031.jpg) no-repeat center;
}
.page_about .yz-gy-banner3-inbot ul li:nth-child(3) a div {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-gy-bot1_22_03.jpg) no-repeat center;
  transition: all 0.5s;
}
.page_about .yz-gy-banner3-inbot ul li:nth-child(3) a:hover div {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-gy-bot1_22_031.jpg) no-repeat center;
}
.page_about .yz-gy-banner3-inbot ul li:nth-child(4) a div {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-gy-bot1_24_03.jpg) no-repeat center;
  transition: all 0.5s;
}
.page_about .yz-gy-banner3-inbot ul li:nth-child(4) a:hover div {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-gy-bot1_24_031.jpg) no-repeat center;
}
.page_about .yz-gy-banner3-inbot ul li a h4 {
  font: 18px "微软雅黑";
  line-height: 133px;
  position: relative;
}
.page_about .yz-gy-banner3-inbot ul li a:hover h4:after {
  border-bottom: 1px solid #FFFFFF;
}
.page_about .yz-gy-banner3-inbot ul li a h4:after {
  content: "";
  width: 50px;
  height: 113px;
  border-bottom: 1px solid #737373;
  position: absolute;
  top: 0;
  left: 41.6%;
}
.page_about .yz-gy-banner3-inbot ul li a p {
  font: 14px "微软雅黑";
  line-height: 78px;
}
.page_about .yz-gy-banner3-inbot ul li:last-child {
  margin-right: 0px;
}
.page_about .yz-gy-banner4 {
  width: 100%;
  background-color: #FFFFFF;
  overflow: hidden;
}
.page_about .yz-gy-banner4-in {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.page_about .yz-gy-banner4-intop {
  width: 1200px;
  height: 229px;
  overflow: hidden;
  text-align: center;
}
.page_about .yz-gy-banner4-intop h3 {
  margin-top: 57px;
  font: 30px "微软雅黑";
  color: #1a1a1a;
  line-height: 73px;
  position: relative;
}
.page_about .yz-gy-banner4-intop h3:after {
  content: "";
  width: 60px;
  height: 73px;
  border-bottom: 3px solid #1a1a1a;
  position: absolute;
  top: 0;
  left: 47.6%;
}
.page_about .yz-gy-banner4-intop p {
  font: 15px "微软雅黑";
  color: #1a1a1a;
  line-height: 52px;
}
.page_about .yz-gy-banner4-inbot {
  width: 1200px;
  overflow: hidden;
  padding-bottom: 80px;
}
.page_about .yz-gy-banner4-inbot ul {
  padding-left: 31px;
}
.page_about .yz-gy-banner4-inbot ul li {
  float: left;
  width: 33.33%;
}
.page_about .yz-gy-banner4-inbot ul li:nth-child(3n) {
  margin-right: 0;
}
.page_about .yz-gy-banner4-inbot ul li:nth-child(n+4) {
  margin-top: 40px;
}
.page_about .yz-gy-banner4-inbot ul li:last-child {
  margin-right: 0px;
}
.page_about .yz-gy-banner4-inbot ul li a {
  display: flex;
  background-color: #FFFFFF;
  width: 100%;
  position: relative;
  transition: all 0.1s;
  text-align: center;
}
.page_about .yz-gy-banner4-inbot ul li a .txt {
  text-align: left;
  flex: 1;
}
.page_about .yz-gy-banner4-inbot ul li a h4 {
  font: 24px "微软雅黑";
  color: #666666;
  position: relative;
}
.page_about .yz-gy-banner4-inbot ul li a p {
  font: 12px "微软雅黑";
  line-height: 20px;
  color: #999999;
  margin-top: 4px;
  padding-right: 10px;
}
.page_about .yz-inbot-div {
  width: 182px;
  height: 199px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.page_about .yz-gy-banner4-inbot ul li a .picdiv {
  width: 100px;
  height: 109px;
  background-size: cover !important;
  margin-right: 30px;
}
.page_about .yz-gy-banner4-inbot ul li a:hover p {
  color: #1A1A1A;
}
.page_about .yz-gy-banner4-inbot ul li a:hover h4 {
  color: #1A1A1A;
}
.page_about .yz-gy-banner4-inbot ul li:nth-child(1) a .picdiv {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-gu-bot6.png) no-repeat center;
  transition: all 0.3s;
}
.page_about .yz-gy-banner4-inbot ul li:nth-child(1) a:hover .picdiv {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-gu-bot2_1.png) no-repeat center;
}
.page_about .yz-gy-banner4-inbot ul li:nth-child(2) a .picdiv {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-gu-bot2_31.jpg) no-repeat center;
  transition: all 0.3s;
}
.page_about .yz-gy-banner4-inbot ul li:nth-child(2) a:hover .picdiv {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-gu-bot2_2.png) no-repeat center;
}
.page_about .yz-gy-banner4-inbot ul li:nth-child(3) a .picdiv {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-gu-bot2_36.jpg) no-repeat center;
  transition: all 0.3s;
}
.page_about .yz-gy-banner4-inbot ul li:nth-child(3) a:hover .picdiv {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-gu-bot3.png) no-repeat center;
}
.page_about .yz-gy-banner4-inbot ul li:nth-child(4) a .picdiv {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-gu-bot2_38.jpg) no-repeat center;
  transition: all 0.3s;
}
.page_about .yz-gy-banner4-inbot ul li:nth-child(4) a:hover .picdiv {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-gu-bot4.png) no-repeat center;
}
.page_about .yz-gy-banner4-inbot ul li:nth-child(5) a .picdiv {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-gu-bot2_41.jpg) no-repeat center;
  transition: all 0.3s;
}
.page_about .yz-gy-banner4-inbot ul li:nth-child(5) a:hover .picdiv {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-gu-bot5.png) no-repeat center;
}
.page_about .yz-gy-banner4-inbot ul li:nth-child(6) a .picdiv {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-gu-bot7.png) no-repeat center;
  transition: all 0.3s;
}
.page_about .yz-gy-banner4-inbot ul li:nth-child(6) a:hover .picdiv {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-gu-bot7_cur.png) no-repeat center;
}
.page_about .yz-gy-banner5 {
  width: 100%;
  height: 687px;
  overflow: hidden;
  background: #ed5757 url(/Jzw/Tpl/Home/Default/webimages/2019/yz-gy-b4_03.jpg?t=1) no-repeat center;
}
.page_about .yz-gy-banner5-in {
  width: 1200px;
  margin: 0 auto;
  height: 687px;
  position: relative;
}
.page_about .slideBox-gy {
  width: 543px;
  height: 300px;
  position: relative;
  border: 1px solid #ddd;
  position: absolute;
  top: 275px;
  left: 150px;
}
.page_about .slideBox-gy .hd {
  height: 15px;
  overflow: hidden;
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 1;
}
.page_about .slideBox-gy .hd ul {
  zoom: 1;
  float: left;
}
.page_about .slideBox-gy .hd ul li {
  float: left;
  margin-right: 2px;
  width: 15px;
  height: 15px;
  line-height: 14px;
  text-align: center;
  background: rgba(0, 0, 0, 0);
  cursor: pointer;
}
.page_about .slideBox-gy .hd ul li.on {
  background: rgba(0, 0, 0, 0);
  color: #fff;
}
.page_about .slideBox-gy .bd {
  position: relative;
  height: 100%;
  z-index: 0;
}
.page_about .slideBox-gy .bd li {
  zoom: 1;
  vertical-align: middle;
}
.page_about .slideBox-gy .bd img {
  width: 543px;
  height: 300px;
  display: block;
}
.page_about .slideBox-gy .next {
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -20px;
  display: block;
  width: 53px;
  height: 41px;
  background: rgba(0, 0, 0, 0.5) url(/Jzw/Tpl/Home/Default/webimages/2019/yz-gy-b5-1_06.png) right 3px no-repeat;
  opacity: 0.5;
}
.page_about .slideBox-gy .prev {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -20px;
  display: block;
  width: 53px;
  height: 41px;
  background: rgba(0, 0, 0, 0.5) url(/Jzw/Tpl/Home/Default/webimages/2019/yz-gy-b5-1_06.png) left 3px no-repeat;
  /*filter: alpha(opacity=50);*/
  opacity: 0.5;
}
.page_about .slideBox-gy .prev:hover,
.page_about .slideBox-gy .next:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}
.page_about .slideBox-gy .prevStop {
  display: none;
}
.page_about .slideBox-gy .nextStop {
  display: none;
}
.page_about .yz-gy-banner6 {
  width: 100%;
  height: 687px;
  overflow: hidden;
  background: #FFFFFF;
}
.page_about .yz-gy-banner6-in {
  width: 1200px;
  margin: 0 auto;
  height: 718px;
  position: relative;
}
.page_about .yz-gy-banner6-intop {
  width: 1200px;
  height: 217px;
  overflow: hidden;
  text-align: center;
}
.page_about .yz-gy-banner6-intop h3 {
  margin-top: 59px;
  font: 30px "微软雅黑";
  color: #1a1a1a;
  line-height: 73px;
  position: relative;
}
.page_about .yz-gy-banner6-intop h3:after {
  content: "";
  width: 60px;
  height: 73px;
  border-bottom: 3px solid #1a1a1a;
  position: absolute;
  top: 0;
  left: 47.6%;
}
.page_about .yz-gy-banner6-intop p {
  font: 15px "微软雅黑";
  color: #1a1a1a;
  line-height: 52px;
}
.page_about .yz-gy-banner6-inbot {
  width: 1200px;
  border: 1px solid #e7e7e7;
  border-bottom: none;
  border-left: none;
  overflow: hidden;
}
.page_about .yz-gy-banner6-inbot ul {
  width: 1200px;
  height: 140px;
  border-bottom: 1px solid #e7e7e7;
}
.page_about .yz-gy-banner6-inbot ul li {
  width: 239px;
  height: 140px;
  float: left;
  border-left: 1px solid #e7e7e7;
}
.page_about .yz-gy-banner6-inbot ul li a {
  display: block;
  position: relative;
  width: 238px;
  height: 139px;
  overflow: hidden;
}
.page_about .yz-gy-banner6-inbot ul li a span {
  display: block;
  width: 238px;
  height: 139px;
  transform: translateY(-139px);
  transition: all 0.5s;
}
.page_about .yz-gy-banner6-inbot ul li a > span > img {
  width: 100%;
  height: 100%;
}
.page_about .yz-gy-banner6-inbot ul li a:hover span {
  transform: translateY(0);
}
.page_about .yz-gy-banner6-inbot ul li a:hover img {
  transform: translateY(0);
}
.page_about .yz-gy-banner6-inbot ul li a > img {
  width: 100%;
  height: 100%;
  transform: translateY(-139px);
  transition: all 0.5s;
}
.page_newslist {
  background-color: #fff;
}
.page_newslist .focus-picture {
  width: 100%;
  height: 300px;
  position: relative;
  overflow: hidden;
}
.page_newslist .focus-picture img {
  width: 1920px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
}
.page_newslist .bread {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.page_newslist .bread > a {
  display: block;
  height: 40px;
  width: 150px;
  line-height: 40px;
  border-radius: 20px;
  margin: 50px 20px;
  background: #f5f5f5;
  color: #333;
  font-size: 16px;
  text-align: center;
}
.page_newslist #dowebok {
  -webkit-animate-duration: 2s;
  -webkit-animate-delay: 1s;
  -webkit-animate-iteration-count: 2;
}
.page_newslist .bread .active {
  background: #e92d2d;
  color: #fff !important;
}
.page_newslist .breada {
  background: #e92d2d;
}
.page_newslist .bread a:hover {
  background: #e92d2d;
  color: #fff;
}
.page_newslist .newsList {
  margin: 0 auto;
  overflow: hidden;
}
.page_newslist .newsList ul {
  margin-right: -20px;
  overflow: hidden;
}
.page_newslist .newsList ul li {
  float: left;
  position: relative;
  width: 390px;
  margin-right: 15px;
  margin-bottom: 20px;
}
.page_newslist .newsList ul > li:hover {
  box-shadow: 4px 4px 6px #d4d1d1;
}
.page_newslist .newsList ul li > a {
  display: block;
  position: relative;
  width: 100%;
  height: 260px;
}
.page_newslist .newsList ul li > a .picbox {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page_newslist .newsList ul li > a .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all 0.6s;
}
.page_newslist .newsList ul li > a .picbox {
  border-radius: 10px;
  flex: none;
  position: relative;
  box-sizing: border-box;
}
.page_newslist .newsList ul li > a .picbox:hover .telbox .play {
  opacity: 1;
}
.page_newslist .newsList ul li > a .picbox:hover .pic {
  filter: brightness(50%);
}
.page_newslist .newsList ul li > a .picbox .telbox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 82px;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(/Jzw/Tpl/Home/Default/webimages/tel.png?t=2) no-repeat center center / cover;
}
.page_newslist .newsList ul li > a .picbox .telbox .play {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: transparent;
  color: #ffffff;
  background: url(/Jzw/Tpl/Home/Default/webimages/play.png) no-repeat center center / contain;
  opacity: 0;
}
.page_newslist .newsList ul li > a img {
  width: 100%;
  height: 260px;
}
.page_newslist .newsTitle {
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 30px;
  overflow: hidden;
  color: #fff;
  line-height: 30px;
  text-align: center;
  padding: 0 20px;
  box-sizing: border-box;
}
.page_newslist .newsTitle p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #fff;
}
.page_newslist .newsList ul li > div {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}
.page_newslist .newsList ul li:hover > div {
  background: #e92d2d;
  color: #fff;
}
.page_newslist .newsList ul li > div p {
  font-size: 14px;
  line-height: 22px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 66px;
}
.page_newslist .publishTime {
  overflow: hidden;
  font-size: 12px;
  padding: 20px 0;
}
.page_newslist .publishTime a {
  float: left;
  padding-right: 20px;
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/detail-pic.png) no-repeat 52px center;
}
.page_newslist .newsList ul > li:hover .publishTime a {
  color: #fff;
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/details_active.png) no-repeat 52px center;
}
.page_newslist .publishTime span {
  float: right;
}
.page_newsinfo {
  /*新闻详情CSS*/
  /*.yz-bq-a a:hover p {
	transform: scale(1.1, 1.1);
}*/
}
.page_newsinfo .focus-picture {
  width: 100%;
  height: 300px;
  position: relative;
  overflow: hidden;
}
.page_newsinfo .focus-picture img {
  width: 1920px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
}
.page_newsinfo #news-bj {
  background-color: #f5f5f5;
}
.page_newsinfo .yz-xw-banner1-img {
  margin-top: 80px;
  width: 100%;
  height: 300px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.page_newsinfo .yz-xw-banner1-img h2 {
  width: 100%;
  text-align: center;
  color: #FFFFFF;
  font-family: arial;
  font-size: 76.79px;
  font-weight: bold;
  line-height: 300px;
  justify-content: center;
  position: absolute;
  left: 0px;
  top: 0px;
}
.page_newsinfo .yz-xw-banner1-img h2 span {
  color: #ff0909;
}
.page_newsinfo .yz-xw-banner1-img img {
  width: 100%;
  height: 100%;
}
.page_newsinfo .yz-xw-banner-topnav {
  height: 64px;
  margin: 0 auto;
  overflow: hidden;
}
.page_newsinfo .yz-xw-banner-topnav ul li {
  float: left;
  color: #808080;
  font-size: 12px;
  font-family: "微软雅黑";
  line-height: 64px;
}
.page_newsinfo .yz-xw-banner-topnav ul li a[target]:hover {
  color: #ff0909;
}
.page_newsinfo .yz-xw-banner-topnav ul li:last-child {
  font-size: 12px;
  font-family: "微软雅黑";
  line-height: 64px;
}
.page_newsinfo .yz-xw-mian1 {
  margin: 0 auto;
  background: #FFFFFF;
  height: auto;
  margin-bottom: 19px;
  overflow: hidden;
}
.page_newsinfo .yz-xw-mian1-in {
  width: 1200px;
  margin: 0 auto;
}
.page_newsinfo .yz-xw-mian1-in-l {
  float: left;
}
.page_newsinfo .yz-xw-mian1-in-top {
  width: 824px;
  height: auto;
  padding-left: 2px;
  overflow: hidden;
  text-align: center;
}
.page_newsinfo .yz-xw-mian1-in-top-d {
  width: 824px;
  height: 12px;
  border-bottom: 1px dashed #cccccc;
}
.page_newsinfo .yz-xw-mian1-in-top h3 {
  color: #4c4c4c;
  font-size: 26px;
  font-family: "微软雅黑";
  line-height: 59px;
  margin-top: 50px;
  overflow: hidden;
}
.page_newsinfo .yz-xw-mian1-in-top em {
  margin-right: 34px;
  padding-left: 22px;
  color: #737373;
  font-size: 16px;
  font-family: "微软雅黑";
  line-height: 47px;
  overflow: hidden;
}
.page_newsinfo #time-em1 {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/date_05.jpg) no-repeat left center;
}
.page_newsinfo #time-em2 {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/date_07.jpg) no-repeat left center;
}
.page_newsinfo #time-em3 {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/date_09.jpg) no-repeat left center;
}
.page_newsinfo .yz-xw-mian1-in-jianjie {
  width: 826px;
  height: auto;
  background-color: #eef3f9;
  margin-bottom: 19px;
  overflow: hidden;
}
.page_newsinfo .yz-xw-mian1-in-jianjie p {
  padding: 31px 30px 20px 43px;
  color: #737373;
  font-size: 14px;
  font-family: "微软雅黑";
  line-height: 21px;
  overflow: hidden;
}
.page_newsinfo .yz-xw-mian1-in-maint {
  width: 826px;
  height: auto;
  overflow: hidden;
}
.page_newsinfo .yz-xw-mian1-in-maint p {
  line-height: 27px;
  color: #666666;
  font-size: 14px;
  font-family: "微软雅黑";
}
.page_newsinfo .yz-xw-mian1-in-maint img {
  padding: 12px 17px 14px 10px;
  overflow: hidden;
  max-width: 100%;
}
.page_newsinfo .yz-xw-mian1-in-maint em {
  line-height: 98px;
  color: #919191;
  font-size: 14px;
  font-family: "微软雅黑";
  padding-left: 25px;
  overflow: hidden;
}
.page_newsinfo .yz-xw-mian1-in-fenxiang {
  width: 826px;
  height: 97px;
  overflow: hidden;
  margin-top: 50px;
}
.page_newsinfo .yz-xw-fenxiang-in {
  width: 100%;
  height: 97px;
  border-top: 1px dashed #cccccc;
  border-bottom: 1px dashed #cccccc;
  overflow: hidden;
}
.page_newsinfo .yz-xw-fenxiang-in em {
  display: block;
  float: left;
  line-height: 97px;
  color: #4c4c4c;
  font-size: 14px;
  font-family: "微软雅黑";
  margin-left: 23px;
  margin-right: 10px;
}
.page_newsinfo .yz-xw-fenxiang-in ul {
  display: block;
  float: left;
}
.page_newsinfo .yz-xw-fenxiang-in ul li {
  float: left;
  width: 36px;
  height: 97px;
  margin-right: 15px;
}
.page_newsinfo .yz-xw-fenxiang-in ul li a {
  display: block;
  width: 36px;
  /*height: 97px;*/
  height: 36px;
  border-radius: 100%;
  overflow: hidden;
  background: #d9d9d9;
  margin-top: 31px;
  position: relative;
}
.page_newsinfo .yz-xw-fenxiang-in ul li a img {
  width: 65%;
  height: 65%;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.page_newsinfo .yz-xw-fenxiang-in ul li a:hover {
  background: #e92d2d;
}
.page_newsinfo .yz-xw-fanhui {
  float: right;
  width: 118px;
  height: 97px;
  margin-right: 7px;
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/fanhui_22.jpg) no-repeat left center;
}
.page_newsinfo .yz-xw-fanhui a {
  display: block;
  color: #fff;
  width: 118px;
  height: 35px;
  border-radius: 17px;
  margin-top: 31px;
  font-size: 10.5px;
  font-family: "微软雅黑";
  line-height: 35px;
  padding-left: 47px;
}
.page_newsinfo .yz-xw-fenxiang-bot {
  width: 826px;
  overflow: hidden;
}
.page_newsinfo .yz-xw-fenxiang-bot ul li {
  color: #4c4c4c;
  font-size: 14px;
  font-family: "微软雅黑";
  line-height: 35px;
  line-height: 94px;
  float: left;
}
.page_newsinfo .yz-xw-fenxiang-bot ul li:last-child {
  float: right;
}
.page_newsinfo .yz-xw-fenxiang-bot ul li a {
  color: #4c4c4c;
  font-size: 14px;
  font-family: "微软雅黑";
  line-height: 94px;
}
.page_newsinfo .yz-xw-fenxiang-bot ul li a:hover {
  color: red;
}
.page_newsinfo #yz-xyp {
  float: right;
}
.page_newsinfo .yz-xw-mian1-in-r {
  float: right;
}
.page_newsinfo .yz-wzbq {
  width: 319px;
  height: 172px;
  margin-top: 66px;
  margin-right: 2px;
  overflow: hidden;
}
.page_newsinfo .yz-wzbq h5 {
  width: 321px;
  height: 48px;
  overflow: hidden;
  color: #4c4c4c;
  font-size: 20px;
  font-family: "微软雅黑";
  line-height: 48px;
  background-color: #f8f8f8;
  padding-left: 15px;
  position: relative;
}
.page_newsinfo .yz-wzbq h5:after {
  content: "";
  display: block;
  width: 3px;
  height: 30px;
  background: #e92d2d;
  position: absolute;
  left: 0;
  top: 10px;
}
.page_newsinfo .yz-bq-a {
  width: 319px;
  min-height: 124px;
  overflow: hidden;
  padding-top: 20px;
}
.page_newsinfo .yz-bq-a a {
  display: inline-block;
  font-size: 13px;
  height: 35px;
  color: #737373;
  font-family: "微软雅黑";
  line-height: 33px;
  text-align: center;
  padding: 0 18px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  margin: 0 10px 3% 1px;
  transition: all 0.3s;
}
.page_newsinfo .yz-bq-a a:hover {
  color: #FFFFFF;
  border: 1px solid #ff0909;
  background-color: #ff0909;
}
.page_newsinfo .yz-rmwz {
  width: 319px;
  height: auto;
  overflow: hidden;
}
.page_newsinfo .yz-rmwz h5 {
  width: 321px;
  height: 48px;
  overflow: hidden;
  color: #4c4c4c;
  font-size: 20px;
  font-family: "微软雅黑";
  line-height: 48px;
  background-color: #f8f8f8;
  position: relative;
  padding-left: 15px;
  margin-bottom: 18px;
}
.page_newsinfo .yz-rmwz h5:after {
  content: "";
  display: block;
  width: 3px;
  height: 30px;
  background: #e92d2d;
  position: absolute;
  left: 0;
  top: 10px;
}
.page_newsinfo .yz-xhal h5:after {
  content: "";
  display: block;
  width: 3px;
  height: 30px;
  background: #e92d2d;
  position: absolute;
  left: 0;
  top: 10px;
}
.page_newsinfo .yz-rmwz ul li {
  width: 318px;
  height: auto;
  margin-bottom: 14px;
  border-bottom: 1px dashed #e7e7e7;
  overflow: hidden;
}
.page_newsinfo .yz-rmwz ul li:hover {
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
}
.page_newsinfo .yz-rmwz ul li a {
  display: block;
  text-align: left;
}
.page_newsinfo .yz-rmwz ul li:last-child {
  border-bottom: none;
}
.page_newsinfo .yz-rmwz ul li a:hover p {
  color: red;
}
.page_newsinfo .yz-rmwz-l {
  float: left;
  display: inline-block;
  width: 112px;
  height: 73px;
  overflow: hidden;
  margin-top: 4px;
}
.page_newsinfo .yz-rmwz-l img {
  width: 100%;
  height: 100%;
}
.page_newsinfo .yz-rmwz-r {
  float: right;
  display: inline-block;
  width: 195px;
  height: 78px;
  padding-top: 5px;
}
.page_newsinfo .yz-rmwz-r p {
  color: #808080;
  font-size: 16px;
  font-family: "微软雅黑";
  line-height: 23px;
  transition: all 0.2s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  padding-right: 3px;
}
.page_newsinfo .yz-rmwz-r em {
  display: inline-block;
  padding-left: 21px;
  color: #808080;
  font-size: 12px;
  font-family: "微软雅黑";
  line-height: 24px;
  padding-right: 5px;
}
.page_newsinfo .yz-rmwz-em1 {
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-chakan_18.jpg) no-repeat left center;
}
.page_newsinfo .yz-rmwz-em2 {
  float: right;
}
.page_newsinfo .yz-xhal {
  width: 321px;
  height: 545px;
  overflow: hidden;
}
.page_newsinfo .yz-xhal h5 {
  width: 321px;
  height: 48px;
  overflow: hidden;
  color: #4c4c4c;
  font-size: 20px;
  font-family: "微软雅黑";
  line-height: 48px;
  background-color: #f8f8f8;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
  margin-bottom: 7px;
}
.page_newsinfo .yz-xhal h5 span {
  float: right;
  padding-right: 11px;
  text-align: right;
  font-size: 14px;
  color: #666666;
  line-height: 48px;
}
.page_newsinfo .yz-xhal ul {
  margin-left: 4px;
}
.page_newsinfo .yz-xhal ul li {
  width: 317px;
  height: 245px;
  overflow: hidden;
}
.page_newsinfo .yz-xhal ul li a {
  display: block;
}
.page_newsinfo .yz-xhal ul li a:hover img {
  transform: scale(1.02, 1.02);
}
.page_newsinfo .yz-xhal ul li a:hover p {
  color: red;
  transform: scale(1.05, 1.05);
}
.page_newsinfo .yz-xhal-img {
  width: 317px;
  height: 198px;
  overflow: hidden;
}
.page_newsinfo .yz-xhal-img img {
  width: 100%;
  height: 100%;
}
.page_newsinfo .yz-xhal ul li a p {
  color: #000000;
  font-size: 16px;
  font-family: "微软雅黑";
  line-height: 47px;
  text-align: center;
}
.page_newsinfo .yz-foot-nav {
  width: 1200px;
  height: 40px;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 66px;
  margin-top: 66px;
}
.page_newsinfo .yz-foot-nav ul {
  margin-left: 417px;
}
.page_newsinfo .yz-foot-nav ul li {
  float: left;
  margin-right: 7px;
}
.page_newsinfo .yz-foot-nav li:last-child a {
  width: 55px;
}
.page_newsinfo .yz-foot-nav li:first-child a {
  width: 55px;
}
.page_newsinfo .yz-foot-nav li a {
  width: 40px;
  height: 40px;
  display: block;
  color: #b3b3b3 !important;
  font-size: 14px;
  line-height: 40px;
  font-family: "宋体";
  text-align: center;
}
.page_newsinfo .yz-foot-nav li a:hover {
  background: #e92d2d;
  color: #FFFFFF !important;
}
.page_newsinfo .yz-foot-nav .active {
  background: #e92d2d;
  color: #FFF !important;
}
.page_newsinfo .yz-foot-nav .active a {
  color: #FFFFFF !important;
}
.page_newsinfo .yz-foot-nav ul li a {
  display: block;
  transition: all 0.3s;
}
.page_newsinfo .yz-foot-nav-bj {
  background: #E6E6E6;
}
.page_newsinfo .yz-tj-mian {
  background: #ffffff;
  overflow: hidden;
  margin: 0 auto;
  padding: 0 0 30px 0;
}
.page_newsinfo .yz-tj-mian-in {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.page_newsinfo .yz-tj-mian-in h3 {
  display: inline;
  line-height: 54px;
  margin-left: 10px;
  font-size: 20px;
  font-family: "微软雅黑";
}
.page_newsinfo .yz-tj-mian-in ul li {
  float: left;
  width: 286px;
  height: 222px;
  border: 1px solid #d9d9d9;
  margin-right: 16px;
  overflow: hidden;
}
.page_newsinfo .yz-tj-mian-in ul li:last-child {
  margin-right: 0px;
}
.page_newsinfo .yz-tj-mian-in ul li a {
  display: block;
}
.page_newsinfo .yz-tj-mian-in ul li a p {
  text-align: center;
  color: #000000;
  line-height: 43px;
  margin-left: 10px;
  font-size: 16px;
  font-family: "微软雅黑";
}
.page_newsinfo .yz-tj-mian-in ul li a:hover img {
  transform: scale(1.05, 1.05);
  height: 100%;
}
.page_newsinfo .yz-tj-mian-in-img {
  width: 284px;
  height: 177px;
  overflow: hidden;
}
.page_newsinfo .yz-tj-mian-in-img img {
  width: 100%;
}
.page_newsinfo .yz-tj-mian-in em {
  float: right;
  text-align: right;
}
.page_newsinfo .yz-tj-mian-in em a {
  display: block;
  margin-top: 18px;
  margin-right: 15px;
  padding-left: 25px;
  font-size: 14px;
  font-family: "微软雅黑";
}
.page_newsinfo .jiathis_style_24x24 {
  display: inline-block;
  float: left;
  height: 97px;
  position: relative;
}
.page_newsinfo .jiathis_style_24x24 span {
  display: inline-block;
  float: left;
  line-height: 95px;
}
.page_newsinfo .jiathis_style_24x24 a {
  display: inline-block;
  float: left;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  overflow: hidden;
  background: #d9d9d9;
  margin-right: 10px;
  position: relative;
  box-sizing: border-box;
  background-size: 26px 26px;
  background-repeat: no-repeat;
  background-position: center;
}
.page_newsinfo .jiathis_a {
  display: inline-block;
  width: 200px;
  float: left;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
}
.page_newsinfo .jiathis_style_24x24 a img {
  max-width: 70%;
  max-height: 70%;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.page_newsinfo .jiathis_style_24x24 a:hover {
  background-color: #e92d2d;
}
.page_caselist {
  /*案例列表*/
}
.page_caselist .yz-anli-mian {
  width: 1200px;
  margin: 0 auto;
  margin-top: 60px;
}
.page_caselist .yz-al-banner {
  width: 100%;
  height: 71px;
  overflow: hidden;
}
.page_caselist .yz-al-banner-in {
  width: 100%;
  overflow: hidden;
}
.page_caselist .yz-al-banner-in ul {
  display: inline-block;
  width: 980px;
  height: 37px;
  border-bottom: 1px solid #d9d9d9;
}
.page_caselist .yz-al-banner-in ul li {
  float: left;
  margin-right: 20px;
  height: 37px;
  text-align: center;
}
.page_caselist .ul-li-border {
  border-bottom: 2px solid #e92d2d;
  color: #e92d2d;
}
.page_caselist .yz-al-banner-in ul li a {
  height: 37px;
  display: block;
  font-size: 16px;
  font-family: "微软雅黑";
  color: #404040;
  padding: 0 20px;
}
.page_caselist .yz-al-banner-in ul li a:hover {
  border-bottom: 2px solid #e92d2d;
  color: #e92d2d;
}
.page_caselist .yz-al-banner-in-li1 {
  border-bottom: 2px solid #e92d2d;
  color: #e92d2d !important;
}
.page_caselist .yz-al-banner-inr {
  width: 200px;
  height: 35px;
  overflow: hidden;
  float: right;
  border-bottom: 1px solid #a6a6a6;
  margin-right: 3px;
  position: relative;
  margin-top: 2px;
}
.page_caselist .yz-al-banner-inr input {
  display: block;
  width: 200px;
  height: 35px;
  font-size: 12px;
  line-height: 34px;
  font-family: "微软雅黑";
  color: #a6a6a6;
  padding-left: 14px;
  /*background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-als.png) no-repeat right center;*/
  background-size: 18px 18px;
  border: none;
  box-sizing: border-box;
}
.page_caselist .yz-al-banner-inr a {
  display: block;
  width: 20px;
  height: 20px;
  background: #fff url(/Jzw/Tpl/Home/Default/webimages/2019/yz-als.png) no-repeat center;
  background-size: cover;
  position: absolute;
  top: 8px;
  right: 4px;
  z-index: 9;
}
.page_caselist .yz-al-img-nav {
  width: 1200px;
  margin: 0 auto;
  height: auto;
  overflow: hidden;
}
.page_caselist .yz-al-img-nav ul {
  width: 100%;
  height: 306px;
  margin-bottom: 10px;
}
.page_caselist .yz-al-img-nav ul li {
  float: left;
  margin-bottom: 20px;
}
.page_caselist .yz-al-img-nav ul li a {
  display: block;
  width: 393px;
  height: 306px;
  position: relative;
  margin-left: 7px;
  overflow: hidden;
  z-index: 2;
}
.page_caselist .yz-al-img-nav ul li a .txt {
  position: absolute;
  top: 50px;
  left: 185px;
  z-index: 5;
  color: #ffffff;
  padding-right: 32px;
  background: none !important;
}
.page_caselist .yz-al-img-nav ul li a .txt div {
  background: none !important;
}
.page_caselist .yz-al-img-nav ul li a .txt .t1 {
  font-size: 24px;
  line-height: 36px;
  font-weight: bold;
  max-width: 100%;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 0.02rem;
}
.page_caselist .yz-al-img-nav ul li a .txt .t2 {
  font-size: 14px;
  max-width: 100%;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.page_caselist .yz-al-img-nav ul li a span {
  display: block;
  width: 100%;
  height: 246px;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.page_caselist .yz-al-img-nav ul li a p {
  font-size: 14px;
  color: #4c4c4c;
  line-height: 24px;
  font-family: "微软雅黑";
  padding-top: 8px;
  padding-left: 10px;
}
.page_caselist .yz-al-img-nav ul li a em {
  font-size: 12px;
  color: #666666;
  line-height: 24px;
  font-family: "微软雅黑";
  padding-left: 10px;
}
.page_caselist .yz-al-img-nav ul li a span img {
  width: 100%;
  height: 100%;
}
.page_caselist .yz-al-img-nav ul li a:hover span img {
  transform: scale(1.02);
}
.page_caselist .yz-al-img-nav ul li a:hover p {
  color: #fff;
}
.page_caselist .yz-al-img-nav ul li a:hover em {
  color: #b2b2b2;
}
.page_caselist .yz-al-img-nav ul li a:hover div:last-child {
  display: block;
}
.page_caselist .yz-al-img-nav ul li a div:last-child {
  display: none;
}
.page_caselist .yz-al-img-nav ul li a div:last-child p {
  padding-top: 180px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  line-height: 0;
  transition: all 0.5s;
}
.page_caselist .yz-al-img-nav ul li a:hover div:last-child p {
  animation: myJovo 0.3s;
}
@keyframes myJovo {
  0% {
    padding-top: 230px;
  }
  100% {
    padding-top: 180px;
  }
}
.page_caselist .yz-al-img-nav ul li a:hover div {
  background-color: #171717;
}
.page_caselist .yz-al-img-nav-bot {
  width: 100%;
  height: 60px;
}
.page_caselist #yz-al-img-nav-float {
  width: 393px;
  height: 246px;
  background: rgba(0, 0, 0, 0.2) url("/Jzw/Tpl/Home/Default/webimages/2019/yz-touming-bj.png") no-repeat center top !important;
  position: absolute;
  top: 0;
  z-index: 9;
}
.page_caseinfo {
  /*pc案例详情*/
}
.page_caseinfo .yz-pc-mian {
  width: 1300px;
  height: auto;
  margin: 0 auto;
  margin-top: 160px;
  overflow: hidden;
  margin-bottom: 50px;
}
.page_caseinfo .yz-pc-mian-l {
  height: auto;
  width: 930px;
  float: left;
  display: inline-block;
}
.page_caseinfo .yz-pc-mian-l img {
  width: 100%;
}
.page_caseinfo .yz-pc-mian-r {
  float: right;
  width: 370px;
  height: auto;
  overflow: hidden;
  display: inline-block;
}
.page_caseinfo .yz-pc-mian-r3 span a:hover {
  color: #E92D2D;
}
.page_caseinfo .yz-pc-mian-r1 {
  width: 328px;
  height: auto;
  margin-left: 42px;
  overflow: hidden;
}
.page_caseinfo .yz-pc-mian-r1 h3 {
  font: 22px "微软雅黑";
  color: #e92d2d;
  font-weight: bold;
  margin-bottom: 13px;
}
.page_caseinfo .yz-pc-mian-r1 em {
  font: 14px "微软雅黑";
  color: #404040;
  line-height: 36px;
  display: block;
}
.page_caseinfo .yz-pc-mian-r1 em span {
  color: #808080;
}
.page_caseinfo .yz-pc-mian-r1 p {
  font: 14px "微软雅黑";
  color: #808080;
  line-height: 24px;
  margin-top: 10px;
}
.page_caseinfo .yz-pc-mian-r1 p span {
  color: #404040;
}
.page_caseinfo .yz-pc-mian-r1 ul {
  margin-left: 46px;
  margin-top: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page_caseinfo .yz-pc-mian-r1 ul li a {
  display: block;
  width: 88px;
  height: 29px;
  border: 1px solid #999999;
  font: 14px "微软雅黑";
  color: #808080;
  border-radius: 14px;
  text-align: center;
  line-height: 27px;
  margin-right: 52px;
  box-sizing: border-box;
}
.page_caseinfo .yz-pc-mian-r1 ul li a:hover {
  border: none;
  background: #e92d2d;
  color: #ffffff;
  line-height: 29px;
}
.page_caseinfo .yz-pc-mian-r2 {
  height: 95px;
  width: 328px;
  margin-left: 42px;
  overflow: hidden;
}
.page_caseinfo .yz-pc-mian-r2 h3 {
  font: 14px "微软雅黑";
  color: #404040;
  line-height: 42px;
  margin-top: 13px;
  width: 46px;
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-pc-bq_06.jpg) no-repeat right center;
}
.page_caseinfo .yz-pc-mian-r2 ul {
  margin-left: 1px;
}
.page_caseinfo .yz-pc-mian-r2 ul li {
  float: left;
  margin-right: 10px;
}
.page_caseinfo .yz-pc-mian-r2 ul li a {
  display: block;
  width: 74px;
  height: 26px;
  text-align: center;
  font: 12px "微软雅黑";
  color: #6c6c6c;
  line-height: 24px;
  border: 1px solid #cccccc;
  border-radius: 2px;
}
.page_caseinfo .yz-pc-mian-r2 ul li:last-child {
  margin-right: 0;
}
.page_caseinfo .yz-pc-mian-r2 ul li a:hover {
  color: #ffffff;
  line-height: 26px;
  border: none;
  background: #e92d2d;
}
.page_caseinfo .yz-pc-mian-r3 {
  height: 240px;
  width: 315px;
  overflow: hidden;
  margin-left: 42px;
}
.page_caseinfo .yz-pc-mian-r3 h2 {
  padding-left: 9px;
  font: 18px "微软雅黑";
  color: #262626;
  line-height: 43px;
  display: inline-block;
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/ewd-bian_10.jpg) no-repeat left center;
}
.page_caseinfo .yz-pc-mian-r3 span {
  font: 12px "微软雅黑";
  color: #999999;
  line-height: 43px;
  display: inline-block;
  float: right;
}
.page_caseinfo .slideBox {
  width: 311px;
  height: 197px;
  overflow: hidden;
  position: relative;
}
.page_caseinfo .slideBox .hd {
  height: 15px;
  overflow: hidden;
  position: absolute;
  right: 13px;
  bottom: 0px;
  z-index: 1;
}
.page_caseinfo .slideBox .hd ul {
  overflow: hidden;
  zoom: 1;
  float: left;
}
.page_caseinfo .slideBox .hd ul li {
  float: left;
  margin-right: 2px;
  width: 11px;
  height: 2px;
  line-height: 2px;
  text-align: center;
  background: #fff;
  cursor: pointer;
}
.page_caseinfo .slideBox .hd ul li.on {
  background: #f00;
  color: #e92d2d;
}
.page_caseinfo .slideBox .bd {
  position: relative;
  height: 100%;
  z-index: 0;
}
.page_caseinfo .slideBox .bd li {
  zoom: 1;
  vertical-align: middle;
  width: 311px;
  height: 197px;
}
.page_caseinfo .slideBox .bd img {
  width: 100%;
  height: 197px;
  display: block;
}
.page_caseinfo .yz-r-bj {
  width: 311px;
  height: 197px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  font: 14px "微软雅黑";
  color: #FFFFFF;
  text-align: center;
  line-height: 197px;
  display: none;
}
.page_caseinfo .yz-r-bj:after {
  content: "爱斯达床垫";
}
.page_caseinfo .slideBox:hover .yz-r-bj {
  display: block;
}
.page_caseinfow {
  /*手机案例详情*/
}
.page_caseinfow .yz-phone-mian {
  margin-top: 100px;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  overflow: hidden;
}
.page_caseinfow .yz-phone-mianin {
  width: 1300px;
  margin: 0 auto;
  height: 100%;
  margin-top: 40px;
}
.page_caseinfow .yz-phone-mian-l {
  float: left;
  width: 930px;
  height: 100%;
  overflow: hidden;
  margin-bottom: 50px;
}
.page_caseinfow .yz-phone-mian-l img {
  height: 100%;
  width: 100%;
}
.page_caseinfow .yz-phone-mian-r {
  float: right;
  width: 327px;
  height: 100%;
  margin-bottom: 50px;
}
.page_caseinfow .yz-phone-mian-r1 h3 {
  font: 22px "微软雅黑";
  color: #e92d2d;
  font-weight: bold;
  margin-bottom: 13px;
}
.page_caseinfow .yz-phone-mian-r1 em {
  font: 14px "微软雅黑";
  color: #404040;
  line-height: 36px;
  display: block;
}
.page_caseinfow .yz-phone-mian-r1 em span {
  color: #808080;
}
.page_caseinfow .yz-phone-mian-r1 p {
  font: 14px "微软雅黑";
  color: #808080;
  line-height: 24px;
  margin-top: 10px;
}
.page_caseinfow .yz-phone-mian-r1 p span {
  color: #404040;
}
.page_caseinfow .yz-phone-mian-r1 ul {
  margin-left: 46px;
  margin-top: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page_caseinfow .yz-phone-mian-r1 ul li a {
  display: block;
  width: 88px;
  height: 29px;
  border: 1px solid #999999;
  font: 14px "微软雅黑";
  color: #808080;
  border-radius: 14px;
  text-align: center;
  line-height: 27px;
  margin-right: 52px;
  box-sizing: border-box;
}
.page_caseinfow .yz-phone-mian-r1 ul li a:hover {
  border: none;
  background: #e92d2d;
  color: #ffffff;
  line-height: 29px;
}
.page_caseinfow .yz-phone-erwei {
  width: 127px;
  height: auto;
  /*150px*/
  margin: 0 auto;
  text-align: center;
}
.page_caseinfow .yz-phone-erwei p {
  font: 12px "微软雅黑";
  color: #4c4c4c;
  line-height: 24px;
  display: block;
}
.page_caseinfow .yz-phone-erwei img {
  width: 100%;
}
.page_caseinfow .yz-phone-mian-r2 {
  height: 81px;
  width: 327px;
  overflow: hidden;
}
.page_caseinfow .yz-phone-mian-r2 h3 {
  font: 14px "微软雅黑";
  color: #404040;
  line-height: 45px;
  width: 46px;
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/yz-pc-bq_06.jpg) no-repeat right center;
}
.page_caseinfow .yz-phone-mian-r2 ul {
  margin-left: 1px;
}
.page_caseinfow .yz-phone-mian-r2 ul li {
  float: left;
  margin-right: 10px;
}
.page_caseinfow .yz-phone-mian-r2 ul li a {
  display: block;
  width: auto;
  padding: 0 10px;
  height: 26px;
  text-align: center;
  font: 12px "微软雅黑";
  color: #6c6c6c;
  line-height: 24px;
  border: 1px solid #cccccc;
  border-radius: 2px;
}
.page_caseinfow .yz-phone-mian-r2 ul li:last-child {
  margin-right: 0;
}
.page_caseinfow .yz-phone-mian-r2 ul li a:hover {
  color: #ffffff;
  line-height: 26px;
  border: none;
  background: #e92d2d;
  padding: 0 11px;
}
.page_caseinfow .yz-phone-mian-r3 {
  height: 233px;
  width: 316px;
  margin-left: 5px;
}
.page_caseinfow .yz-phone-mian-r3 .slideBox {
  width: 311px;
  height: 197px;
  overflow: hidden;
  position: relative;
}
.page_caseinfow .yz-phone-mian-r3 .slideBox .hd {
  height: 15px;
  overflow: hidden;
  position: absolute;
  right: 13px;
  bottom: 0px;
  z-index: 1;
}
.page_caseinfow .yz-phone-mian-r3 .slideBox .hd ul {
  overflow: hidden;
  zoom: 1;
  float: left;
}
.page_caseinfow .yz-phone-mian-r3 .slideBox .hd ul li {
  float: left;
  margin-right: 2px;
  width: 11px;
  height: 2px;
  line-height: 2px;
  text-align: center;
  background: #fff;
  cursor: pointer;
}
.page_caseinfow .yz-phone-mian-r3 .slideBox .hd ul li.on {
  background: #f00;
  color: #e92d2d;
}
.page_caseinfow .yz-phone-mian-r3 .slideBox .bd {
  position: relative;
  height: 100%;
  z-index: 0;
}
.page_caseinfow .yz-phone-mian-r3 .slideBox .bd li {
  zoom: 1;
  vertical-align: middle;
  width: 311px;
  height: 197px;
}
.page_caseinfow .yz-phone-mian-r3 .slideBox .bd img {
  width: 100%;
  height: 197px;
  display: block;
}
.page_caseinfow .yz-phone-mian-r3 h2 {
  margin-left: -4px;
  padding-left: 9px;
  font: 18px "微软雅黑";
  color: #262626;
  line-height: 43px;
  display: inline-block;
  background: url(/Jzw/Tpl/Home/Default/webimages/2019/ewd-bian_10.jpg) no-repeat left center;
}
.page_caseinfow .yz-phone-mian-r3 span {
  font: 12px "微软雅黑";
  color: #999999;
  line-height: 43px;
  display: inline-block;
  float: right;
}
.page_caseinfow .yz-r-bj-bh {
  width: 311px;
  height: 197px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  font: 14px "微软雅黑";
  color: #FFFFFF;
  text-align: center;
  line-height: 197px;
  display: none;
}
.page_caseinfow .yz-r-bj-bh:after {
  content: "长沙百货";
}
.page_caseinfow .slideBox:hover .yz-r-bj-bh {
  display: block;
}
.page_product {
  /*产品中心*/
  /*.chanpin-banner2-in a:hover {
	box-shadow:-0px 8px 8px rgba(255, 255, 255, 0.6) inset,
				0px 0px 8px 8px rgba(255, 255, 255, 0.6) inset;
	border: none !important;
	line-height: 59px;
}*/
}
.page_product .chanpin-banner {
  width: 100%;
  height: 680px;
  background: #000 url(/Jzw/Tpl/Home/Default/webimages/2019/pro_01.jpg) no-repeat right top;
  background-size: 100% 100%;
  overflow: hidden;
}
.page_product .chanpin-banner-in {
  width: 1200px;
  margin: 0 auto;
  height: 100%;
}
.page_product .chanpin-banner-in h3 {
  font-family: "微软雅黑";
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  padding-left: 58px;
  padding-top: 156px;
  line-height: 113px;
  position: relative;
  animation: myChanPin1 1s;
}
@keyframes myChanPin1 {
  0% {
    transform: translate(-500px);
  }
  100% {
    transform: translate(0px);
  }
}
.page_product .chanpin-banner-in h3:after {
  display: block;
  content: "";
  width: 45px;
  height: 4px;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 58px;
}
.page_product .chanpin-banner-in p {
  font-family: "微软雅黑";
  font-size: 16px;
  color: #fff;
  padding-left: 58px;
  padding-top: 25px;
  line-height: 31px;
  animation: myChanPin2 1.3s;
  max-width: 600px;
}
@keyframes myChanPin2 {
  0% {
    transform: translate(-700px);
  }
  100% {
    transform: translate(0px);
  }
}
.page_product .chanpin-banner-in a {
  display: inline-block;
  float: left;
  width: 214px;
  height: 59px;
  margin-left: 50px;
  margin-top: 71px;
  border-radius: 26px;
  border: 1px solid #fff;
  text-align: center;
  line-height: 57px;
  font-family: "微软雅黑";
  font-size: 16px;
  color: #fff;
  animation: myChanPin3 1s;
  position: relative;
  z-index: 99;
}
@keyframes myChanPin3 {
  0% {
    transform: translateY(300px);
  }
  100% {
    transform: translateY(0px);
  }
}
.page_product .chanpin-banner-in a:after {
  display: block;
  content: close-quote;
  height: 100%;
  background: #fff;
  width: 0%;
  left: 50%;
  transition: all 0.6s;
  position: absolute;
  top: 0;
  z-index: 0;
  opacity: 0.2;
}
.page_product .chanpin-banner-in a:hover:after {
  width: 100%;
  border-radius: 26px;
  left: 0;
}
.page_product .chanpin-banner2-in a:after {
  display: block;
  content: close-quote;
  height: 100%;
  background: #fff;
  width: 0%;
  left: 50%;
  transition: all 0.6s;
  position: absolute;
  top: 0;
  z-index: 0;
  opacity: 0.2;
}
.page_product .chanpin-banner2-in a:hover:after {
  width: 100%;
  border-radius: 26px;
  left: 0;
}
.page_product .chanpin-banner2 {
  width: 100%;
  height: 680px;
  background: #fff url(/Jzw/Tpl/Home/Default/webimages/2019/pro_02.jpg) no-repeat right top;
  background-size: 100% 100%;
  overflow: hidden;
}
.page_product .chanpin-banner2-in {
  width: 1200px;
  margin: 0 auto;
  height: 100%;
}
.page_product .chanpin-banner2 .chanpin-banner2-in h3 {
  font-family: "微软雅黑";
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  padding-left: 696px;
  padding-top: 156px;
  line-height: 113px;
  position: relative;
  animation: myChanPin4 1s;
}
@keyframes myChanPin4 {
  0% {
    transform: translate(500px);
  }
  100% {
    transform: translate(0px);
  }
}
.page_product .chanpin-banner2 .chanpin-banner2-in h3:after {
  display: block;
  content: "";
  width: 45px;
  height: 4px;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 696px;
}
.page_product .h3after h3:after {
  background: #fff !important;
}
.page_product .h3after1 h3:after {
  background: #fff !important;
}
.page_product .chanpin-banner2-in p {
  font-family: "微软雅黑";
  font-size: 16px;
  color: #fff;
  padding-left: 696px;
  padding-top: 25px;
  line-height: 31px;
  animation: myChanPin5 1.3s;
}
@keyframes myChanPin5 {
  0% {
    transform: translate(600px);
  }
  100% {
    transform: translate(0px);
  }
}
.page_product .chanpin-banner2-in a:nth-child(1) {
  /*margin-left: 691px;*/
}
.page_product .chanpin-banner2-in a {
  display: inline-block;
  float: right;
  margin-top: 71px;
  margin-right: 40px;
  width: 214px;
  height: 59px;
  border-radius: 26px;
  border: 1px solid #fff;
  text-align: center;
  line-height: 57px;
  font-family: "微软雅黑";
  font-size: 14px;
  color: #fff;
  animation: myChanPin6 1.2s;
  position: relative;
}
@keyframes myChanPin6 {
  0% {
    transform: translateY(300px);
  }
  100% {
    transform: translateY(0px);
  }
}
/* 微信小程序 */
.pc_zt1-container .pc_zt-box {
  width: 12rem;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.pc_zt1-container .pc_zt-tit {
  padding: 0.6rem 0 0.4rem;
  text-align: center;
}
.pc_zt1-container .pc_zt-tit h4 {
  display: inline-block;
  font-size: 0.36rem;
  font-weight: bold;
  color: #333333;
  line-height: 0.63rem;
  position: relative;
  z-index: 1;
}
.pc_zt1-container .pc_zt-tit h4::before {
  content: "";
  width: 100%;
  height: 0.15rem;
  background: #FFF345;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.08rem;
  margin: auto;
  z-index: -1;
}
.pc_zt1-container .pc_zt-tit p {
  font-size: 0.18rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.4rem;
}
.pc_zt1-container .pc_zt5-con {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.pc_zt1-container .pc_zt1 {
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_zt1/pc_zt1-bg.jpg) no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative;
}
.pc_zt1-container .pc_zt1 .pc_zt1-img {
  width: 4.96rem;
  height: 3.92rem;
  overflow: hidden;
  float: left;
  margin: 0.99rem 0;
}
.pc_zt1-container .pc_zt1 .pc_zt1-text {
  float: left;
  margin: 1.3rem 0 1.3rem 0.52rem;
  width: 6.04rem;
  color: #ffffff;
}
.pc_zt1-container .pc_zt1 .pc_zt1-tit > p:nth-child(1) {
  font-size: 0.48rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 1;
  margin-bottom: 0.1rem;
}
.pc_zt1-container .pc_zt1 .pc_zt1-tit > p:nth-child(2) {
  font-size: 0.24rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 1;
}
.pc_zt1-container .pc_zt1 .pc_zt1-con {
  margin: 0.5rem 0 0.3rem;
  overflow: hidden;
}
.pc_zt1-container .pc_zt1 .pc_zt1-con .item {
  line-height: 0.25rem;
  position: relative;
  padding-left: 0.35rem;
  margin-right: 0.2rem;
  margin-bottom: 0.1rem;
  float: left;
  width: 2rem;
  font-size: 0.18rem;
  font-weight: 400;
  color: #FFFFFF;
  box-sizing: content-box;
}
.pc_zt1-container .pc_zt1 .pc_zt1-con .item::before {
  content: "";
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_zt1/pc_zt1-icon.png) no-repeat;
  background-size: cover;
  width: 0.25rem;
  height: 0.25rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.pc_zt1-container .btn-zx {
  display: inline-block;
  text-align: center;
  width: 2.6rem;
  border-radius: 0.68rem;
  background: #FFF345;
  font-size: 0.24rem;
  font-weight: 400;
  color: #005AEE;
  line-height: 0.68rem;
  box-sizing: border-box;
  transition: all 0.4s;
  overflow: hidden;
}
.pc_zt1-container .btn-zx:hover {
  transform: translate3d(0.1rem, 0, 0);
}
.pc_zt1-container .pc_zt2 {
  background: #F9F9F9;
  height: 2.36rem;
  overflow: hidden;
}
.pc_zt1-container .pc_zt2 .pc_zt2-text {
  float: left;
  width: 8.93rem;
  margin: 0.6rem 0.7rem 0.6rem 0;
}
.pc_zt1-container .pc_zt2 .pc_zt2-tit {
  font-size: 0.3rem;
  font-weight: 400;
  color: #005AEE;
}
.pc_zt1-container .pc_zt2 .pc_zt2-con {
  font-size: 0.14rem;
  font-weight: 400;
  color: #333333;
}
.pc_zt1-container .pc_zt2 .pc_zt2-con p {
  font-size: 0.14rem;
}
.pc_zt1-container .pc_zt2 .pc_zt2-img {
  float: left;
  width: 1.95rem;
  height: 1.54rem;
  overflow: hidden;
  margin: 0.41rem 0;
}
.pc_zt1-container .pc_zt3 {
  background: #ffffff;
  height: 4.83rem;
}
.pc_zt1-container .pc_zt3 .pc_zt3-con {
  overflow: hidden;
}
.pc_zt1-container .pc_zt3 .pc_zt3-con .item {
  width: calc(2.7rem - 0.6rem);
  height: 2.52rem;
  padding: 0 0.3rem;
  overflow: hidden;
  background: linear-gradient(0deg, #F8FBFF, #FFFFFF);
  float: left;
  margin-right: 0.4rem;
  box-sizing: content-box;
  transition: all 0.4s;
}
.pc_zt1-container .pc_zt3 .pc_zt3-con .item:last-child {
  margin-right: 0;
}
.pc_zt1-container .pc_zt3 .pc_zt3-con .item > p:nth-child(2) {
  font-size: 0.18rem;
  font-weight: bold;
  color: #333333;
  line-height: 0.38rem;
}
.pc_zt1-container .pc_zt3 .pc_zt3-con .item > p:nth-child(3) {
  font-size: 0.14rem;
  color: #333333;
}
.pc_zt1-container .pc_zt3 .pc_zt3-con .item:hover {
  transform: scale(1.2);
}
.pc_zt1-container .pc_zt3 .pc_zt3-icon {
  display: inline-block;
  margin: 0.32rem 0 0.2rem;
}
.pc_zt1-container .pc_zt3 .icon1 {
  width: 0.42rem;
  height: 0.44rem;
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_zt1/pc_zt3-icon1.png) no-repeat;
  background-size: cover;
}
.pc_zt1-container .pc_zt3 .icon2 {
  width: 0.42rem;
  height: 0.44rem;
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_zt1/pc_zt3-icon2.png) no-repeat;
  background-size: cover;
}
.pc_zt1-container .pc_zt3 .icon3 {
  width: 0.42rem;
  height: 0.44rem;
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_zt1/pc_zt3-icon3.png) no-repeat;
  background-size: cover;
}
.pc_zt1-container .pc_zt3 .icon4 {
  width: 0.42rem;
  height: 0.44rem;
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_zt1/pc_zt3-icon4.png) no-repeat;
  background-size: cover;
}
.pc_zt1-container .pc_zt4 {
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_zt1/pc_zt4-bg.jpg) no-repeat;
  background-size: cover;
  height: 6.42rem;
}
.pc_zt1-container .pc_zt4 .pc_zt-tit h4 {
  color: #ffffff;
}
.pc_zt1-container .pc_zt4 .pc_zt4-con {
  color: #ffffff;
  overflow: hidden;
}
.pc_zt1-container .pc_zt4 .pc_zt4-con .item {
  width: calc(2.7rem - 0.68rem);
  height: 1.64rem;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0.1rem;
  padding: 0 0.34rem;
  float: left;
  margin: 0 0.4rem 0.4rem 0;
  box-sizing: content-box;
  transition: all 0.4s;
}
.pc_zt1-container .pc_zt4 .pc_zt4-con .item:nth-child(4n) {
  margin-right: 0;
}
.pc_zt1-container .pc_zt4 .pc_zt4-con .item:hover {
  transform: translate3d(0, 10px, 0);
}
.pc_zt1-container .pc_zt4 .pc_zt4-con .item-tit {
  position: relative;
  font-size: 0.18rem;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.38rem;
  padding-left: 0.18rem;
  margin: 0.2rem 0 0.04rem;
}
.pc_zt1-container .pc_zt4 .pc_zt4-con .item-tit::before {
  content: "";
  width: 0.06rem;
  height: 0.18rem;
  background: #FFF345;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.pc_zt1-container .pc_zt4 .pc_zt4-con .item-con {
  font-size: 0.14rem;
}
.pc_zt1-container .pc_zt5 {
  background: #ffffff;
  height: 6.3rem;
}
.pc_zt1-container .pc_zt5 .pc_zt5-con .item {
  width: 3.8rem;
  height: 1.8rem;
  position: relative;
  float: left;
  transition: all 0.4s;
}
.pc_zt1-container .pc_zt5 .pc_zt5-con .item:hover {
  transform: scale(1.1);
  position: relative;
  z-index: 9;
}
.pc_zt1-container .pc_zt5 .pc_zt5-con .item:nth-child(1) {
  background: #FC5F45;
}
.pc_zt1-container .pc_zt5 .pc_zt5-con .item:nth-child(2) {
  background: #5159BB;
}
.pc_zt1-container .pc_zt5 .pc_zt5-con .item:nth-child(3) {
  background: #FF547B;
}
.pc_zt1-container .pc_zt5 .pc_zt5-con .item:nth-child(4) {
  background: #28DBCE;
}
.pc_zt1-container .pc_zt5 .pc_zt5-con .item:nth-child(5) {
  background: #FBC65F;
}
.pc_zt1-container .pc_zt5 .pc_zt5-con .item:nth-child(6) {
  background: #8E66CB;
}
.pc_zt1-container .pc_zt5 .pc_zt5-con .item-img {
  width: 0.92rem;
  height: 0.92rem;
  overflow: hidden;
  border-radius: 100%;
  margin-right: 0.2rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.3rem;
  margin: auto;
}
.pc_zt1-container .pc_zt5 .pc_zt5-con .item-img img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.pc_zt1-container .pc_zt5 .pc_zt5-text {
  display: inline-block;
  width: 2.08rem;
  color: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.3rem;
  margin: auto;
}
.pc_zt1-container .pc_zt5 .pc_zt5-text .item-tit {
  margin-top: 0.5rem;
  font-size: 0.18rem;
  font-weight: bold;
  line-height: 0.38rem;
}
.pc_zt1-container .pc_zt5 .pc_zt5-text .item-desc {
  font-size: 0.14rem;
}
.pc_zt1-container .pc_zt6 {
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_zt1/pc_zt6-bg.jpg) no-repeat;
  background-size: cover;
  height: 1.8rem;
  overflow: hidden;
}
.pc_zt1-container .pc_zt6 .pc_zt6-img {
  width: 2.08rem;
  height: 1.4rem;
  overflow: hidden;
  float: left;
  margin: 0.2rem 0 0.2rem 1.1rem;
}
.pc_zt1-container .pc_zt6 .pc_zt6-img img {
  width: 100%;
}
.pc_zt1-container .pc_zt6 .pc_zt6-text {
  margin: 0.58rem 1.02rem 0.58rem 0.11rem;
  float: left;
}
.pc_zt1-container .pc_zt6 .pc_zt6-text h4 {
  font-size: 0.36rem;
  font-weight: bold;
  color: #FFF345;
  line-height: 0.44rem;
}
.pc_zt1-container .pc_zt6 .pc_zt6-text p {
  font-size: 0.22rem;
  color: #ffffff;
}
.pc_zt1-container .pc_zt6 .btn-zx {
  margin: 0.56rem 0;
}
.pc_zt1-container .pc_zt7 {
  background: #F9F9F9;
  height: 5.8rem;
}
.pc_zt1-container .pc_zt7 .pc_zt7-con {
  overflow: hidden;
}
.pc_zt1-container .pc_zt7 .pc_zt7-con .item {
  width: calc(5.9rem - 0.6rem);
  height: calc(1.6rem - 0.64rem);
  background: #FFFFFF;
  border-radius: 0.1rem;
  padding: 0.32rem 0.3rem;
  float: left;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
  box-sizing: content-box;
  transition: all 0.4s;
}
.pc_zt1-container .pc_zt7 .pc_zt7-con .item:hover {
  transform: translate3d(0.1rem, 0, 0);
}
.pc_zt1-container .pc_zt7 .pc_zt7-con .item:nth-child(2n) {
  margin-right: 0;
}
.pc_zt1-container .pc_zt7 .pc_zt7-con .item > p:nth-child(1) {
  font-size: 0.14rem;
  position: relative;
  margin-left: 0.5rem;
  width: 4.8rem;
  line-height: 0.4rem;
  border-radius: 0.4rem;
  color: #333333;
  background: #F9F9F9;
}
.pc_zt1-container .pc_zt7 .pc_zt7-con .item > p:nth-child(1)::before {
  content: "Q";
  width: 0.36rem;
  height: 0.36rem;
  line-height: 0.36rem;
  color: #ffffff;
  text-align: center;
  background: #000033;
  border-radius: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -0.5rem;
  margin: auto;
}
.pc_zt1-container .pc_zt7 .pc_zt7-con .item > p:nth-child(2) {
  font-size: 0.14rem;
  position: relative;
  margin-left: 0.5rem;
  padding-top: 0.2rem;
  width: 4.8rem;
  border-radius: 0.4rem;
  color: #005AEE;
}
.pc_zt1-container .pc_zt7 .pc_zt7-con .item > p:nth-child(2)::before {
  content: "A";
  width: 0.36rem;
  height: 0.36rem;
  line-height: 0.36rem;
  color: #ffffff;
  text-align: center;
  background: #005AEE;
  border-radius: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -0.5rem;
  margin: auto;
}
.pc_zt1-container .pc_zt8 {
  background: #ffffff;
  height: 10.27rem;
  position: relative;
}
.pc_zt1-container .pc_zt8 .swiper-button-prev,
.pc_zt1-container .pc_zt8 .swiper-container-rtl .swiper-button-next {
  left: -0.56rem;
}
.pc_zt1-container .pc_zt8 .swiper-button-next,
.pc_zt1-container .pc_zt8 .swiper-container-rtl .swiper-button-prev {
  right: -0.56rem;
}
.pc_zt1-container .pc_zt8 .pc_zt8-con {
  overflow: hidden;
}
.pc_zt1-container .pc_zt8 .pc_zt8-case {
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_zt1/pc_zt8-imgbox.png) no-repeat;
  background-size: cover;
  width: 3.5rem;
  height: 6.79rem;
  position: relative;
  margin-left: 0.24rem;
}
.pc_zt1-container .pc_zt8 .pc_zt8-img {
  width: 3.06rem;
  height: 6.5rem;
  border-radius: 0.24rem;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pc_zt1-container .pc_zt8 .pc_zt8-img img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.pc_zt1-container .pc_zt8 .pc_zt8-pop_up {
  display: none;
  width: 3.06rem;
  height: 6.5rem;
  border-radius: 0.24rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  transition: all 0.3s;
  overflow: hidden;
}
.pc_zt1-container .pc_zt8 .pc_zt8-pop_up:before {
  position: absolute;
  transition: all 0.3s;
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0.65);
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transform: scaleX(0);
}
.pc_zt1-container .pc_zt8 .pc_zt8-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 172px;
}
.pc_zt1-container .pc_zt8 .pc_zt8-box p {
  color: #fff;
  text-align: center;
  margin-top: 10px;
  font-size: 16px;
}
.pc_zt1-container .pc_zt8 .pc_zt8-box img {
  width: 100%;
}
.pc_zt1-container .pc_zt8 .pc_zt8-case:hover {
  transition: all 0.3s;
}
.pc_zt1-container .pc_zt8 .pc_zt8-case:hover .pc_zt8-pop_up {
  display: inline-block;
}
.pc_zt1-container .pc_zt8 .pc_zt8-case:hover .pc_zt8-pop_up:before {
  transform: scaleX(1);
}
.pc_zt1-container .pc_zt9 {
  height: 6.56rem;
  background: #F9F9F9;
}
.pc_zt1-container .pc_zt9 .pc_zt9-con .item {
  width: calc(2.4rem - 0.02rem);
  height: 1.4rem;
  float: left;
  margin: 0.01rem;
  box-sizing: border-box;
  overflow: hidden;
}
.pc_zt1-container .pc_zt9 .pc_zt9-con .item img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.4s;
}
.pc_zt1-container .pc_zt9 .pc_zt9-con .item img:hover {
  transform: scale(1.1);
}
.pc_zt1-container .swiper-button-prev,
.pc_zt1-container .swiper-button-next {
  color: #333 !important;
}
.pc_zt1-container .swiper-button-prev:focus,
.pc_zt1-container .swiper-button-next:focus {
  outline: none !important;
}
/* 小程序直播 */
.pc_zt2-container .pc_zt-box {
  width: 12rem;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.pc_zt2-container .pc_zt-tit {
  font-size: 0.36rem;
  line-height: 1;
  font-weight: bold;
  color: #333333;
  text-align: center;
  padding-top: 0.6rem;
}
.pc_zt2-container .btn-zx {
  display: inline-block;
  width: 2.6rem;
  line-height: 0.68rem;
  border-radius: 0.68rem;
  text-align: center;
  font-size: 0.24rem;
  font-weight: 400;
  color: #ffffff;
  background: linear-gradient(90deg, #FF4747, #FF8600);
  box-sizing: border-box;
  transition: all 0.4s;
  overflow: hidden;
}
.pc_zt2-container .btn-zx:hover {
  transform: translate3d(0.1rem, 0, 0);
}
.pc_zt2-container .pc_zt1 {
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_zt2/pc_zt1-bg.jpg) no-repeat;
  background-size: cover;
  height: 5.6rem;
}
.pc_zt2-container .pc_zt1 .pc_zt1-text {
  height: 2.28rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  color: #ffffff;
}
.pc_zt2-container .pc_zt1 .pc_zt1-tit {
  font-size: 0.48rem;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.58rem;
  background: linear-gradient(0deg, #FF4747 0%, #FF8600 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pc_zt2-container .pc_zt1 .pc_zt1-con {
  font-size: 0.24rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
  line-height: 0.32rem;
  overflow: hidden;
  margin: 0.3rem 0;
}
.pc_zt2-container .pc_zt1 .pc_zt1-con .item {
  color: #ffffff;
  font-size: 0.14rem;
  font-weight: bold;
  position: relative;
  float: left;
  padding-right: 0.2rem;
  margin-right: 0.1rem;
}
.pc_zt2-container .pc_zt1 .pc_zt1-con .item::before {
  content: "+";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.pc_zt2-container .pc_zt1 .pc_zt1-con .item:last-child::before {
  content: "";
}
.pc_zt2-container .pc_zt2 {
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_zt2/pc_zt2-bg.jpg) no-repeat;
  background-size: cover;
  height: 6.92rem;
}
.pc_zt2-container .pc_zt2 .pc_zt2-desc {
  font-size: 0.18rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.3rem;
  margin: 0.4rem 0.48rem 0.48rem;
  text-align: center;
}
.pc_zt2-container .pc_zt2 .pc_zt2-con {
  width: 100%;
  position: relative;
  border: 0.01rem solid #E0E0E0;
  border-radius: 0.1rem;
}
.pc_zt2-container .pc_zt2 .pc_zt2-con .item {
  float: left;
  width: 33.33%;
  height: 3.58rem;
  border-right: 0.01rem solid #E0E0E0;
  box-sizing: border-box;
  text-align: center;
  background: #ffffff;
  transition: all 0.3s;
  position: relative;
}
.pc_zt2-container .pc_zt2 .pc_zt2-con .item:last-child {
  border-right: none;
}
.pc_zt2-container .pc_zt2 .pc_zt2-con .item img {
  margin: 0.8rem auto 0.4rem;
  width: 0.8rem;
  height: 0.8rem;
  transition: all 0.3s;
}
.pc_zt2-container .pc_zt2 .pc_zt2-con .item .img2 {
  opacity: 0;
  position: absolute;
  top: 0.8rem;
  left: 0;
  right: 0;
  margin: auto;
}
.pc_zt2-container .pc_zt2 .pc_zt2-con .item > p {
  width: 2.28rem;
  margin: auto;
  color: #333333;
}
.pc_zt2-container .pc_zt2 .pc_zt2-con .item > p:nth-child(3) {
  font-size: 0.18rem;
  font-weight: 400;
}
.pc_zt2-container .pc_zt2 .pc_zt2-con .item > p:nth-child(4) {
  font-size: 0.14rem;
  font-weight: 400;
  margin-top: 0.12rem;
}
.pc_zt2-container .pc_zt2 .pc_zt2-con .item:hover {
  width: 33.33%;
  height: 3.98rem;
  transition: all 0.3s;
  background: linear-gradient(90deg, #FF4747, #FF8600);
  border-radius: 0.1rem 0.1rem 0 0;
  position: relative;
  top: -0.4rem;
  margin-bottom: -0.4rem;
}
.pc_zt2-container .pc_zt2 .pc_zt2-con .item:hover .img1 {
  opacity: 0;
  transition: all 0.3s;
}
.pc_zt2-container .pc_zt2 .pc_zt2-con .item:hover .img2 {
  opacity: 1;
  display: inline-block;
  transform: scale(1.2);
  transition: all 0.3s;
}
.pc_zt2-container .pc_zt2 .pc_zt2-con .item:hover p {
  color: #ffffff;
}
.pc_zt2-container .pc_zt3 {
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_zt2/pc_zt3-bg.jpg) no-repeat;
  background-size: cover;
  height: 1.8rem;
}
.pc_zt2-container .pc_zt3 .pc_zt3-img {
  width: 2.53rem;
  height: 1.34rem;
  float: left;
  margin: 0.23rem 0.32rem 0.23rem 0;
}
.pc_zt2-container .pc_zt3 .pc_zt3-img img {
  width: 100%;
}
.pc_zt2-container .pc_zt3 .pc_zt3-text {
  width: 5rem;
  text-align: left;
  margin: 0.42rem 1.2rem 0.42rem 0;
  float: left;
  color: #FFFFFF;
}
.pc_zt2-container .pc_zt3 .pc_zt3-text h4 {
  font-size: 0.3rem;
  font-weight: bold;
  line-height: 0.36rem;
}
.pc_zt2-container .pc_zt3 .pc_zt3-text p {
  margin-top: 0.08rem;
  font-size: 0.2rem;
  line-height: 1;
}
.pc_zt2-container .pc_zt3 .btn-zx {
  border: 0.02rem solid #ffffff;
  border-radius: 0.68rem;
  margin: 0.56rem 0;
  background: transparent;
}
.pc_zt2-container .pc_zt4 {
  height: 7.75rem;
}
.pc_zt2-container .pc_zt4 .pc_zt4-con {
  width: 5.74rem;
  height: 5.41rem;
  margin: 0.7rem auto 0.6rem;
  position: relative;
}
.pc_zt2-container .pc_zt4 .pc_zt4-img {
  width: 5.74rem;
  height: 5.41rem;
  margin: auto;
}
.pc_zt2-container .pc_zt4 .pc_zt4-img img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.pc_zt2-container .pc_zt4 .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(2.16rem - 0.24rem);
  height: 1.1rem;
  border-radius: 0.1rem;
  padding: 0 0.12rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: linear-gradient(90deg, #FF4747, #FF8600);
  transition: all 0.4s;
}
.pc_zt2-container .pc_zt4 .item:nth-child(odd):hover {
  transform: translate3d(-0.1rem, 0, 0);
}
.pc_zt2-container .pc_zt4 .item:nth-child(even):hover {
  transform: translate3d(0.1rem, 0, 0);
}
.pc_zt2-container .pc_zt4 .item::after {
  position: absolute;
  width: 1.84rem;
  height: 1.02rem;
  z-index: -1;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  background: #ffffff;
  border-radius: 0.08rem;
  content: '';
}
.pc_zt2-container .pc_zt4 .item h4 {
  font-size: 0.2rem;
  font-weight: bold;
  color: #FF4747;
  padding-left: 0.1rem;
}
.pc_zt2-container .pc_zt4 .item p {
  font-size: 0.14rem;
  color: #333333;
  padding-left: 0.1rem;
}
.pc_zt2-container .pc_zt4 .item:nth-child(2) {
  position: absolute;
  top: -0.2rem;
  left: 0;
}
.pc_zt2-container .pc_zt4 .item:nth-child(3) {
  position: absolute;
  top: -0.2rem;
  right: 0;
}
.pc_zt2-container .pc_zt4 .item:nth-child(4) {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1.8rem;
  margin: auto;
}
.pc_zt2-container .pc_zt4 .item:nth-child(5) {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -1.8rem;
  margin: auto;
}
.pc_zt2-container .pc_zt4 .item:nth-child(6) {
  position: absolute;
  bottom: -0.08rem;
  left: 0;
}
.pc_zt2-container .pc_zt4 .item:nth-child(7) {
  position: absolute;
  bottom: -0.08rem;
  right: 0;
}
.pc_zt2-container .pc_zt5 {
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_zt2/pc_zt5-bg.jpg) no-repeat;
  background-size: cover;
  height: 5.96rem;
  text-align: center;
}
.pc_zt2-container .pc_zt5 .pc_zt-tit {
  color: #ffffff;
  padding-top: 0.6rem;
}
.pc_zt2-container .pc_zt5 .pc_zt5-con {
  margin: 0.4rem 0;
}
.pc_zt2-container .pc_zt5 .pc_zt5-con .item {
  float: left;
  width: 2.6rem;
  height: 2.92rem;
  background: #FFFFFF;
  border-radius: 0.1rem;
  position: relative;
  margin-right: 0.53rem;
  text-align: center;
  transition: all 0.4s;
}
.pc_zt2-container .pc_zt5 .pc_zt5-con .item:hover {
  transform: scale(1.1);
}
.pc_zt2-container .pc_zt5 .pc_zt5-con .item::before {
  content: "";
  width: 1rem;
  height: 0.1rem;
  background: linear-gradient(90deg, #FF4747, #FF8600);
  border-radius: 0 0 0.1rem 0.1rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
.pc_zt2-container .pc_zt5 .pc_zt5-con .item:last-child {
  margin-right: 0;
}
.pc_zt2-container .pc_zt5 .pc_zt5-con .item-img {
  width: 0.64rem;
  height: 0.64rem;
  margin: 0.6rem auto 0.3rem;
}
.pc_zt2-container .pc_zt5 .pc_zt5-con .item-tit {
  font-size: 0.2rem;
  font-weight: bold;
  color: #333333;
}
.pc_zt2-container .pc_zt5 .pc_zt5-con .item-desc {
  font-size: 0.14rem;
  color: #333333;
}
.pc_zt2-container .pc_zt5 .btn-zx {
  border: 0.02rem solid #ffffff;
  background: transparent;
}
.pc_zt2-container .pc_zt6 {
  background: #ffffff;
  height: 3.83rem;
  text-align: center;
}
.pc_zt2-container .pc_zt6 .pc_zt6-con {
  margin: 0.4rem 0.1rem 0.6rem;
}
.pc_zt2-container .pc_zt6 .pc_zt6-con .item {
  width: 1.4rem;
  text-align: center;
  float: left;
  margin-right: 0.68rem;
}
.pc_zt2-container .pc_zt6 .pc_zt6-con .item:hover {
  animation: bounce 1s ease;
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.pc_zt2-container .pc_zt6 .pc_zt6-con .item img {
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  margin-bottom: 0.2rem;
}
.pc_zt2-container .pc_zt6 .pc_zt6-con .item:last-child {
  margin-right: 0;
}
.pc_zt2-container .pc_zt7 {
  background: #F9F9F9;
  height: 9.16rem;
  text-align: center;
}
.pc_zt2-container .pc_zt7 .pc_zt-tit {
  padding: 0.6rem 0 0.4rem;
}
.pc_zt2-container .pc_zt7 .pc_zt-tit h4 {
  font-size: 0.36rem;
  line-height: 1;
  font-weight: bold;
  color: #333333;
  margin-bottom: 0.2rem;
}
.pc_zt2-container .pc_zt7 .pc_zt-tit p {
  font-size: 0.18rem;
  font-weight: 400;
  color: #999999;
  line-height: 1;
}
.pc_zt2-container .pc_zt7 .pc_zt7-con {
  margin-bottom: 0.6rem;
}
.pc_zt2-container .pc_zt7 .pc_zt7-con .pc_zt8-case {
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_zt4/pc_zt8-imgbox.png) no-repeat;
  background-size: cover;
  width: 3.5rem;
  height: 6.79rem;
  position: relative;
  margin: auto;
}
.pc_zt2-container .pc_zt7 .pc_zt7-con .pc_zt8-img {
  width: 3.06rem;
  height: 6.5rem;
  border-radius: 0.24rem;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pc_zt2-container .pc_zt7 .pc_zt7-con .pc_zt8-img img {
  max-height: 100%;
  max-width: 100%;
}
.pc_zt2-container .pc_zt7 .pc_zt7-con .pc_zt8-pop_up {
  display: none;
  width: 3.06rem;
  height: 6.5rem;
  border-radius: 0.24rem;
  background: rgba(0, 0, 0, 0.65);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.pc_zt2-container .pc_zt7 .pc_zt7-con .pc_zt8-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 1.6rem;
}
.pc_zt2-container .pc_zt7 .pc_zt7-con .pc_zt8-box p {
  color: #fff;
  text-align: center;
  margin-top: 10px;
  font-size: 16px;
}
.pc_zt2-container .pc_zt7 .pc_zt7-con .pc_zt8-box img {
  width: 100%;
}
.pc_zt2-container .pc_zt7 .pc_zt7-con .pc_zt8-case:hover .pc_zt8-pop_up {
  display: inline-block;
}
.pc_zt2-container .pc_zt7 .pc_zt7-left {
  width: 5.18rem;
  text-align: center;
  float: left;
}
.pc_zt2-container .pc_zt7 .pc_zt7-imgbox {
  width: 3.5rem;
  height: 6.79rem;
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_zt2/pc_zt7-imgbox.png) no-repeat;
  background-size: cover;
  position: relative;
  z-index: 0;
  margin: auto;
}
.pc_zt2-container .pc_zt7 .pc_zt7-imgbox::before {
  content: "";
  width: 1.91rem;
  height: 0.32rem;
  background: #000000;
  border-radius: 0.24rem;
  position: absolute;
  top: 0.14rem;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 9;
}
.pc_zt2-container .pc_zt7 .pc_zt7-img {
  width: 3.06rem;
  height: 6.5rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
.pc_zt2-container .pc_zt7 .pc_zt7-img img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.24rem;
}
.pc_zt2-container .pc_zt7 .pc_zt7-text {
  float: left;
  margin-left: 0.64rem;
  text-align: left;
}
.pc_zt2-container .pc_zt7 .pc_zt7-text .text-tit {
  margin-top: 0.82rem;
}
.pc_zt2-container .pc_zt7 .pc_zt7-text .text-tit > h4 {
  font-size: 0.36rem;
  font-weight: bold;
  color: #333333;
  line-height: 0.48rem;
}
.pc_zt2-container .pc_zt7 .pc_zt7-text .text-tit > h4:nth-child(2) {
  color: #FF4747;
}
.pc_zt2-container .pc_zt7 .pc_zt7-text .text-flow {
  margin: 0.4rem 0;
}
.pc_zt2-container .pc_zt7 .pc_zt7-text .text-flow .item {
  width: calc(1rem - 0.4rem);
  height: calc(1rem - 0.5rem);
  float: left;
  position: relative;
  padding: 0.25rem;
  margin-right: 0.94rem;
  border-radius: 0.1rem;
  background: linear-gradient(90deg, #FF4747, #FF8600);
  text-align: center;
  font-size: 0.24rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 0.3rem;
  box-sizing: content-box;
}
.pc_zt2-container .pc_zt7 .pc_zt7-text .text-flow .item::before {
  position: absolute;
  width: 0.96rem;
  height: 0.96rem;
  z-index: -1;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  background: #ffffff;
  border-radius: 0.08rem;
  content: '';
}
.pc_zt2-container .pc_zt7 .pc_zt7-text .text-flow .item::after {
  content: "";
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_zt2/pc_zt7-icon1.png) no-repeat;
  background-size: cover;
  width: 0.34rem;
  height: 0.2rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -0.64rem;
  margin: auto;
}
.pc_zt2-container .pc_zt7 .pc_zt7-text .text-flow .item:last-child {
  margin-right: 0;
}
.pc_zt2-container .pc_zt7 .pc_zt7-text .text-flow .item:last-child::after {
  width: 0;
}
.pc_zt2-container .pc_zt7 .pc_zt7-text .text-con {
  margin-bottom: 0.4rem;
}
.pc_zt2-container .pc_zt7 .pc_zt7-text .text-con > p {
  position: relative;
  padding-left: 0.3rem;
  font-size: 0.24rem;
  font-weight: 400;
  color: #333333;
  line-height: 0.44rem;
}
.pc_zt2-container .pc_zt7 .pc_zt7-text .text-con > p::before {
  content: "";
  width: 0.1rem;
  height: 0.1rem;
  background: linear-gradient(90deg, #FF4747, #FF8600);
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.pc_zt2-container .swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.pc_zt2-container .swiper-button-prev,
.pc_zt2-container .swiper-button-next {
  color: #333 !important;
}
.pc_zt2-container .swiper-button-prev:focus,
.pc_zt2-container .swiper-button-next:focus {
  outline: none !important;
}
/* 社区电商 */
.pc_zt3-container .pc_zt-box {
  width: 12rem;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.pc_zt3-container .pc_zt-tit {
  font-size: 0.36rem;
  font-weight: bold;
  color: #333333;
  line-height: 1;
  text-align: center;
  padding-top: 0.6rem;
}
.pc_zt3-container .btn-zx {
  display: inline-block;
  width: 2.6rem;
  line-height: 0.68rem;
  border-radius: 0.68rem;
  text-align: center;
  font-size: 0.24rem;
  font-weight: 400;
  color: #ffffff;
  border: 0.02rem solid #ffffff;
  box-sizing: border-box;
  transition: all 0.4s;
  overflow: hidden;
}
.pc_zt3-container .btn-zx:hover {
  transform: translate3d(0.1rem, 0, 0);
}
.pc_zt3-container .pc_zt1 {
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_zt3/pc_zt1-bg.jpg) no-repeat;
  background-size: cover;
  height: 5.6rem;
  position: relative;
}
.pc_zt3-container .pc_zt1 .pc_zt1-img {
  width: 4.7rem;
  height: 3.33rem;
  float: left;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.95rem;
  margin: auto;
  margin-right: 1.1rem;
}
.pc_zt3-container .pc_zt1 .pc_zt1-text {
  float: left;
  width: 3.93rem;
  height: 3rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.15rem;
  margin: auto;
}
.pc_zt3-container .pc_zt1 .pc_zt1-tit h4 {
  font-size: 0.48rem;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.58rem;
}
.pc_zt3-container .pc_zt1 .pc_zt1-tit span {
  color: #3AFFC0;
  font-size: 0.48rem;
  font-weight: bold;
  line-height: 0.58rem;
  display: inline-block;
}
.pc_zt3-container .pc_zt1 .pc_zt1-con {
  margin: 0.3rem 0;
  color: rgba(255, 255, 255, 0.9);
  line-height: 0.34rem;
}
.pc_zt3-container .pc_zt1 .pc_zt1-con p {
  font-size: 0.24rem;
  font-weight: 400;
}
.pc_zt3-container .pc_zt1 .pc_zt1-con > p:nth-child(2) {
  font-weight: bold;
  color: #FFFFFF;
}
.pc_zt3-container .pc_zt2 {
  background: #ffffff;
  height: 5.86rem;
}
.pc_zt3-container .pc_zt2 .pc_zt-tit > span {
  font-size: 0.36rem;
  font-weight: bold;
  color: #198AEA;
  line-height: 1;
}
.pc_zt3-container .pc_zt2 .pc_zt2-desc {
  margin-top: 0.2rem;
  font-size: 0.18rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.3rem;
  text-align: center;
}
.pc_zt3-container .pc_zt2 .pc_zt2-con {
  text-align: center;
  margin: 0.32rem 0 0.6rem;
  position: relative;
  height: 3rem;
}
.pc_zt3-container .pc_zt2 .pc_zt2-con .item:first-child {
  position: absolute;
  top: 0;
  left: 1.65rem;
  right: auto;
  width: 3.67rem;
  height: 2.99rem;
}
.pc_zt3-container .pc_zt2 .pc_zt2-con .item:last-child {
  position: absolute;
  top: 0;
  left: auto;
  right: 2.27rem;
  width: 3.03rem;
  height: 2.99rem;
}
.pc_zt3-container .pc_zt2 .pc_zt2-con .img1 {
  width: 3.67rem;
  height: 2.99rem;
}
.pc_zt3-container .pc_zt2 .pc_zt2-con .img2 {
  width: 3.03rem;
  height: 2.99rem;
}
.pc_zt3-container .pc_zt2 .item-icon {
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_zt3/pc_zt2-icon.png) no-repeat;
  background-size: cover;
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.pc_zt3-container .pc_zt2 .item-text {
  font-size: 0.24rem;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.6rem;
  width: 1.5rem;
  height: 0.6rem;
  border-radius: 0.6rem;
  background: linear-gradient(90deg, #198AEA, #3AFFC0);
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.pc_zt3-container .pc_zt3 {
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_zt3/pc_zt3-bg.jpg) no-repeat;
  background-size: cover;
  height: 8.06rem;
  position: relative;
  text-align: center;
}
.pc_zt3-container .pc_zt3 .pc_zt-tit {
  color: #FFFFFF;
  margin-bottom: 0.48rem;
}
.pc_zt3-container .pc_zt3 .pc_zt3-img {
  width: 4.87rem;
  height: 4.92rem;
  float: left;
  margin-right: 0.5rem;
}
.pc_zt3-container .pc_zt3 .pc_zt3-text {
  position: relative;
  float: left;
  width: 6rem;
}
.pc_zt3-container .pc_zt3 .pc_zt3-text .item {
  position: relative;
  text-align: left;
  margin-bottom: 0.44rem;
  padding-left: 0.96rem;
}
.pc_zt3-container .pc_zt3 .pc_zt3-text .item::before {
  width: 0.76rem;
  height: 0.76rem;
}
.pc_zt3-container .pc_zt3 .pc_zt3-text .item h4 {
  font-size: 0.18rem;
  line-height: 1;
  font-weight: bold;
  color: #FFFFFF;
  margin-bottom: 0.12rem;
}
.pc_zt3-container .pc_zt3 .pc_zt3-text .item p {
  font-size: 0.14rem;
  line-height: 1;
  color: #FFFFFF;
}
.pc_zt3-container .pc_zt3 .pc_zt3-text .item:nth-child(1) {
  left: 0.06rem;
}
.pc_zt3-container .pc_zt3 .pc_zt3-text .item:nth-child(1)::before {
  content: "";
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_zt3/pc_zt3-icon1.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.pc_zt3-container .pc_zt3 .pc_zt3-text .item:nth-child(2) {
  left: 0.7rem;
}
.pc_zt3-container .pc_zt3 .pc_zt3-text .item:nth-child(2)::before {
  content: "";
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_zt3/pc_zt3-icon2.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.pc_zt3-container .pc_zt3 .pc_zt3-text .item:nth-child(3) {
  left: 0.7rem;
}
.pc_zt3-container .pc_zt3 .pc_zt3-text .item:nth-child(3)::before {
  content: "";
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_zt3/pc_zt3-icon3.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.pc_zt3-container .pc_zt3 .pc_zt3-text .item:nth-child(4) {
  left: 0;
}
.pc_zt3-container .pc_zt3 .pc_zt3-text .item:nth-child(4)::before {
  content: "";
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_zt3/pc_zt3-icon4.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.pc_zt3-container .pc_zt4 {
  background: #ffffff;
  height: 8.83rem;
}
.pc_zt3-container .pc_zt4 .pc_zt4-con {
  width: 6.2rem;
  height: 6.2rem;
  margin: 0.48rem auto 0.6rem;
  position: relative;
  text-align: center;
}
.pc_zt3-container .pc_zt4 .pc_zt4-con::before {
  content: "";
  width: 6.2rem;
  height: 6.2rem;
  border: 0.01rem solid #E0E0E0;
  border-radius: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
}
.pc_zt3-container .pc_zt4 .pc_zt4-imgbox {
  width: 3.5rem;
  height: 6.79rem;
  display: inline-block;
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_zt3/pc_zt4-imgbox.png) no-repeat;
  background-size: cover;
  position: relative;
}
.pc_zt3-container .pc_zt4 .pc_zt4-img {
  width: 3.06rem;
  height: 6.34rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.pc_zt3-container .pc_zt4 .pc_zt4-img img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.pc_zt3-container .pc_zt4 .pc_zt4-con .item:hover img {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.24);
}
.pc_zt3-container .pc_zt4 .pc_zt4-con .item img {
  width: 0.74rem;
  height: 0.74rem;
  border-radius: 100%;
  overflow: hidden;
  transition: all 0.4s;
}
.pc_zt3-container .pc_zt4 .pc_zt4-con .item h4 {
  font-size: 0.18rem;
  font-weight: bold;
  color: #333333;
}
.pc_zt3-container .pc_zt4 .pc_zt4-con .item p {
  font-size: 0.14rem;
  color: #333333;
}
.pc_zt3-container .pc_zt4 .pc_zt4-con .item:nth-child(2) {
  position: absolute;
  top: 1rem;
  left: -1.8rem;
  text-align: right;
  min-width: 2.7rem;
}
.pc_zt3-container .pc_zt4 .pc_zt4-con .item:nth-child(2) img {
  float: right;
  margin-left: 0.2rem;
}
.pc_zt3-container .pc_zt4 .pc_zt4-con .item:nth-child(3) {
  position: absolute;
  top: 1rem;
  right: -1.8rem;
  text-align: left;
}
.pc_zt3-container .pc_zt4 .pc_zt4-con .item:nth-child(3) img {
  float: left;
  margin-right: 0.2rem;
}
.pc_zt3-container .pc_zt4 .pc_zt4-con .item:nth-child(4) {
  position: absolute;
  top: 2.73rem;
  left: -2.4rem;
  text-align: right;
}
.pc_zt3-container .pc_zt4 .pc_zt4-con .item:nth-child(4) img {
  float: right;
  margin-left: 0.2rem;
}
.pc_zt3-container .pc_zt4 .pc_zt4-con .item:nth-child(5) {
  position: absolute;
  top: 2.73rem;
  right: -2.5rem;
  text-align: left;
}
.pc_zt3-container .pc_zt4 .pc_zt4-con .item:nth-child(5) img {
  float: left;
  margin-right: 0.2rem;
}
.pc_zt3-container .pc_zt4 .pc_zt4-con .item:nth-child(6) {
  position: absolute;
  top: 4.47rem;
  left: -1.6rem;
  text-align: right;
}
.pc_zt3-container .pc_zt4 .pc_zt4-con .item:nth-child(6) img {
  float: right;
  margin-left: 0.2rem;
}
.pc_zt3-container .pc_zt4 .pc_zt4-con .item:nth-child(7) {
  position: absolute;
  top: 4.47rem;
  right: -1.8rem;
  text-align: left;
}
.pc_zt3-container .pc_zt4 .pc_zt4-con .item:nth-child(7) img {
  float: left;
  margin-right: 0.2rem;
}
.pc_zt3-container .pc_zt5 {
  background: #f9f9f9;
  height: 11.37rem;
  text-align: center;
}
.pc_zt3-container .pc_zt5 .pc_zt5-con {
  padding-top: 0.4rem;
  padding-bottom: 0.1rem;
}
.pc_zt3-container .pc_zt5 .pc_zt5-con .item {
  float: left;
  margin-right: 0.32rem;
  margin-bottom: 0.3rem;
  background: #ffffff;
  width: 3.78rem;
  height: 4.02rem;
  border: 0.01rem solid #F7F9FB;
  box-sizing: border-box;
}
.pc_zt3-container .pc_zt5 .pc_zt5-con .item:nth-child(3n) {
  margin-right: 0;
}
.pc_zt3-container .pc_zt5 .pc_zt5-con .item-img {
  width: 3.78rem;
  height: 2.6rem;
}
.pc_zt3-container .pc_zt5 .pc_zt5-text {
  padding: 0 0.25rem;
}
.pc_zt3-container .pc_zt5 .pc_zt5-text .item-tit {
  font-size: 0.18rem;
  line-height: 1;
  font-weight: bold;
  color: #333333;
  margin-top: 0.25rem;
  margin-bottom: 0.04rem;
}
.pc_zt3-container .pc_zt5 .pc_zt5-text .item-desc {
  font-size: 0.14rem;
  line-height: 1;
  padding-bottom: 0.24rem;
}
.pc_zt3-container .pc_zt5 .pc_zt5-text .item-more {
  border-top: 0.01rem solid #DFEAF0;
  font-size: 0.14rem;
  line-height: 1;
  font-weight: 400;
  color: #333333;
  padding: 0.16rem 0;
  text-transform: uppercase;
  position: relative;
}
.pc_zt3-container .pc_zt5 .pc_zt5-text .item-more::before {
  content: "";
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_zt3/pc_zt5-icon.png) no-repeat;
  background-size: cover;
  width: 0.16rem;
  height: 0.1rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.pc_zt3-container .pc_zt5 .btn-more {
  display: inline-block;
  width: 2.6rem;
  line-height: 0.68rem;
  border-radius: 0.68rem;
  background: #198AEA;
  color: #ffffff;
  text-align: center;
  font-size: 0.24rem;
  font-weight: 400;
}
.pc_zt3-container .pc_zt8 {
  background: #f9f9f9;
  height: 10.27rem;
  position: relative;
}
.pc_zt3-container .pc_zt8 .swiper-button-prev,
.pc_zt3-container .pc_zt8 .swiper-container-rtl .swiper-button-next {
  left: -0.56rem;
}
.pc_zt3-container .pc_zt8 .swiper-button-next,
.pc_zt3-container .pc_zt8 .swiper-container-rtl .swiper-button-prev {
  right: -0.56rem;
}
.pc_zt3-container .pc_zt8 .pc_zt8-con {
  overflow: hidden;
  margin-top: 0.48rem;
}
.pc_zt3-container .pc_zt8 .pc_zt8-case {
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_zt1/pc_zt8-imgbox.png) no-repeat;
  background-size: cover;
  width: 3.5rem;
  height: 6.79rem;
  position: relative;
  margin-right: 0.6rem;
}
.pc_zt3-container .pc_zt8 .pc_zt8-img {
  width: 3.06rem;
  height: 6.34rem;
  border-radius: 0.24rem;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pc_zt3-container .pc_zt8 .pc_zt8-img img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.pc_zt3-container .pc_zt8 .pc_zt8-pop_up {
  display: none;
  width: 3.06rem;
  height: 6.34rem;
  border-radius: 0.24rem;
  background: rgba(0, 0, 0, 0.65);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.pc_zt3-container .pc_zt8 .pc_zt8-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 1.6rem;
}
.pc_zt3-container .pc_zt8 .pc_zt8-box p {
  color: #fff;
  text-align: center;
  margin-top: 10px;
  font-size: 16px;
}
.pc_zt3-container .pc_zt8 .pc_zt8-box img {
  width: 100%;
}
.pc_zt3-container .pc_zt8 .pc_zt8-case:hover .pc_zt8-pop_up {
  display: inline-block;
}
.pc_zt3-container .pc_zt8 .btn-more {
  display: block;
  width: 2.6rem;
  line-height: 0.68rem;
  border-radius: 0.68rem;
  background: #198AEA;
  color: #ffffff;
  text-align: center;
  font-size: 0.24rem;
  font-weight: 400;
  margin: 0.48rem auto 0 auto;
  transition: all 0.4s;
  overflow: hidden;
}
.pc_zt3-container .pc_zt8 .btn-more:hover {
  transform: translate3d(0.1rem, 0, 0);
}
.pc_zt3-container .swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.pc_zt3-container .swiper-button-prev,
.pc_zt3-container .swiper-button-next {
  color: #333 !important;
}
.pc_zt3-container .swiper-button-prev:focus,
.pc_zt3-container .swiper-button-next:focus {
  outline: none !important;
}
/* 教育直播 */
.pc_zt4-container .pc_zt-box {
  width: 12rem;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.pc_zt4-container .pc_zt-tit {
  font-size: 0.36rem;
  font-weight: bold;
  color: #333333;
  padding-top: 0.6rem;
  text-align: center;
  line-height: 1;
}
.pc_zt4-container .pc_zt-tit p {
  font-size: 0.18rem;
  font-weight: 400;
  color: #999999;
  margin-top: 0.2rem;
}
.pc_zt4-container .btn-zx {
  display: inline-block;
  width: 2.6rem;
  line-height: 0.68rem;
  border-radius: 0.68rem;
  text-align: center;
  font-size: 0.24rem;
  font-weight: 400;
  color: #7326AF;
  background: #FCFF00;
  box-sizing: border-box;
}
.pc_zt4-container .pc_zt1 {
  height: 5.6rem;
  background: #7326AF;
}
.pc_zt4-container .pc_zt1 .pc_zt1-text {
  width: 6.15rem;
  height: 3rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  color: #ffffff;
}
.pc_zt4-container .pc_zt1 .pc_zt1-tit div {
  font-size: 0.48rem;
  line-height: 0.58rem;
  font-weight: bold;
  color: #ffffff;
}
.pc_zt4-container .pc_zt1 .pc_zt1-tit > div:nth-child(1) {
  color: #FCFF00;
}
.pc_zt4-container .pc_zt1 .pc_zt1-con {
  font-size: 0.24rem;
  color: #ffffff;
  margin: 0.16rem 0 0.4rem;
}
.pc_zt4-container .pc_zt1 .pc_zt1-img {
  width: 4.7rem;
  height: 4.27rem;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.pc_zt4-container .pc_zt2 {
  height: 3.94rem;
  background: #ffffff;
}
.pc_zt4-container .pc_zt2 .pc_zt2-con {
  position: relative;
  height: 2.58rem;
  margin-top: 0.4rem;
}
.pc_zt4-container .pc_zt2 .pc_zt2-con::before {
  content: "";
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_zt4/pc_zt2-img.png) no-repeat;
  background-size: cover;
  width: 2.4rem;
  height: 2.31rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
.pc_zt4-container .pc_zt2 .item {
  width: 3rem;
  height: 0.8rem;
  position: absolute;
  display: inline-block;
  background: #7326AF;
  border-radius: 0.06rem;
  box-shadow: 0.15rem 0.15rem 0 rgba(115, 38, 175, 0.05);
}
.pc_zt4-container .pc_zt2 .item::before {
  position: absolute;
  content: "";
  display: block;
  border-style: solid;
  margin: auto;
  width: 0;
  height: 0;
  transform: translateY(0.1rem);
  right: 0.4rem;
  bottom: 0;
  border-width: 0.1rem 0.1rem 0 0.1rem;
  border-color: #7326AF transparent transparent transparent;
}
.pc_zt4-container .pc_zt2 .item::after {
  position: absolute;
  content: "";
  display: block;
  border-style: solid;
  margin: auto;
  width: 0;
  height: 0;
  transform: translateY(0.1rem);
  right: 0.25rem;
  bottom: -0.15rem;
  border-width: 0.1rem 0.1rem 0 0.1rem;
  border-color: rgba(115, 38, 175, 0.05) transparent transparent transparent;
}
.pc_zt4-container .pc_zt2 .item img {
  width: 0.27rem;
  height: 0.18rem;
  float: left;
  margin: 0.27rem 0.14rem auto 0.17rem;
}
.pc_zt4-container .pc_zt2 .item p {
  width: 2.22rem;
  float: left;
  margin-top: 0.15rem;
  font-size: 0.18rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.24rem;
}
.pc_zt4-container .pc_zt2 .item:nth-child(1) {
  top: 0;
  left: 1.64rem;
}
.pc_zt4-container .pc_zt2 .item:nth-child(2) {
  top: 0;
  right: 1.72rem;
}
.pc_zt4-container .pc_zt2 .item:nth-child(3) {
  bottom: 0.62rem;
  left: 0.82rem;
}
.pc_zt4-container .pc_zt2 .item:nth-child(4) {
  bottom: 0.62rem;
  right: 0.69rem;
}
.pc_zt4-container .pc_zt3 {
  height: 5.24rem;
  background: #FBF6FF;
}
.pc_zt4-container .pc_zt3 .pc_zt3-img {
  width: 5.59rem;
  height: 3.7rem;
  float: left;
}
.pc_zt4-container .pc_zt3 .pc_zt3-img img {
  width: 100%;
}
.pc_zt4-container .pc_zt3 .pc_zt3-text {
  margin: 0.9rem 0 1.32rem 0.6rem;
  float: left;
}
.pc_zt4-container .pc_zt3 .pc_zt3-text h4 {
  font-size: 0.3rem;
  line-height: 1;
  font-weight: 400;
  color: #7326AF;
}
.pc_zt4-container .pc_zt3 .pc_zt3-text .text-con {
  margin-top: 0.4rem;
}
.pc_zt4-container .pc_zt3 .pc_zt3-text .item {
  margin-right: 0.52rem;
  float: left;
}
.pc_zt4-container .pc_zt3 .pc_zt3-text .item > p {
  position: relative;
  padding-left: 0.14rem;
  font-size: 0.18rem;
  line-height: 0.4rem;
  font-weight: 400;
  color: #333333;
}
.pc_zt4-container .pc_zt3 .pc_zt3-text .item > p:before {
  content: "";
  width: 0.08rem;
  height: 0.08rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-radius: 50%;
}
.pc_zt4-container .pc_zt3 .pc_zt3-text .item:nth-child(1) {
  width: 1.94rem;
}
.pc_zt4-container .pc_zt3 .pc_zt3-text .item:nth-child(1) > p:before {
  background: #FF9586;
}
.pc_zt4-container .pc_zt3 .pc_zt3-text .item:nth-child(2) {
  width: 1.22rem;
}
.pc_zt4-container .pc_zt3 .pc_zt3-text .item:nth-child(2) > p:before {
  background: #FFCE78;
}
.pc_zt4-container .pc_zt3 .pc_zt3-text .item:nth-child(3) {
  width: 1.08rem;
}
.pc_zt4-container .pc_zt3 .pc_zt3-text .item:nth-child(3) > p:before {
  background: #66DFCF;
}
.pc_zt4-container .pc_zt4 {
  text-align: center;
  background: #fff;
}
.pc_zt4-container .pc_zt4 .pc_zt4-con {
  margin-top: 0.5rem;
}
.pc_zt4-container .pc_zt4 .pc_zt4-text {
  float: left;
}
.pc_zt4-container .pc_zt4 .item {
  text-align: left;
  width: 4.3rem;
  height: 1rem;
  position: relative;
  transition: all 0.3s;
  z-index: 1;
  border-left: 0.04rem solid transparent;
  background: #ffffff;
}
.pc_zt4-container .pc_zt4 .item i {
  width: 0.48rem;
  height: 0.48rem;
  display: inline-block;
  background: #999;
  margin: 0.26rem 0.3rem 0.26rem 0.37rem;
}
.pc_zt4-container .pc_zt4 .item .icon1 {
  -webkit-mask: url(/Jzw/Tpl/Home/Default/webimages/pc_zt4/pc_zt4-icon1.png) no-repeat;
  mask: url(/Jzw/Tpl/Home/Default/webimages/pc_zt4/pc_zt4-icon1.png) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.pc_zt4-container .pc_zt4 .item .icon2 {
  -webkit-mask: url(/Jzw/Tpl/Home/Default/webimages/pc_zt4/pc_zt4-icon2.png) no-repeat;
  mask: url(/Jzw/Tpl/Home/Default/webimages/pc_zt4/pc_zt4-icon2.png) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.pc_zt4-container .pc_zt4 .item .icon3 {
  -webkit-mask: url(/Jzw/Tpl/Home/Default/webimages/pc_zt4/pc_zt4-icon3.png) no-repeat;
  mask: url(/Jzw/Tpl/Home/Default/webimages/pc_zt4/pc_zt4-icon3.png) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.pc_zt4-container .pc_zt4 .item .icon4 {
  -webkit-mask: url(/Jzw/Tpl/Home/Default/webimages/pc_zt4/pc_zt4-icon4.png) no-repeat;
  mask: url(/Jzw/Tpl/Home/Default/webimages/pc_zt4/pc_zt4-icon4.png) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.pc_zt4-container .pc_zt4 .item .text-con {
  width: 2.57rem;
  height: 0.7rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1.2rem;
  margin: auto;
}
.pc_zt4-container .pc_zt4 .item h4 {
  font-size: 0.24rem;
  font-weight: 400;
  color: #333;
}
.pc_zt4-container .pc_zt4 .item p {
  font-size: 0.14rem;
  font-weight: 400;
  color: #333;
}
.pc_zt4-container .pc_zt4 .item:hover {
  border-left: 0.04rem solid #7326AF;
}
.pc_zt4-container .pc_zt4 .item:hover::before {
  position: absolute;
  right: 0;
  transition: all 0.3s;
  content: "";
  display: block;
  z-index: -1;
  margin: auto;
  width: 0.14rem;
  height: 1rem;
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_zt4/pc_zt4-bg.png") no-repeat;
  background-size: cover;
}
.pc_zt4-container .pc_zt4 .item:hover h4 {
  color: #7326AF;
}
.pc_zt4-container .pc_zt4 .item:hover i {
  background: #7326AF;
}
.pc_zt4-container .pc_zt4 .pc_zt4-img {
  float: left;
  margin-left: 1.02rem;
  width: 5.6rem;
  height: 5.23rem;
}
.pc_zt4-container .pc_zt4 .pc_zt4-img img {
  width: 100%;
}
.pc_zt4-container .pc_zt4 .btn-zx {
  background: #7326AF;
  color: #ffffff;
  margin: 0.4rem auto 0.6rem;
}
.pc_zt4-container .pc_zt5 .pc_zt5-con {
  margin-top: 0.1rem;
  padding-bottom: 0.6rem;
  display: flex;
  flex-wrap: wrap;
}
.pc_zt4-container .pc_zt5 .pc_zt5-con .item {
  width: 20%;
  margin-top: 0.4rem;
  display: inline-block;
  text-align: center;
}
.pc_zt4-container .pc_zt5 .pc_zt5-con .item img {
  width: 100%;
}
.pc_zt4-container .pc_zt5 .pc_zt5-con .item:nth-child(5n) {
  margin-right: 0;
}
.pc_zt4-container .pc_zt5 .pc_zt5-con .item-img {
  width: 0.96rem;
  height: 0.97rem;
  margin: 0 auto 0.2rem;
}
.pc_zt4-container .pc_zt5 .pc_zt5-con .pc_zt5-text {
  font-size: 0.16rem;
  font-weight: 400;
  color: #333333;
  line-height: 0.24rem;
}
.pc_zt4-container .pc_zt6 {
  position: relative;
  height: 1.8rem;
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_zt4/pc_zt6-img.png) no-repeat;
  background-size: cover;
}
.pc_zt4-container .pc_zt6 .btn-zx {
  width: 2.6rem;
  height: 0.68rem;
  background: #FFF345;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.pc_zt4-container .pc_zt7 {
  height: 6rem;
  background: #FBF6FF;
}
.pc_zt4-container .pc_zt7 .pc_zt6-con {
  margin: 0.5rem 1.28rem 0.7rem;
  text-align: center;
}
.pc_zt4-container .pc_zt7 .pc_zt6-con .item {
  float: left;
  width: 2.5rem;
  height: 3.82rem;
  margin-right: 0.6rem;
}
.pc_zt4-container .pc_zt7 .pc_zt6-con .item:last-child {
  margin-right: 0;
}
.pc_zt4-container .pc_zt7 .pc_zt6-con .item-img {
  width: 2.5rem;
  height: 2.1rem;
}
.pc_zt4-container .pc_zt7 .pc_zt6-con .item-img img {
  width: 100%;
}
.pc_zt4-container .pc_zt7 .pc_zt6-con .item-text {
  height: 1.12rem;
  background: #ffffff;
  padding: 0.3rem 0.24rem;
  box-sizing: content-box;
}
.pc_zt4-container .pc_zt7 .pc_zt6-con .item-text h4 {
  font-size: 0.18rem;
  line-height: 1;
  font-weight: bold;
  color: #333;
  margin-bottom: 0.16rem;
}
.pc_zt4-container .pc_zt7 .pc_zt6-con .item-text p {
  text-align: left;
  font-size: 0.14rem;
  color: #333;
}
.pc_zt4-container .pc_zt8 {
  background: #ffffff;
  height: 10.19rem;
  position: relative;
  text-align: center;
}
.pc_zt4-container .pc_zt8 .btn-zx {
  background: #7326AF;
  color: #ffffff;
}
.pc_zt4-container .pc_zt8 .swiper-button-prev,
.pc_zt4-container .pc_zt8 .swiper-container-rtl .swiper-button-next {
  left: 0;
}
.pc_zt4-container .pc_zt8 .swiper-button-next,
.pc_zt4-container .pc_zt8 .swiper-container-rtl .swiper-button-prev {
  right: 0;
}
.pc_zt4-container .pc_zt8 .pc_zt8-con {
  overflow: hidden;
  margin: 0.4rem 0.4rem;
}
.pc_zt4-container .pc_zt8 .pc_zt8-case {
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_zt4/pc_zt8-imgbox.png) no-repeat;
  background-size: cover;
  width: 3.5rem;
  height: 6.79rem;
  position: relative;
  margin: auto;
}
.pc_zt4-container .pc_zt8 .pc_zt8-img {
  width: 3.06rem;
  height: 6.5rem;
  border-radius: 0.24rem;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pc_zt4-container .pc_zt8 .pc_zt8-img img {
  max-height: 100%;
  max-width: 100%;
}
.pc_zt4-container .pc_zt8 .pc_zt8-pop_up {
  display: none;
  width: 3.06rem;
  height: 6.5rem;
  border-radius: 0.24rem;
  background: rgba(0, 0, 0, 0.65);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.pc_zt4-container .pc_zt8 .pc_zt8-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 1.6rem;
}
.pc_zt4-container .pc_zt8 .pc_zt8-box p {
  color: #fff;
  text-align: center;
  margin-top: 10px;
  font-size: 16px;
}
.pc_zt4-container .pc_zt8 .pc_zt8-box img {
  width: 100%;
}
.pc_zt4-container .pc_zt8 .pc_zt8-case:hover .pc_zt8-pop_up {
  display: inline-block;
}
.pc_zt4-container .swiper-button-prev,
.pc_zt4-container .swiper-button-next {
  color: #333 !important;
}
.pc_zt4-container .swiper-button-prev:focus,
.pc_zt4-container .swiper-button-next:focus {
  outline: none !important;
}
/* -----------------------2022新增样式开始-------------------------- */
/* 2022公司经典案例样式 */
/* app专题 */
.appContent .topBanner {
  background: linear-gradient(-45deg, #FE5A59, #FDB390);
  padding: 100px 0;
}
.appContent .topBanner .contentbox {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  user-select: none;
}
.appContent .topBanner .contentbox .right {
  margin-left: 100px;
  color: #ffffff;
}
.appContent .topBanner .contentbox .right .titleBox {
  margin-bottom: 30px;
}
.appContent .topBanner .contentbox .right .titleBox .atitle {
  font-size: 48px;
  font-weight: bold;
}
.appContent .topBanner .contentbox .right .titleBox .btitle {
  margin-top: 10px;
  font-size: 24px;
}
.appContent .topBanner .contentbox .right .button a {
  background: transparent;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
  font-size: 24px;
  color: #ffffff;
  width: 260px;
  height: 68px;
  border-radius: 33px;
  border: 2px solid #ffffff;
  box-sizing: border-box;
}
.appContent .topBanner .contentbox .right .button a:hover {
  background: linear-gradient(#FDB390, #FE5A59);
}
.appContent .xuqiu {
  height: 732px;
  overflow: hidden;
}
.appContent .xuqiu .contentbox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  user-select: none;
  justify-content: flex-start;
  margin-top: 80px;
  padding: 0 70px;
  box-sizing: border-box;
}
.appContent .xuqiu .contentbox .titleBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  user-select: none;
  justify-content: flex-end;
  height: 74px;
  margin-bottom: 50px;
}
.appContent .xuqiu .contentbox .titleBox .atitle {
  font-size: 36px;
  font-weight: bold;
  color: #333333;
}
.appContent .xuqiu .contentbox .titleBox .btitle {
  font-size: 18px;
  color: #999999;
  margin-top: 5px;
}
.appContent .xuqiu .contentbox .content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  user-select: none;
}
.appContent .xuqiu .contentbox .content .itemBoxContainer {
  width: 330px;
  height: 480px;
  margin: 0 45px;
}
.appContent .xuqiu .contentbox .content .itemBoxContainer .itemBox {
  width: 330px;
  height: 230px;
  box-sizing: border-box;
  padding: 40px 30px 60px 30px;
  margin-bottom: 20px;
  position: relative;
}
.appContent .xuqiu .contentbox .content .itemBoxContainer .itemBox .item {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/require_select.png") no-repeat;
}
.appContent .xuqiu .contentbox .content .itemBoxContainer .itemBox:hover .item {
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/require_selected.png") no-repeat;
}
.appContent .xuqiu .contentbox .content .itemBoxContainer .itemBox:hover .itemTitleBox .atitle,
.appContent .xuqiu .contentbox .content .itemBoxContainer .itemBox:hover .itemTitleBox .btitle {
  color: #ffffff;
}
.appContent .xuqiu .contentbox .content .itemBoxContainer .itemBox:hover .ctitle {
  color: #ffffff;
}
.appContent .xuqiu .contentbox .content .itemBoxContainer .itemBox .shadow {
  z-index: -2;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 10px;
  left: -20px;
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/require_shadow.png") no-repeat;
}
.appContent .xuqiu .contentbox .content .itemBoxContainer .itemBox .reverse {
  transform: rotateY(180deg);
}
.appContent .xuqiu .contentbox .content .itemBoxContainer .itemBox .itemTitleBox {
  margin-top: -20px;
  display: flex;
  align-items: center;
}
.appContent .xuqiu .contentbox .content .itemBoxContainer .itemBox .itemTitleBox .atitle {
  display: inline-block;
  margin-right: 20px;
  font-size: 60px;
  font-weight: bold;
  color: #FE5A59;
}
.appContent .xuqiu .contentbox .content .itemBoxContainer .itemBox .itemTitleBox .btitle {
  max-width: 100%;
  height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: inline-block;
  font-size: 18px;
  color: #333333;
}
.appContent .xuqiu .contentbox .content .itemBoxContainer .itemBox .ctitle {
  font-size: 14px;
  color: #999999;
  max-width: 100%;
  height: 63px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.appContent .xuqiu .contentbox .bg1 {
  z-index: -99;
  width: 957px;
  height: 957px;
  position: absolute;
  top: -70px;
  left: 161.5px;
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/round_big.png");
}
.appContent .xuqiu .contentbox .bg1 .bg2 {
  width: 700px;
  height: 700px;
  position: absolute;
  top: 128.5px;
  left: 128.5px;
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/round_com.png");
}
.appContent .xuqiu .contentbox .bg1 .bg3 {
  width: 460px;
  height: 460px;
  position: absolute;
  top: 248.5px;
  left: 248.5px;
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/round_small.png");
}
.appContent .xuqiu .contentbox .bg1 .bgPhone {
  width: 421px;
  height: 581px;
  position: absolute;
  top: 188px;
  left: 268px;
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/app_01.png");
}
.appContent .jiazhi {
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/valuable_bg.png");
  background-size: cover;
  padding: 80px 0;
  color: #ffffff;
}
.appContent .jiazhi .contentbox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  user-select: none;
}
.appContent .jiazhi .contentbox .titleBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  user-select: none;
  justify-content: flex-end;
  height: 74px;
}
.appContent .jiazhi .contentbox .titleBox .atitle {
  font-size: 38px;
  font-weight: bold;
  margin-bottom: 5px;
}
.appContent .jiazhi .contentbox .titleBox .btitle {
  font-size: 18px;
}
.appContent .jiazhi .contentbox .valuableContentBox {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  user-select: none;
  flex-wrap: wrap;
  margin-top: 40px;
}
.appContent .jiazhi .contentbox .valuableContentBox .valuableContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  user-select: none;
  width: 270px;
  height: 300px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px 10px 10px 10px;
  box-sizing: border-box;
  padding: 50px 30px;
  margin: 0 20px 40px 20px;
}
.appContent .jiazhi .contentbox .valuableContentBox .valuableContent:hover > div .icon {
  transform: rotateY(180deg);
}
.appContent .jiazhi .contentbox .valuableContentBox .valuableContent > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px 0;
}
.appContent .jiazhi .contentbox .valuableContentBox .valuableContent > div .icon {
  transition: all 0.6s;
}
.appContent .jiazhi .contentbox .valuableContentBox .valuableContent > div .btitle {
  width: 100%;
  font-size: 18px;
  text-align: center;
}
.appContent .jiazhi .contentbox .valuableContentBox .valuableContent > div .content {
  font-size: 14px;
  max-width: 100%;
  height: 63px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.appContent .jiazhi .contentbox .valuableButton a {
  background: linear-gradient(#FDB390, #FE5A59);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
  font-size: 24px;
  color: #ffffff;
  width: 260px;
  height: 68px;
  border-radius: 33px;
  box-shadow: 0px 0px 30px #fe5a59;
}
.appContent .fangan {
  background-color: #F9F9F9;
  padding: 80px 40px 40px 40px;
}
.appContent .fangan .contentbox .titleBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  user-select: none;
  justify-content: flex-end;
  height: 74px;
  margin-bottom: 20px;
}
.appContent .fangan .contentbox .titleBox .atitle {
  font-size: 38px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 5px;
}
.appContent .fangan .contentbox .titleBox .btitle {
  font-size: 18px;
  color: #999999;
}
.appContent .fangan .contentbox .planIconBox {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  user-select: none;
  flex-wrap: wrap;
}
.appContent .fangan .contentbox .planIconBox .planIcon {
  transition: all 0.5s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  user-select: none;
  width: 208px;
  height: 208px;
  font-size: 18px;
  font-weight: bold;
  background-color: #ffffff;
  margin: 20px;
}
.appContent .fangan .contentbox .planIconBox .planIcon .icon {
  transition: all 0.6s;
}
.appContent .fangan .contentbox .planIconBox .planIcon:hover .icon {
  transform: scale(1.2);
}
.appContent .fangan .contentbox .planIconBox .planIcon:hover {
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 5;
}
.appContent .fangan .contentbox .planIconBox .planIcon > div {
  margin: 10px 0;
}
.appContent .banner {
  background-color: #FFECEC;
  height: 180px;
  box-sizing: border-box;
  padding: 31px 40px 9px 40px;
}
.appContent .banner .contentbox {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  user-select: none;
}
.appContent .banner .contentbox .titleBox {
  margin: 21px 41px;
  line-height: 44px;
}
.appContent .banner .contentbox .titleBox .atitle {
  font-size: 36px;
  font-weight: bold;
  color: #FE5A59;
}
.appContent .banner .contentbox .titleBox .btitle {
  font-size: 22px;
  color: #333333;
}
.appContent .banner .contentbox .bannerButton a {
  background: linear-gradient(#FDB390, #FE5A59);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
  font-size: 24px;
  color: #ffffff;
  width: 260px;
  height: 68px;
  border-radius: 33px;
  box-shadow: 0px 0px 30px #fe5a59;
}
.appContent .liucheng {
  background: #000000 url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/flow_icon.png");
  background-size: cover;
  padding: 80px 0;
}
.appContent .liucheng .contentbox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  user-select: none;
}
.appContent .liucheng .contentbox .titleBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  user-select: none;
  justify-content: flex-end;
  height: 74px;
  color: #ffffff;
}
.appContent .liucheng .contentbox .titleBox .atitle {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 5px;
}
.appContent .liucheng .contentbox .titleBox .btitle {
  font-size: 18px;
}
.appContent .liucheng .contentbox .flowContent {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  user-select: none;
  flex-wrap: wrap;
  width: 1280px;
  height: 310px;
  margin: 40px 0 10px 0;
  position: relative;
}
.appContent .liucheng .contentbox .flowContent .flowCount {
  padding-top: 22px;
  margin-bottom: 30px;
  position: relative;
}
.appContent .liucheng .contentbox .flowContent .flowCount .count {
  transition: all 1s;
}
.appContent .liucheng .contentbox .flowContent .flowCount:hover .count {
  transform: translateY(-10px);
}
.appContent .liucheng .contentbox .flowContent .flowCount .count {
  position: absolute;
  top: -10px;
  right: 10px;
}
.appContent .liucheng .contentbox .flowContent .flowCount div {
  width: 200px;
  height: 100px;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 19px 13px 20px 15px;
  background-color: rgba(0, 0, 0, 0.2);
}
.appContent .liucheng .contentbox .flowContent .flowCount div .atitle {
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
  color: #FE5A59;
}
.appContent .liucheng .contentbox .flowContent .flowCount div .btitle {
  font-size: 14px;
  line-height: 18px;
  color: #ffffff;
  max-width: 100%;
  height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.appContent .liucheng .contentbox .flowContent .flowLine {
  width: 58px;
  margin: 0 20px;
  position: relative;
  top: -25px;
  display: flex;
}
.appContent .liucheng .contentbox .flowContent .flowLine .left {
  position: absolute;
  top: -6px;
  left: -2px;
}
.appContent .liucheng .contentbox .flowContent .flowLine .right {
  position: absolute;
  top: -6px;
  right: -2px;
}
.appContent .liucheng .contentbox .flowContent .halfRound {
  position: absolute;
  right: -20px;
  display: flex;
}
.appContent .liucheng .contentbox .flowContent .halfRound .left {
  position: absolute;
  bottom: -6px;
  left: -2px;
}
.appContent .liucheng .contentbox .flowButton a {
  background: linear-gradient(#FDB390, #FE5A59);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
  font-size: 24px;
  color: #ffffff;
  width: 260px;
  height: 68px;
  border-radius: 33px;
  box-shadow: 0px 0px 30px #fe5a59;
}
.appContent .zhanshi {
  padding: 80px 0;
}
.appContent .zhanshi .contentbox .titlebox {
  text-align: center;
  margin-bottom: 40px;
}
.appContent .zhanshi .contentbox .titlebox .atitle {
  max-width: 100%;
  height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #333333;
  font-size: 36px;
  font-weight: bold;
}
.appContent .zhanshi .contentbox .titlebox .atitle .p1 {
  display: inline-block;
  position: relative;
}
.appContent .zhanshi .contentbox .titlebox .atitle .p1 .s1 {
  position: relative;
  z-index: 5;
}
.appContent .zhanshi .contentbox .titlebox .atitle .p1 .underline {
  display: inline-block;
  width: 102%;
  height: 15px;
  position: absolute;
  bottom: 0;
  left: -1%;
  background: transparent;
}
.appContent .zhanshi .contentbox .titlebox .btitle {
  color: #999999;
  font-size: 18px;
  max-width: 100%;
  height: 27px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 20px;
}
.appContent .zhanshi .contentbox .anli_sw {
  width: 1230px;
  height: 679px;
  margin: 40px auto;
  position: relative;
}
.appContent .zhanshi .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 679px;
  position: relative;
  margin: 0 auto;
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/phone.png") no-repeat center;
}
.appContent .zhanshi .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .picbox {
  width: 306px;
  height: 634px;
  overflow: hidden;
}
.appContent .zhanshi .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all 0.6s;
}
.appContent .zhanshi .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .picbox {
  transition: filter 0.8s;
  border-radius: 30px;
}
.appContent .zhanshi .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .qrCode {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 192px;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  display: none;
}
.appContent .zhanshi .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .qrCode img {
  width: 100%;
}
.appContent .zhanshi .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case:hover .picbox {
  filter: brightness(50%);
}
.appContent .zhanshi .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case:hover .qrCode {
  display: block;
}
.appContent .zhanshi .contentbox .anli_sw .swiper-button-next,
.appContent .zhanshi .contentbox .anli_sw .swiper-button-prev {
  width: 24px;
  height: 35px;
  position: absolute;
}
.appContent .zhanshi .contentbox .anli_sw .swiper-button-next::after,
.appContent .zhanshi .contentbox .anli_sw .swiper-button-prev::after {
  content: '';
}
.appContent .zhanshi .contentbox .anli_sw .swiper-button-next {
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/right_arrow.png") no-repeat;
  right: -70px;
}
.appContent .zhanshi .contentbox .anli_sw .swiper-button-prev {
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/left_arrow.png") no-repeat;
  left: -70px;
}
.appContent .zhanshi .contentbox .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 260px;
  height: 68px;
  border-radius: 34px;
  background: linear-gradient(#FDB390, #FE5A59);
  color: #ffffff;
  font-size: 24px;
  margin: 0 auto;
}
.appContent .zhanshi .btn {
  box-shadow: 0px 0px 30px #fe5a59;
}
/* 零售小程序专题 */
.page_casels .banner {
  padding: 130px 0;
  background-color: #50B674;
}
.page_casels .banner .contentbox {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page_casels .banner .contentbox .left_con {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
}
.page_casels .banner .contentbox .left_con .titlebox {
  color: #ffffff;
}
.page_casels .banner .contentbox .left_con .titlebox .atitle {
  font-size: 48px;
}
.page_casels .banner .contentbox .left_con .titlebox .btitle {
  font-size: 24px;
}
.page_casels .banner .contentbox .left_con .itemlist {
  display: flex;
  flex-wrap: wrap;
  margin: 50px 0 30px 0;
  color: #ffffff;
}
.page_casels .banner .contentbox .left_con .itemlist .item {
  margin: 0 50px 10px 0;
}
.page_casels .banner .contentbox .left_con .itemlist .item .itemtop,
.page_casels .banner .contentbox .left_con .itemlist .item .itembottom {
  display: flex;
  align-items: center;
}
.page_casels .banner .contentbox .left_con .itemlist .item .itemtop .txt,
.page_casels .banner .contentbox .left_con .itemlist .item .itembottom .txt {
  transition: all 1s;
}
.page_casels .banner .contentbox .left_con .itemlist .item .itemtop:hover .txt,
.page_casels .banner .contentbox .left_con .itemlist .item .itembottom:hover .txt {
  transform: translateX(10px);
}
.page_casels .banner .contentbox .left_con .itemlist .item .itemtop .pic,
.page_casels .banner .contentbox .left_con .itemlist .item .itembottom .pic {
  transition: all 0.3s;
}
.page_casels .banner .contentbox .left_con .itemlist .item .itemtop:hover .pic,
.page_casels .banner .contentbox .left_con .itemlist .item .itembottom:hover .pic {
  transform: scale(1.3);
}
.page_casels .banner .contentbox .left_con .itemlist .item .itemtop .picbox,
.page_casels .banner .contentbox .left_con .itemlist .item .itembottom .picbox {
  width: 25px;
  height: 25px;
  overflow: hidden;
}
.page_casels .banner .contentbox .left_con .itemlist .item .itemtop .picbox .pic,
.page_casels .banner .contentbox .left_con .itemlist .item .itembottom .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_casels .banner .contentbox .left_con .itemlist .item .itemtop .picbox,
.page_casels .banner .contentbox .left_con .itemlist .item .itembottom .picbox {
  flex: none;
  border-radius: 50%;
}
.page_casels .banner .contentbox .left_con .itemlist .item .itemtop .txt,
.page_casels .banner .contentbox .left_con .itemlist .item .itembottom .txt {
  max-width: 100%;
  height: 27px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-width: 160px;
  margin-left: 20px;
  font-size: 18px;
}
.page_casels .banner .contentbox .left_con .itemlist .item .itemtop {
  margin-bottom: 10px;
}
.page_casels .banner .contentbox .left_con .btn {
  transition: all 0.5s;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 260px;
  height: 68px;
  border-radius: 34px;
  background: #FFF000;
  color: #ffffff;
  color: #50B674;
  font-size: 24px;
}
.page_casels .banner .contentbox .left_con .btn:hover {
  background: #FFF000;
  box-shadow: 0px 0px 20px 0px #FFF000;
  position: relative;
  z-index: 5;
}
.page_casels .banner .contentbox .right_con .picbox {
  width: 550px;
  height: 298px;
  overflow: hidden;
}
.page_casels .banner .contentbox .right_con .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_casels .question {
  padding: 60px 0;
  background-color: #ffffff;
}
.page_casels .question .contentbox .titlebox {
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}
.page_casels .question .contentbox .itemlist {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.page_casels .question .contentbox .itemlist .itembox {
  width: 300px;
  height: 156px;
  position: relative;
  margin: 0 40px 30px 0;
}
.page_casels .question .contentbox .itemlist .itembox:nth-child(3n) {
  margin-right: 0;
}
.page_casels .question .contentbox .itemlist .itembox:hover .item {
  margin-left: -10px;
}
.page_casels .question .contentbox .itemlist .itembox:hover .shadow {
  left: 0;
}
.page_casels .question .contentbox .itemlist .itembox .item,
.page_casels .question .contentbox .itemlist .itembox .shadow {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  transition: all 0.6s;
}
.page_casels .question .contentbox .itemlist .itembox .item {
  padding: 40px 50px;
  box-sizing: border-box;
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page_casels .question .contentbox .itemlist .itembox .item .txt {
  font-size: 24px;
  color: #000000;
  max-width: 100%;
  height: 72px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.page_casels .question .contentbox .itemlist .itembox .item .txt span {
  color: #50B674;
}
.page_casels .question .contentbox .itemlist .itembox .shadow {
  position: absolute;
  left: -10px;
  top: 0;
  background-color: #50B674;
}
.page_casels .question .contentbox .itemlist .itembox .item1 {
  background: #ffffff url(/Jzw/Tpl/Home/Default/webimages/pc_lszt/question1.png) no-repeat;
}
.page_casels .question .contentbox .itemlist .itembox .item2 {
  background: #ffffff url(/Jzw/Tpl/Home/Default/webimages/pc_lszt/question2.png) no-repeat;
}
.page_casels .question .contentbox .itemlist .itembox .item3 {
  background: #ffffff url(/Jzw/Tpl/Home/Default/webimages/pc_lszt/question3.png) no-repeat;
}
.page_casels .question .contentbox .itemlist .itembox .item4 {
  background: #ffffff url(/Jzw/Tpl/Home/Default/webimages/pc_lszt/question4.png) no-repeat;
}
.page_casels .question .contentbox .itemlist .itembox .item5 {
  background: #ffffff url(/Jzw/Tpl/Home/Default/webimages/pc_lszt/question5.png) no-repeat;
}
.page_casels .question .contentbox .itemlist .itembox .item6 {
  background: #ffffff url(/Jzw/Tpl/Home/Default/webimages/pc_lszt/question6.png) no-repeat;
}
.page_casels .fangan {
  padding: 60px 0;
  background-color: #f9f9f9;
}
.page_casels .fangan .contentbox .titlebox {
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}
.page_casels .fangan .contentbox .itemlist {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page_casels .fangan .contentbox .itemlist .item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 270px;
  height: 400px;
  background: #FFFFFF;
  border-radius: 20px;
  margin: 0 10px;
  padding: 40px 30px;
  box-sizing: border-box;
}
.page_casels .fangan .contentbox .itemlist .item .picbox {
  transition: all 0.6s;
}
.page_casels .fangan .contentbox .itemlist .item:hover .picbox {
  transform: scale(1.1);
}
.page_casels .fangan .contentbox .itemlist .item .item_con {
  transition: all 0.6s;
}
.page_casels .fangan .contentbox .itemlist .item:hover .item_con {
  transform: translateY(10px);
}
.page_casels .fangan .contentbox .itemlist .item:hover .itemtitlebox::after {
  width: 100%;
}
.page_casels .fangan .contentbox .itemlist .item .itemtitlebox {
  width: 100%;
  padding-bottom: 20px;
  color: #000000;
  font-size: 24px;
  text-align: center;
  position: relative;
}
.page_casels .fangan .contentbox .itemlist .item .itemtitlebox::after {
  content: '';
  width: 50px;
  height: 2px;
  background-color: #50B674;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: width 1s;
}
.page_casels .fangan .contentbox .itemlist .item .itemtitlebox .itemtitle {
  max-width: 100%;
  height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.page_casels .fangan .contentbox .itemlist .item .item_con {
  color: #666666;
  font-size: 14px;
  max-width: 100%;
  height: 84px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.page_casels .fangan .contentbox .itemlist .item .picbox {
  transition: all 0.6s;
}
.page_casels .fangan .contentbox .itemlist .item1 .picbox {
  width: 204px;
  height: 160px;
  overflow: hidden;
}
.page_casels .fangan .contentbox .itemlist .item1 .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_casels .fangan .contentbox .itemlist .item2 .picbox {
  width: 192px;
  height: 160px;
  overflow: hidden;
}
.page_casels .fangan .contentbox .itemlist .item2 .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_casels .fangan .contentbox .itemlist .item3 .picbox {
  width: 235px;
  height: 150px;
  overflow: hidden;
}
.page_casels .fangan .contentbox .itemlist .item3 .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_casels .fangan .contentbox .itemlist .item4 .picbox {
  width: 209px;
  height: 160px;
  overflow: hidden;
}
.page_casels .fangan .contentbox .itemlist .item4 .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_casels .fangan .contentbox .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 260px;
  height: 68px;
  border-radius: 34px;
  background: #50B674;
  color: #ffffff;
  font-size: 24px;
  margin: 40px auto 0 auto;
  transition: all 0.5s;
}
.page_casels .fangan .contentbox .btn:hover {
  background: #50B674;
  box-shadow: 0px 0px 20px 0px #50B674;
  position: relative;
  z-index: 5;
}
.page_casels .inner_banner {
  background-color: #4452FB;
}
.page_casels .inner_banner .contentbox {
  height: 180px;
  display: flex;
  align-items: center;
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_lszt/inner_banner.png) no-repeat right center;
}
.page_casels .inner_banner .contentbox .titlebox {
  width: 500px;
  color: #ffffff;
}
.page_casels .inner_banner .contentbox .titlebox .atitle {
  font-size: 36px;
  line-height: 60px;
  font-weight: bold;
  max-width: 100%;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.page_casels .inner_banner .contentbox .titlebox .btitle {
  font-size: 22px;
  max-width: 100%;
  height: 66px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.page_casels .tixi {
  padding: 60px 0;
  background-color: #ffffff;
}
.page_casels .tixi .contentbox .titlebox {
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}
.page_casels .tixi .contentbox .itemlist {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.page_casels .tixi .contentbox .itemlist .item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 200px;
  height: 200px;
  margin: 0 20px;
}
.page_casels .tixi .contentbox .itemlist .item .btitle {
  transition: all 1s;
}
.page_casels .tixi .contentbox .itemlist .item:hover .btitle {
  transform: translateX(10px);
}
.page_casels .tixi .contentbox .itemlist .item .atitle {
  transition: all 1s;
}
.page_casels .tixi .contentbox .itemlist .item:hover .atitle {
  transform: translateX(-10px);
}
.page_casels .tixi .contentbox .itemlist .item:hover .picbox {
  transform: scale(1.1);
}
.page_casels .tixi .contentbox .itemlist .item .picbox {
  width: 90px;
  height: 90px;
  overflow: hidden;
}
.page_casels .tixi .contentbox .itemlist .item .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_casels .tixi .contentbox .itemlist .item .picbox {
  transition: all 0.6s;
}
.page_casels .tixi .contentbox .itemlist .item .itemtitle {
  text-align: center;
}
.page_casels .tixi .contentbox .itemlist .item .itemtitle .atitle {
  color: #000000;
  font-size: 24px;
  margin-bottom: 10px;
  max-width: 100%;
  height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.page_casels .tixi .contentbox .itemlist .item .itemtitle .btitle {
  color: #999999;
  font-size: 14px;
  max-width: 100%;
  height: 42px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.page_casels .spmanage {
  padding: 60px 0;
  background-color: #50b674;
}
.page_casels .spmanage .titlebox {
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}
.page_casels .spmanage .bottom_con {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page_casels .spmanage .bottom_con .bleft {
  margin-right: 20px;
  flex: none;
}
.page_casels .spmanage .bottom_con .bleft .picbox {
  width: 227px;
  height: 440px;
  overflow: hidden;
}
.page_casels .spmanage .bottom_con .bleft .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_casels .spmanage .bottom_con .bright {
  flex: 1;
}
.page_casels .spmanage .bottom_con .bright .itemlist {
  display: flex;
  flex-wrap: wrap;
}
.page_casels .spmanage .bottom_con .bright .itemlist .item {
  width: 354px;
  height: 90px;
  display: flex;
  margin: 20px 0 20px 60px;
}
.page_casels .spmanage .bottom_con .bright .itemlist .item .picbox {
  transition: all 0.6s;
}
.page_casels .spmanage .bottom_con .bright .itemlist .item:hover .picbox {
  transform: scale(1.1);
}
.page_casels .spmanage .bottom_con .bright .itemlist .item .itemtitle {
  transition: all 1s;
}
.page_casels .spmanage .bottom_con .bright .itemlist .item:hover .itemtitle {
  transform: translateX(10px);
}
.page_casels .spmanage .bottom_con .bright .itemlist .item .picbox {
  width: 74px;
  height: 74px;
  overflow: hidden;
}
.page_casels .spmanage .bottom_con .bright .itemlist .item .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_casels .spmanage .bottom_con .bright .itemlist .item .picbox {
  flex: none;
}
.page_casels .spmanage .bottom_con .bright .itemlist .item .itemtitle {
  flex: 1;
  width: 100%;
  margin-left: 20px;
}
.page_casels .spmanage .bottom_con .bright .itemlist .item .itemtitle .atitle {
  font-size: 18px;
  max-width: 100%;
  height: 27px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.page_casels .spmanage .bottom_con .bright .itemlist .item .itemtitle .btitle {
  font-size: 14px;
  max-width: 100%;
  height: 63px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.page_casels .zhanshi {
  padding: 80px 0;
}
.page_casels .zhanshi .contentbox .titlebox {
  text-align: center;
  margin-bottom: 40px;
}
.page_casels .zhanshi .contentbox .titlebox .atitle {
  max-width: 100%;
  height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #333333;
  font-size: 36px;
  font-weight: bold;
}
.page_casels .zhanshi .contentbox .titlebox .atitle .p1 {
  display: inline-block;
  position: relative;
}
.page_casels .zhanshi .contentbox .titlebox .atitle .p1 .s1 {
  position: relative;
  z-index: 5;
}
.page_casels .zhanshi .contentbox .titlebox .atitle .p1 .underline {
  display: inline-block;
  width: 102%;
  height: 15px;
  position: absolute;
  bottom: 0;
  left: -1%;
  background: transparent;
}
.page_casels .zhanshi .contentbox .titlebox .btitle {
  color: #999999;
  font-size: 18px;
  max-width: 100%;
  height: 27px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 20px;
}
.page_casels .zhanshi .contentbox .anli_sw {
  width: 1230px;
  height: 679px;
  margin: 40px auto;
  position: relative;
}
.page_casels .zhanshi .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 679px;
  position: relative;
  margin: 0 auto;
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/phone.png") no-repeat center;
}
.page_casels .zhanshi .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .picbox {
  width: 306px;
  height: 634px;
  overflow: hidden;
}
.page_casels .zhanshi .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all 0.6s;
}
.page_casels .zhanshi .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .picbox {
  transition: filter 0.8s;
  border-radius: 30px;
}
.page_casels .zhanshi .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .qrCode {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 192px;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  display: none;
}
.page_casels .zhanshi .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .qrCode img {
  width: 100%;
}
.page_casels .zhanshi .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case:hover .picbox {
  filter: brightness(50%);
}
.page_casels .zhanshi .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case:hover .qrCode {
  display: block;
}
.page_casels .zhanshi .contentbox .anli_sw .swiper-button-next,
.page_casels .zhanshi .contentbox .anli_sw .swiper-button-prev {
  width: 24px;
  height: 35px;
  position: absolute;
}
.page_casels .zhanshi .contentbox .anli_sw .swiper-button-next::after,
.page_casels .zhanshi .contentbox .anli_sw .swiper-button-prev::after {
  content: '';
}
.page_casels .zhanshi .contentbox .anli_sw .swiper-button-next {
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/right_arrow.png") no-repeat;
  right: -70px;
}
.page_casels .zhanshi .contentbox .anli_sw .swiper-button-prev {
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/left_arrow.png") no-repeat;
  left: -70px;
}
.page_casels .zhanshi .contentbox .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 260px;
  height: 68px;
  border-radius: 34px;
  background: #50b674;
  color: #ffffff;
  font-size: 24px;
  margin: 0 auto;
}
/* 提货卡小程序专题 */
.page_caseth .banner {
  background-color: #210454;
}
.page_caseth .banner .contentbox {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page_caseth .banner .contentbox .left_con .titlebox {
  color: #C3A2FF;
  margin-bottom: 40px;
}
.page_caseth .banner .contentbox .left_con .titlebox .atitle {
  font-size: 48px;
  font-weight: bold;
  line-height: 80px;
  max-width: 100%;
  height: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.page_caseth .banner .contentbox .left_con .titlebox .btitle {
  font-size: 24px;
  max-width: 100%;
  height: 72px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.page_caseth .banner .contentbox .left_con .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 260px;
  height: 68px;
  border-radius: 34px;
  background: linear-gradient(90deg, #B61EAC, #FFA78D);
  color: #ffffff;
  font-size: 24px;
}
.page_caseth .banner .contentbox .right_con {
  margin-right: 30px;
}
.page_caseth .banner .contentbox .right_con .picbox {
  width: 903px;
  height: 560px;
  overflow: hidden;
}
.page_caseth .banner .contentbox .right_con .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_caseth .spmanage {
  padding: 80px 0;
  background-color: #ffffff;
}
.page_caseth .spmanage .contentbox .titlebox {
  text-align: center;
  margin-bottom: 40px;
}
.page_caseth .spmanage .contentbox .titlebox .atitle {
  max-width: 100%;
  height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #333333;
  font-size: 36px;
  font-weight: bold;
}
.page_caseth .spmanage .contentbox .titlebox .atitle .p1 {
  display: inline-block;
  position: relative;
}
.page_caseth .spmanage .contentbox .titlebox .atitle .p1 .s1 {
  position: relative;
  z-index: 5;
}
.page_caseth .spmanage .contentbox .titlebox .atitle .p1 .underline {
  display: inline-block;
  width: 102%;
  height: 15px;
  position: absolute;
  bottom: 0;
  left: -1%;
  background: #DFCDFF;
}
.page_caseth .spmanage .contentbox .titlebox .btitle {
  color: #333333;
  font-size: 18px;
  max-width: 100%;
  height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 20px;
}
.page_caseth .spmanage .contentbox .itemlist {
  margin-top: 90px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page_caseth .spmanage .contentbox .itemlist .item {
  width: 380px;
  height: 200px;
  background: linear-gradient(180deg, #F8F4FF, #ffffff);
  border-radius: 20px;
  margin: 0 15px;
  padding: 70px 40px 0 40px;
  box-sizing: border-box;
  position: relative;
}
.page_caseth .spmanage .contentbox .itemlist .item .itemtitle .atitle {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
  max-width: 100%;
  height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.page_caseth .spmanage .contentbox .itemlist .item .itemtitle .btitle {
  font-size: 14px;
  max-width: 100%;
  height: 63px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.page_caseth .spmanage .contentbox .itemlist .item .picbox {
  width: 100px;
  height: 100px;
  overflow: hidden;
}
.page_caseth .spmanage .contentbox .itemlist .item .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_caseth .spmanage .contentbox .itemlist .item .picbox {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
}
.page_caseth .spmanage .contentbox .itemlist .item .picbox:hover .pic {
  transform: rotateY(180deg);
}
.page_caseth .manage {
  padding: 80px 0;
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_thzt/manage_bg.png) no-repeat center center / cover;
}
.page_caseth .manage .contentbox .titlebox {
  text-align: center;
  margin-bottom: 40px;
}
.page_caseth .manage .contentbox .titlebox .atitle {
  max-width: 100%;
  height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #ffffff;
  font-size: 36px;
  font-weight: bold;
}
.page_caseth .manage .contentbox .titlebox .atitle .p1 {
  display: inline-block;
  position: relative;
}
.page_caseth .manage .contentbox .titlebox .atitle .p1 .s1 {
  position: relative;
  z-index: 5;
}
.page_caseth .manage .contentbox .titlebox .atitle .p1 .underline {
  display: inline-block;
  width: 102%;
  height: 15px;
  position: absolute;
  bottom: 0;
  left: -1%;
  background: #DFCDFF;
}
.page_caseth .manage .contentbox .titlebox .btitle {
  color: #333333;
  font-size: 18px;
  max-width: 100%;
  height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 20px;
}
.page_caseth .manage .contentbox .itemlist {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page_caseth .manage .contentbox .itemlist .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  margin: 0 15px;
  box-sizing: border-box;
  width: 277px;
  height: 268px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}
.page_caseth .manage .contentbox .itemlist .item .picbox {
  transition: all 0.6s;
}
.page_caseth .manage .contentbox .itemlist .item:hover .picbox {
  transform: scale(1.5);
}
.page_caseth .manage .contentbox .itemlist .item .atitle {
  transition: all 1s;
}
.page_caseth .manage .contentbox .itemlist .item:hover .atitle {
  transform: translateX(10px);
}
.page_caseth .manage .contentbox .itemlist .item .btitle {
  transition: all 1s;
}
.page_caseth .manage .contentbox .itemlist .item:hover .btitle {
  transform: translateY(-10px);
}
.page_caseth .manage .contentbox .itemlist .item .picbox {
  width: 105px;
  height: 105px;
  overflow: hidden;
}
.page_caseth .manage .contentbox .itemlist .item .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_caseth .manage .contentbox .itemlist .item .itemtitle {
  margin-bottom: 20px;
  text-align: center;
}
.page_caseth .manage .contentbox .itemlist .item .itemtitle .atitle {
  color: #260556;
  font-size: 24px;
  max-width: 100%;
  height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.page_caseth .manage .contentbox .itemlist .item .itemtitle .btitle {
  color: #666666;
  font-size: 16px;
  margin-top: 30px;
  max-width: 100%;
  height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.page_caseth .pro {
  padding: 80px 0;
  background-color: #FFF4EF;
}
.page_caseth .pro .contentbox .titlebox {
  text-align: center;
  margin-bottom: 40px;
}
.page_caseth .pro .contentbox .titlebox .atitle {
  max-width: 100%;
  height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #333333;
  font-size: 36px;
  font-weight: bold;
}
.page_caseth .pro .contentbox .titlebox .atitle .p1 {
  display: inline-block;
  position: relative;
}
.page_caseth .pro .contentbox .titlebox .atitle .p1 .s1 {
  position: relative;
  z-index: 5;
}
.page_caseth .pro .contentbox .titlebox .atitle .p1 .underline {
  display: inline-block;
  width: 102%;
  height: 15px;
  position: absolute;
  bottom: 0;
  left: -1%;
  background: #FDC0B6;
}
.page_caseth .pro .contentbox .titlebox .btitle {
  color: #333333;
  font-size: 18px;
  max-width: 100%;
  height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 20px;
}
.page_caseth .pro .contentbox .itemlist {
  display: flex;
  justify-content: center;
}
.page_caseth .pro .contentbox .itemlist .litem {
  margin-right: 40px;
}
.page_caseth .pro .contentbox .itemlist .litem .picbox {
  width: 600px;
  height: 363px;
  overflow: hidden;
}
.page_caseth .pro .contentbox .itemlist .litem .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_caseth .pro .contentbox .itemlist .ritem {
  max-width: 640px;
  padding-top: 20px;
  display: flex;
  flex-wrap: wrap;
}
.page_caseth .pro .contentbox .itemlist .ritem .item {
  width: 120px;
  margin: 0 50px 40px 0;
}
.page_caseth .pro .contentbox .itemlist .ritem .item .picbox {
  width: 120px;
  height: 120px;
  overflow: hidden;
}
.page_caseth .pro .contentbox .itemlist .ritem .item .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_caseth .pro .contentbox .itemlist .ritem .item .itemtitle {
  max-width: 100%;
  height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 100%;
  height: 40px;
  margin-top: 10px;
  font-size: 24px;
  font-weight: bold;
  color: #A44B37;
  text-align: center;
  border-top: 1px solid rgba(249, 124, 96, 0.3);
  border-bottom: 1px solid rgba(249, 124, 96, 0.3);
  background: linear-gradient(90deg, rgba(249, 124, 96, 0.01), rgba(249, 124, 96, 0.25), rgba(249, 124, 96, 0.01));
}
.page_caseth .pro .contentbox .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 260px;
  height: 68px;
  border-radius: 34px;
  background: linear-gradient(90deg, #B61EAC, #FFA78D);
  color: #ffffff;
  font-size: 24px;
  margin: 0 auto;
}
.page_caseth .process {
  padding: 80px 0;
  background-color: #ffffff;
}
.page_caseth .process .contentbox .titlebox {
  text-align: center;
  margin-bottom: 40px;
}
.page_caseth .process .contentbox .titlebox .atitle {
  max-width: 100%;
  height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #333333;
  font-size: 36px;
  font-weight: bold;
}
.page_caseth .process .contentbox .titlebox .atitle .p1 {
  display: inline-block;
  position: relative;
}
.page_caseth .process .contentbox .titlebox .atitle .p1 .s1 {
  position: relative;
  z-index: 5;
}
.page_caseth .process .contentbox .titlebox .atitle .p1 .underline {
  display: inline-block;
  width: 102%;
  height: 15px;
  position: absolute;
  bottom: 0;
  left: -1%;
  background: #DFCDFF;
}
.page_caseth .process .contentbox .titlebox .btitle {
  color: #333333;
  font-size: 18px;
  max-width: 100%;
  height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 20px;
}
.page_caseth .process .contentbox .bottom_con {
  display: flex;
  justify-content: center;
}
.page_caseth .process .contentbox .bottom_con .left_con,
.page_caseth .process .contentbox .bottom_con .right_con {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 450px;
  height: 440px;
}
.page_caseth .process .contentbox .bottom_con .left_con .item,
.page_caseth .process .contentbox .bottom_con .right_con .item {
  width: 100%;
  height: 110px;
  position: relative;
}
.page_caseth .process .contentbox .bottom_con .left_con .item .maintitle,
.page_caseth .process .contentbox .bottom_con .right_con .item .maintitle {
  transition: all 1s;
}
.page_caseth .process .contentbox .bottom_con .left_con .item:hover .maintitle,
.page_caseth .process .contentbox .bottom_con .right_con .item:hover .maintitle {
  transform: translateX(10px);
}
.page_caseth .process .contentbox .bottom_con .left_con .item .subtitle,
.page_caseth .process .contentbox .bottom_con .right_con .item .subtitle {
  transition: all 1s;
}
.page_caseth .process .contentbox .bottom_con .left_con .item:hover .subtitle,
.page_caseth .process .contentbox .bottom_con .right_con .item:hover .subtitle {
  transform: translateX(-10px);
}
.page_caseth .process .contentbox .bottom_con .left_con .item .arrow,
.page_caseth .process .contentbox .bottom_con .right_con .item .arrow {
  transition: all 1s;
}
.page_caseth .process .contentbox .bottom_con .left_con .item:hover .arrow,
.page_caseth .process .contentbox .bottom_con .right_con .item:hover .arrow {
  transform: translateX(10px);
}
.page_caseth .process .contentbox .bottom_con .left_con .item .maintitle,
.page_caseth .process .contentbox .bottom_con .right_con .item .maintitle {
  font-size: 24px;
  font-weight: bold;
  max-width: 100%;
  height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.page_caseth .process .contentbox .bottom_con .left_con .item .subtitle,
.page_caseth .process .contentbox .bottom_con .right_con .item .subtitle {
  font-size: 14px;
  max-width: 100%;
  height: 84px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.page_caseth .process .contentbox .bottom_con .left_con .item .arrow,
.page_caseth .process .contentbox .bottom_con .right_con .item .arrow {
  display: none;
}
.page_caseth .process .contentbox .bottom_con .left_con .cur .maintitle,
.page_caseth .process .contentbox .bottom_con .right_con .cur .maintitle {
  color: #A589D5;
}
.page_caseth .process .contentbox .bottom_con .left_con .cur .arrow,
.page_caseth .process .contentbox .bottom_con .right_con .cur .arrow {
  display: block;
}
.page_caseth .process .contentbox .bottom_con .left_con {
  text-align: right;
}
.page_caseth .process .contentbox .bottom_con .left_con .arrow {
  transform: rotate(90deg);
  border-bottom: 12px solid #A589D5;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  position: absolute;
  top: 14px;
  right: -32px;
}
.page_caseth .process .contentbox .bottom_con .right_con .arrow {
  transform: rotate(270deg);
  border-bottom: 12px solid #A589D5;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  position: absolute;
  top: 14px;
  left: -32px;
}
.page_caseth .process .contentbox .bottom_con .center_con {
  margin: 0 60px;
}
.page_caseth .process .contentbox .bottom_con .center_con .picbox {
  width: 227px;
  height: 440px;
  overflow: hidden;
}
.page_caseth .process .contentbox .bottom_con .center_con .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_caseth .process .contentbox .bottom_con .center_con .maintitle {
  color: #A589D5;
  font-size: 24px;
  font-weight: bold;
  margin-top: 20px;
  text-align: center;
}
.page_caseth .inner_banner {
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_thzt/inner_banner.png) no-repeat center center / cover;
}
.page_caseth .inner_banner .contentbox {
  height: 180px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.page_caseth .inner_banner .contentbox .titlebox {
  width: 500px;
  margin-right: 75px;
  color: #ffffff;
}
.page_caseth .inner_banner .contentbox .titlebox .atitle {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 5px;
}
.page_caseth .inner_banner .contentbox .titlebox .btitle {
  font-size: 22px;
}
.page_caseth .inner_banner .contentbox .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 260px;
  height: 68px;
  border-radius: 34px;
  background: linear-gradient(90deg, #B61EAC, #FFA78D);
  color: #ffffff;
  font-size: 24px;
}
.page_caseth .anli {
  padding: 80px 0;
}
.page_caseth .anli .contentbox .titlebox {
  text-align: center;
  margin-bottom: 40px;
}
.page_caseth .anli .contentbox .titlebox .atitle {
  max-width: 100%;
  height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #333333;
  font-size: 36px;
  font-weight: bold;
}
.page_caseth .anli .contentbox .titlebox .atitle .p1 {
  display: inline-block;
  position: relative;
}
.page_caseth .anli .contentbox .titlebox .atitle .p1 .s1 {
  position: relative;
  z-index: 5;
}
.page_caseth .anli .contentbox .titlebox .atitle .p1 .underline {
  display: inline-block;
  width: 102%;
  height: 15px;
  position: absolute;
  bottom: 0;
  left: -1%;
  background: #DFCDFF;
}
.page_caseth .anli .contentbox .titlebox .btitle {
  color: #999999;
  font-size: 18px;
  max-width: 100%;
  height: 27px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 20px;
}
.page_caseth .anli .contentbox .anli_sw {
  width: 1230px;
  height: 679px;
  margin: 40px auto;
  position: relative;
}
.page_caseth .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 679px;
  position: relative;
  margin: 0 auto;
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/phone.png") no-repeat center;
}
.page_caseth .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .picbox {
  width: 306px;
  height: 634px;
  overflow: hidden;
}
.page_caseth .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all 0.6s;
}
.page_caseth .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .picbox {
  transition: filter 0.8s;
  border-radius: 30px;
}
.page_caseth .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .qrCode {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 192px;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  display: none;
}
.page_caseth .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .qrCode img {
  width: 100%;
}
.page_caseth .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case:hover .picbox {
  filter: brightness(50%);
}
.page_caseth .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case:hover .qrCode {
  display: block;
}
.page_caseth .anli .contentbox .anli_sw .swiper-button-next,
.page_caseth .anli .contentbox .anli_sw .swiper-button-prev {
  width: 24px;
  height: 35px;
  position: absolute;
}
.page_caseth .anli .contentbox .anli_sw .swiper-button-next::after,
.page_caseth .anli .contentbox .anli_sw .swiper-button-prev::after {
  content: '';
}
.page_caseth .anli .contentbox .anli_sw .swiper-button-next {
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/right_arrow.png") no-repeat;
  right: -70px;
}
.page_caseth .anli .contentbox .anli_sw .swiper-button-prev {
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/left_arrow.png") no-repeat;
  left: -70px;
}
.page_caseth .anli .contentbox .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 260px;
  height: 68px;
  border-radius: 34px;
  background: linear-gradient(90deg, #B61EAC, #FFA78D);
  color: #ffffff;
  font-size: 24px;
  margin: 0 auto;
}
/* 物联网 */
.page_wulian .banner {
  background: #0D6AFB url(/Jzw/Tpl/Home/Default/webimages/pc_wulianwang/banner_bg.png) repeat-x center center;
}
.page_wulian .banner .contentbox {
  height: 560px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page_wulian .banner .contentbox .left_con .titlebox {
  color: #ffffff;
  margin-bottom: 40px;
}
.page_wulian .banner .contentbox .left_con .titlebox .atitle {
  font-size: 48px;
  font-weight: bold;
  line-height: 58px;
  max-width: 100%;
  height: 116px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.page_wulian .banner .contentbox .left_con .titlebox .btitle {
  font-size: 18px;
  line-height: 24px;
  max-width: 100%;
  height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.page_wulian .banner .contentbox .left_con .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 50px;
  border-radius: 25px;
  background: linear-gradient(90deg, #FF3318, #FF9000);
  color: #ffffff;
  font-size: 18px;
  transition: all 0.6s;
}
.page_wulian .banner .contentbox .left_con .btn:hover {
  box-shadow: 0px 0px 10px #e92d2d;
}
.page_wulian .banner .contentbox .right_con .picbox {
  width: 501px;
  height: 259px;
  overflow: hidden;
}
.page_wulian .banner .contentbox .right_con .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_wulian .advantage {
  padding: 90px 0;
  background-color: #ffffff;
}
.page_wulian .advantage .contentbox .titlebox {
  text-align: center;
}
.page_wulian .advantage .contentbox .titlebox .atitle {
  max-width: 100%;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #000000;
  font-size: 40px;
  font-weight: bold;
}
.page_wulian .advantage .contentbox .titlebox .btitle {
  color: #999999;
  font-size: 16px;
  max-width: 100%;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 5px;
}
.page_wulian .advantage .contentbox .itemlist {
  margin: 25px 0 10px 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page_wulian .advantage .contentbox .itemlist .item {
  width: 232px;
  height: 240px;
  background: linear-gradient(0deg, #F8FBFF, #FFFFFF);
  margin: 0 5px;
  padding: 35px 30px;
  box-sizing: border-box;
  position: relative;
}
.page_wulian .advantage .contentbox .itemlist .item:hover .pic {
  transform: rotateY(180deg);
}
.page_wulian .advantage .contentbox .itemlist .item .itemtitle .atitle {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  margin-bottom: 10px;
  max-width: 100%;
  height: 27px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.page_wulian .advantage .contentbox .itemlist .item .itemtitle .btitle {
  font-size: 16px;
  max-width: 100%;
  height: 72px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.page_wulian .advantage .contentbox .itemlist .item .picbox {
  width: 44px;
  height: 44px;
  overflow: hidden;
}
.page_wulian .advantage .contentbox .itemlist .item .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_wulian .advantage .contentbox .itemlist .item .picbox {
  margin-bottom: 20px;
}
.page_wulian .advantage .contentbox .itemlist .item .picbox .pic {
  background-position: left center;
}
.page_wulian .fangan {
  padding: 90px 0;
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_wulianwang/fangan_bg.png) no-repeat center center / cover;
}
.page_wulian .fangan .contentbox .titlebox {
  text-align: center;
}
.page_wulian .fangan .contentbox .titlebox .atitle {
  max-width: 100%;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #ffffff;
  font-size: 40px;
  font-weight: bold;
}
.page_wulian .fangan .contentbox .titlebox .btitle {
  color: #ffffff;
  font-size: 16px;
  max-width: 100%;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 5px;
}
.page_wulian .fangan .contentbox .itemlist {
  margin: 55px 0 10px 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page_wulian .fangan .contentbox .itemlist .item {
  margin: 0 10px;
  width: 285px;
}
.page_wulian .fangan .contentbox .itemlist .item .pic {
  transition: all 0.6s;
}
.page_wulian .fangan .contentbox .itemlist .item:hover .pic {
  transform: scale(1.1);
}
.page_wulian .fangan .contentbox .itemlist .item .picbox {
  width: 100%;
  height: 400px;
  overflow: hidden;
}
.page_wulian .fangan .contentbox .itemlist .item .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all 0.6s;
}
.page_wulian .fangan .contentbox .itemlist .item:hover .itemtitle {
  animation: bounce 1s;
}
.page_wulian .fangan .contentbox .itemlist .item .itemtitle {
  width: 100%;
  height: 50px;
  margin-top: 10px;
  background-color: rgba(255, 255, 255, 0.1);
  text-align: center;
}
.page_wulian .fangan .contentbox .itemlist .item .itemtitle .atitle {
  font-size: 16px;
  line-height: 50px;
  color: #ffffff;
  max-width: 100%;
  height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.page_wulian .develop {
  padding: 90px 0;
  background-color: #ffffff;
}
.page_wulian .develop .contentbox .titlebox {
  text-align: center;
}
.page_wulian .develop .contentbox .titlebox .atitle {
  max-width: 100%;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #000000;
  font-size: 40px;
  font-weight: bold;
}
.page_wulian .develop .contentbox .titlebox .btitle {
  color: #999999;
  font-size: 16px;
  max-width: 100%;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 5px;
}
.page_wulian .develop .contentbox .itemlist {
  width: 100%;
  margin: 55px 0 10px 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page_wulian .develop .contentbox .itemlist .item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  position: relative;
  padding: 50px 30px;
  margin: 0 5px;
  box-sizing: border-box;
  width: 232px;
  height: 360px;
  background-color: #F2F7FF;
  border-radius: 0;
}
.page_wulian .develop .contentbox .itemlist .item:hover .bg .picbox {
  animation: bounce 1s;
}
.page_wulian .develop .contentbox .itemlist .item.active {
  width: 474px;
  background-image: url(/Jzw/Tpl/Home/Default/webimages/pc_wulianwang/develop_itembg.png);
}
.page_wulian .develop .contentbox .itemlist .item.active .bg .picbox {
  width: 232px;
  height: 238px;
}
.page_wulian .develop .contentbox .itemlist .item.active .itemtitle .atitle {
  color: #ffffff;
}
.page_wulian .develop .contentbox .itemlist .item.active .itemtitle .btitle {
  opacity: 1;
  visibility: visible;
}
.page_wulian .develop .contentbox .itemlist .item.active .more {
  opacity: 1;
  visibility: visible;
}
.page_wulian .develop .contentbox .itemlist .item .bg {
  position: absolute;
  right: -20px;
  bottom: 30px;
}
.page_wulian .develop .contentbox .itemlist .item .bg .picbox {
  width: 200px;
  height: 204px;
  overflow: hidden;
}
.page_wulian .develop .contentbox .itemlist .item .bg .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_wulian .develop .contentbox .itemlist .item .bg .picbox {
  transition: all 0.6s;
}
.page_wulian .develop .contentbox .itemlist .item .itemtitle {
  width: 100%;
  position: relative;
  z-index: 5;
}
.page_wulian .develop .contentbox .itemlist .item .itemtitle .atitle {
  font-size: 24px;
  font-weight: bold;
  color: #0D6AFB;
  max-width: 100%;
  height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-bottom: 30px;
  transition: all 0.6s;
}
.page_wulian .develop .contentbox .itemlist .item .itemtitle .btitle {
  opacity: 0;
  visibility: hidden;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  transition: all 0.6s;
}
.page_wulian .develop .contentbox .itemlist .item .more {
  flex: none;
  display: flex;
  align-items: center;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  transition: all 0.6s;
}
.page_wulian .develop .contentbox .itemlist .item .more .picbox {
  transition: all 1s;
}
.page_wulian .develop .contentbox .itemlist .item .more:hover .picbox {
  transform: translateX(10px);
}
.page_wulian .develop .contentbox .itemlist .item .more .picbox {
  width: 20px;
  height: 20px;
  overflow: hidden;
}
.page_wulian .develop .contentbox .itemlist .item .more .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_wulian .develop .contentbox .itemlist .item .more .picbox {
  margin-left: 10px;
}
.page_wulian .inner_banner {
  background: #0D6AFB;
}
.page_wulian .inner_banner .contentbox {
  height: 180px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.page_wulian .inner_banner .contentbox .picbox {
  width: 257px;
  height: 167px;
  overflow: hidden;
}
.page_wulian .inner_banner .contentbox .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_wulian .inner_banner .contentbox .titlebox {
  width: 500px;
  margin: 0 100px 0 60px;
  color: #ffffff;
}
.page_wulian .inner_banner .contentbox .titlebox .atitle {
  font-size: 36px;
  font-weight: bold;
  color: #A1EEC1;
}
.page_wulian .inner_banner .contentbox .titlebox .btitle {
  font-size: 24px;
}
.page_wulian .inner_banner .contentbox .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 50px;
  border-radius: 25px;
  background: linear-gradient(90deg, #FF3318, #FF9000);
  color: #ffffff;
  font-size: 18px;
  transition: all 0.6s;
}
.page_wulian .inner_banner .contentbox .btn:hover {
  box-shadow: 0px 0px 10px #e92d2d;
}
.page_wulian .qa {
  padding: 90px 0;
  background-color: #F9FBFF;
}
.page_wulian .qa .contentbox .titlebox {
  text-align: center;
}
.page_wulian .qa .contentbox .titlebox .atitle {
  max-width: 100%;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #000000;
  font-size: 40px;
  font-weight: bold;
}
.page_wulian .qa .contentbox .titlebox .btitle {
  color: #999999;
  font-size: 16px;
  max-width: 100%;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 5px;
}
.page_wulian .qa .contentbox .itemlist {
  margin: 45px 0 10px 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.page_wulian .qa .contentbox .itemlist .item {
  transition: all 0.5s;
  width: 590px;
  height: 160px;
  background-color: none;
  border-radius: 10px;
  padding: 30px;
  margin: 10px;
  box-sizing: border-box;
}
.page_wulian .qa .contentbox .itemlist .item:hover {
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 5;
}
.page_wulian .qa .contentbox .itemlist .item .q1,
.page_wulian .qa .contentbox .itemlist .item .a1 {
  display: flex;
  align-items: center;
}
.page_wulian .qa .contentbox .itemlist .item .q1 .qleft,
.page_wulian .qa .contentbox .itemlist .item .a1 .qleft,
.page_wulian .qa .contentbox .itemlist .item .q1 .aleft,
.page_wulian .qa .contentbox .itemlist .item .a1 .aleft {
  margin-right: 15px;
  flex: none;
}
.page_wulian .qa .contentbox .itemlist .item .q1 {
  margin-bottom: 15px;
}
.page_wulian .qa .contentbox .itemlist .item .q1 .qleft {
  transition: all 0.5s;
  display: inline-block;
}
.page_wulian .qa .contentbox .itemlist .item .q1:hover .qleft {
  transform: rotateY(360deg);
}
.page_wulian .qa .contentbox .itemlist .item .q1 .qleft {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  background: #000033;
  font-size: 18px;
  font-weight: normal;
  color: #ffffff;
}
.page_wulian .qa .contentbox .itemlist .item .q1 .qright {
  font-size: 18px;
  line-height: 36px;
  padding-left: 20px;
  box-sizing: border-box max-width: 100%; height: 36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;;
}
.page_wulian .qa .contentbox .itemlist .item .a1 .aleft {
  transition: all 0.5s;
  display: inline-block;
}
.page_wulian .qa .contentbox .itemlist .item .a1:hover .aleft {
  transform: rotateY(360deg);
}
.page_wulian .qa .contentbox .itemlist .item .a1 .aleft {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  background: #0D6AFB;
  font-size: 18px;
  font-weight: normal;
  color: #ffffff;
}
.page_wulian .qa .contentbox .itemlist .item .a1 .aright {
  margin-bottom: -20px;
  font-size: 14px;
  font-weight: normal;
  color: #0D6AFB;
  line-height: 24px;
  max-width: 100%;
  height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.page_wulian .anli {
  padding: 80px 0;
}
.page_wulian .anli .contentbox .titlebox {
  text-align: center;
  margin-bottom: 40px;
}
.page_wulian .anli .contentbox .titlebox .atitle {
  max-width: 100%;
  height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #333333;
  font-size: 36px;
  font-weight: bold;
}
.page_wulian .anli .contentbox .titlebox .atitle .p1 {
  display: inline-block;
  position: relative;
}
.page_wulian .anli .contentbox .titlebox .atitle .p1 .s1 {
  position: relative;
  z-index: 5;
}
.page_wulian .anli .contentbox .titlebox .atitle .p1 .underline {
  display: inline-block;
  width: 102%;
  height: 15px;
  position: absolute;
  bottom: 0;
  left: -1%;
  background: transparent;
}
.page_wulian .anli .contentbox .titlebox .btitle {
  color: #999999;
  font-size: 18px;
  max-width: 100%;
  height: 27px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 20px;
}
.page_wulian .anli .contentbox .anli_sw {
  width: 1230px;
  height: 679px;
  margin: 40px auto;
  position: relative;
}
.page_wulian .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 679px;
  position: relative;
  margin: 0 auto;
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/phone.png") no-repeat center;
}
.page_wulian .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .picbox {
  width: 306px;
  height: 634px;
  overflow: hidden;
}
.page_wulian .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all 0.6s;
}
.page_wulian .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .picbox {
  transition: filter 0.8s;
  border-radius: 30px;
}
.page_wulian .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .qrCode {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 192px;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  display: none;
}
.page_wulian .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .qrCode img {
  width: 100%;
}
.page_wulian .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case:hover .picbox {
  filter: brightness(50%);
}
.page_wulian .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case:hover .qrCode {
  display: block;
}
.page_wulian .anli .contentbox .anli_sw .swiper-button-next,
.page_wulian .anli .contentbox .anli_sw .swiper-button-prev {
  width: 24px;
  height: 35px;
  position: absolute;
}
.page_wulian .anli .contentbox .anli_sw .swiper-button-next::after,
.page_wulian .anli .contentbox .anli_sw .swiper-button-prev::after {
  content: '';
}
.page_wulian .anli .contentbox .anli_sw .swiper-button-next {
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/right_arrow.png") no-repeat;
  right: -70px;
}
.page_wulian .anli .contentbox .anli_sw .swiper-button-prev {
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/left_arrow.png") no-repeat;
  left: -70px;
}
.page_wulian .anli .contentbox .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 260px;
  height: 68px;
  border-radius: 34px;
  background: linear-gradient(90deg, #FF3318, #FF9000);
  color: #ffffff;
  font-size: 24px;
  margin: 0 auto;
}
.page_wulian .anli .anli_sw {
  margin-top: 55px;
}
.page_wulian .anli .btn {
  width: 220px;
  height: 50px;
  transition: all 0.6s;
}
.page_wulian .anli .btn:hover {
  box-shadow: 0px 0px 20px #000;
}
.page_about .fazhan {
  width: 100%;
  padding: 60px 0;
  background-color: #f6f6f6;
  overflow: hidden;
}
.page_about .fazhan .contentbox {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.page_about .fazhan .contentbox .titlebox {
  text-align: center;
  color: #1a1a1a;
}
.page_about .fazhan .contentbox .titlebox .atitle {
  line-height: 73px;
  font-size: 30px;
  position: relative;
}
.page_about .fazhan .contentbox .titlebox .atitle:after {
  content: "";
  width: 60px;
  height: 3px;
  background-color: #1a1a1a;
  position: absolute;
  bottom: -3px;
  left: 50%;
  transform: translateX(-50%);
}
.page_about .fazhan .contentbox .titlebox .btitle {
  line-height: 52px;
  font-size: 15px;
}
.page_about .fazhan .contentbox .fz_con {
  display: flex;
  width: 100%;
  height: 480px;
  margin-top: 40px;
}
.page_about .fazhan .contentbox .fz_con .left_con {
  width: 540px;
  height: 100%;
  margin-right: 50px;
  background-color: #ffffff;
}
.page_about .fazhan .contentbox .fz_con .left_con .picbox {
  width: 100%;
  height: 300px;
  overflow: hidden;
}
.page_about .fazhan .contentbox .fz_con .left_con .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all 0.6s;
}
.page_about .fazhan .contentbox .fz_con .left_con .txt {
  padding: 30px;
}
.page_about .fazhan .contentbox .fz_con .left_con .txt .t1 {
  color: #ff3318;
  font-size: 24px;
  max-width: 100%;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-bottom: 10px;
}
.page_about .fazhan .contentbox .fz_con .left_con .txt .t2 {
  font-size: 16px;
  max-width: 100%;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.page_about .fazhan .contentbox .fz_con .right_con {
  flex: 1;
  height: 100%;
  padding-left: 20px;
}
.page_about .fazhan .contentbox .fz_con .right_con .item {
  position: relative;
  border-left: 1px solid #ff3318;
}
.page_about .fazhan .contentbox .fz_con .right_con .item .txt {
  padding: 20px 50px;
}
.page_about .fazhan .contentbox .fz_con .right_con .item .txt .t1 {
  color: #ff3318;
  font-size: 24px;
  max-width: 100%;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-bottom: 10px;
}
.page_about .fazhan .contentbox .fz_con .right_con .item .txt .t2 {
  font-size: 14px;
  max-width: 100%;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.page_about .fazhan .contentbox .fz_con .right_con .item .dot {
  width: 20px;
  height: 20px;
  background-color: #ff3318;
  border-radius: 50%;
  border: 10px solid #ffffff;
  position: absolute;
  left: -20px;
  top: 20px;
}
.page_casebq .yz-al-img-nav {
  width: 1200px;
  margin: 0 auto;
  height: auto;
  overflow: hidden;
}
.page_casebq .yz-al-img-nav ul {
  width: 100%;
  height: 306px;
  margin-bottom: 10px;
}
.page_casebq .yz-al-img-nav ul li {
  float: left;
  margin-bottom: 20px;
}
.page_casebq .yz-al-img-nav ul li a {
  display: block;
  width: 393px;
  height: 306px;
  position: relative;
  margin-left: 7px;
  overflow: hidden;
  z-index: 2;
}
.page_casebq .yz-al-img-nav ul li a .txt {
  position: absolute;
  top: 50px;
  left: 185px;
  color: #ffffff;
  padding-right: 20px;
  background: none !important;
}
.page_casebq .yz-al-img-nav ul li a .txt div {
  background: none !important;
}
.page_casebq .yz-al-img-nav ul li a .txt .t1 {
  font-size: 24px;
  line-height: 36px;
  font-weight: bold;
  max-width: 100%;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 0.02rem;
}
.page_casebq .yz-al-img-nav ul li a .txt .t2 {
  font-size: 14px;
  max-width: 100%;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.page_casebq .yz-al-img-nav ul li a span {
  display: block;
  width: 100%;
  height: 246px;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.page_casebq .yz-al-img-nav ul li a p {
  font-size: 14px;
  color: #4c4c4c;
  line-height: 24px;
  font-family: "微软雅黑";
  padding-top: 8px;
  padding-left: 10px;
}
.page_casebq .yz-al-img-nav ul li a em {
  font-size: 12px;
  color: #666666;
  line-height: 24px;
  font-family: "微软雅黑";
  padding-left: 10px;
}
.page_casebq .yz-al-img-nav ul li a span img {
  width: 100%;
  height: 100%;
}
.page_casebq .yz-al-img-nav ul li a:hover span img {
  transform: scale(1.02);
}
.page_casebq .yz-al-img-nav ul li a:hover p {
  color: #fff;
}
.page_casebq .yz-al-img-nav ul li a:hover em {
  color: #b2b2b2;
}
.page_casebq .yz-al-img-nav ul li a:hover div:last-child {
  display: block;
}
.page_casebq .yz-al-img-nav ul li a div:last-child {
  display: none;
}
.page_casebq .yz-al-img-nav ul li a div:last-child p {
  padding-top: 180px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  line-height: 0;
  transition: all 0.5s;
}
.page_casebq .yz-al-img-nav ul li a:hover div:last-child p {
  animation: myJovo 0.3s;
}
@keyframes myJovo {
  0% {
    padding-top: 230px;
  }
  100% {
    padding-top: 180px;
  }
}
.page_casebq .yz-al-img-nav ul li a:hover div {
  background-color: #171717;
}
.page_casebq .yz-al-img-nav-bot {
  width: 100%;
  height: 60px;
}
.page_casebq #yz-al-img-nav-float {
  width: 393px;
  height: 246px;
  background: rgba(0, 0, 0, 0.2) url("/Jzw/Tpl/Home/Default/webimages/2019/yz-touming-bj.png") no-repeat center top !important;
  position: absolute;
  top: 0;
}
.page_ai .swiper .pagination {
  display: flex;
  justify-content: center;
}
.page_ai .swiper .pagination .swiper-pagination-switch {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  margin: 0 5px;
  background-color: #00AF83;
}
.page_ai .swiper .pagination .swiper-active-switch {
  width: 30px;
}
.page_ai .banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 560px;
  background: url(/Jzw/Tpl/Home/Default/webimages/product_ai/banner_bg.png) no-repeat center center / cover;
}
.page_ai .banner .contentbox {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page_ai .banner .contentbox .left_con {
  position: relative;
}
.page_ai .banner .contentbox .left_con::before,
.page_ai .banner .contentbox .left_con::after {
  content: '';
  position: absolute;
}
.page_ai .banner .contentbox .left_con::before {
  width: 34px;
  height: 64px;
  left: -100px;
  top: -45px;
  background: url(/Jzw/Tpl/Home/Default/webimages/product_ai/dot1.png) no-repeat center center / contain;
}
.page_ai .banner .contentbox .left_con::after {
  width: 134px;
  height: 24px;
  left: 290px;
  bottom: 40px;
  background: url(/Jzw/Tpl/Home/Default/webimages/product_ai/dot2.png) no-repeat center center / contain;
}
.page_ai .banner .contentbox .left_con .titlebox {
  color: #fff;
  margin-bottom: 40px;
}
.page_ai .banner .contentbox .left_con .titlebox .atitle {
  font-size: 48px;
  font-weight: bold;
  line-height: 56px;
  max-width: 100%;
  height: 56px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.page_ai .banner .contentbox .left_con .titlebox .btitle {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 24px;
  line-height: 38px;
  max-width: 100%;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 76px;
}
.page_ai .banner .contentbox .left_con .titlebox .ctitle {
  font-size: 18px;
  line-height: 24px;
}
.page_ai .banner .contentbox .left_con .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 50px;
  border-radius: 25px;
  background: linear-gradient(90deg, #FF3318, #FF9000);
  color: #ffffff;
  font-size: 18px;
  transition: all 0.4s;
}
.page_ai .banner .contentbox .left_con .btn:hover {
  box-shadow: 0 0 20px #FF3318;
}
.page_ai .banner .contentbox .right_con {
  margin-left: 30px;
  flex: none;
}
.page_ai .banner .contentbox .right_con .picbox {
  width: 634px;
  height: 339px;
  overflow: hidden;
}
.page_ai .banner .contentbox .right_con .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_ai .reason {
  padding-top: 100px;
}
.page_ai .reason .titlebox {
  width: 100%;
  text-align: center;
}
.page_ai .reason .titlebox .atitle {
  max-width: 100%;
  height: 42px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 40px;
  color: #000;
  font-weight: bold;
  line-height: 42px;
  margin-bottom: 16px;
}
.page_ai .reason .titlebox .btitle {
  max-width: 100%;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 16px;
  color: #999;
  line-height: 20px;
}
.page_ai .reason .itemlist {
  display: flex;
  margin: 0 -10px;
  padding-top: 60px;
}
.page_ai .reason .itemlist .itembox {
  width: 25%;
  height: 370px;
  padding: 0 10px;
  box-sizing: border-box;
}
.page_ai .reason .itemlist .itembox .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border: 1px solid #C4F6CC;
  padding: 50px 30px;
  box-sizing: border-box;
}
.page_ai .reason .itemlist .itembox .item:hover .picbox {
  animation: bounce 1.5s ease-out;
}
.page_ai .reason .itemlist .itembox .item .picbox {
  width: 100px;
  height: 120px;
  overflow: hidden;
}
.page_ai .reason .itemlist .itembox .item .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_ai .reason .itemlist .itembox .item .picbox {
  flex: none;
  margin-bottom: 20px;
}
.page_ai .reason .itemlist .itembox .item .item-title {
  flex: 1;
}
.page_ai .reason .itemlist .itembox .item .item-title .atitle {
  max-width: 100%;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #000;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 12px;
  text-align: center;
  line-height: 24px;
}
.page_ai .reason .itemlist .itembox .item .item-title .btitle {
  max-width: 100%;
  height: 88px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  font-size: 16px;
  line-height: 22px;
  color: #333;
}
.page_ai .require {
  padding: 100px 0;
  position: relative;
}
.page_ai .require .contentbox {
  position: relative;
  z-index: 9;
}
.page_ai .require .contentbox .titlebox {
  width: 100%;
  text-align: center;
}
.page_ai .require .contentbox .titlebox .atitle {
  max-width: 100%;
  height: 42px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 40px;
  color: #000;
  font-weight: bold;
  line-height: 42px;
  margin-bottom: 16px;
}
.page_ai .require .contentbox .titlebox .btitle {
  max-width: 100%;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 16px;
  color: #999;
  line-height: 20px;
}
.page_ai .require .contentbox .itemlist {
  display: flex;
  justify-content: space-between;
  padding-top: 60px;
}
.page_ai .require .contentbox .itemlist .item .picbox {
  width: 380px;
  height: 560px;
  overflow: hidden;
}
.page_ai .require .contentbox .itemlist .item .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_ai .require .bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 580px;
  background: url(/Jzw/Tpl/Home/Default/webimages/product_ai/require_bg.png) no-repeat center center / cover;
}
.page_ai .efficiency {
  padding: 100px 0;
  position: relative;
}
.page_ai .efficiency .titlebox {
  width: 100%;
  text-align: center;
}
.page_ai .efficiency .titlebox .atitle {
  max-width: 100%;
  height: 42px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 40px;
  color: #000;
  font-weight: bold;
  line-height: 42px;
  margin-bottom: 16px;
}
.page_ai .efficiency .titlebox .btitle {
  max-width: 100%;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 16px;
  color: #999;
  line-height: 20px;
}
.page_ai .efficiency .swbox {
  position: relative;
  padding-top: 50px;
}
.page_ai .efficiency .swbox .swiper {
  min-height: 430px;
}
.page_ai .efficiency .swbox .swiper .swiper-slide .item {
  display: flex;
  align-items: center;
}
.page_ai .efficiency .swbox .swiper .swiper-slide .item img {
  width: 550px;
  margin-right: 100px;
  flex: none;
}
.page_ai .efficiency .swbox .swiper .swiper-slide .item .item-title {
  flex: 1;
}
.page_ai .efficiency .swbox .swiper .swiper-slide .item .item-title .atitle {
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 20px;
  color: #333;
  font-weight: bold;
  position: relative;
}
.page_ai .efficiency .swbox .swiper .swiper-slide .item .item-title .atitle::before {
  content: '';
  position: absolute;
  left: -30px;
  bottom: -8px;
  width: 133px;
  height: 24px;
  background: url("/Jzw/Tpl/Home/Default/webimages/product_ai/efficiency_dot.png") no-repeat center center / contain;
}
.page_ai .efficiency .swbox .swiper .swiper-slide .item .item-title .conbox {
  padding-bottom: 24px;
}
.page_ai .efficiency .swbox .swiper .swiper-slide .item .item-title .conbox p {
  font-size: 16px;
  line-height: 26px;
  color: #999;
  margin-bottom: 10px;
}
.page_ai .efficiency .swbox .swiper .swiper-slide .item .item-title .btn {
  flex-direction: row;
  width: 160px;
  height: 50px;
  border-radius: 25px;
  background: #00AF83;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
}
.page_ai .efficiency .swbox .swiper-button-next,
.page_ai .efficiency .swbox .swiper-button-prev {
  width: 24px;
  height: 35px;
  position: absolute;
}
.page_ai .efficiency .swbox .swiper-button-next::after,
.page_ai .efficiency .swbox .swiper-button-prev::after {
  content: '';
}
.page_ai .efficiency .swbox .swiper-button-next {
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/right_arrow.png") no-repeat;
  right: -70px;
}
.page_ai .efficiency .swbox .swiper-button-prev {
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/left_arrow.png") no-repeat;
  left: -70px;
}
.page_ai .inner-banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 180px;
  background: url(/Jzw/Tpl/Home/Default/webimages/product_ai/inner_bg.png) no-repeat center center / cover;
}
.page_ai .inner-banner .contentbox {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page_ai .inner-banner .contentbox .txt {
  color: #fff;
}
.page_ai .inner-banner .contentbox .txt .t1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 40px;
  margin-bottom: 10px;
}
.page_ai .inner-banner .contentbox .txt .t2 {
  font-size: 20px;
  line-height: 24px;
}
.page_ai .inner-banner .contentbox .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 50px;
  border-radius: 25px;
  background: transparent;
  color: #ffffff;
  border: 1px solid #fff;
  font-size: 18px;
}
.page_ai .product-value {
  padding-top: 70px;
}
.page_ai .product-value .contentbox .titlebox {
  width: 100%;
  text-align: center;
}
.page_ai .product-value .contentbox .titlebox .atitle {
  max-width: 100%;
  height: 42px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 40px;
  color: #000;
  font-weight: bold;
  line-height: 42px;
  margin-bottom: 16px;
}
.page_ai .product-value .contentbox .titlebox .btitle {
  max-width: 100%;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 16px;
  color: #999;
  line-height: 20px;
}
.page_ai .product-value .contentbox .itemlist {
  display: flex;
  justify-content: space-between;
  padding-top: 65px;
}
.page_ai .product-value .contentbox .itemlist .itembox {
  width: 380px;
  height: 211px;
  padding: 40px 30px;
  box-sizing: border-box;
  border-radius: 10px;
  background: url(/Jzw/Tpl/Home/Default/webimages/product_ai/product_value_bg.png) no-repeat center center / cover;
  position: relative;
}
.page_ai .product-value .contentbox .itemlist .itembox .tag {
  width: 86px;
  height: 86px;
  background: url(/Jzw/Tpl/Home/Default/webimages/product_ai/product_value_tag.png) no-repeat center center / cover;
  position: absolute;
  right: -6px;
  top: -6px;
}
.page_ai .product-value .contentbox .itemlist .itembox .item {
  width: 100%;
  height: 100%;
}
.page_ai .product-value .contentbox .itemlist .itembox .item .txt .t1 {
  color: #fff;
  font-size: 24px;
  line-height: 26px;
  font-weight: bold;
  margin-bottom: 20px;
}
.page_ai .product-value .contentbox .itemlist .itembox .item .txt .t2 {
  font-size: 16px;
  line-height: 24px;
  color: #DDDDDD;
}
.page_ai .anli {
  padding: 80px 0;
  padding-top: 100px;
}
.page_ai .anli .contentbox .titlebox {
  text-align: center;
  margin-bottom: 40px;
}
.page_ai .anli .contentbox .titlebox .atitle {
  max-width: 100%;
  height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #333333;
  font-size: 36px;
  font-weight: bold;
}
.page_ai .anli .contentbox .titlebox .atitle .p1 {
  display: inline-block;
  position: relative;
}
.page_ai .anli .contentbox .titlebox .atitle .p1 .s1 {
  position: relative;
  z-index: 5;
}
.page_ai .anli .contentbox .titlebox .atitle .p1 .underline {
  display: inline-block;
  width: 102%;
  height: 15px;
  position: absolute;
  bottom: 0;
  left: -1%;
  background: transparent;
}
.page_ai .anli .contentbox .titlebox .btitle {
  color: #999999;
  font-size: 18px;
  max-width: 100%;
  height: 27px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 20px;
}
.page_ai .anli .contentbox .anli_sw {
  width: 1230px;
  height: 679px;
  margin: 40px auto;
  position: relative;
}
.page_ai .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 679px;
  position: relative;
  margin: 0 auto;
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/phone.png") no-repeat center;
}
.page_ai .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .picbox {
  width: 306px;
  height: 634px;
  overflow: hidden;
}
.page_ai .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all 0.6s;
}
.page_ai .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .picbox {
  transition: filter 0.8s;
  border-radius: 30px;
}
.page_ai .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .qrCode {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 192px;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  display: none;
}
.page_ai .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .qrCode img {
  width: 100%;
}
.page_ai .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case:hover .picbox {
  filter: brightness(50%);
}
.page_ai .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case:hover .qrCode {
  display: block;
}
.page_ai .anli .contentbox .anli_sw .swiper-button-next,
.page_ai .anli .contentbox .anli_sw .swiper-button-prev {
  width: 24px;
  height: 35px;
  position: absolute;
}
.page_ai .anli .contentbox .anli_sw .swiper-button-next::after,
.page_ai .anli .contentbox .anli_sw .swiper-button-prev::after {
  content: '';
}
.page_ai .anli .contentbox .anli_sw .swiper-button-next {
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/right_arrow.png") no-repeat;
  right: -70px;
}
.page_ai .anli .contentbox .anli_sw .swiper-button-prev {
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/left_arrow.png") no-repeat;
  left: -70px;
}
.page_ai .anli .contentbox .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 260px;
  height: 68px;
  border-radius: 34px;
  background: #00AF83;
  color: #ffffff;
  font-size: 24px;
  margin: 0 auto;
}
.page_ai .anli .contentbox .titlebox .atitle {
  color: #000;
  font-size: 40px;
  margin-bottom: 10px;
}
.page_ai .anli .contentbox .titlebox .btitle {
  color: #999999;
  font-size: 16px;
}
.page_ai .anli .anli_sw {
  margin-top: 55px;
}
.page_ai .anli .btn {
  width: 220px;
  height: 50px;
  transition: all 0.6s;
}
.page_ai .anli .btn:hover {
  box-shadow: 0px 0px 20px #00AF83;
}
.page_shuziren .swiper .pagination {
  display: flex;
  justify-content: center;
}
.page_shuziren .swiper .pagination .swiper-pagination-switch {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  margin: 0 5px;
  background-color: #1378FF;
}
.page_shuziren .swiper .pagination .swiper-active-switch {
  width: 30px;
}
.page_shuziren .banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 560px;
  background: url(/Jzw/Tpl/Home/Default/webimages/product_shuziren/banner_bg.png) no-repeat center center / cover;
}
.page_shuziren .banner .contentbox {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page_shuziren .banner .contentbox .left_con .titlebox {
  color: #fff;
  margin-bottom: 40px;
}
.page_shuziren .banner .contentbox .left_con .titlebox .atitle,
.page_shuziren .banner .contentbox .left_con .titlebox .btitle {
  font-size: 48px;
  font-weight: bold;
  line-height: 60px;
  max-width: 100%;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.page_shuziren .banner .contentbox .left_con .titlebox .btitle {
  margin-bottom: 24px;
}
.page_shuziren .banner .contentbox .left_con .titlebox .ctitle {
  font-size: 18px;
  line-height: 24px;
}
.page_shuziren .banner .contentbox .left_con .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 50px;
  border-radius: 25px;
  background: #1378FF;
  color: #ffffff;
  font-size: 18px;
  transition: all 0.4s;
}
.page_shuziren .banner .contentbox .left_con .btn:hover {
  border-radius: 0;
}
.page_shuziren .usefulness {
  padding-top: 100px;
}
.page_shuziren .usefulness .titlebox {
  width: 100%;
  text-align: center;
}
.page_shuziren .usefulness .titlebox .atitle {
  max-width: 100%;
  height: 42px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 40px;
  color: #000;
  font-weight: bold;
  line-height: 42px;
  margin-bottom: 16px;
}
.page_shuziren .usefulness .titlebox .btitle {
  max-width: 100%;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 16px;
  color: #999;
  line-height: 20px;
}
.page_shuziren .usefulness .itemlist {
  display: flex;
  justify-content: space-between;
  padding-top: 60px;
}
.page_shuziren .usefulness .itemlist .itembox {
  width: 285px;
  height: auto;
  background-color: #1378FF;
  border-radius: 10px;
}
.page_shuziren .usefulness .itemlist .itembox:nth-child(1) .item .picbox,
.page_shuziren .usefulness .itemlist .itembox:nth-child(3) .item .picbox {
  width: 77px;
  height: 84px;
  overflow: hidden;
}
.page_shuziren .usefulness .itemlist .itembox:nth-child(1) .item .picbox .pic,
.page_shuziren .usefulness .itemlist .itembox:nth-child(3) .item .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_shuziren .usefulness .itemlist .itembox:nth-child(2) .item .picbox {
  width: 64px;
  height: 84px;
  overflow: hidden;
}
.page_shuziren .usefulness .itemlist .itembox:nth-child(2) .item .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_shuziren .usefulness .itemlist .itembox:nth-child(4) .item .picbox {
  width: 70px;
  height: 84px;
  overflow: hidden;
}
.page_shuziren .usefulness .itemlist .itembox:nth-child(4) .item .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_shuziren .usefulness .itemlist .itembox .item-title {
  padding: 30px 0 0 30px;
}
.page_shuziren .usefulness .itemlist .itembox .item-title .atitle {
  max-width: 100%;
  height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
}
.page_shuziren .usefulness .itemlist .itembox .item-title .picbox {
  width: 139px;
  height: 25px;
  overflow: hidden;
}
.page_shuziren .usefulness .itemlist .itembox .item-title .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_shuziren .usefulness .itemlist .itembox .item-title .picbox {
  margin-left: auto;
}
.page_shuziren .usefulness .itemlist .itembox .item {
  width: 255px;
  height: 296px;
  padding: 30px;
  box-sizing: border-box;
  background: #fff;
  border-top-right-radius: 10px;
}
.page_shuziren .usefulness .itemlist .itembox .item:hover .picbox {
  animation: bounce 1.5s linear;
}
.page_shuziren .usefulness .itemlist .itembox .item .txt {
  max-width: 100%;
  height: 156px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  font-size: 16px;
  line-height: 26px;
  color: #000;
}
.page_shuziren .require {
  padding: 90px 0 100px;
  position: relative;
}
.page_shuziren .require .contentbox {
  position: relative;
  z-index: 9;
}
.page_shuziren .require .contentbox .titlebox {
  width: 100%;
  text-align: center;
}
.page_shuziren .require .contentbox .titlebox .atitle {
  max-width: 100%;
  height: 42px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 40px;
  color: #000;
  font-weight: bold;
  line-height: 42px;
  margin-bottom: 16px;
}
.page_shuziren .require .contentbox .titlebox .btitle {
  max-width: 100%;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 16px;
  color: #999;
  line-height: 20px;
}
.page_shuziren .require .contentbox .itemlist {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 60px;
}
.page_shuziren .require .contentbox .itemlist .item .picbox {
  width: 640px;
  height: 640px;
  overflow: hidden;
}
.page_shuziren .require .contentbox .itemlist .item .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_shuziren .require .contentbox .itemlist .item:hover .picbox .pic {
  transform: scale(1.1);
}
.page_shuziren .require .bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1200px;
  background: #F5F7FF;
}
.page_shuziren .efficiency {
  padding: 100px 0;
  position: relative;
}
.page_shuziren .efficiency .titlebox {
  width: 100%;
  text-align: center;
}
.page_shuziren .efficiency .titlebox .atitle {
  max-width: 100%;
  height: 42px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 40px;
  color: #000;
  font-weight: bold;
  line-height: 42px;
  margin-bottom: 16px;
}
.page_shuziren .efficiency .titlebox .btitle {
  max-width: 100%;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 16px;
  color: #999;
  line-height: 20px;
}
.page_shuziren .efficiency .itemlist {
  display: flex;
  flex-wrap: wrap;
  padding-top: 40px;
  margin: 0 -15px;
}
.page_shuziren .efficiency .itemlist .itembox {
  width: 33.33%;
  height: 240px;
  padding: 0 15px 30px;
  box-sizing: border-box;
}
.page_shuziren .efficiency .itemlist .itembox .item {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 10px;
  padding: 30px;
  box-sizing: border-box;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
  transition: all 0.5s;
}
.page_shuziren .efficiency .itemlist .itembox .item:hover {
  background: linear-gradient(-45deg, #2413FF 0%, #1378FF 100%);
}
.page_shuziren .efficiency .itemlist .itembox .item:hover .item-title,
.page_shuziren .efficiency .itemlist .itembox .item:hover .txt {
  color: #fff;
}
.page_shuziren .efficiency .itemlist .itembox .item .item-title {
  max-width: 100%;
  height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 36px;
  font-weight: bold;
  color: #1378FF;
  line-height: 54px;
  margin-bottom: 16px;
}
.page_shuziren .efficiency .itemlist .itembox .item .txt {
  max-width: 100%;
  height: 104px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  font-size: 16px;
  color: #666;
  line-height: 26px;
}
.page_shuziren .inner-banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 180px;
  background: #1378FF;
}
.page_shuziren .inner-banner .contentbox {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page_shuziren .inner-banner .contentbox .txt {
  color: #fff;
}
.page_shuziren .inner-banner .contentbox .txt .t1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 40px;
  margin-bottom: 10px;
}
.page_shuziren .inner-banner .contentbox .txt .t2 {
  font-size: 20px;
  line-height: 24px;
}
.page_shuziren .inner-banner .contentbox .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 50px;
  border-radius: 25px;
  background: transparent;
  color: #ffffff;
  border: 1px solid #fff;
  font-size: 18px;
}
.page_shuziren .anli {
  padding: 80px 0;
  padding-top: 100px;
}
.page_shuziren .anli .contentbox .titlebox {
  text-align: center;
  margin-bottom: 40px;
}
.page_shuziren .anli .contentbox .titlebox .atitle {
  max-width: 100%;
  height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #333333;
  font-size: 36px;
  font-weight: bold;
}
.page_shuziren .anli .contentbox .titlebox .atitle .p1 {
  display: inline-block;
  position: relative;
}
.page_shuziren .anli .contentbox .titlebox .atitle .p1 .s1 {
  position: relative;
  z-index: 5;
}
.page_shuziren .anli .contentbox .titlebox .atitle .p1 .underline {
  display: inline-block;
  width: 102%;
  height: 15px;
  position: absolute;
  bottom: 0;
  left: -1%;
  background: transparent;
}
.page_shuziren .anli .contentbox .titlebox .btitle {
  color: #999999;
  font-size: 18px;
  max-width: 100%;
  height: 27px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 20px;
}
.page_shuziren .anli .contentbox .anli_sw {
  width: 1230px;
  height: 679px;
  margin: 40px auto;
  position: relative;
}
.page_shuziren .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 679px;
  position: relative;
  margin: 0 auto;
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/phone.png") no-repeat center;
}
.page_shuziren .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .picbox {
  width: 306px;
  height: 634px;
  overflow: hidden;
}
.page_shuziren .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all 0.6s;
}
.page_shuziren .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .picbox {
  transition: filter 0.8s;
  border-radius: 30px;
}
.page_shuziren .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .qrCode {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 192px;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  display: none;
}
.page_shuziren .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .qrCode img {
  width: 100%;
}
.page_shuziren .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case:hover .picbox {
  filter: brightness(50%);
}
.page_shuziren .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case:hover .qrCode {
  display: block;
}
.page_shuziren .anli .contentbox .anli_sw .swiper-button-next,
.page_shuziren .anli .contentbox .anli_sw .swiper-button-prev {
  width: 24px;
  height: 35px;
  position: absolute;
}
.page_shuziren .anli .contentbox .anli_sw .swiper-button-next::after,
.page_shuziren .anli .contentbox .anli_sw .swiper-button-prev::after {
  content: '';
}
.page_shuziren .anli .contentbox .anli_sw .swiper-button-next {
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/right_arrow.png") no-repeat;
  right: -70px;
}
.page_shuziren .anli .contentbox .anli_sw .swiper-button-prev {
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/left_arrow.png") no-repeat;
  left: -70px;
}
.page_shuziren .anli .contentbox .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 260px;
  height: 68px;
  border-radius: 34px;
  background: #1378FF;
  color: #ffffff;
  font-size: 24px;
  margin: 0 auto;
}
.page_shuziren .anli .contentbox .titlebox .atitle {
  color: #000;
  font-size: 40px;
  margin-bottom: 10px;
}
.page_shuziren .anli .contentbox .titlebox .btitle {
  color: #999999;
  font-size: 16px;
}
.page_shuziren .anli .anli_sw {
  margin-top: 55px;
}
.page_shuziren .anli .btn {
  width: 220px;
  height: 50px;
  transition: all 0.6s;
}
.page_shuziren .anli .btn:hover {
  box-shadow: 0px 0px 20px #1378FF;
}
/* -----------------------2022新增样式结束-------------------------- */
.page_caseinfo_new .pagetop {
  padding-bottom: 60px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.page_caseinfo_new .pagetop .toppic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.page_caseinfo_new .pagetop .toppic img {
  width: 100%;
  height: 100%;
}
.page_caseinfo_new .pagetop .text5 {
  width: 75.4%;
  margin: 0 auto;
  padding-top: 230px;
}
.page_caseinfo_new .pagetop .text5 .text2 {
  max-width: 100%;
  height: 74px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 56px;
  text-align: center;
  font-family: Arial;
  color: #fff;
  z-index: 23;
  position: relative;
  line-height: 74px;
}
.page_caseinfo_new .pagetop .text5 .text3 {
  max-width: 100%;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 18px;
  text-align: center;
  font-family: Arial;
  margin-top: 10px;
  color: #fff;
  z-index: 23;
  position: relative;
  line-height: 40px;
}
.page_caseinfo_new .pagetop .text5 .computer {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin-top: 4%;
}
.page_caseinfo_new .pagetop .text5 .computer img {
  width: 100%;
}
.page_caseinfo_new .pagetop .text5 .computer .png2 {
  width: 77.7%;
  height: 84.8%;
  position: absolute;
  top: 6%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  overflow: hidden;
}
.page_caseinfo_new .pagetop .text5 .computer .png2 .picbox {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page_caseinfo_new .pagetop .text5 .computer .png2 .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all 0.6s;
}
.page_caseinfo_new .pagetop .text5 .computer .png2 .picbox .pic {
  background-position: top;
}
.page_caseinfo_new .pagetop2 {
  padding-bottom: 0px;
}
.page_caseinfo_new .pagetop2 .toppic {
  height: 100%;
}
.page_caseinfo_new .pagetop2 .phonebox {
  width: 75.4%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 230px 0px 60px 0px;
  display: flex;
  height: 100%;
  align-items: center;
}
.page_caseinfo_new .pagetop2 .phonebox .phoneleft {
  color: #ffffff;
  width: 44%;
  padding-right: 30%;
  margin-top: -10%;
  z-index: 3;
}
.page_caseinfo_new .pagetop2 .phonebox .phoneleft .lefttitlea {
  max-width: 100%;
  height: 74px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 56px;
}
.page_caseinfo_new .pagetop2 .phonebox .phoneleft .lefttitleb {
  max-width: 100%;
  height: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 16px;
  line-height: 40px;
  margin-top: 20px;
}
.page_caseinfo_new .pagetop2 .phonebox .phoneright {
  width: 26%;
}
.page_caseinfo_new .pagetop2 .phonebox .phoneright .phonemodle {
  width: 100%;
  position: relative;
}
.page_caseinfo_new .pagetop2 .phonebox .phoneright .phonemodle img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 20;
}
.page_caseinfo_new .pagetop2 .phonebox .phoneright .phonemodle .phonepage {
  position: absolute;
  top: 6.5%;
  left: 15%;
  width: 69.8%;
  height: 88%;
  overflow: hidden;
}
.page_caseinfo_new .pagetop2 .phonebox .phoneright .phonemodle .phonepage .picbox {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page_caseinfo_new .pagetop2 .phonebox .phoneright .phonemodle .phonepage .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all 0.6s;
}
.page_caseinfo_new .pagetop2 .phonebox .phoneright .phonemodle .phonepage .picbox .pic {
  background-position: top;
}
.page_caseinfo_new .content {
  padding: 80px 0;
  width: 100%;
  position: relative;
  z-index: 2;
}
.page_caseinfo_new .content .jiao {
  width: 100%;
  transition: all 0.6s ease;
  position: fixed;
  left: 50%;
  bottom: 60%;
  z-index: 99;
  transform: translateX(-50%);
}
.page_caseinfo_new .content .jiao.active {
  bottom: 10%;
}
.page_caseinfo_new .content .jiao.active .jiao2 {
  width: 96%;
}
.page_caseinfo_new .content .jiao .jiao2 {
  width: 86%;
  position: relative;
  margin: auto;
  transition: all 0.6s;
}
.page_caseinfo_new .content .jiao .jiao2 .jiao3 {
  position: relative;
  display: inline-block;
}
.page_caseinfo_new .content .jiao .jiao2 .jiao3 .quan {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.6s;
  box-sizing: border-box;
}
.page_caseinfo_new .content .jiao .jiao2 .jiao3 .quan .xiaoyu {
  position: absolute;
  top: 50%;
  transform: translateY(-8px);
  left: 16px;
}
.page_caseinfo_new .content .jiao .jiao2 .jiao3 .quan .xiaoyu .picbox {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page_caseinfo_new .content .jiao .jiao2 .jiao3 .quan .xiaoyu .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_caseinfo_new .content .jiao .jiao2 .jiao3 .quan .xiaoyu .picbox .pic {
  width: 16px;
  height: 16px;
}
.page_caseinfo_new .content .jiao .jiao2 .jiao3 .quan .wenzi {
  max-width: 100%;
  height: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #fff;
  font-family: Arial;
  font-size: 14px;
  letter-spacing: 0px;
  transition: all 0.6s;
  transform: rotateY(270deg);
  opacity: 0;
}
.page_caseinfo_new .content .jiao .jiao2 .jiao3 .quan:hover {
  width: 90px;
  background-color: #ff4229;
  padding-left: 20px;
}
.page_caseinfo_new .content .jiao .jiao2 .jiao3 .quan:hover .wenzi {
  opacity: 1;
  transform: rotateY(360deg);
}
.page_caseinfo_new .content .jiao .jiao2 .jiao4 {
  position: relative;
  float: right;
}
.page_caseinfo_new .content .jiao .jiao2 .jiao4 .quan {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.6s;
  box-sizing: border-box;
}
.page_caseinfo_new .content .jiao .jiao2 .jiao4 .quan .dayu {
  position: absolute;
  top: 50%;
  transform: translateY(-8px);
  right: 16px;
}
.page_caseinfo_new .content .jiao .jiao2 .jiao4 .quan .dayu .picbox {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page_caseinfo_new .content .jiao .jiao2 .jiao4 .quan .dayu .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_caseinfo_new .content .jiao .jiao2 .jiao4 .quan .dayu .picbox .pic {
  width: 16px;
  height: 16px;
}
.page_caseinfo_new .content .jiao .jiao2 .jiao4 .quan .wenzi {
  max-width: 100%;
  height: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #fff;
  font-family: Arial;
  font-size: 14px;
  letter-spacing: 0px;
  transition: all 0.6s;
  transform: rotateY(270deg);
  opacity: 0;
}
.page_caseinfo_new .content .jiao .jiao2 .jiao4 .quan:hover {
  width: 90px;
  background-color: #ff4229;
  padding-right: 20px;
}
.page_caseinfo_new .content .jiao .jiao2 .jiao4 .quan:hover .wenzi {
  opacity: 1;
  transform: rotateY(360deg);
}
.page_caseinfo_new .content .content1 {
  width: 75%;
  max-width: 1200px;
  margin: 0 auto;
}
.page_caseinfo_new .content .content1 .content2 {
  clear: both;
}
.page_caseinfo_new .content .content1 .content2 .conleft {
  width: 70%;
  position: relative;
  float: left;
}
.page_caseinfo_new .content .content1 .content2 .conleft .info {
  width: 100%;
}
.page_caseinfo_new .content .content1 .content2 .conleft .info .wo {
  width: 45%;
  display: inline-block;
  margin-right: 10%;
  vertical-align: top;
}
.page_caseinfo_new .content .content1 .content2 .conleft .info .wo > dt {
  max-width: 100%;
  height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 24px;
  font-family: Arial;
  color: #333;
  font-weight: bolder;
}
.page_caseinfo_new .content .content1 .content2 .conleft .info .wo > dd {
  max-width: 100%;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  padding: 10px 0;
  width: 100%;
  border-bottom: 1px solid #eee;
  line-height: 20px;
  min-height: 20px;
  font-size: 14px;
  color: #333;
}
.page_caseinfo_new .content .content1 .content2 .conleft .info .wo > dd > a {
  text-decoration: none;
  font-size: 14px;
  font-family: Arial;
}
.page_caseinfo_new .content .content1 .content2 .conleft .info .wo > dd > a:visited {
  color: #333;
}
.page_caseinfo_new .content .content1 .content2 .conleft .info .wo > dd > a:hover {
  color: #ff4229;
}
.page_caseinfo_new .content .content1 .content2 .conleft .info .wow2 {
  margin-right: 0px;
  width: 45%;
  vertical-align: top;
  float: right;
}
.page_caseinfo_new .content .content1 .content2 .conleft .info .wow2 > dt {
  max-width: 100%;
  height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 24px;
  font-family: Arial;
  color: #333;
  font-weight: bolder;
}
.page_caseinfo_new .content .content1 .content2 .conleft .info .wow2 > dd {
  max-width: 100%;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  padding: 10px 0;
  width: 100%;
  border-bottom: 1px solid #eee;
  line-height: 20px;
  min-height: 20px;
  font-size: 14px;
  color: #333;
}
.page_caseinfo_new .content .content1 .content2 .conleft .info .wow2 > dd > a {
  text-decoration: none;
  font-size: 14px;
  font-family: Arial;
}
.page_caseinfo_new .content .content1 .content2 .conleft .info .wow2 > dd > a:visited {
  color: #333;
}
.page_caseinfo_new .content .content1 .content2 .conleft .info .wow2 > dd > a:hover {
  color: #ff4229;
}
.page_caseinfo_new .content .content1 .content2 .conleft .info h1 {
  max-width: 100%;
  height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 36px;
  color: #000;
  margin: 15px 0 10px 0;
}
.page_caseinfo_new .content .content1 .content2 .conleft .article {
  width: 100%;
  font-size: 14px;
  line-height: 28px;
  color: #666666;
}
.page_caseinfo_new .content .content1 .content2 .conleft .article p {
  max-width: 100%;
  height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.page_caseinfo_new .content .content1 .content2 .conright {
  float: right;
  width: 15%;
}
.page_caseinfo_new .content .content1 .content2 .conright .left-into {
  border-radius: 5px;
  background-color: #fff;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #eee;
}
.page_caseinfo_new .content .content1 .content2 .conright .left-into img {
  width: 100%;
  height: 100%;
}
.page_caseinfo_new .content .content1 .content2 .conright > p {
  max-width: 100%;
  height: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 10px;
  font-size: 14px;
  color: #333;
  text-align: center;
}
.page_caseinfo_new .content .content1 .q {
  clear: both;
}
.page_caseinfo_new .content .content1 .imgb {
  margin-top: 80px;
  width: 100%;
  text-align: center;
}
.page_caseinfo_new .content .content1 .imgb img {
  width: 100%;
}
.page_caseinfo_new .bottom {
  width: 100%;
  padding: 100px;
  clear: both;
  box-sizing: border-box;
  background-color: #f1f1f1;
}
.page_caseinfo_new .bottom .er {
  width: 200px;
  height: 200px;
  margin: auto;
}
.page_caseinfo_new .bottom .er img {
  width: 200px;
  height: 200px;
}
.page_caseinfo_new .bottom .zi {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #999;
}
.page_caseinfo_new .bottom .zi p {
  max-width: 100%;
  height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
/* 企业应用 */
.page_qiye .banner {
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_qiyeyingyong/yingyong_banner.png) repeat-x center center;
}
.page_qiye .banner .contentbox {
  height: 560px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page_qiye .banner .contentbox .left_con {
  margin-left: 60px;
}
.page_qiye .banner .contentbox .left_con .titlebox {
  color: #ffffff;
  margin-bottom: 40px;
}
.page_qiye .banner .contentbox .left_con .titlebox .atitle {
  font-size: 48px;
  font-weight: bold;
  line-height: 50px;
  max-width: 100%;
  height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-bottom: 30px;
}
.page_qiye .banner .contentbox .left_con .titlebox .btitle {
  font-size: 18px;
  line-height: 20px;
  max-width: 100%;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-bottom: 30px;
}
.page_qiye .banner .contentbox .left_con .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 50px;
  border-radius: 25px;
  background: #FF4229;
  color: #ffffff;
  font-size: 18px;
  transition: all 0.6s;
}
.page_qiye .banner .contentbox .left_con .btn:hover {
  box-shadow: 0px 0px 15px #ff3500;
}
.page_qiye .face {
  padding-top: 100px;
  padding-bottom: 82px;
  background-color: #ffffff;
}
.page_qiye .face .contentbox .titlebox {
  text-align: center;
}
.page_qiye .face .contentbox .titlebox .atitle {
  max-width: 100%;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #000000;
  font-size: 40px;
  font-weight: bold;
}
.page_qiye .face .contentbox .titlebox .btitle {
  color: #999999;
  font-size: 16px;
  max-width: 100%;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 5px;
}
.page_qiye .face .contentbox .itemlist {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.page_qiye .face .contentbox .itemlist .item {
  width: 388px;
  height: 142px;
  border: 1px solid #0363DE;
  border-radius: 20px;
  padding: 30px 37px 30px 30px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  margin-right: 17px;
  margin-bottom: 18px;
}
.page_qiye .face .contentbox .itemlist .item:nth-child(3n) {
  margin-right: 0px;
}
.page_qiye .face .contentbox .itemlist .item:hover .pic {
  transform: rotateY(180deg);
}
.page_qiye .face .contentbox .itemlist .item .itemicon {
  flex: none;
}
.page_qiye .face .contentbox .itemlist .item .itemtitle {
  flex: 1;
}
.page_qiye .face .contentbox .itemlist .item .itemtitle .atitle {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
  max-width: 100%;
  height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 25px;
}
.page_qiye .face .contentbox .itemlist .item .itemtitle .btitle {
  font-size: 16px;
  max-width: 100%;
  height: 42px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 22px;
}
.page_qiye .face .contentbox .itemlist .item .picbox {
  width: 60px;
  height: 60px;
  overflow: hidden;
}
.page_qiye .face .contentbox .itemlist .item .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_qiye .face .contentbox .itemlist .item .picbox {
  margin-bottom: 21px;
  margin-right: 20px;
}
.page_qiye .face .contentbox .itemlist .item .picbox .pic {
  background-position: left center;
}
.page_qiye .fangan {
  padding: 100px 0;
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_qiyeyingyong/yingyong_back.png) no-repeat center center / cover;
}
.page_qiye .fangan .contentbox .titlebox {
  text-align: center;
}
.page_qiye .fangan .contentbox .titlebox .atitle {
  max-width: 100%;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #ffffff;
  font-size: 40px;
  font-weight: bold;
}
.page_qiye .fangan .contentbox .titlebox .btitle {
  color: #ffffff;
  font-size: 16px;
  max-width: 100%;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 5px;
}
.page_qiye .fangan .contentbox .itemlist {
  margin: 40px 0 40px 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page_qiye .fangan .contentbox .itemlist .item {
  margin: 0 6px;
  width: 291px;
  height: 296px;
  background: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
  padding: 36px 30px 0px 30px;
}
.page_qiye .fangan .contentbox .itemlist .item .picbox {
  width: 44px;
  height: 44px;
  overflow: hidden;
}
.page_qiye .fangan .contentbox .itemlist .item .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all 0.6s;
}
.page_qiye .fangan .contentbox .itemlist .item .picbox {
  margin-bottom: 20px;
}
.page_qiye .fangan .contentbox .itemlist .item .itemtitle .atitle {
  font-size: 24px;
  line-height: 25px;
  color: #000;
  max-width: 100%;
  height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-bottom: 10px;
  font-weight: bold;
}
.page_qiye .fangan .contentbox .itemlist .item .itemtitle .btitle {
  font-size: 15px;
  line-height: 24px;
  color: #666;
  max-width: 100%;
  height: 125px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.page_qiye .fangan .contentbox .itemlist .item:hover {
  animation: bounce 1s;
}
.page_qiye .fangan .contentbox .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 50px;
  border-radius: 25px;
  background: #FF4229;
  color: #ffffff;
  font-size: 18px;
  margin: 0 auto;
  transition: all 0.6s;
}
.page_qiye .fangan .contentbox .btn:hover {
  box-shadow: 0px 0px 15px #ff3500;
}
.page_qiye .develop {
  padding: 70px 0;
  background-color: #ffffff;
}
.page_qiye .develop .contentbox .titlebox {
  text-align: center;
}
.page_qiye .develop .contentbox .titlebox .atitle {
  max-width: 100%;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #000000;
  font-size: 40px;
  font-weight: bold;
}
.page_qiye .develop .contentbox .titlebox .btitle {
  color: #999999;
  font-size: 16px;
  max-width: 100%;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 5px;
}
.page_qiye .develop .contentbox .itemlist {
  width: 1070px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  margin-top: 70px;
}
.page_qiye .develop .contentbox .itemlist .item {
  width: 130px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-right: 105px;
}
.page_qiye .develop .contentbox .itemlist .item .picbox {
  width: 110px;
  height: 110px;
  overflow: hidden;
}
.page_qiye .develop .contentbox .itemlist .item .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all 0.6s;
}
.page_qiye .develop .contentbox .itemlist .item .picbox {
  transition: all 0.5s;
}
.page_qiye .develop .contentbox .itemlist .item:nth-child(5n) {
  margin-right: 0px;
}
.page_qiye .develop .contentbox .itemlist .item .picbox {
  margin-bottom: 20px;
}
.page_qiye .develop .contentbox .itemlist .item .itemtitle .atitle {
  font-size: 20px;
  font-weight: 400;
  color: #333;
  max-width: 100%;
  height: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 21px;
  margin-bottom: 40px;
  transition: all 0.6s;
}
.page_qiye .develop .contentbox .itemlist .item:hover .picbox {
  transform: scale(1.1);
}
.page_qiye .inner_banner {
  background: #F3F9FF;
}
.page_qiye .inner_banner .contentbox {
  height: 180px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.page_qiye .inner_banner .contentbox .picbox {
  margin-left: 60px;
}
.page_qiye .inner_banner .contentbox .picbox {
  width: 289px;
  height: 195px;
  overflow: hidden;
}
.page_qiye .inner_banner .contentbox .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_qiye .inner_banner .contentbox .titlebox {
  width: 526px;
  margin: 0 100px 0 60px;
  color: #333;
}
.page_qiye .inner_banner .contentbox .titlebox .atitle {
  font-size: 36px;
  font-weight: bold;
  color: #333;
}
.page_qiye .inner_banner .contentbox .titlebox .btitle {
  font-size: 16px;
  letter-spacing: 0.4px;
}
.page_qiye .inner_banner .contentbox .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 50px;
  border-radius: 25px;
  background: #FF4229;
  color: #ffffff;
  font-size: 18px;
  transition: all 0.6s;
}
.page_qiye .inner_banner .contentbox .btn:hover {
  box-shadow: 0px 0px 15px #ff3500;
}
.page_qiye .anli {
  padding: 80px 0;
  padding: 100px 0;
}
.page_qiye .anli .contentbox .titlebox {
  text-align: center;
  margin-bottom: 40px;
}
.page_qiye .anli .contentbox .titlebox .atitle {
  max-width: 100%;
  height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #333333;
  font-size: 36px;
  font-weight: bold;
}
.page_qiye .anli .contentbox .titlebox .atitle .p1 {
  display: inline-block;
  position: relative;
}
.page_qiye .anli .contentbox .titlebox .atitle .p1 .s1 {
  position: relative;
  z-index: 5;
}
.page_qiye .anli .contentbox .titlebox .atitle .p1 .underline {
  display: inline-block;
  width: 102%;
  height: 15px;
  position: absolute;
  bottom: 0;
  left: -1%;
  background: transparent;
}
.page_qiye .anli .contentbox .titlebox .btitle {
  color: #999999;
  font-size: 18px;
  max-width: 100%;
  height: 27px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 20px;
}
.page_qiye .anli .contentbox .anli_sw {
  width: 1230px;
  height: 679px;
  margin: 40px auto;
  position: relative;
}
.page_qiye .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 679px;
  position: relative;
  margin: 0 auto;
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/phone.png") no-repeat center;
}
.page_qiye .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .picbox {
  width: 306px;
  height: 634px;
  overflow: hidden;
}
.page_qiye .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all 0.6s;
}
.page_qiye .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .picbox {
  transition: filter 0.8s;
  border-radius: 30px;
}
.page_qiye .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .qrCode {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 192px;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  display: none;
}
.page_qiye .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .qrCode img {
  width: 100%;
}
.page_qiye .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case:hover .picbox {
  filter: brightness(50%);
}
.page_qiye .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case:hover .qrCode {
  display: block;
}
.page_qiye .anli .contentbox .anli_sw .swiper-button-next,
.page_qiye .anli .contentbox .anli_sw .swiper-button-prev {
  width: 24px;
  height: 35px;
  position: absolute;
}
.page_qiye .anli .contentbox .anli_sw .swiper-button-next::after,
.page_qiye .anli .contentbox .anli_sw .swiper-button-prev::after {
  content: '';
}
.page_qiye .anli .contentbox .anli_sw .swiper-button-next {
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/right_arrow.png") no-repeat;
  right: -70px;
}
.page_qiye .anli .contentbox .anli_sw .swiper-button-prev {
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/left_arrow.png") no-repeat;
  left: -70px;
}
.page_qiye .anli .contentbox .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 260px;
  height: 68px;
  border-radius: 34px;
  background: linear-gradient(90deg, #FF3318, #FF9000);
  color: #ffffff;
  font-size: 24px;
  margin: 0 auto;
}
.page_qiye .anli .anli_sw {
  margin-top: 55px;
}
.page_qiye .anli .contentbox .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 50px;
  border-radius: 25px;
  background: #FF4229;
  color: #ffffff;
  font-size: 18px;
  transition: all 0.6s;
}
.page_qiye .anli .contentbox .btn:hover {
  box-shadow: 0px 0px 15px #ff3500;
}
/* 品牌营销网站 */
.page_qiyewangzhan {
  background: #fff;
}
.page_qiyewangzhan .banner {
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_qiyewangzhan/data/top_back.png) no-repeat center center / cover;
  padding: 100px 0px 130px;
}
.page_qiyewangzhan .banner .picbox {
  width: 524px;
  height: 254px;
  overflow: hidden;
}
.page_qiyewangzhan .banner .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_qiyewangzhan .banner .contentbox {
  display: flex;
  justify-content: space-between;
}
.page_qiyewangzhan .banner .contentbox .left_con .picbox {
  width: 524px;
  height: 254px;
  overflow: hidden;
}
.page_qiyewangzhan .banner .contentbox .left_con .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_qiyewangzhan .banner .contentbox .left_con .picbox {
  position: absolute;
  top: 50px;
  left: -100px;
}
.page_qiyewangzhan .banner .contentbox .left_con .lefttitle {
  padding-top: 35px;
}
.page_qiyewangzhan .banner .contentbox .left_con .lefttitle .atitle {
  max-width: 100%;
  height: 169px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: 48px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 30px;
  line-height: 58px;
}
.page_qiyewangzhan .banner .contentbox .left_con .lefttitle .btitle {
  max-width: 100%;
  height: 19px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 18px;
  color: #fff;
  line-height: 19px;
  margin-bottom: 26px;
}
.page_qiyewangzhan .banner .contentbox .left_con .lefttitle .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 50px;
  border-radius: 25px;
  background: #FF4229;
  color: #ffffff;
  font-size: 18px;
  transition: all 0.6s;
}
.page_qiyewangzhan .banner .contentbox .left_con .lefttitle .btn:hover {
  box-shadow: 0px 0px 15px #ff3500;
}
.page_qiyewangzhan .banner .contentbox .right_con {
  position: relative;
}
.page_qiyewangzhan .banner .contentbox .right_con .pc {
  position: relative;
  z-index: 2;
}
.page_qiyewangzhan .banner .contentbox .right_con .pc img {
  width: 701px;
  height: 330px;
}
.page_qiyewangzhan .banner .contentbox .right_con .pc .picbox {
  width: 544px;
  height: 281px;
  overflow: hidden;
}
.page_qiyewangzhan .banner .contentbox .right_con .pc .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all 0.6s;
}
.page_qiyewangzhan .banner .contentbox .right_con .pc .picbox {
  position: absolute;
  top: 20px;
  left: 79px;
}
.page_qiyewangzhan .banner .contentbox .right_con .phone {
  position: absolute;
  top: 82px;
  left: 528px;
  z-index: 4;
}
.page_qiyewangzhan .banner .contentbox .right_con .phone img {
  width: 140px;
  height: 280px;
  position: relative;
  z-index: 5;
}
.page_qiyewangzhan .banner .contentbox .right_con .phone .picbox {
  width: 126px;
  height: 268px;
  overflow: hidden;
}
.page_qiyewangzhan .banner .contentbox .right_con .phone .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all 0.6s;
}
.page_qiyewangzhan .banner .contentbox .right_con .phone .picbox {
  position: absolute;
  top: 6px;
  left: 7px;
  z-index: 3;
}
.page_qiyewangzhan .problem {
  padding: 100px 0 100px;
  background: #fff;
}
.page_qiyewangzhan .problem .contentbox {
  display: flex;
  justify-content: center;
}
.page_qiyewangzhan .problem .contentbox .left_con {
  margin-right: 100px;
}
.page_qiyewangzhan .problem .contentbox .left_con .picbox {
  width: 306px;
  height: 280px;
  overflow: hidden;
}
.page_qiyewangzhan .problem .contentbox .left_con .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all 0.6s;
}
.page_qiyewangzhan .problem .contentbox .right_con {
  margin-top: 19px;
}
.page_qiyewangzhan .problem .contentbox .right_con .righttitle {
  margin-bottom: 26px;
}
.page_qiyewangzhan .problem .contentbox .right_con .righttitle .atitle {
  max-width: 100%;
  height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 24px;
  font-weight: bold;
  color: #000;
  line-height: 44px;
}
.page_qiyewangzhan .problem .contentbox .right_con .righttitle .btitle {
  max-width: 100%;
  height: 88px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 40px;
  font-weight: bold;
  color: #000;
  line-height: 44px;
}
.page_qiyewangzhan .problem .contentbox .right_con .righttitle .btitle span {
  color: #FF4229;
  display: block;
}
.page_qiyewangzhan .problem .contentbox .right_con .righttitle .ctitle {
  max-width: 100%;
  height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 16px;
  line-height: 44px;
  color: #999;
}
.page_qiyewangzhan .problem .contentbox .right_con .txt {
  width: 420px;
  height: 50px;
  border-radius: 25px;
  background: linear-gradient(90deg, #FFF1EF, #fff);
  padding: 17px 0 0 30px;
  font-size: 18px;
  color: #FF4229;
}
.page_qiyewangzhan .plan {
  padding: 100px 0 100px;
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_qiyewangzhan/data/plan_back.png) repeat-x center center / cover;
}
.page_qiyewangzhan .plan .contentbox .titlebox {
  text-align: center;
}
.page_qiyewangzhan .plan .contentbox .titlebox .atitle {
  max-width: 100%;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #000000;
  font-size: 40px;
  font-weight: bold;
}
.page_qiyewangzhan .plan .contentbox .titlebox .btitle {
  color: #999999;
  font-size: 16px;
  max-width: 100%;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 5px;
}
.page_qiyewangzhan .plan .contentbox .itemlist {
  display: flex;
  margin-top: 80px;
  justify-content: space-between;
}
.page_qiyewangzhan .plan .contentbox .itemlist .item {
  width: 291px;
  height: 256px;
  background: #FFFFFF;
  border-radius: 10px;
  padding: 100px 30px 30px;
  box-sizing: border-box;
  position: relative;
}
.page_qiyewangzhan .plan .contentbox .itemlist .item:hover .picbox {
  transform: rotateY(180deg);
}
.page_qiyewangzhan .plan .contentbox .itemlist .item .picbox {
  width: 120px;
  height: 120px;
  overflow: hidden;
}
.page_qiyewangzhan .plan .contentbox .itemlist .item .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_qiyewangzhan .plan .contentbox .itemlist .item .picbox {
  position: absolute;
  top: -40px;
  left: 50%;
  margin-left: -60px;
  transition: all 0.6s;
}
.page_qiyewangzhan .plan .contentbox .itemlist .item .itemtitle {
  text-align: center;
}
.page_qiyewangzhan .plan .contentbox .itemlist .item .itemtitle .atitle {
  font-size: 24px;
  font-weight: bold;
  color: #000;
  max-width: 100%;
  height: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 38px;
}
.page_qiyewangzhan .plan .contentbox .itemlist .item .itemtitle .btitle {
  font-size: 16px;
  font-weight: normal;
  color: #666;
  max-width: 100%;
  height: 88px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  text-align: left;
  line-height: 22px;
  letter-spacing: 0px;
}
.page_qiyewangzhan .benefit {
  padding: 100px 0 100px;
  background: #fff;
}
.page_qiyewangzhan .benefit .contentbox .titlebox {
  text-align: center;
}
.page_qiyewangzhan .benefit .contentbox .titlebox .atitle {
  max-width: 100%;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #000000;
  font-size: 40px;
  font-weight: bold;
}
.page_qiyewangzhan .benefit .contentbox .titlebox .btitle {
  color: #999999;
  font-size: 16px;
  max-width: 100%;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 5px;
}
.page_qiyewangzhan .benefit .contentbox .itemlist {
  margin-top: 60px;
  margin-bottom: 68px;
  position: relative;
}
.page_qiyewangzhan .benefit .contentbox .itemlist .item1 {
  display: flex;
  justify-content: center;
  margin-bottom: 120px;
}
.page_qiyewangzhan .benefit .contentbox .itemlist .item1 .itemtitle {
  margin-top: 97px;
  margin-right: 98px;
}
.page_qiyewangzhan .benefit .contentbox .itemlist .item1 .itemtitle .atitle {
  font-size: 24px;
  font-weight: bold;
  color: #000;
  max-width: 100%;
  height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 34px;
}
.page_qiyewangzhan .benefit .contentbox .itemlist .item1 .itemtitle .btitle {
  font-size: 20px;
  font-weight: normal;
  color: #000;
  max-width: 100%;
  height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 34px;
  margin-bottom: 10px;
}
.page_qiyewangzhan .benefit .contentbox .itemlist .item1 .itemtitle .ctitle {
  font-size: 16px;
  font-weight: normal;
  color: #666;
  max-width: 100%;
  height: 102px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 26px;
}
.page_qiyewangzhan .benefit .contentbox .itemlist .item1 .picbox {
  width: 309px;
  height: 300px;
  overflow: hidden;
}
.page_qiyewangzhan .benefit .contentbox .itemlist .item1 .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all 0.6s;
}
.page_qiyewangzhan .benefit .contentbox .itemlist .effect {
  width: 100%;
  height: 176px;
  z-index: 48;
  position: absolute;
  top: 359px;
  left: 0;
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_qiyewangzhan/data/benefit_effect.png) no-repeat center top / contain;
}
.page_qiyewangzhan .benefit .contentbox .itemlist .item2 {
  position: relative;
  z-index: 50;
  display: flex;
  justify-content: center;
}
.page_qiyewangzhan .benefit .contentbox .itemlist .item2 .picbox {
  width: 353px;
  height: 301px;
  overflow: hidden;
}
.page_qiyewangzhan .benefit .contentbox .itemlist .item2 .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all 0.6s;
}
.page_qiyewangzhan .benefit .contentbox .itemlist .item2 .picbox {
  margin-right: 104px;
}
.page_qiyewangzhan .benefit .contentbox .itemlist .item2 .itemtitle {
  margin-top: 96px;
}
.page_qiyewangzhan .benefit .contentbox .itemlist .item2 .itemtitle .atitle {
  font-size: 24px;
  font-weight: bold;
  color: #000;
  max-width: 100%;
  height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 34px;
}
.page_qiyewangzhan .benefit .contentbox .itemlist .item2 .itemtitle .btitle {
  font-size: 20px;
  font-weight: normal;
  color: #000;
  max-width: 100%;
  height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 34px;
  margin-bottom: 10px;
}
.page_qiyewangzhan .benefit .contentbox .itemlist .item2 .itemtitle .ctitle {
  font-size: 16px;
  font-weight: normal;
  color: #666;
  max-width: 100%;
  height: 102px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 26px;
}
.page_qiyewangzhan .benefit .contentbox .txt {
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  color: #999;
  margin-bottom: 20px;
}
.page_qiyewangzhan .benefit .contentbox .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 50px;
  border-radius: 25px;
  background: #FF4229;
  color: #ffffff;
  font-size: 18px;
  margin: 0 auto;
  transition: all 0.6s;
}
.page_qiyewangzhan .benefit .contentbox .btn:hover {
  box-shadow: 0px 0px 15px #ff3500;
}
.page_qiyewangzhan .transition {
  padding: 90px 0 90px;
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_qiyewangzhan/data/transition_back.png) repeat-x center center / cover;
}
.page_qiyewangzhan .transition .contentbox {
  display: flex;
  justify-content: space-between;
}
.page_qiyewangzhan .transition .contentbox .leftbox .atitle {
  font-size: 36px;
  font-weight: bold;
  color: #fff;
  max-width: 100%;
  height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 54px;
}
.page_qiyewangzhan .transition .contentbox .leftbox .btitle {
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  max-width: 100%;
  height: 72px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 24px;
}
.page_qiyewangzhan .transition .contentbox .rightbox {
  margin-top: 16px;
}
.page_qiyewangzhan .transition .contentbox .rightbox .txt {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: normal;
  color: #999;
  max-width: 100%;
  height: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 17px;
}
.page_qiyewangzhan .transition .contentbox .rightbox .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 50px;
  border-radius: 25px;
  background: #FF4229;
  color: #ffffff;
  font-size: 18px;
  margin: 0 auto;
  transition: all 0.6s;
}
.page_qiyewangzhan .transition .contentbox .rightbox .btn:hover {
  box-shadow: 0px 0px 15px #ff3500;
}
.page_qiyewangzhan .trait {
  padding: 100px 0 82px;
}
.page_qiyewangzhan .trait .contentbox .titlebox {
  text-align: center;
}
.page_qiyewangzhan .trait .contentbox .titlebox .atitle {
  max-width: 100%;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #000000;
  font-size: 40px;
  font-weight: bold;
}
.page_qiyewangzhan .trait .contentbox .titlebox .btitle {
  color: #999999;
  font-size: 16px;
  max-width: 100%;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 5px;
}
.page_qiyewangzhan .trait .itemlist {
  margin-top: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.page_qiyewangzhan .trait .itemlist .item {
  width: 388px;
  height: 388px;
  background: linear-gradient(0deg, #F9F9F9, #FFFFFF);
  border-radius: 10px;
  padding: 58px 60px 65px 53px;
  box-sizing: border-box;
  margin-right: 18px;
  margin-bottom: 18px;
}
.page_qiyewangzhan .trait .itemlist .item:hover {
  background: url(/Jzw/Tpl/Home/Default/webimages/pc_qiyewangzhan/data/trait_back.png) no-repeat center center;
}
.page_qiyewangzhan .trait .itemlist .item:hover .itemicon .pic1 {
  opacity: 0;
}
.page_qiyewangzhan .trait .itemlist .item:hover .itemicon .pic2 {
  opacity: 1;
}
.page_qiyewangzhan .trait .itemlist .item:hover .itemtitle .atitle {
  color: #fff;
}
.page_qiyewangzhan .trait .itemlist .item:hover .itemtitle .btitle {
  color: #fff;
}
.page_qiyewangzhan .trait .itemlist .item:nth-child(3n) {
  margin-right: 0px;
}
.page_qiyewangzhan .trait .itemlist .item .itemicon {
  position: relative;
  margin-bottom: 19px;
}
.page_qiyewangzhan .trait .itemlist .item .itemicon .picbox {
  width: 62px;
  height: 62px;
  overflow: hidden;
}
.page_qiyewangzhan .trait .itemlist .item .itemicon .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_qiyewangzhan .trait .itemlist .item .itemicon .picbox {
  position: relative;
  z-index: 6;
}
.page_qiyewangzhan .trait .itemlist .item .itemicon .pic1 {
  position: absolute;
  top: -8px;
  left: 27px;
  opacity: 1;
  z-index: 5;
}
.page_qiyewangzhan .trait .itemlist .item .itemicon .pic1 .picbox {
  width: 60px;
  height: 50px;
  overflow: hidden;
}
.page_qiyewangzhan .trait .itemlist .item .itemicon .pic1 .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_qiyewangzhan .trait .itemlist .item .itemicon .pic2 {
  position: absolute;
  top: -8px;
  left: 27px;
  opacity: 0;
  z-index: 5;
}
.page_qiyewangzhan .trait .itemlist .item .itemicon .pic2 .picbox {
  width: 60px;
  height: 50px;
  overflow: hidden;
}
.page_qiyewangzhan .trait .itemlist .item .itemicon .pic2 .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_qiyewangzhan .trait .itemlist .item .itemtitle {
  margin-left: 7px;
}
.page_qiyewangzhan .trait .itemlist .item .itemtitle .atitle {
  font-size: 24px;
  font-weight: bold;
  color: #000;
  max-width: 100%;
  height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 25px;
  margin-bottom: 26px;
}
.page_qiyewangzhan .trait .itemlist .item .itemtitle .btitle {
  font-size: 16px;
  font-weight: normal;
  color: #666;
  max-width: 100%;
  height: 144px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  line-height: 24px;
}
.page_qiyewangzhan .refined {
  padding-top: 80px;
  background: #F6F6F6;
}
.page_qiyewangzhan .refined .titlebox {
  text-align: center;
}
.page_qiyewangzhan .refined .titlebox .atitle {
  max-width: 100%;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #000000;
  font-size: 40px;
  font-weight: bold;
}
.page_qiyewangzhan .refined .titlebox .btitle {
  color: #999999;
  font-size: 16px;
  max-width: 100%;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 5px;
}
.page_qiyewangzhan .refined .refinedcontent {
  margin-top: 36px;
}
.page_qiyewangzhan .refined .refinedcontent .picbox {
  width: 100%;
  height: 453px;
  overflow: hidden;
}
.page_qiyewangzhan .refined .refinedcontent .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.6s;
}
.page_qiyewangzhan .anli {
  padding: 80px 0;
  padding: 100px 0;
}
.page_qiyewangzhan .anli .contentbox .titlebox {
  text-align: center;
  margin-bottom: 40px;
}
.page_qiyewangzhan .anli .contentbox .titlebox .atitle {
  max-width: 100%;
  height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #333333;
  font-size: 36px;
  font-weight: bold;
}
.page_qiyewangzhan .anli .contentbox .titlebox .atitle .p1 {
  display: inline-block;
  position: relative;
}
.page_qiyewangzhan .anli .contentbox .titlebox .atitle .p1 .s1 {
  position: relative;
  z-index: 5;
}
.page_qiyewangzhan .anli .contentbox .titlebox .atitle .p1 .underline {
  display: inline-block;
  width: 102%;
  height: 15px;
  position: absolute;
  bottom: 0;
  left: -1%;
  background: transparent;
}
.page_qiyewangzhan .anli .contentbox .titlebox .btitle {
  color: #999999;
  font-size: 18px;
  max-width: 100%;
  height: 27px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 20px;
}
.page_qiyewangzhan .anli .contentbox .anli_sw {
  width: 1230px;
  height: 679px;
  margin: 40px auto;
  position: relative;
}
.page_qiyewangzhan .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 679px;
  position: relative;
  margin: 0 auto;
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/phone.png") no-repeat center;
}
.page_qiyewangzhan .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .picbox {
  width: 306px;
  height: 634px;
  overflow: hidden;
}
.page_qiyewangzhan .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .picbox .pic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all 0.6s;
}
.page_qiyewangzhan .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .picbox {
  transition: filter 0.8s;
  border-radius: 30px;
}
.page_qiyewangzhan .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .qrCode {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 192px;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  display: none;
}
.page_qiyewangzhan .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case .qrCode img {
  width: 100%;
}
.page_qiyewangzhan .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case:hover .picbox {
  filter: brightness(50%);
}
.page_qiyewangzhan .anli .contentbox .anli_sw .swiper .swiper-wrapper .swiper-slide .case:hover .qrCode {
  display: block;
}
.page_qiyewangzhan .anli .contentbox .anli_sw .swiper-button-next,
.page_qiyewangzhan .anli .contentbox .anli_sw .swiper-button-prev {
  width: 24px;
  height: 35px;
  position: absolute;
}
.page_qiyewangzhan .anli .contentbox .anli_sw .swiper-button-next::after,
.page_qiyewangzhan .anli .contentbox .anli_sw .swiper-button-prev::after {
  content: '';
}
.page_qiyewangzhan .anli .contentbox .anli_sw .swiper-button-next {
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/right_arrow.png") no-repeat;
  right: -70px;
}
.page_qiyewangzhan .anli .contentbox .anli_sw .swiper-button-prev {
  background: url("/Jzw/Tpl/Home/Default/webimages/pc_appzt/left_arrow.png") no-repeat;
  left: -70px;
}
.page_qiyewangzhan .anli .contentbox .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 260px;
  height: 68px;
  border-radius: 34px;
  background: linear-gradient(90deg, #FF3318, #FF9000);
  color: #ffffff;
  font-size: 24px;
  margin: 0 auto;
}
.page_qiyewangzhan .anli .contentbox .titlebox {
  text-align: center;
}
.page_qiyewangzhan .anli .contentbox .titlebox .atitle {
  max-width: 100%;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #000000;
  font-size: 40px;
  font-weight: bold;
}
.page_qiyewangzhan .anli .contentbox .titlebox .btitle {
  color: #999999;
  font-size: 16px;
  max-width: 100%;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 5px;
}
.page_qiyewangzhan .anli .anli_sw {
  margin-top: 55px;
}
.page_qiyewangzhan .anli .contentbox .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 50px;
  border-radius: 25px;
  background: #FF4229;
  color: #ffffff;
  font-size: 18px;
  transition: all 0.6s;
}
.page_qiyewangzhan .anli .contentbox .btn:hover {
  box-shadow: 0px 0px 15px #ff3500;
}
/*# sourceMappingURL=./style.css.map */