 

/* CSS Reset */
html{-webkit-text-size-adjust:none;}
body{color: #1a1a1a;overflow-x:hidden;margin:0; padding:0;}
header,nav,section,article,aside,footer {display: block;}
input,select,textarea {border-radius: 0;outline: none;font-family:Arial,sans-serif;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a,*::before,*::after {font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.alltra {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.left {float: left;}
.right {float: right;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;}
.content{margin: auto;position: relative;overflow: hidden;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
::-webkit-scrollbar{height:4px; width:3px;background: #cfd6db;}
::-webkit-scrollbar-button{height:0; width:5px;background: #cc1f1f;}
::-webkit-scrollbar-thumb{background-color:#cc1f1f;box-shadow:inset 1px 1px 0 #cc1f1f,inset 0 -1px 0 #cc1f1f;}
.vnr-main h1,.vnr-main h2,.vnr-main h3,.vnr-main h4,.vnr-main h5,.vnr-main h6,.vnr-main ul {margin: 0;padding: 0;font-weight: normal;list-style: none;}
.vnr-main p{margin: 0;padding: 0;font-weight: normal;}
.fwbold {font-weight: bold !important;}


:root {
	--white: #ffffff; 
	--black:#1a1a1a;
	--blue: #002f93;
	--gray: #f2f2f2;
	--gray1: #f5f5f5;
	--gray2: #dadce0;
	--gray3: #666666;
	--gray4: #999999;
	--gray5: #e5e5e5;
	--orange:#f0a700;
	--red:#cc1f1f;
	--red2:#ad1a1a;
}


.slider {
  width: 100%;
  position: relative;
  overflow: hidden;
}


.slides {
  display: flex;
  transition: transform 0.5s ease;
}
.slide {
  min-width: 100%;
  transition: opacity 0.5s ease;
}
.slide img {
  width: 100%;
  vertical-align: top;border-top-right-radius: 70px;
}
/* 添加导航按钮
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0,0,0,0.5);
  color: white;
  border: none;
  padding: 10px;
  z-index: 100;
}
.prev { left: 17%; }
.next { right: 17%; } */
/* 添加指示器点 */
.dots {
    text-align: center;
    padding: 10px 0;
    position: absolute;
    right: 20px;
    bottom: 20px;
}
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.active, .dot:hover {
  background-color: #717171;
}

.title-1 a{color:#333}

.c-mask { position: absolute; position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; background: rgba(0, 0, 0, .1) url(/images/mask.png)repeat; }

.c-text-box { position: absolute; top: 50%; left: 0; z-index: 4; width: 100%; color: #fff; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }
.c-text-box .c-num { display: flex; align-items: flex-start; justify-content: center; margin-bottom: 35px; }
 .c-text-box .c-num img { width: 188px; }
 .c-text-box .c-num p { margin-left: 10px; font-size: 24px; line-height: 1; }
 .c-text-box .c-title { font-size: 48px; line-height: 58px; }
 .c-text-box .c-text { margin-bottom: 75px; font-size: 20px; line-height: 30px; }
 .c-common-btn1 { position: relative; display: inline-block; border: 2px solid #fff; }
.c-common-btn1::before { content: ""; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: -2px; left: -2px; width: 0; height: -webkit-calc(100% + 4px); height: calc(100% + 4px); background: #fff; transition: .5s; }
.c-common-btn1 div { position: relative; z-index: 2; font-size: 14px; line-height: 56px; padding: 0 72px 0 40px; background: url(//memberpic.114my.cn/076983346574/uploadfile/image/20230724/20230724133700_299021738.png)no-repeat right 40px center / 22px; color: #fff; transition: all .5s; }
.c-common-btn1:hover div { color: #555; background-image: url(//memberpic.114my.cn/076983346574/uploadfile/image/20230724/20230724133733_1709192477.png); }
.c-common-btn1:hover::before { width: -webkit-calc(100% + 4px); width: calc(100% + 4px); }
.c-common-btn1.c-dt { border-color: #0187d0; background-color: #0187d0; }
.c-common-btn1.c-dt::before { background: #30a74b; }
.c-common-btn1.c-dt:hover div { color: #fff; background-image: url(//memberpic.114my.cn/076983346574/uploadfile/image/20230724/20230724133700_299021738.png); }




 .box2 {
     width: 80%;
    margin: 0 auto;
}

 .box2 .tit {
  font-size: 50px;
  padding-bottom: 35px;
}

 .box2 .hd {
  margin-bottom: 33px;    float: left;
}

 .box2 .hd li {
  float: left;
  width: 200px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 22px;
  cursor: pointer;
}

 .box2 .hd li:first-child {
  border-left: 1px solid #ddd;
}

 .box2 .hd li.on {
  background: red;
  color: #fff;
}

 .box2 .bd li {
  line-height: 30px;
  font-size: 16px;
  color: #666;clear:both;  padding-bottom: 3%;
}

 .box2 .bd li img {
  max-width: 100%;
}

 .box2 .bd li table {
  width: 100% !important;
}

 .box2 .bd li table tr:first-child {
  background: #2b78ec;
  color: #fff;
  text-align: center;
  line-height: 40px;
}

 .box2 .bd li table td {
  padding: 8px 10px;
}

 .box2 .xia {
  background: #4772de;
  color: #fff;
  height: 120px;
  margin-top: 63px;
}

 .box2 .xia a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
}

 .box2 .xia h3 {
  font-size: 20px;
}

 .box2 .xia img {
  width: 78px;
  height: 100px;
}

 .box2 .xia .left {
  width: 50%;
  position: relative;
  padding-left: 78px;
  box-sizing: border-box;
  padding-top: 35px;
  background: #878f9f;
  height: 120px;
}

 .box2 .xia .left i {
  width: 12px;
  height: 21px;
  background-position: -126px -54px;
  position: absolute;
  left: 46px;
  top: 48px;
}

 .box2 .xia .right {
  width: 50%;
  box-sizing: border-box;
}

 .box2 .xia .right .fl {
  padding-left: 21px;
  padding-top: 10px;
}

 .box2 .xia .right .fr {
  padding-top: 35px;
  text-align: right;
  padding-right: 99px;
  position: relative;
}

 .box2 .xia .right .fr i {
  width: 12px;
  height: 21px;
  background-position: -142px -54px;
  position: absolute;
  right: 46px;
  top: 48px;
}


/* 右侧 */
.page-aside {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 9;
  margin-top: -166px;
  width: 70px;
  transform: translateX(100%);
  opacity: 0;
  transition: opacity .3s, transform .3s
}

.page-aside.show {
  opacity: 1;
  transform: translateX(0)
}

.page-aside .item {
  background: rgba(203, 0, 18, 1);
  display: block;
  font-size: 12px;
  color: #fff;
  margin-bottom: 1px;
  text-align: center;
  line-height: 1;
  transition: transform .4s;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px
}


.logored{display: none;}

/*.page-aside .item {background: -webkit-gradient(linear,left top,right top,from(#fd441f),to(#e1251b));*/
/*    background: linear-gradient(90deg,#fd441f,#e1251b);display:block;font-size:12px;color:#fff;margin-bottom:1px;text-align:center;line-height:1;transition:transform .4s;border-top-left-radius:5px;border-bottom-left-radius:5px}*/
.page-aside .item.tel {
  width: 220px;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.page-aside .item.tel .main {
  width: 70px;
  border-right: 1px solid rgba(255, 255, 255, .2);
  padding: 10px 0
}

.page-aside .item .wx_main {
  position: relative;
}

.page-aside .item .wx_main .zxcode {
  position: absolute;
  right: 120%;
  top: 55%;
  opacity: 0;
  z-index: -99;
  transform: translateY(-50%);
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.17);
  transition: all 0.5s;
  pointer-events: none;
}

.page-aside .item .wx_main:hover .zxcode {
  top: 50%;
  opacity: 1;
  z-index: 1;
}

.page-aside .item.gotop {
  background: #ddd;
  color: grey
}

.page-aside .item.gotop .main {
  background: #ddd;
  padding: 16px 10px 16px 0
}

.page-aside .main {
  width: 80px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 10px 10px 10px 0
}

.page-aside .icon {
  width: 28px;
  height: 28px;
  margin: 0 auto 6px;
  color: #fff;
}

.page-aside .content {
  width: calc(100% - 70px);
  font-size: 20px;
  text-align: center;
  font-family: bebas
}

.page-aside-zw {
  width: 100%;
  height: 40px;
  display: none
}

.page-aside-phone {
  background: -webkit-gradient(linear, left top, right top, from(#fd441f), to(#e1251b));
  background: linear-gradient(90deg, #fd441f, #e1251b);
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 8;
  width: 100%;
  display: none
}

.page-aside-phone .item {
  width: 33.33%;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 15px;
  line-height: 40px;
  justify-content: center;
  border-right: 1px solid #b00
}

.page-aside-phone .icon {
  width: 20px;
  height: 20px;
  margin-right: 6px
}

.ott {
  position: fixed;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 10px;
  right: 0;
  bottom: 0;
  z-index: 9;
  width: 70px;
  transform: translateX(100%);
  opacity: 0;
  transition: opacity .3s, transform .3s;
  background: -webkit-gradient(linear, left top, right top, from(#fd441f), to(#e1251b));
  background: linear-gradient(90deg, #fd441f, #e1251b);
}

.ott img {
  display: block;
  width: 100%;
}

.ott.show {
  opacity: 1;
  transform: translateX(0);
  display: none;
}

.c-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: 60px;
  justify-content: flex-start;
  font-weight: 400;
}

.c-pagination-item {
  display: block;
  font-size: 14px;
  line-height: 28px;
  background: none;
  border: 1px solid #ccc;
  padding: 0 10px;
  margin-right: 8px;
  margin-top: 8px;
  color: #999;
  transition: all .3s ease-out;
}

.c-pagination-item.disabled {
  cursor: not-allowed;
  color: #999;
  opacity: .4;
}

.c-pagination-item.active {
  color: #fff;
  background-color: rgba(203, 0, 18, 1);
  border-color: rgba(203, 0, 18, 1);
}


.page-aside .icon {
  width: 28px;
  height: 28px;
  margin: 0 auto 6px;
  color: #fff;
}

svg.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}



.c-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s
}

.c-modal.show {
  opacity: 1;
  visibility: visible
}

.c-modal.show .c-modal-container {
  transform: scale(0.7)
}

.c-modal-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .5;
  cursor: pointer
}

.c-modal-container {
  max-width: 92%;
  max-height: 92%;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fff;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
  transform: scale(.88);
  transition: transform .3s
}

.c-modal-close {
  position: absolute;
  right: 24px;
  top: 24px;
  z-index: 1;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  opacity: .9;
  transition: opacity .3s, transform .3s;
  color: #ddd;
}

.c-modal-close img {
  width: 40px;
}

.c-modal-close:hover {
  opacity: 1;
  transform: rotate(180deg)
}

.c-modal-main {
  position: relative;
  z-index: 0;
  display: none
}

.c-modal-main.active {
  display: block
}

.c-modal-main.videobox {
  width: 800px;
  padding-bottom: 56.25%;
  max-width: 100%
}

.c-modal-main.videobox .video-js {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

/*.c-modal-main.contactbox {width:520px;max-width:100%;background:url(../image/modal-bg01.jpg) no-repeat 50%/cover}*/
/*.c-modal-main.contactbox {width:1000px;max-width:100%;background:#DC0011;}*/
.c-modal-main.contactbox {
  width: 1000px;
  max-width: 100%;
  background: url(../image/modal-bg01.jpg) no-repeat 50%/cover;
}

.c-modal-main.contactbox .bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  padding: 14px;
  background: none
}

.c-modal-main.contactbox .bg:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid hsla(0, 0%, 100%, .3)
}

/*.c-modal-main.contactbox .main {color:#faf3e7;padding:44px 60px 40px;position:relative;z-index:1}*/

.c-modal-main.contactbox .main {
  color: #faf3e7;
  padding: 80px 74px 74px 74px;
  position: relative;
  z-index: 1
}

.c-modal-main.contactbox .main .tc_top {
  display: flex;
  justify-content: space-between;
}

.c-modal-main.contactbox .main .tc_top .tc_left {
  width: 520px;
}

.c-modal-main.contactbox .main .tc_top .tc_left .h1 {
  font-family: hb;
  font-size: 54px;
  line-height: 72px;
  margin-bottom: 44px;
}

.c-modal-main.contactbox .main .tc_top .tc_left .h2 {
  font-family: hb;
  font-size: 34px;
  line-height: 45px;
  margin-bottom: 8px;
}

.c-modal-main.contactbox .main .tc_top .tc_left .h3 {
  margin-top: 12px;
  font-family: hm;
  font-size: 24px;
  line-height: 32px;
}

.c-modal-main.contactbox .main .tc_top .tc_right {
  width: 258px;
}

.c-modal-main.contactbox .main .tc_top .tc_right img {
  width: 100%;
  margin-bottom: 130px;
}

.c-modal-main.contactbox .main .tc_top .tc_right .btn {
  width: 100%;
  line-height: 66px;
  border: 1px solid #fff;
  text-align: center;
  font-size: 20px;
  font-family: hr;
  display: block;
  color: #fff;
  transition: all 0.5s
}

.c-modal-main.contactbox .main .tc_top .tc_right .btn:hover {
  background-color: #fff;
  border-color: transparent;
  color: #000;
}


.c-modal-main.contactbox .tit {
  font-size: 28px
}

.c-modal-main.contactbox .text {
  font-size: 36px;
  margin-bottom: 10px
}

.c-modal-main.contactbox .form {
  border: 2px solid #fff;
  background-color: #fff
}

.c-modal-main.contactbox .ps {
  font-size: 18px;
  color: #fff;
  padding-left: 22px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../image/suo.png);
  background-size: auto 18px;
  margin-top: 14px;
}

.c-modal-main.contactbox .iconfont {
  color: #bcbcbc;
  line-height: 44px;
  width: 46px;
  text-align: center;
  font-size: 30px
}

.c-modal-main.contactbox .submit {
  border: none;
  outline: none;
  background: #e60012;
  padding: 0;
  width: 150px;
  height: 62px;
  background-size: 20px;
  color: #fff;
  font-size: 18px;
  cursor: pointer
}

.c-modal-main.contactbox .input {
 
  height: 72px;
  width:308px;
  line-height: 1.5;
  border: none;
  padding: 0 20px;
  outline: none;
  color: #000;
  font-size: 23px;
  background: none
}

.c-modal-main.contactbox::-moz-placeholder {
  color: #aaa
}

.c-modal-main.contactbox::-webkit-input-placeholder {
  color: #aaa
}

.c-modal-main.contactbox:-ms-input-placeholder {
  color: #aaa
}

.c-modal-main.contactbox .info {
  font-size: 14px;
  margin-top: 8px;
  padding-right: 25%;
  position: relative
}

.c-modal-main.contactbox .tel {
  color: #FFFFFF;
  margin-top: 80px;
  font-size: 42px;
  line-height: 50px;
  font-family: gilroy-semibold;
}

.c-modal-main.contactbox .ewm {
  width: 80px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -40px
}

@media only screen and (max-width:640px) {
  .c-modal-main.contactbox .main {
    padding: 36px 26px;
  }

  .c-modal-main.contactbox .bg {
    padding: 10px
  }

  .c-modal-main.contactbox .tit {
    font-size: 17px
  }

  .c-modal-main.contactbox .text {
    font-size: 24px;
    margin-bottom: 16px
  }

  .c-modal-main.contactbox .form {
    border: 3px solid #fff
  }

  .c-modal-main.contactbox .iconfont {
    line-height: 36px;
    width: 30px;
    font-size: 20px
  }

  .c-modal-main.contactbox .submit {
    width: 60px;
    height: 36px;
    font-size: 13px
  }

  .c-modal-main.contactbox .input {
    width: calc(100% - 90px);
    height: 36px;
    padding: 0 8px;
    font-size: 14px
  }

  .c-modal-main.contactbox .info {
    font-size: 12px;
    margin-top: 8px;
    padding: 0
  }

  .c-modal-main.contactbox .tel {
    margin-top: 12px;
    font-size: 20px;
    line-height: 1.3
  }

  .c-modal-main.contactbox .ewm {
    display: none
  }
}

.line2{width: 188px;
    height: 3px;
    background: red;
    margin: 28px auto;}


/* header */
.header {position:fixed;left: 0;top: 0;z-index: 500;width: 100%;transition:all .4s ease;box-shadow: 0 2px 4px 0 var(--cb-color-shadow,rgba(0,0,0,0.16));}
.header * {transition:all .4s ease;}
.header-content {width:94%;height: 130px;margin: auto;position: relative;z-index: 500;}
.header-logo {width:279px;height: auto;position: absolute;top:50%;transform: translateY(-50%);left:0;z-index: 11;}
.header-logo a {display: block;background: url('../../images/logored.png') center no-repeat;background-size: 100%;}
.header-logo img {opacity: 0;width: auto;height: auto;max-width: 100%;}
.header-nav {position: absolute;position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 100%;}
.header-nav ul {position: relative;text-align: right;list-style: none;margin: 0;padding: 0;}
.header-nav ul li {display: inline-block;vertical-align: middle;margin-left: 30px;position: relative;}
.header-nav ul li a{color: var(--white);}
.header-nav ul li a.nav {display: inline-block;position: relative;}
.header-nav ul li a.down {padding-right: 18px;}
.header-nav ul li a.down::before {content: '';width: 11px;height: 7px;position: absolute;right: 0;top: 50%;margin-top: -3.5px;z-index: 1;background: url('../image/down1.png') center no-repeat;}
.header-nav ul li a.nav::after {content: '';width: 0;height: 2px;position: absolute;left: 0;bottom: -10px;background: var(--white);;transition:all .4s ease;display: none;}
.header-nav ul li.cur a.nav::after,.header-nav ul li.on a.nav::after {width: 100%;}
.header-nav ul li a.nav:hover {color:red}
.header-nav ul li.language,.header-nav ul li.search {width: 22px;height: 22px;position: relative;}
.header-nav ul li.search {position: relative;padding-left: 33px;}
.header-nav ul li.search::before {content: '';width: 1px;height: 16px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: var(--white);padding: .8;}
.header-nav ul li.contact a{width: 120px; margin:0 auto;height: 35px;line-height: 35px;background: rgba(255,255,255,.9);color: #1a1a1a;text-align: center;border-radius: 80px;display: block;overflow: hidden;}
.header-nav ul li.contact a:hover {opacity: .9;}
.header-nav ul li a.down:hover::before {transform: rotate(180deg);}
.header-nav ul li.hover a.down::before  {transform: rotate(180deg);}
.header-nav-show-mark {position: absolute;width: 100%;height: 0px;left: 0;top: 0;z-index: 400;background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));transition:all .4s ease;}
.header-nav-show-mark.cur {height: 200%;}

.scroll-down .header-nav ul li a{color:#333;}

.scroll-down .header-nav ul li.contact a{background:red; color:#fff}

.header-nav-show a{color:#fff !important}
.header-nav-show a:hover{color:red !important}
.language-show a{color:#fff !important}

.nomsol{display:none}

.scroll-down .nom{display:none}
.scroll-down .nomsol{display:block !important}
.scroll-down .header-nav ul li.search::before {content: '';width: 1px;height: 16px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #333;padding: .8;}

.scroll-down .header-nav ul li a.down::before {content: '';width: 11px;height: 7px;position: absolute;right: 0;top: 50%;margin-top: -3.5px;z-index: 1;background: url('../image/down2.png') center no-repeat;}




.header.black .header-logo a,.header.detail .header-logo a {background: url('../image/logo1.png') center no-repeat;background-size: 100%;}
.header.black .header-nav ul li a,.header.detail .header-nav ul li a{color: var(--black);}
.header.black .header-nav ul li a.nav::after,.header.detail .header-nav ul li a.nav::after{color: var(--black);background: var(--red);}
.header.black .header-nav ul li.cur a.nav,.header.black .header-nav ul li.on a.nav,.header.detail .header-nav ul li.cur a.nav,.header.detail .header-nav ul li.on a.nav {color: var(--red);}
.header.black .header-nav ul li.search::before,.header.detail .header-nav ul li.search::before {background: var(--black);opacity: .5;}
.header.black .header-nav ul li a img,.header.detail .header-nav ul li a img{filter: invert(100%);}
.header.detail.scroll-down  {background: var(--white);border-bottom: 1px solid var(--gray);}
.header.black .header-nav ul li a.nav:hover {opacity: 1;}
.header.black .header-nav ul li a.down::before {background: url('../image/down2.png') center no-repeat;}
.header.black .header-nav ul li a.down:hover::before{transform: rotate(180deg);}
.header.detail .header-nav ul li a.down::before {background: url('../image/down2.png') center no-repeat;}
.header.detail .header-nav ul li a.down:hover::before {transform: rotate(180deg);}
.header.detail.scroll-down .header-nav-show,.header.detail.scroll-top .header-nav-show{background: var(--white);} 
.header.detail.scroll-down .header-nav-show a,.header.detail.scroll-top .header-nav-show a {color: var(--black);}
.header.detail .header-nav ul li.contact a {background: rgba(0,0,0,.2);color: var(--white);}
.header.detail .header-nav-show-mark {display: none;}

.header.scroll-down {background: #fff;}
.header.scroll-down .header-content { height: 100px;}
.header.scroll-top  {transform: translateY(-200px);}
.header.scroll-down .header-nav-show,.header.scroll-top .header-nav-show{background: var(--black);border-radius:8px;opacity: 0.8;}
.header.scroll-down .header-nav-show ul,.header.scroll-top .header-nav-show ul{padding: 0%;}
.header.scroll-down .header-nav-show-mark.cur,.header.scroll-top .header-nav-show-mark.cur {height: 0;}


.header-nav-show {position: absolute;
    width: 234px;
    left: 0;
    z-index: 911;
    display: none;
    padding-top: 0px;
    background: var(--black);
    border-radius: 8px;
    padding-left: 25px;opacity: 0.8;}
.header-nav-show ul{padding: 10% 0px;overflow: hidden;}
.header-nav-show ul a{display: block;text-align: left;padding:5px 0;position: relative;}
.header-nav-show ul a:hover {opacity: .8;}
.header.black.scroll-down {background: var(--white);border-bottom: 1px solid var(--gray);}

.font223{font-size:18px;font-weight:bold;}

.header-nav-list-show {position: fixed;left: 0;top:0px;width: 100%;height: auto;z-index: -1;overflow: hidden;transition:all .4s ease;}
.header-nav-list-show.cur {z-index: 440;height: 100%;}
.header-nav-show-content {width:100%;height:100%;z-index:666;position: relative;overflow: hidden;transition:all .4s ease;background: #fff;}
.header-nav-show-content.Hide {opacity:0;height: 0;z-index:1;}
.header-nav-content {margin: auto;overflow: hidden;margin-top: 130px;border-top: 1px solid var(--gray2);padding:3% 10%;position: relative;height: 100%;box-sizing: border-box;}
.header.scroll-down .header-nav-content {margin-top: 100px;}
.header-nav-content-left {float: left;width: 78%;position: relative;height: 88%;overflow: auto;}
.header-nav-content-left::-webkit-scrollbar{height:4px; width:0px;}
.header-nav-content-left::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: var(--gray1);}
.product-nav-content {overflow: hidden;position: relative;}
.product-nav-item {float: left;width: 17.777%;margin-right: 2%;overflow: hidden;}
.product-nav-item .classname-1{overflow: hidden;min-height: 60px;}
.product-nav-item .classname-1 a {color: var(--black);}
.product-nav-item .classname-1 a:hover {color: var(--red);text-decoration: underline;}
.product-nav-item .product-nav-pic{margin-top: 5%;overflow: hidden;}
.product-nav-item .product-nav-pic a{display: block;text-align: center;position: relative;overflow: hidden;}
.product-nav-item .product-nav-pic .pic-1{position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;background-color: var(--gray1);}
.product-nav-item .product-nav-pic .pic-1 img.img-center {max-width: 60%;max-height: 60%;transform: translateY(-8%);}
.product-nav-item .product-nav-pic .pic-1 img.img-block {opacity: 0;}
.product-nav-item .product-nav-pic .name-2{position: absolute;width: 90%;left: 5%;bottom: 5%;z-index: 11;color: var(--gray3);}
.product-nav-item .product-nav-pic a:hover .pic-1 {transform: scale(1.1);}
.product-nav-model {padding: 5% 0;overflow: hidden;}
.product-nav-model li{list-style: none;margin: 0;padding: 1% 0;overflow: hidden;}
.product-nav-model li a{display: block;}
.product-nav-model li i{display: inline-block;vertical-align: middle;width: 45px;height: 45px;position: relative;}
.product-nav-model li i img.img-center {max-width: 80%;max-height: 80%;}
.product-nav-model li span{display: inline-block;vertical-align: middle;color: var(--gray3);}
.product-nav-model li p {margin: 0;display: block;padding: 3% 0;color: var(--gray3);}
.product-nav-model li a:hover span,.product-nav-model li a:hover p {color: var(--red);text-decoration: underline;}
.cleartop {width: 97%;height: 1px;background: var(--gray);margin: 30px 0;}
.header-nav-content-right {float: right;width: 19%;padding-left: 3%;margin-top: -1%;}
.header-nav-link {overflow: hidden;}
.header-nav-link li{overflow: hidden;list-style: none;margin: 0;padding: 0;}
.header-nav-link li a{display: block;position: relative;padding: 6% 0; }
.header-nav-link li a::after,.header-nav-link li a::before {content: '';width: 100%;height: 1px;background: var(--gray1);position: absolute;left: 0;bottom: 0;}
.header-nav-link li a::before{width: 0;background: var(--red);z-index: 11;transition:all .4s ease;}
.header-nav-link li span {color: var(--black);display: block;}
.header-nav-link li span::after {content: '';width: 7px;height: 11px;background: url('../image/r2.png');position: absolute;right: 0;top: 50%;opacity: .5;margin-top: -6px;}
.header-nav-link li a:hover span{color: var(--red);}
.header-nav-link li a:hover span::after {background: url('../image/r4.png');opacity: 1;}
.header-nav-link li a:hover::before {width: 100%;} 
.nav-close {position: absolute;right: 5%;top: 2%;z-index: 13;cursor: pointer;}
.nav-close i {display: block;width: 20px;height:20px;transform: rotate(45deg);}
.nav-close i::before {content: '';width: 100%;height:2px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: var(--gray3);}
.nav-close i::after {content: '';width: 2px;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: var(--gray3);}
.nav-close i:hover {transform: rotate(-45deg);}

.scroll-down .logored{ display:block !important}
.scroll-down .logowhite2{ display:none !important}


/* footer */
.footer {background:url('../image/footer.jpg') center top no-repeat;color:var(--white);position: relative;clear: both;background-size: cover;}
.footer-content {overflow: hidden;width: 80%;margin: auto;}
.footer-content a {color: var(--white);}
.footer-content-top {padding-top: 5%;overflow: hidden;}
.footer-content-top-left {float: left;width: 37%;}
.footer-content-top-left .contact-1 {overflow: hidden;}
.footer-content-top-left .tel-1 {overflow: hidden;}
.footer-content-top-left .tel-2{margin-top: 3%;}
.footer-content-top-left .tel-2 strong {color: var(--white);}
.footer-content-top-left .email-3 {color: var(--gray3);}
.footer-content-top-left .email-3 strong {color: var(--white);}
.footer-content-top-left .address-4 {margin-top: 3%;color: var(--gray3);}
.footer-content-top-left .nav-2{margin-top: 20%;}
.footer-content-top-left .nav-2 a{display: block;color: var(--white);padding: .5% 0;}
.footer-content-top-left .nav-2 a:hover strong{color: var(--red);}
.footer-content-top-right {float: right;width: 50%;}
.footer-content-top-right .message-1{overflow: hidden;}
.footer-content-top-right .message-item{font-size: 0;}
.footer-content-top-right .item-1{display: inline-block;vertical-align: middle;padding-bottom: 2%;width: 100%;}
.footer-content-top-right .item-1 span{display: block;padding-bottom: 2%;}
.footer-content-top-right .message-item .item-1:last-child {margin-right: 0;}
.footer-content-top-right .message-item.ilt3 .item-1 {width: 32.33%;margin-right: 1%;}
.footer-content-top-right .message-item.ilt2 .item-1 {width: 49%;margin-right: 1%;}
.footer-content-bottom {padding: 1% 0 3% 0;position: relative;}
.footer-content-bottom .copy-1{color: var(--gray3);}
.footer-content-bottom .copy-1 a {color: var(--gray3);}
.footer-content-bottom .copy-1 a:hover {color: var(--white);}
 .social-2{    margin-top: 47px;}
 .social-2 li {display: inline-block;vertical-align: middle;position: relative;margin-left: 1px;list-style: none;margin: 0;padding: 0;}
.social-2 a{display: inline-block;vertical-align: middle;position: relative;width: 50px;height: 50px;background: #242424;border-radius: 2px;}
.social-2 a img {opacity: .5;}
 .social-2 a:hover {background:var(--gray3);}
 .social-2 a:hover img {opacity: 1;}
 .social-ewm-show {display: none;position: absolute;left: 0;bottom:50px;background:var(--white);width:100px;height: 100px;padding:2px;z-index: 11;}
 .social-2 li:hover .social-ewm-show{display: block;}
.social-2 li:last-child .social-ewm-show{left: auto;right: 0;}
.input-1,.textarea-1 {border: 1px solid var(--gray3);width: 100%;height: 60px;box-sizing: border-box;padding: 5%;background: #242424;color: var(--white);border-radius: 2px;transition:all .4s ease;}
.input-1:focus,.textarea-1:focus {border: 1px solid var(--white);}
.choice-1 {position: relative;}
.choice-1 a{color: var(--white);}
.choice-1 a.cur{border: 1px solid var(--gray3);width: 100%;height: 60px;line-height:normal;box-sizing: border-box;padding: 5%;background: #242424 url('../image/xia.png') 94% center no-repeat;color: var(--white);border-radius: 2px;display: block;}
.choice-1 ul{list-style: none;margin: 0;padding: 0;position: absolute;background: var(--white);padding: 2% 0;overflow: hidden;width: 100%;display: none;}
.choice-1 ul a{display: block;color: var(--black);padding: 2% 10%;overflow: hidden;position: relative;}
.choice-1 ul a:hover {background: var(--gray1);}
.choice-1 ul a::before {content: '';width: 4px;height: 100%;position: absolute;left: 0;top: 0;background: var(--red);display: none;}
.choice-1 ul a:hover::before {display: block;}
.textarea-1 {min-height: 120px;padding: 2% 2.5%;}
.submit-1 {border: 1px solid var(--gray3);width: 210px;height: 60px;box-sizing: border-box;padding: 2%;background: #242424;display: block;text-align: center;}
.submit-1 span{display: inline-block;vertical-align: middle;color: var(--white);}
.submit-1 i{display: inline-block;vertical-align: middle;width: 18px;height: 18px;background: url('../image/sub.png') center no-repeat;margin-left: 10px;}
.submit-1:hover {background: var(--red);border: 1px solid var(--red);}




/* index */
.index-banner-swiper {position: relative;background: #000;} 
.index-banner-swiper .text{position: absolute;left:3%;top:50%;z-index: 221;transform: translateY(-50%);width: 94%;} 
.index-banner-swiper .title-1 {font-weight: bold;color: var(--white);}
.index-banner-swiper .img{overflow: hidden;}
.index-banner-swiper .video.cur {opacity:0;display:none;}
.index-banner-swiper .video {position: absolute;left: 0;top: 0;z-index: 30;width: 100%;height: 100%;overflow: hidden;}
.index-banner-swiper .video video {display: block;width: 100%;height: 100%;object-fit: cover;}
.banner-prev,.banner-prev {width: 60px;height: 60px;border-radius: 100%;opacity: 1;border: 1px solid rgba(255,255,255,.2);left: auto;right: 3%;bottom: 9%;top: auto;transition:all .4s ease;}
.banner-prev::after,.banner-prev::after {display: none;}
.index-banner-swiper .swiper-slide-active .img .pic {animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}}
.index-banner-swiper .swiper-slide{opacity: 0;z-index: -1;overflow: hidden;}
.index-banner-swiper .swiper-slide-active {opacity: 1;z-index: 11;}

.swiper-button-prev,.swiper-button-next {top: auto;width: 52px;height: 52px;left: auto;right: 3%;bottom: 4%;opacity: 1;cursor: pointer;}
.swiper-button-prev::after,.swiper-button-next::after {display: none;}
.swiper-button-prev {background: url('../image/l.png') center no-repeat;right: 130px;}
.swiper-button-next {background: url('../image/r.png') center no-repeat;}

.index-banner .video {width: 100%;height: 100%;position: absolute;left: 0;right: 0;z-index: 4;}
.index-banner .video video {object-fit: cover;width: 100%;height: 100%;display: block;}
.vjs-controls-disabled {width: 100%;height: 100%;}
.vjs-loading-spinner,.vjs-big-play-button,.vjs-control-bar,.vjs-error-display,.vjs-modal-dialog {display: none;}

.roll-icon {width: 26px;height: 38px;position: absolute;left: 3%;bottom: 4%;border: 2px solid rgba(255,255,255,.2);border-radius: 50px;z-index: 11;}
.roll-icon i{width: 3px;height: 8px;position: absolute;left: 50%;top: 20%;transform: translateX(-50%);background: var(--black);animation: fudong1 1500ms infinite ease-in-out ;}
@keyframes fudong1{0%{top: 20%;} 50%{top: 50%;}100%{top: 20%;}}
 
.banner-mark {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 50;background: url('../image/top.png') center top no-repeat;background-size: 100%;}

.vnr-main strong{font-weight: normal;padding: 0;margin: 0;}
.div-content{width: 80%;position: relative;margin: auto;}
.div-title {overflow: hidden;}
.div-title .title-1{overflow: hidden;}
.div-title .text-2{overflow: hidden;}
.index-scene {    padding: 5% 0;
    overflow: hidden;
    background: url(../../images/1.jpg) bottom no-repeat;
    background-size: cover;}
.index-scene-top{text-align: center;color: var(--black);}
.index-scene-top .div-title .text-2{opacity: .6;}
.index-scene-top .div-title .text-3{margin-top: 2%;text-align: center;}
.index-scene-top .div-title .text-3 div {opacity: .6;}
.index-scene-center {margin-top: 1%;}
.index-scene-center .pic {overflow: hidden;text-align: center;}
.index-scene-center .pic img {max-width: 100%;width: auto;}
.index-scene-bottom {margin-top: 2%;text-align: center;font-size: 0;}
.index-scene-item {color: var(--black);width: 31%;position: relative;display: inline-block;vertical-align: top;padding: 1.5% 0;}
.index-scene-item::after {content: '';
    width: 3px;
    height: 80%;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    opacity: .4;}
.index-scene-item:last-child::after {display: none;}
.index-scene-item .number-1{overflow: hidden;}
.index-scene-item .number-1 h3 {display: inline-block;vertical-align: top;font-weight:Bold}
.index-scene-item .number-1 sup{display: inline-block;vertical-align: top;opacity: .6;padding-left: 10px;margin-top: 11px;}
.index-scene-item .text-2{opacity: .6;margin-top: 1.5%;}
 

 
.index-recommended {padding: 0 0 10% 0;overflow: hidden;background: url('../image/bg2.png') center top no-repeat #141414;background-size: 100%;}
.index-recommended-left {float: left;width: 34%;color: var(--black);}
.div-class {overflow: hidden;}
.div-class .title-1{overflow: hidden;}
.div-class .line-2 {width: 100%;height: 2px;background: rgba(255,255,255,.2);position: relative;margin: 2% 0;}
.div-class .line-2 i{position: absolute;left: 0;top: 0;background: var(--black);z-index: 11;width: 33%;height: 100%;}
.div-text {margin-top: 13%;}
.div-text .item-3{margin-top: 5%;}
.div-text .item-3 li{list-style: none;margin: 0;padding: 0;position: relative;padding: 3px 0 3px 20px;}
.div-text .item-3 li::before {content: '';width: 8px;height: 8px;position: absolute;left: 0;top: 50%;background: var(--black);margin-top: -4px;}
.div-text .bottom-4{margin-top: 15%;}
.bottom-1{width: 220px;height: 60px;line-height: 60px;display: block;display: inline-block;vertical-align: middle;text-align: center;border-radius: 2px;margin-right: 4px;}
.bottom-1 strong{overflow: hidden;}
.color1 {background: var(--red);color: var(--white);}
.color1:hover {background: var(--red2);}
.color2 {background: var(--white);color: var(--black);}
.color2:hover {background: var(--gray);}
.index-recommended-right {float: right;width: 58.6%;}
.index-recommended-right .play-1 {position: absolute;width: 90px;height: 62px;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('../image/play.png') center no-repeat;z-index: 11;cursor: pointer;}
.index-recommended-right .img::before {content: '';width: 100px;height: 200px;background:#141414;position: absolute;right: -60px;top: -80px;z-index: 11;transform: rotate(135deg);}
.index-recommended-right .pic {position: relative;}
.index-recommended-right a:hover .pic{transform: scale(1.05);}
.index-recommended-right .img {background: none;}
				 
.index-product {padding: 90px 0 4% 0;overflow: hidden;background: url(../../images/bg_sec3.jpg) no-repeat;
background-size: cover;}
.index-product-top {text-align: center;color: var(--black);}
.index-product-top .text-2 {opacity: .6;width: 60%;margin: auto;margin-top: 2%;}
.index-product-bottom {margin-top: 5%;}
.index-product-list {width: 91%;margin: auto;margin-top: 3%;position: relative;}
.index-product-item {float: left;width: 25%;position: relative;}
.index-product-item .text{position: absolute;left: 6%;top: 13%;z-index: 12;width: 50%;height: 70%;}
.index-product-item .title-1{    background: red;
    color: #fff;
    padding: 5px 10px;
    border-radius: 10px;}
.index-product-item .img{background-color: transparent;padding-bottom: 10%;}
.index-product-item .pic{width: 90%;
    background-color: var(--black);
    border-radius: 10px;
    box-shadow: 0 5px 15px 5px rgb(0 0 0 / 10%);}
.index-product-item .product{position: absolute;right: 0;bottom: 0;z-index: 11;}
.index-product-item .product img {width: auto;display: inline-block;}
.index-product-item .jiantou-1 {position: absolute;left: 0;bottom: 0;}
.jiantou-1 {width: 50px;height: 50px;position: relative;border-radius: 100%;border: 1px solid rgba(0,0,0,.2);margin-top: 5%;}
.jiantou-1 i{background: url('../image/r2.png') center no-repeat;width: 100%;height: 100%;;position: absolute;opacity: .3;}
.index-product-item a:hover .jiantou-1{background: var(--red);border: 1px solid var(--red);}
.index-product-item a:hover .jiantou-1 i {background: url('../image/r.png') center no-repeat;opacity: 1;}
.index-product-item a:hover .product{ transform: translateY(-10px);}
.index-product-item.ipi1 {width: 43%;}
.index-product-item.ipi1 .text{left: 8%;top: 6%;}
.index-product-item.ipi1 .product{right: 16%;bottom:11%;}
.index-product-item.ipi1 .jiantou-1 {position: relative;left:auto;bottom: auto;margin-top: 30%;}
.index-product-item.ipi2 {width: 57%;float: right;}
.index-product-item.ipi2 .product{right: 5%;width: 80%;}
.index-product-item.ipi2 .img {padding-bottom: 0;border-radius: 10px;
    box-shadow: 0 5px 15px 5px rgb(0 0 0 / 10%);}
.index-product-item.ipi2 .pic {width: 100%;}
.index-product-item.ipi2 .text {width: 88%;}
.index-product-item.ipi2 a:hover .product{ transform: translateX(-10px);}
.index-product-item.ipi3 {width: 29%;float: left;margin-top: 4.6%;}
.index-product-item.ipi3 .text {width: 73%;left: 10%;height: 68%;top: 10%;}
.index-product-item.ipi4 {width: 29%;float: right;margin-top: 4.6%;margin-right: -3%;}
.index-product-item.ipi4 .text {width: 75%;left: 10%;height: 68%;top: 10%;}

.index-project {padding: 5% 0;overflow: hidden;background: var(--white);}
.index-project-top {text-align: center;}
.index-project-top .text-2 {width: 60%;margin: auto;margin-top: 2%;color: var(--gray3);}
.index-project-center {padding: 4% 0;overflow: hidden;text-align: center;}
.index-project-nav {overflow: hidden;font-size: 0;}
.index-project-nav a{display: inline-block;vertical-align:middle;width: 14.28%;position: relative;padding: 1.5% 0;overflow: hidden;}
.index-project-nav a::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background:var(--black);opacity: .1;}
.index-project-nav a:last-child::after {display: none;}
.index-project-nav .icon-1{width: 60px;height: 60px;margin: auto;position: relative;}
.index-project-nav .title-2{color: var(--black);margin-top: 3%;}
.index-project-nav a.cur,.index-project-nav a:hover{background: var(--red);}
.index-project-nav a.cur .title-2,.index-project-nav a:hover .title-2{color: var(--white);}
.index-project-nav a.cur .icon-1 img,.index-project-nav a:hover .icon-1 img{filter: invert(100%);}
.index-project-bottom {overflow: hidden; margin-top:50px}
.index-project-list {overflow: hidden;}
.index-project-item {float: left;width: 49%;margin-right: 2%;}
.index-project-item:last-child {margin-right: 0;}
.index-project-item a{display: block;position: relative;}
.index-project-item a::after {content: '';width: 0;height: 4px;position: absolute;bottom: 0;z-index: 1;background: var(--red);transition:all .4s ease;}
.index-project-item .img{overflow: hidden;position: unset;}
.index-project-item .img::before {content: '';width: 100px;height: 200px;z-index: 11;transform: rotate(135deg);}
.index-project-item .text{overflow: hidden;padding: 5%;background: var(--gray1);position: relative;}
.index-project-item .title-1{color: var(--black);}
.index-project-item .title-1 h4 {display: block;width: 85%;}
.index-project-item .text-2{color: var(--gray3);width: 80%;}
.index-project-item .text-2 p{display: block;width: 100%;}
.index-project-item .jiantou-1 {width: 45px;height: 45px;position: absolute;right: 5%;top: 50%;margin-top: -25px;background: var(--white);z-index: 11;border: none;}
.index-project-item .logo-1 img{opacity: 0;}
.index-project-item a:hover .logo-1 img{opacity: 1;}
.index-project-item a:hover .pic{transform: scale(1.05);opacity: .5;}
.index-project-item a:hover::after {width: 100%;}
.index-project-item a:hover .jiantou-1 {background: var(--red);}
.index-project-item a:hover .jiantou-1 i{background: url('../image/r.png') center no-repeat;opacity: 1;}

.index-about {padding: 3% 0;overflow: hidden;background: var(--white);}
.index-about-top {overflow: hidden;}
.index-about-top-left {float: left;width: 30%;}
.index-about-top-right {float: right;width: 66%;}
.index-about-top-right .img::before {content: '';width: 100px;height: 200px;z-index: 11;transform: rotate(135deg);}
.index-about-top-right .text-2 {margin-top: 4%;color: var(--gray3);}
.index-about-bottom {clear: both;overflow: hidden;padding: 3% 0 0 0;position: relative;}
.index-about-date{overflow: hidden;position: relative;}
.index-about-date .item-4 {padding: 3% 0;overflow: hidden;position: relative;}
.index-about-date .title-1 *{display: inline-block;vertical-align: top;}
.index-about-date .title-1 sup{display: inline-block;vertical-align: top;margin: -4px 0 0 5px;}
.index-about-date .text-2{padding: 3% 0 0 0;overflow: hidden;}
.index-about-date .line-3{background: var(--gray2);width: 100%;height: 1px;position: absolute;bottom: 0;}
.index-about-date .line-3 i {position: absolute;height: 1px;left: 0;bottom: 0;background: var(--black);z-index: 0;}
.index-about-date .line-3 .b100 {width: 100%;}
.index-about-date .line-3 .b80 {width: 80%;}
.index-about-date .line-3 .b70 {width: 70%;}
.index-about-date .line-3 .b40 {width: 40%;}
.index-about-bottom .index-about-top-left {position: absolute;bottom: 0;}

.index-latest-news {padding: 5% 0;overflow: hidden;background: var(--white);}
.index-latest-news-top {overflow: hidden;}
.index-latest-news-bottom {overflow: hidden;margin-top: 5%;}
.index-latest-news-item {float: left;width: 30%;margin-right: 2.333%;}
.index-latest-news-item a{display: block;position: relative;}
.index-latest-news-item .text{color: var(--black);padding:5% 0;overflow: hidden;}
.index-latest-news-item .title-1{overflow: hidden;min-height: 200px;}
.viewmore-2 {border: 1px solid var(--gray2);width: 180px;height: 45px;line-height: 45px;text-align: center;}
.index-latest-news-item .img::before {content: '';width: 100px;height: 200px;z-index: 11;transform: rotate(135deg);}
.index-latest-news-item a:hover .img .pic{transform: scale(1.05);}
.index-latest-news-item a:hover .viewmore-2 {background: var(--red);border: 1px solid var(--red);}
.index-latest-news-item a:hover .viewmore-2 strong {color: var(--white);}
.index-latest-news-item.iln1 {width: 31%;}
.index-latest-news-item.iln2,.index-latest-news-item.iln3 {border-bottom: 1px solid var(--gray2);}
.index-latest-news-item.iln2 a,.index-latest-news-item.iln3 a {padding-bottom:9.5%;}
.index-latest-news-item.iln3 {margin-right:0;} 
.index-latest-news-item.iln5 {margin-right:0;} 



/* product */
.div-banner {position: relative;overflow: hidden;}
.div-banner .text{position: absolute;left: 3%;top: 71%;transform: translateY(-50%);width: 45%;z-index: 11;}
.div-banner .text .title-1 {color: var(--white);}
.div-banner .img{overflow: hidden;}
.div-banner .pic{animation: srmgani 4000ms 1 ease forwards;}
.path {position: absolute;left: 3%;top: 140px;width: 90%;color: var(--white);z-index: 111;}
.path a{display: inline-block;vertical-align: middle;color: var(--white);}
.path a span {display: inline-block;vertical-align: middle;}
.path em {display: inline-block;vertical-align: middle;font-style: normal;margin: 0 5px;}
.path a i{width: 20px;height: 18px;background: url('../image/home.png') center no-repeat;display: inline-block;vertical-align: middle;margin-right: 5px;margin-top: -2px;}


.path3 {left: 3%;top: 140px;width: 90%;color: #333;z-index: 111;}
.path3 a{display: inline-block;vertical-align: middle;color: #333;}
.path3 a span {display: inline-block;vertical-align: middle;}
.path3 em {display: inline-block;vertical-align: middle;font-style: normal;margin: 0 5px;}
.path3 a i{width: 20px;height: 18px;background: url('../image/home1.png') center no-repeat;display: inline-block;vertical-align: middle;margin-right: 5px;margin-top: -2px;}

.div-product {padding: 5% 0 3% 0;overflow: hidden;background: #f7f7f7;}
.div-product-top {text-align: center;width: 50%;margin: auto;}
.div-product-center {overflow: hidden;width: 80%;margin: auto;margin-top: 4%;text-align: center;}
.div-product-class {position: relative;transform: translateY(10%);}
.div-product-class .class-item{display: inline-block;vertical-align: top;position: relative;padding-bottom: 20%;margin: 0 auto;width: 90%;}


.rred :hover{border:1px solid red}
.div-product-class .class-item .name-1{position: absolute;left: 9%;top: 4%;z-index: 11;}
.div-product-class .class-item .name-1 strong{opacity: .8;position: relative;left: auto;bottom: auto;top: auto;font-size:20px}

.div-product-class  :hover{color:red}
.div-product-class .class-item .product-2{position: absolute;width: 100%;right: 0;bottom: 26%;z-index: 12;text-align: center;}
.div-product-class .class-item .product-2 img {max-width: 100%;}
.div-product-class .class-item .img{background: none;overflow: visible;}
.div-product-class .class-item .img img{box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);}

.div-product-bottom {padding: 2% 0;overflow: hidden;}
.div-product-bottom-content {overflow: hidden;}
.product-table-top {width: 100%;position: relative;text-align: center;min-height: 380px;}
.product-table-top strong {position: absolute;left: 10%;top: 30%;color: var(--gray3);}
.product-table-bottom {overflow: hidden;height:auto;position: relative;}
.product-table {overflow: hidden;width: 100%;}
.product-table.lefttable table{width: 100%;}
.product-table table.bg1 td{background: var(--white);}
.product-table table{border-top: 1px solid #dedede;display: table;text-align: left;width: 100%;}
.product-table table tbody {overflow: hidden;}
.product-table table tr{overflow: hidden;margin: 0;padding: 0;}
.product-table table tr td:last-child {border-right: 1px solid #dedede;}
.product-table table td{border-bottom: 1px solid #dedede;box-sizing: border-box;font-weight: normal;padding:0 5%;overflow: hidden;height: 60px;color: var(--gray3);}
.product-table table tr td.bg1{background: var(--white);}

.swiper-scrollbar-drag{border-radius: 0;background: var(--red);}
.swiper-container-horizontal>.swiper-scrollbar {border-radius: 0;left: 0;height: 4px;width: 100%;bottom: 0;}
.div-product-bottom-content-left {float: left;width: 15%;}
.div-product-bottom-content-right {float: left;width: 85%;}
.swiper-scrollbar {height: 3px;}
.div-product-bottom-gundong {position: relative;width: 90%;float: left;}	
.div-product-bottom-content-gundong{height:863px;overflow:auto;width: 100%;}
.div-product-bottom-content-gundong::-webkit-scrollbar{height:4px; width:3px;background: #cfd6db;}
.div-product-bottom-gundong .swiper-scrollbar{position:absolute;right: 0;bottom: 0;width: 85%;z-index: 1111;}



.div-product-list {background: #f7f7f7;overflow: hidden;padding-bottom: 1%;}
.div-product-list-top {position: relative;}
.div-product-nav {position: relative;z-index: 111;}
.div-product-nav .choice-2{width: 17.5%;float: left;margin-right: 3%;}
.div-product-nav .choice-2 strong {display: block;width: 90%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.choice-2 {position: relative;}
.choice-2 a{position: relative;display: block;padding: 15px 0;overflow: hidden;}
.choice-2 a strong{color: var(--black);}
.choice-2 a i{width: 13px;height: 8px;position: absolute;right: 0;top: 50%;margin-top: -4px;background: url('../image/d.png') center no-repeat;filter:grayscale(100%);}
.choice-2 a::after {content: '';width: 100%;height: 2px;background:var(--black);position: absolute;left: 0;bottom: 0;}
.choice-2 ul{list-style: none;margin: 0;padding:0 ;background:var(--white);padding: 3% 0;overflow: hidden;display: none;position: absolute;width: 100%;z-index: 11;left: 0;box-shadow: 0px 10px 80px 0px rgba(0, 0, 0, 0.1);}
.choice-2 ul a{display: block;color: var(--black);padding: 2% 5%;position: relative;}
.choice-2 ul a::after {content: '';width:3px;height: 0;background:var(--red);position: absolute;left: 0;top:0;transition:all .4s ease;}
.choice-2 ul a:hover {background: var(--gray1);color: var(--red);}
.choice-2 ul a:hover::after {height: 100%;}
.choice-2:hover a.cur i {transform: rotate(-180deg);filter: grayscale(0);}
.choice-2:hover a.cur::after{background: var(--red);}
.search-2 {position: relative;width: 17%;float: left;overflow: hidden;}
.search-1 {border: none;background: none;outline: none;border-bottom: 2px solid var(--black);color: var(--black);padding: 14px 0;width: 100%;box-sizing: border-box;transition:all .4s ease;}
.search-1:focus {border-bottom: 2px solid var(--red);}
.search-1::-webkit-input-placeholder {color: var(--black);}
.searchbtn-1 {width: 20px;height: 20px;position: absolute;right: 0;top: 50%;margin-top: -10px;background: url('../image/ss.png') center no-repeat;filter: grayscale(100%);}
.searchbtn-1:hover {filter: grayscale(0);}
.div-product-nav .choice-2 ul {max-height: 240px;overflow: auto;}

.div-product-list-center {padding: 2% 0 0 0;overflow: hidden;clear: both;}
.div-product-type .title-1{margin-bottom: 3%;padding-bottom: 3%;}
.div-product-type {position: relative;overflow: hidden;margin-bottom: 4%;}
.div-product-item {float: left;width: 48%;margin-right: 2%;margin-bottom: 3%;}
.div-product-item.mr0 {margin-right: 0;}
.div-product-item a{display: block;position: relative;}
.div-product-item .img{box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.06);background: var(--white);overflow: hidden;}
.div-product-item .pic  {transform: translateY(-4%);}
.div-product-item .pic img.img-center {max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: -15%;}
.div-product-item .text{position: absolute;width: 100%;height: 100%;left: 0;bottom:0;z-index: 11;overflow: hidden;}
.div-product-item .text .text-main {position: absolute;left: 5%;width: 90%;bottom:0;z-index: 11;color: var(--black);transform: translateY(60%);}
.div-product-item .title-1{margin-bottom: 0;}
.div-product-item .text-2{overflow: hidden;}
.div-product-item .item-3{margin-top: 3%;opacity: 0;}
.div-product-item .item-3 li{list-style: none;margin: 0;padding: 0;position: relative;padding: 0px 0 0px 20px;color: var(--gray3);}
.div-product-item .item-3 li:before {content: '';width: 6px;height: 6px;position: absolute;left: 0;top: 50%;background: var(--gray3);margin-top: -3px;}
.div-product-item .viewmore-4{margin-top: 3%;position: relative;border-top: 2px solid var(--red);padding: 4% 0;overflow: hidden;opacity: 0;}
.div-product-item .viewmore-4 strong{color: var(--red);}
.div-product-item .viewmore-4 i{width: 13px;height: 8px;position: absolute;right: 0;top: 50%;margin-top: -4px;background: url('../image/d.png') center no-repeat;transform: rotate(-90deg);}
.div-product-item a:hover .text-main{transform: translateY(0);}
.div-product-item a:hover .item-3,.div-product-item a:hover .viewmore-4 {opacity: 1;}
.div-product-item a:hover .pic img {transform: translateY(-17%) scale(.7);}
.div-product-item a:hover .img {box-shadow: 0px 6px 50px 0px rgba(0, 0, 0, 0.06);}
 
.product-top-nav {position: fixed;left: 0;top: 0;z-index: 999;width: 100%;background: #262626;padding: 20px 0;overflow: hidden;transition:all .4s ease;transform: translateY(-100px);}
.product-top-nav.cur {transform: translateY(0);}
.product-top-nav .div-content {position: relative;}
.product-top-nav a{display: inline-block;vertical-align: middle;color: var(--white);}
.product-top-nav a.location{margin-right: 20px;opacity: .3;}
.product-top-nav a.location.cur{opacity: 1;}
.product-top-nav a.location:hover {opacity: 1;}
.product-top-nav a.location:hover strong{color: var(--white);}
.product-top-nav-right {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.product-top-nav a.botton {width: 170px;height: 40px;line-height: 40px;margin-left: 5px;border: 1px solid var(--gray3);text-align: center;border-radius: 2px;}
.product-top-nav a.botton.cur{background: var(--white);color: var(--black);}
.product-top-nav a.botton:hover {background: var(--red);border: 1px solid var(--red);}
.product-top-nav a.botton:hover strong {color: var(--white);}

.div-detail-banner {position: relative;overflow: hidden;}
.div-detail-banner .img{overflow: hidden;margin-bottom: 5%;}
.div-detail-banner .pic{overflow: hidden;}
.div-detail-banner .text{position: absolute;left: 10%;top: 55%;transform: translateY(-50%);width: 31.5%;z-index: 11;color: var(--white);}
.div-detail-banner .text .title-1 {overflow: hidden;}
.div-detail-banner .text .title-1 strong{line-height: 56px;}
.div-detail-banner .text .text-2 {margin-top: 1%;}
.div-detail-banner .text .line-3 {background: #595959;height: 2px;width: 100%;position: relative;margin: 3% auto;}
.div-detail-banner .text .line-3 i{position: absolute;width: 45%;height: 100%;background: var(--red);}
.div-detail-banner .text .text-4 {opacity: .6;}
.div-detail-banner .text .botton-5 {margin-top: 8%;}
.div-detail-banner .text .botton-5 a{display: inline-block;vertical-align: middle;text-align:center ;width: 180px;height: 45px;line-height: 50px;color: var(--black);background: var(--white);border-radius: 2px;margin-right: 5px;}
.div-detail-banner .text .botton-5 a.cur{background: var(--red);color: var(--white);}
.div-detail-banner .text .botton-5 a.cur:hover {background: var(--red2);}
.div-detail-banner .text .botton-5 a:hover {background:var(--gray2);}
.div-detail-banner .english-1 {position: absolute;left: -3%;bottom: -1%;z-index: 1;}
.div-detail-banner .english-1 strong{opacity: .03;color: var(--white);}
.div-detail-banner .product-2 {position: absolute;right: 0;bottom: 0;width: 50%;z-index: 30;text-align: center;}
.div-detail-banner .product-2 img {display: inline-block;max-width: 100%;}

.product-advantages {padding: 5% 0;overflow: hidden;}
.product-advantages-top {text-align: center;}
.product-advantages-bottom{margin-top: 5%;overflow: hidden;position: relative;}
.product-advantages-left {float: left;width: 59%;}
.product-advantages-swiper {position: relative;}
.product-advantages-swiper .pic{position: relative;}
.product-advantages-swiper .pic .video{position: absolute;width:100%;height:100%;left: 0;top: 0;z-index: 9;overflow: hidden;opacity: 0;background: var(--black);}
.product-advantages-swiper .pic .video.cur {opacity: 1;}
.product-advantages-swiper .pic .video video {display: block;width: 100%;height: 100%;}
.product-advantages-swiper .play-1{position: absolute;width: 90px;height: 62px;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('../image/play.png') center no-repeat;z-index: 11;cursor: pointer;}
.product-advantages-swiper .div-close {z-index: 40;right: 5%;top: 5%;position: absolute;}
.product-advantages-swiper .vjs-big-play-button {display: none;}
.product-advantages-right {float: left;width: 41%;height: 100%;position: absolute;right: 0;top: 0;}
.product-advantages-list {position: relative;width: 100%;height: 100%;}
.product-advantages-item {float: left;width: 50%;height: 50%;position: relative;border: 1px solid #dddddd;box-sizing: border-box;cursor: pointer;}
.product-advantages-item::before {content: '';width: 0;height: 3px;position: absolute;left: 0;bottom: 0;background: var(--red);transition:all .4s ease;}
.product-advantages-item .item-1{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;text-align: center;}
.product-advantages-item .icon-1{position: relative;}
.product-advantages-item .title-1{margin-top: 10%;}
.product-advantages-item .img{background: var(--white);}
.product-advantages-item.cur .title-1{color: var(--red);}
.product-advantages-item.cur::before {width: 100%;}
.product-advantages-item:nth-child(2),.product-advantages-item:nth-child(4) {border-left:none;}
.product-advantages-item:nth-child(1),.product-advantages-item:nth-child(2) {border-bottom: none;}
.product-advantages-list.number1 .product-advantages-item{width: 100%;height: 100%;}
.product-advantages-list.number2 .product-advantages-item{width: 50%;height: 100%;}
.product-advantages-list.number3 .product-advantages-item:last-child{width: 100%;height: 50%;}
.product-advantages-list.number2::after,
.product-advantages-list.number3::after {overflow: hidden;position: absolute;content: '';width: 100%;height: 1px;background: #dddddd;z-index: 11;bottom: 0;left: 0;}


.product-parameters {overflow: hidden;background: url('../image/bg21.png') center top no-repeat;background-size: cover;}
.product-parameters-top {text-align: center;}
.product-parameters-top .icon360-1 {width: 100px;margin: auto;}
.product-parameters-top .icon360-1 img {display: block;max-width: 100%;}
.product-parameters-bottom {margin-top: 0;position: relative;overflow: hidden;}
.product-parameters-bottom .img{background: none;}
.product-parameters-bottom .product-1 {position: absolute;left: 50%;top: 50%;z-index: 11;text-align: center;transform: translate(-50%,-50%);}
.product-parameters-bottom .parameters-1 {position: absolute;left: 10%;top: 40%;transform: translateY(-50%);width: 80%;z-index: 20;}
.parameters-item {width: 25%;float: left;position: relative;border-bottom: solid 1px var(--gray2);padding: 4.3% 0;clear: left;}
.parameters-item:nth-child(5),.parameters-item:last-child {border: none;}
.parameters-item .icon-1{float: right;width: 25px;height: 25px;position: relative;border-radius: 100%;background: var(--white);}
.parameters-item * {transition:all .4s ease;}
.parameters-item .text-2{width: 60%;text-align: right;position: absolute;right: 60px;top: 50%;transform: translateY(-50%);}
.parameters-item .text-2 strong{color: var(--black);}
.parameters-item .text-2 p{display: block;margin: 0;padding: 0;color: var(--gray3);}
.parameters-item.fr {float: right;clear: right;}
.parameters-item.fr .icon-1{float: left;}
.parameters-item.fr .text-2{text-align: left;left: 60px;right: auto;}
.parameters-item:hover .icon-1{background: var(--red);}
.parameters-item:hover .icon-1 img {filter: invert(100%);}

.product-video {position: relative;overflow: hidden;background: var(--gray);}
.product-video,.product-video * {user-select: none;}
.product-video-img {position: relative;}
.product-video-img .img{transform: scale(.8);}
.product-video-swiper {position: relative;}
.product-video-swiper .swiper-slide-active { z-index: 11;}
.product-video-item {overflow: hidden;}
.product-video-item .play-1 {position: absolute;width: 90px;height: 62px;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('../image/play.png') center no-repeat;z-index: 11;cursor: pointer;}
.product-video-item .text {position: absolute;left: 10%;bottom: 7%;z-index: 11;width: 80%;color: var(--white);}
.product-video-item .num-1 {overflow: hidden;}
.product-video-item .title-1 {margin-top: 1%;}
.product-video-item .img .video{position: absolute;width:100%;height:100%;left: 0;top: 0;z-index: 9;overflow: hidden;opacity: 0;background: var(--black);}
.product-video-item .img .video.cur {opacity: 1;}
.product-video-item .img .video video {display: block;width: 100%;height: 100%;}
.product-video-item .img .play-1{position: absolute;width: 90px;height: 62px;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('../image/play.png') center no-repeat;z-index: 11;cursor: pointer;}
.product-video-item .img .div-close {z-index: 40;right: 5%;top: 5%;position: absolute;}
.product-video-item .img .vjs-big-play-button {display: none;}
.video-prev,.video-next {bottom: 7%;width: 60px;height: 60px;}
.video-prev {right: 14%;}
.video-next {right: 10%;}


.product-application-scenarios {padding: 10% 0 5% 0;overflow: hidden;background: #f7f7f7;}
.application-scenarios-top {text-align: center;}
.application-scenarios-swiper {margin-top: 5%;position: relative;cursor: url("../image/cos.png"),default!important;}
.application-scenarios-item .pic {transition:all .4s ease;}
.application-scenarios-item .img{position: relative;}
.application-scenarios-item .title-1{position: absolute;left: 0;bottom: 10%;text-align: center;width: 100%;color: var(--white);z-index: 1;}
.application-scenarios-item:hover .pic {transform: scale(1.05);}

.recommend-product {overflow: hidden;padding: 4% 0 5% 0;background: #f7f7f7;}
.recommend-product-top {text-align: center;}
.recommend-product-bottom {width: 81%;margin: auto;margin-top: 3%;}
.recommend-product-swiper {position: relative;padding: 2% 0;}
.recommend-product-swiper .div-product-item {width: 96%;margin: 2%;}

.robot-control-system {padding: 7% 0;overflow: hidden;}
.robot-control-system-left {float: left;width: 43.5%;}
.robot-control-system-left .title-1{margin-top: 4%;}
.robot-control-system-left .text-2{margin-top: 5%;}
.robot-control-system-left .donwload-2 {margin-top: 7%;}
.robot-control-system-left .donwload-2 a { width: 38%;}
.robot-control-system-right {float: right;width: 51%;box-shadow:-5px 0px 30px 0px rgb(0 0 0 / 15%);}
.robot-control-system-right .play-1{position: absolute;width: 90px;height: 62px;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('../image/play.png') center no-repeat;z-index: 11;cursor: pointer;}

.standard-function {padding: 7% 0;overflow: hidden;background: var(--gray1);}
.standard-function-top {text-align: center;}
.standard-function-list {margin-top: 4%;}
.standard-function-list.num5 {overflow: hidden;}
.standard-function-item {float: left;width: 32.444%;margin-right: 1.333%;margin-bottom: 1.333%;position: relative;}
.standard-function-item .text{position: absolute;z-index: 11;left: 8%;top: 15%;width: 84%;height: 75%;}
.standard-function-item .icon-1{overflow: hidden;width: 30%;}
.standard-function-item .number-1 {position: absolute;right: -1%;top: -3%;color: var(--gray1);}
.standard-function-item .text-1 {position: absolute;left: 0;bottom: 0;width: 100%;}
.standard-function-item .img{background: var(--white);}
.standard-function-list.num5 .standard-function-item:nth-child(3) {margin-right: 0;}
.standard-function-list.num5 .standard-function-item:nth-child(4) {width: 49.3%;}
.standard-function-list.num5 .standard-function-item:nth-child(5) {width: 49.3%;margin-right: 0;}

.standard-function-bottom {padding: 2% 0 7% 0;overflow: hidden;background: var(--gray1);}
.standard-function-left {float: left;width: 38%;margin-left: 10%;margin-top: 4.5%;}
.standard-function-left .title-1{overflow: hidden;}
.standard-function-li {margin-top: 13%;}
.standard-function-li li{list-style: none;margin: 0;padding: 0;padding: 3.5% 0;border-bottom: 2px solid var(--gray2);}
.standard-function-li li:last-child {border: none;}
.standard-function-li li i{display: inline-block;vertical-align: middle;color: var(--red);font-style: normal;}
.standard-function-li li span{display: inline;vertical-align: middle;color: var(--gray3);}
.standard-function-right {float: right;width: 45%;}
.standard-function-right .img{background: none;box-shadow: 0px 30px 80px 0px rgba(10, 31, 69, 0.14)}

.users-and-roles {position: relative;overflow: hidden;}
.users-and-roles .img img {opacity: .2;}
.users-and-roles .text{position: absolute;z-index: 11;width: 100%;top: 50%;transform: translateY(-50%);text-align: center;color: var(--white);}
.users-and-roles .title-1{margin-bottom: 1%;}
.users-and-roles .text-1{width: 62%;margin: auto;margin-bottom: 4%;}
.users-and-roles .text .pic img{opacity: 1;max-width: 100%;width: auto;}
.visually-display-agv {padding: 7% 0;overflow: hidden;text-align: center;}
.visually-display-agv .pic {margin-top: 5%;overflow:visible;}
.visually-display-agv .pic img{max-width: 100%;width: auto;box-shadow: 0px 20px 60px 0px rgba(10, 31, 69, 0.1);display: inline-block;height: auto;}

.div-helpchoose {background: url('../image/helpchoose.jpg') center top no-repeat;background-size: cover;padding-top: 120px;overflow: hidden;position: relative;}
.div-helpchoose .path {position: relative;color: var(--black);top: auto;left: auto;width: 94%;margin: auto;padding-bottom: 1%;}
.div-helpchoose .path a {color: var(--black);}
.div-helpchoose .path a i {background: url('../image/home1.png') center no-repeat;}
.div-helpchoose-content {overflow: hidden;position: relative;min-height: 300px;border-top: 1px solid #e0e1e1;}
.helpchoose-left {float: left;width: 13%;padding: 5% 0 2% 3%;overflow: hidden;position: relative;}
.helpchoose-step {position: relative;}
.helpchoose-step-item {position: relative;padding-bottom: 50px;overflow: hidden;}
.helpchoose-step-item:last-child {padding-bottom: 0px;}
.helpchoose-step-item .points-1{width: 40px;height: 40px;float: left;position: relative;}
.helpchoose-step-item .points-1::after {content: '';width: 1px;height: 240%;position: absolute;left: 10px;top: 30px;border-right: 1px dashed #ccc;}
.helpchoose-step-item .points-1 i{width: 20px;height: 20px;border: 1px solid #696969;border-radius: 100%;display: block;position: relative;}
.helpchoose-step-item .points-1 i::after {content: '';width: 4px;height: 4px;position: absolute;left: 50%;top: 50%;margin: -2px 0 0 -2px;border-radius: 100%;background: #696969;transition:all .4s ease;}
.helpchoose-step-item .text{float: left;color:var(--gray3);margin-top: -3px;}
.helpchoose-step-item .number-1{overflow: hidden;}
.helpchoose-step-item .title-1{overflow: hidden;}
.helpchoose-step-item:last-child .points-1::after{display: none;}
.helpchoose-step-item.cur .number-1,.helpchoose-step-item.cur .title-1 {color: var(--red);font-family: 'Roboto-B','Roboto',PingFang SC,'Microsoft YaHei',Arial;}
.helpchoose-step-item.cur .points-1 i{background: var(--red);border: 1px solid var(--red);}
.helpchoose-step-item.cur .points-1 i::after {background: var(--white);transform: scale(2.5);}
.helpchoose-step-item.on .number-1,.helpchoose-step-item.on .title-1 {color: var(--black);font-family: 'Roboto-B','Roboto',PingFang SC,'Microsoft YaHei',Arial;}
.helpchoose-step-item.on .points-1 i{background: var(--black);border: 1px solid var(--black);}
.helpchoose-step-item.on .points-1 i::after {background: var(--white);transform: scale(2.5);}
.helpchoose-step-item.on .points-1::after {border-right: 1px dashed var(--black);}

.helpchoose-center {text-align: center;overflow: hidden;float: left;width: 70%;position: relative;border-left: 1px solid #e0e1e1;border-right: 1px solid #e0e1e1;box-sizing: border-box;}
.helpchoose-center-top {text-align: center;position: relative;padding: 5% 0;overflow: hidden;}
.helpchoose-center-top .title-1 {overflow: hidden;padding: 2.5% 0;}
.helpchoose-center-top .text-2 {font-weight: normal;color: var(--gray3);}
.skip-1 {position: absolute;right: 5%;top: 50%;transform: translateY(-50%);cursor: pointer;}
.skip-1 span{display: inline-block;vertical-align: middle;margin-right: 10px;color: var(--black);}
.skip-1 i{display: inline-block;vertical-align: middle;width: 50px;height: 50px;border-radius: 100%;border: 1px solid var(--black);background: url('../image/r2.png') center no-repeat;}
.skip-1 a:hover i{border: 1px solid var(--red);background: url('../image/r.png') center no-repeat var(--red);}
.return-2 {position: absolute;left: 5%;top: 50%;transform: translateY(-50%);cursor: pointer;}
.return-2 span{display: inline-block;vertical-align: middle;margin-left: 10px;color: var(--black);}
.return-2 i{display: inline-block;vertical-align: middle;width: 50px;height: 50px;border-radius: 100%;border: 1px solid var(--black);background: url('../image/l2.png') center no-repeat;}
.return-2 a:hover i{border: 1px solid var(--red);background: url('../image/l.png') center no-repeat var(--red);}
.helpchoose-center-bottom {border-top: 1px solid #e0e1e1;overflow: hidden;position: relative;}
.helpchoose-center-bottom::after {content: '';width: 1px;height: 100%;position: absolute;left: 50%;top:0;background: var(--gray2);z-index: 1;}
.helpchoose-center-bottom-left {padding: 5% 0;position: relative;overflow: hidden;float: left;width: 50%;}
.helpchoose-center-bottom-item {overflow: hidden;padding: 15% 0;}
.helpchoose-center-bottom-item .icon-1{width: 140px;position: relative;margin: auto;} 
.helpchoose-center-bottom-item .icon-1 img {filter: grayscale(100%);}
.helpchoose-center-bottom-item .title-2{margin: 2% auto 4% auto;color:var(--black);} 
.helpchoose-center-bottom-item .agdd-3{width: 40px;height: 40px;border: 1px solid var(--gray2);border-radius: 100%;position: relative;margin: 10px auto;} 
.helpchoose-center-bottom-item .agdd-3::before {content: '';width: 10px;height: 10px;position: absolute;left: 50%;top: 50%;background: url('../image/ga.png') center no-repeat;margin: -5px 0 0 -5px;filter: grayscale(100%);}
.helpchoose-center-bottom-right {padding: 5% 0;position: relative;overflow: hidden;float: left;width: 50%;}				
.helpchoose-center-bottom-item a:hover .icon-1 img {filter: grayscale(0);}
.helpchoose-center-bottom-item a:hover .title-2 {color: var(--red);}
.helpchoose-center-bottom-item a:hover .agdd-3::before {filter: grayscale(0);}
.helpchoose-center-bottom-item a:hover .agdd-3 {border: 1px solid var(--red);}
.helpchoose-center-bottom-center {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;width: 12%;}
.helpchoose-center-bottom-center .helpchoose-center-bottom-item {box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.08);background:var(--white);padding: 0;}
.helpchoose-center-bottom-center .helpchoose-center-bottom-item a {display: block;padding: 25% 2% 20% 2%;}
.helpchoose-center-bottom-center .helpchoose-center-bottom-item a .title-2{margin: 2% auto 0 auto;}
.helpchoose-right {float: right;width: 14%;overflow: hidden;position: relative;padding-top: 5px;height: 100%;}
.helpchoose-right-top {border-bottom: 1px solid #e0e1e1;}
.current-selection {display: block;padding: 5% 0;text-align: center;width: 100%;color: var(--black);}
.helpchoose-right-bottom {position: absolute;left: 5%;bottom: 2%;width: 90%;z-index: 11;}
.current-button {width: 100%;border: 1px solid var(--gray2);text-align: center;padding: 4% 0;text-align: center;border-radius: 4px;margin: 3% 0;color: var(--black);display: block;}
.current-button.noresults {color: var(--white);border: 1px solid var(--gray3);background: var(--gray3);}
.current-button.cur {color: var(--white);border: 1px solid var(--red);background: var(--red);}
.helpchoose-right-center {padding-top: 4%;overflow: hidden;}
.helpchoose-right-item {position: relative;overflow: hidden;padding: 4% 5%;}
.helpchoose-right-item a{display: block;text-align: center;}
.helpchoose-right-item .icon-1{position: relative;overflow: hidden;}
.helpchoose-right-item .title-2{margin-top:1;color: var(--black);}
.helpchoose-center-product-list {border-top: 1px solid #e0e1e1;overflow: hidden;position: relative;padding: 5%;text-align: left;width: 90%;margin: auto;}
.helpchoose-product-list {width: 90%;margin: auto;overflow: hidden;}
/* .helpchoose-product-list .div-product-item .text .text-main {transform: translateY(40%);} */
.helpchoose-product-list .div-product-item a:hover .text .text-main  {transform: translateY(0);}




/* technology */
.technology-content {padding: 6% 0;overflow: hidden;position: relative;}
.technology-content-left {float: left;width: 45%;margin-top: 13%;}
.technology-content-left .title-1 {width: 80%;}
.technology-content-left .text-2 {color: var(--gray3);margin-top: 5%;}
.technology-content-right {float: right;width: 50%;position: relative;overflow: hidden;}
.technology-content-right .play-1 {position: absolute;width: 90px;height: 62px;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('../image/play.png') center no-repeat;z-index: 11;cursor: pointer;}
.technology-intelligent {overflow: hidden;position: relative;}
.technology-intelligent .text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;width:57%;text-align: center;color: var(--white);z-index: 11;}
.technology-intelligent .text .text-2{margin-top: 3%;opacity: .8;}
.technology-intelligent .img {transform: scale(.8);}
.technology-high-precision {padding: 10% 0 0 0;overflow: hidden;position: relative;}
.technology-high-precision::after {content: '';width: 100%;height: 40%;background: var(--gray1);position: absolute;left: 0;bottom: 0;}
.high-precision-top {overflow: hidden;position: relative;z-index: 11;}
.high-precision-top-left {float: left;width: 38%;}
.high-precision-top-right {float: right;width: 57%;}
.high-precision-top-right .text-1 {color: var(--gray3);text-align: justify;}
.high-precision-bottom {clear: both;padding:5% 0;overflow: hidden;position: relative;z-index: 11;}
.technology-ervo-control {overflow: hidden;padding: 3% 0;background: var(--gray1);}
.ervo-control-left {float: left;width: 50%;}
.ervo-control-right {float: right;width: 43%;margin-top: 10%;}
.ervo-control-right .text-2 {margin-top: 5%;text-align: justify;color: var(--gray3);}
.technology-competitive-advantage {padding: 5% 0;overflow: hidden;background: var(--gray1);}
.competitive-advantage-top {text-align: center}
.competitive-advantage-bottom {margin-top: 4%;position: relative;}
.competitive-advantage-item {position: relative;float: left;width: 30.5%;transition:all .4s ease;margin-right: 4%;margin-bottom: 3%;}
.competitive-advantage-item.mr0 {margin-right: 0;}
.competitive-advantage-item * {transition:all .4s ease;}
.competitive-advantage-item .text {position: absolute;left: 10%;top: 10%;width: 80%;z-index: 11;}
.competitive-advantage-item .icon-1 {width: 70px;height: 70px;}
.competitive-advantage-item .title-1 {margin-top: 5%;position: relative;}
.competitive-advantage-item .title-1::before {content: '';width: 100%;height: 2px;background:var(--gray2);position: absolute;left: 0;bottom: 0;}
.competitive-advantage-item .title-1 h4 {padding-bottom: 7%;display: inline-block;position: relative;}
.competitive-advantage-item .title-1 strong::before {content: '';background: var(--red);z-index: 11;width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;}
.competitive-advantage-item .text-1 {overflow: hidden;color: var(--gray3);padding-top: 7%;}
.competitive-advantage-item .pic {background: var(--white)}
.competitive-advantage-item:hover {transform: translateY(-2%);}
.competitive-advantage-item:hover .title-1 h4{color: var(--red);}
.competitive-advantage-item:hover .text-1{color: #1a1a1a;}


/* application */
.application-content {padding: 5% 0 0 0;overflow: hidden;position: relative;}
.application-content-type {position: relative;z-index: 99;}
.application-content-type .choice-2 {float: left;width: 32%;margin-right: 2%;}
.application-content-type .choice-2:last-child {margin-right: 0;}
.application-content-type .choice-2 ul {overflow: auto; height: 200px;} 
.application-content-list {padding:0 0 4% 0;overflow: hidden;clear: both;}
.application-content-list-top {position: relative;clear: both;overflow: hidden;}
.application-content-item {float: left;width: 31.33%;margin-bottom: 2%;margin-right: 2%;}
.application-content-item.mr0 {margin-right: 0;}
.application-content-item a{display: block;position: relative;width: 100%;height: 100%;overflow: hidden;background: var(--gray1);}
.application-content-item .img{position: relative;border: 1px solid #eee;}
.application-content-item .pic img {opacity: 0;}
.application-content-item .logo-1{width: 100%;height: 100%;opacity: 0;position: absolute;left: 0;top: 0;z-index: 11;}
.application-content-item .text{position: relative;color: var(--black);padding: 5% 7%;overflow: hidden;box-sizing: border-box;}
.application-content-item .title-1{overflow: hidden;}
.application-content-item .text-2{overflow: hidden;color: var(--gray3);margin-top: 1%;}
.application-content-item .viewmore-3{margin-top: 5%;position: relative; padding: 6% 0 0 0;overflow: hidden;}
.application-content-item .viewmore-3::after,.application-content-item .viewmore-3::before  {content: '';width: 100%;height: 2px ;background: var(--gray2);position: absolute;left: 0;top: 0;z-index: 11;}
.application-content-item .viewmore-3::before {width: 0;background: var(--red);z-index: 13;transition:all .4s ease;}
.application-content-item .viewmore-3 strong{color: var(--gray4);}
.application-content-item .viewmore-3 i{width: 8px;height: 13px;position: absolute;right: 0;top: 55%;background: url('../image/r1.png') center no-repeat;filter: grayscale(100%);opacity: .5;}
.application-content-item a:hover .pic{transform: scale(1.05);}
.application-content-item a:hover .logo-1{opacity: 1;}
.application-content-item a:hover .pic img {opacity: 1;}
.application-content-item a:hover .viewmore-3::before {width: 100%;}
.application-content-item a:hover .viewmore-3 strong{color: var(--red);}
.application-content-item a:hover .viewmore-3 i {filter: grayscale(0);opacity: 1;}
.application-content-item.aci1 {width: 66%;margin-bottom:0;margin: 0;}
.application-content-item.aci1 .text{position: absolute;left: 4%;bottom: 5%;width: 92%;z-index: 11;color: var(--white);padding: 0;background: none;}
.application-content-item.aci1 .text-2 {color: var(--white);}
.application-content-item.aci1 .viewmore-3{border: none;margin: 0;padding: 0;position: absolute;right: 0;bottom: 0;z-index: 11;}
.application-content-item.aci1 .viewmore-3::after,.application-content-item.aci1 .viewmore-3::before  {display: none;}
.application-content-item.aci1 .viewmore-3 strong{color: var(--white);margin-right: 20px;}
.application-content-item.aci1 .viewmore-3 i {background: url('../image/r3.png') center no-repeat;margin-top: -9px;opacity: 1;}
.application-content-item.aci1 a:hover .viewmore-3 strong {color: var(--white);}
.application-content-item.aci1 a:hover .pic {opacity: .5;}
.application-content-item.aci1 .pic img {opacity: 1;}
.application-content-item.aci2 {position: absolute;right: 0;top: 0;height: 100%;margin: 0;}
.application-content-item.aci2 .text {transform: translateY(5%);}
.application-content-list-center {margin-top: 2%;overflow: hidden;}

.application-content-list-bottom {overflow: hidden;}
.pageturn {text-align: center;padding: 3% 0;}
.pageturn a {display: inline-block;vertical-align: middle;position: relative;margin: 0;width: 70px;height: 70px;}
.pageturn a.prev i{background: url('../image/l2.png') center no-repeat;} 
.pageturn a.next i{background: url('../image/r2.png') center no-repeat;}  
.pageturn a i {width: 70px;height: 70px;position: absolute;left: 0;top:0;border: 1px solid #e7e7e7;border-radius: 100%;}
.pageturn a span {font-size: 20px;display: block;line-height: 70px;color: var(--black);}
.pageturn a.cur span{color: var(--red);}
.pageturn a.prev:hover i{background: url('../image/l3.png') center no-repeat var(--red);border: 1px solid var(--red);} 
.pageturn a.next:hover i{background: url('../image/r3.png') center no-repeat var(--red);border: 1px solid var(--red);} 
.pageturn a:hover span {color: var(--red);}

.div-banner .logo-1{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 15;text-align: center;}
.application-detail {padding: 4% 0;overflow: hidden;}
.application-detail-content {position: relative;}
.application-detail-left {float: left;width: 70%;margin: auto;}
.application-detail-left-top {border-bottom: 2px solid var(--black);padding: 2% 0;overflow: hidden;}
.application-detail-left-center {padding: 3% 0;}
.application-detail-left-center .date-1,.application-detail-left-center .type-2{display: inline-block;vertical-align: middle;border: rgba(0, 0, 0, 0.1) solid 1px;border-radius: 50px;line-height: 45px;padding: 0 3%;}
.application-detail-left-center .type-2{margin-left: 10px;}
.application-detail-left-center .fenxiang-1{float: right;}
.application-detail-left-bottom {padding: 2% 0;overflow: hidden;clear: both;}
.application-detail-left-bottom .video {position: relative;}
.application-detail-left-bottom video {display: block;width: 100%;height: auto;position: relative;}
.application-detail-left-bottom .play-1{position: absolute;width: 90px;height: 62px;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('../image/play.png') center no-repeat;z-index: 11;cursor: pointer;}
.application-detail-left-bottom strong {font-weight: bold;}
.application-detail-left-bottom p {padding: 0 0;}
.application-detail-left-bottom h1,
.application-detail-left-bottom h2,
.application-detail-left-bottom h3,
.application-detail-left-bottom h4,
.application-detail-left-bottom h5,
.application-detail-left-bottom h6 {font-weight: bold;padding: 1% 0;}
.application-detail-left-bottom img {max-width: 100%!important;height: auto!important;}
.use-the-product {padding: 1% 0;overflow: hidden;}
.use-the-product-top {margin-top: 1%;}
.use-the-product-swiper {position: relative;margin-top: 3%;}
.use-the-product-item {position: relative;overflow: hidden;}
.use-the-product-item a {display: block;overflow: hidden;position: relative;background: var(--gray1);}
.use-the-product-item .img{background: none;float: right;width: 50%;overflow: hidden;}
.use-the-product-item .img img.img-center {max-width: 70%;max-height: 80%;}
.use-the-product-item .text{position: absolute;left: 5%;top: 50%;color: var(--black);transform: translateY(-50%);}
.use-the-product-item .item-3 {margin-top: 5%;}
.use-the-product-item .item-3 li{list-style: none;margin: 0;padding: 0;position: relative;padding: 2px 0 2px 20px;color: var(--gray3);}
.use-the-product-item .item-3 li:before {content: '';width: 8px;height: 8px;position: absolute;left: 0;top: 50%;background: var(--gray3);margin-top: -4px;}
.use-the-product-item a:hover .title-1 strong{color: var(--red);}
.use-the-product-item a:hover .img img.img-center {transform: translateY(-2%);}
.use-the-product-swiper .swiper-pagination {bottom: 5%;width: 100%;}
.use-the-product-swiper .swiper-pagination span{border-radius: 0;margin: 0 5px;}
.use-the-product-swiper .swiper-pagination .swiper-pagination-bullet-active {background: var(--red);}

.application-detail-right {float: right;width: 23%;}
.application-detail-right-top {margin-top: 5%;overflow: hidden;}
.recommended-cases {padding: 7% 0;overflow: hidden;}
.recommended-cases-item {overflow: hidden;}
.recommended-cases-item .text {border-bottom: 1px solid var(--gray);padding: 4% 0;overflow: hidden;}
.recommended-cases-item .title-1{color: var(--black);}
.recommended-cases-item .text-2 {color: var(--gray3);}
.recommended-cases-item .img img {opacity: 0;}
.recommended-cases-item a:hover .pic {transform: scale(1.05);}
.recommended-cases-item a:hover  .title-1 h6{color: var(--red);}

.social-share{position: relative;display: inline-block;vertical-align: middle;}
.social-share a{position:relative;width: 47px;height: 47px;display: inline-block;vertical-align: middle;border: 1px solid var(--gray);border-radius: 100%;margin-left: 10px;}
.social-share a:hover{background: var(--red);}
.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-74px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}
.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}
.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777;}
.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}
.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}
.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}
.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
.social-share .icon-wechat:hover .wechat-qrcode{display:block}
.social-share a::before {content: '';width: 30px;height: 30px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: .5;}
.social-share a:hover::before {filter: invert(100%);opacity: 1;}
.icon-weibo::before {background: url('../image/wb.png') center no-repeat;background-size: 65%;}
.icon-wechat::before {background: url('../image/wx.png') center no-repeat;background-size: 65%;}
.icon-qq::before {background: url('../image/qq.png') center no-repeat;background-size: 53%;}



/* service */
.service-content {padding: 4% 0 7% 0;overflow: hidden;position: relative;}
.service-content.bg1 {padding: 4% 0;background:#f7f7f7;}
.service-content-top {text-align: center;position: relative;}
.service-content-nav a{display: inline-block;width: 240px;height: 60px;text-align: center;border: 1px solid var(--gray2);border-radius: 4px;margin: 0 2px;}
.service-content-nav a span {line-height: 60px;color: var(--gray3);}
.service-content-nav  a.cur,.service-content-nav a:hover{background: var(--red);}
.service-content-nav a.cur span,.service-content-nav a:hover span{color: var(--white);}
.service-content-faq {overflow: hidden;}
.service-faq-item {overflow: hidden;border-bottom: 1px solid var(--gray2);padding: 3% 0;}
.faq-item-title {position: relative;padding-left: 4%;cursor: pointer;}
.faq-item-title::after {content: '';width: 18px;height: 10px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url('../image/d2.png') center no-repeat;filter: grayscale(100%);}
.faq-item-title i{display: block;font-style: normal;width: 40px;height: 40px;line-height: 40px;border-radius: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background:var(--black);color: var(--white);text-align: center;}
.faq-item-title.cur h4 {color: var(--red);}
.faq-item-title.cur::after {filter: grayscale(0);transform: translateY(-50%) rotate(180deg);}
.faq-item-title.cur i {background:var(--red);}
.faq-item-content {display: none;padding: 1.2% 4%;overflow: hidden;}
.service-content-nav {float: left;}
.service-content-nav.text-center {float: none;} 
.service-content-top .search-2{position: absolute;right: 0;}
.service-content-bottom {margin-top: 5%;}
.service-download-list {float: left;width: 32%;margin-right: 1.3%;margin-bottom: 2%;overflow: hidden;transition:all .4s ease;}
.service-download-list.mr0 {margin-right: 0;}
.service-download-list a{display: block;background: var(--white);}
.service-download-list .img{position: relative;background: #fff ;}
.service-download-list .text{padding: 6% 8% 4% 8%;overflow: hidden;}
.service-download-list .title-1{color: var(--black);}
.service-download-list .text-1{overflow: hidden;color: var(--gray3);margin-top: 1%;}
.service-download-list .download-1{margin-top: 5%;position: relative; padding: 6% 0 0 0;overflow: hidden;}
.service-download-list .download-1::after,.service-download-list .download-1::before  {content: '';width: 100%;height: 2px ;background: var(--gray2);position: absolute;left: 0;top: 0;z-index: 11;}
.service-download-list .download-1::before {width: 0;background: var(--red);z-index: 13;transition:all .4s ease;}
.service-download-list .download-1 strong{color: var(--gray4);}
.service-download-list .download-1 i{width: 20px;height: 18px;position: absolute;right: 0;top: 50%;background: url('../image/r4.png') center no-repeat;filter: grayscale(100%);opacity: .5;}
.service-download-list a:hover .download-1::before{width: 100%;}
.service-download-list a:hover i{filter: grayscale(0);opacity: 1;}
.service-download-list a:hover .download-1 strong {color: var(--red);}
.service-download-list a:hover .img .pic {transform: scale(1.05);}
.service-download-list:hover {box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1)}
 

.download-top {position: absolute;width: 80%;left: 10%;top: 60%;z-index: 11;transform: translateY(-50%);}
.download-top-left {color: var(--white);float: left;width: 40%;}
.download-top-left .title-1{position: relative;}
.download-top-left .text-2{margin-top: 1%;}
.download-top-right {float: right;width: 55%;}
.download-top-right .input-item{position: relative;}
.download-top-right .input-item .input-2{float: left;width: 49%;margin-right: 1%;margin-bottom: 1%;}
.download-top-right .input-item .input-2:last-child {margin-right: 0;}
.input-3 {background: var(--white);border-radius: 2px;width: 100%;border: none;padding: 4% 5%;box-sizing: border-box;}
.input-3::-webkit-input-placeholder {color: var(--black);}
.input-3:focus {outline: 1px solid var(--red);}
.select-1 {position: relative;width: 49%;float: left;margin-right: 1%;margin-bottom: 1%;}
.select-1.cur a.cur{background: var(--red);color: var(--white);}
.select-1:last-child {margin-right: 0;}
.select-1 a{padding: 1% 5%;overflow: hidden;color: var(--black);display: block;box-sizing: border-box;width: 100%;position: relative;}
.select-1 a::before {content: '';width: 4px;height: 0;position: absolute;left: 0;top: 0;z-index: 1;background: var(--red);transition:all .4s ease;}
.select-1 a.cur{background: var(--white);border-radius: 2px;padding: 4% 5%;position: relative;}
.select-1 a.cur::after {content: '';width: 14px;height: 8px;position: absolute;right: 5%;top: 50%;transform: translateY(-50%);background: url('../image/down.png') center no-repeat;}
.select-1 ul{background: var(--white);list-style: none;margin: 0;padding: 0;position: absolute;left: 0;width: 100%;padding: 2% 0;overflow: hidden;z-index: 99;display: none;}
.select-1 ul a{display: block;}
.select-1 ul a::before {content: '';width: 3px;height: 0;position: absolute;left: 0;top: 0;z-index: 1;background: var(--red);transition:all .4s ease;}
.select-1 ul a:hover {background: var(--gray1);}
.select-1 ul a:hover::before {height: 100%;}
.donwload-2 {overflow: hidden;}
.donwload-2 a{display: block;position: relative;width:25%;background: var(--red);border-radius: 2px;}
.donwload-2 strong{color: var(--white);padding-left: 10%;line-height: 60px;}
.donwload-2 i{width: 20px;height: 18px;position: absolute;right: 10%;top: 50%;transform: translateY(-50%);background: url('../image/d3.png') center no-repeat;}
.donwload-2 a:hover {background: var(--red2);}
.donwload-2 a.cur {background: var(--gray3);}
.donwload-2 a.cur:hover {background: var(--gray3);}


.div-service-download {padding: 5% 0;overflow: hidden;}
.service-download-top {position: relative;overflow: hidden;}
.service-download-top-left {float: left;width: 47%;overflow: hidden;}
.service-download-top-left .title-1{position: relative;}
.service-download-top-left .title-1::after {content: '';width: 100%;height: 2px;background: var(--gray2);position: absolute;left: 0;bottom: 0;}
.service-download-top-left .title-1 h3{position: relative;display: inline-block;padding-bottom: 4%;}
.service-download-top-left .title-1 h3::after {content: '';width: 100%;height: 2px;background: var(--red);position: absolute;left: 0;bottom: 0;z-index: 11;}
.service-download-top-left .text-2{color: var(--gray3);margin-top: 3%;}
.service-download-top-right {overflow: hidden;width: 26%;position: absolute;right: 0;bottom: 0;}
.service-download-top-right .item-1{overflow: hidden;position: relative;padding: 4% 0;border-bottom: solid 1px var(--gray2);}
.service-download-top-right .item-1 li{margin: 0;padding: 0;float: left;width: 40%;list-style: none;color: var(--gray3);}
.service-download-top-right .item-1 li:last-child {float: right;width: 50%;text-align: right;color: var(--black);}
.service-download-center {padding: 4% 0 0 0;overflow: hidden;}
.service-download-swiper {user-select:none;position: relative;background: url('../image/bg11.jpg') center no-repeat;background-size: cover;}
.service-download-swiper * {user-select:none;}
.service-download-swiper .pic{position: relative;overflow: hidden;user-select:none;}
.service-download-swiper .pic img.img-center {max-width: 90%;max-height: 90%;}
.service-download-swiper .pic img.img-block {opacity: 0;}
.download-prev,.download-next {bottom: auto;top: 50%;margin-top: -32px;border: 1px solid rgba(0,0,0,.1);width: 66px;height: 66px;transition:all .4s ease;}
.download-prev {left: 5%;right: auto;background: url('../image/l2.png') center no-repeat;}
.download-prev:hover {background: var(--red) url('../image/l.png') center no-repeat;}
.download-next {left: auto;right: 5%;background: url('../image/r2.png') center no-repeat;}
.download-next:hover {background: var(--red) url('../image/r.png') center no-repeat;}
.download-botton {position: relative;text-align: center;margin-top: 2%;}
.download-botton .donwload-2 {display: inline-block;vertical-align: middle;}
.download-botton .donwload-2 a {width: 236px;text-align: left;}
.download-botton .social-share a{border: 1px solid var(--gray2);}
.download-botton .social-share a::before {opacity: .8;}

.service-download-other {padding: 5% 0;overflow: hidden;background: var(--gray1);}
.service-download-other-top {text-align: center;}
.service-download-other-bottom {margin-top: 4%;}
.related-resources-swiper {position: relative;}
.related-resources-swiper .service-download-list {width: 100%;margin-right: 0;margin: 0;}

.div-pagetop {padding: 1% 0;overflow: hidden;margin-top: 120px;}
.div-pagetop .path {color: var(--black);position: relative;left: auto;top: auto;}
.div-pagetop .path a i {background: url('../image/home1.png');}
.div-pagetop .path a span,.div-pagetop .path a em{color: var(--black);}
.div-pagetop .title-1 {padding: 5% 0 2% 0;overflow: hidden;}
.div-pagetop .div-content {clear: both;width: 94%;}
.service-contrast {padding: 5% 0;overflow: hidden;background:#f7f7f7;}
.service-contrast-top {position: relative;}
.service-contrast-top .title-1{position: relative;float: left;}
.service-contrast-top .title-1 strong{position: absolute;left: 15%;top: 50%;transform: translateY(-50%);color: var(--gray3);}
.service-contrast-top .title-1 .img{background: none;opacity: 0;}
.service-contrast-top .add-list{position: relative;}
.add-item {width: 90%;position: relative;margin: auto;}
.add-item .text{position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;text-align: center;}
.add-item .text .icon-1{width: 40px;height: 40px;margin:auto;position: relative;}
.add-item .text .icon-1 i{display: block;width: 100%;height:100%;opacity: .5;}
.add-item .text .icon-1 i::before {content: '';width: 100%;height:4px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: var(--gray3);}
.add-item .text .icon-1 i::after {content: '';width: 4px;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: var(--gray3);}
.add-item .text .title-1{margin-top: 20%;color: var(--gray3);}
.add-item .img{background: none;padding-bottom: 15%;overflow: visible;}
.add-item .pic {box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);}
.add-item .img img{display: block;}
.add-item a:hover .icon-1 i{opacity: 1;}
.add-item a:hover .title-1{ color: var(--red);}
.close-1 {position: absolute;right: 14%;top: 10%;z-index: 13;transition:all .4s ease;}
.close-1 i {display: block;width: 20px;height:20px;transform: rotate(45deg);}
.close-1 i::before {content: '';width: 100%;height:2px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: var(--gray3);}
.close-1 i::after {content: '';width: 2px;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: var(--gray3);}
.close-1 a {display: block;overflow: hidden;}
.close-1 a {width: 50px;height: 50px;position: relative;}
.close-1 a:hover {transform: rotate(180deg);}
.close-1 a i {transform: rotate(45deg);position: absolute;left: 50%;top: 50%;margin: -10px 0 0 -10px;}
.add-item .close-1 {right: 5%;top: 5%;}
.add-item .title-2 {position: absolute;left: 0;top: 8%;z-index: 11;width: 70%;}
.add-item .title-2 strong {color: var(--black);text-align: left;}
.add-item .product-2 {position: absolute;left: 0;width: 100%;height:70%;bottom: 0;z-index: 10;text-align: center;}
.add-item .product-2 img {display: inline-block;width: auto;position: absolute;bottom: 0;right: 0;left: 0;margin:auto;}
.service-contrast-bottom {padding-top:2%;overflow: hidden;clear: both;}

.aftersale-content {padding: 4% 0 0 0;overflow: hidden;/* background: url('../../service/images/bg2.jpg') center top no-repeat;background-size: cover;*/} 
.aftersale-content-top {text-align: center;}
.aftersale-content-center {margin-top: 1%;text-align: center;position: relative;} 
.aftersale-content-center img {max-width: 100%;position: relative;z-index: 111;}
.aftersale-content-bottom {text-align: center;}
.aftersale-content-list {font-size: 0;padding-top: 5%;padding-bottom: 8%;}
.aftersale-item {width: 33.33333%;display: inline-block;vertical-align: top;position: relative;}
.aftersale-item a {display: block;overflow: hidden;position: relative;}
.aftersale-item a::after {content: '';width: 0;height: 5px;background: var(--red);position: absolute;left: 0;bottom: 0;z-index: 1;transition:all .4s ease;}
.aftersale-item .text {color: var(--white);position: absolute;left: 10%;bottom: 5%;z-index: 11;width: 80%;}
.aftersale-item .title-1 {overflow: hidden;}
.aftersale-item .text-1 {overflow: hidden;}
.aftersale-item .icon-1 {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 70px;height: 70px;}
.aftersale-item .icon-1 img {max-width: 100%;}
.aftersale-item a:hover{box-shadow: 0px 20px 120px 0px rgba(0, 0, 0, 0.3);transform: scale(1.05);z-index: 11;}
.aftersale-item a:hover .pic {transform: scale(1.05);}
.aftersale-item a:hover::after {width: 100%;}
.aftersale-item:hover {z-index: 20;} 

.software-products {padding: 3% 0;overflow: hidden;}
.software-products-top {text-align: center;}
.software-products-center {margin-top: 4%;}
.software-products-left {float: left;width: 50%;}
.software-products-right {float: right;width: 46%;color: var(--gray3);}
.software-products-right li{list-style: none;margin: 0;padding: 0;padding-left: 15px;position: relative;margin: 2% 0;text-align: justify;}
.software-products-right li::before {content: '';width: 6px;height: 6px;background: var(--red);position: absolute;left: 0;top:11px;}
.software-products-bottom {clear: both;overflow: hidden;padding: 3% 3%;background:#f7f7f7;margin: 5% auto;}
.software-products-nav {position: relative;}
.software-products-nav::after {content: '';width: 100%;height: 2px;background: var(--gray2);position: absolute;left: 0;bottom: 0;transition:all .4s ease;}
.software-products-nav a{position: relative;margin-right: 20px;display: inline-block;padding-bottom: 2%;}
.software-products-nav a::after {content: '';width: 0;height: 2px;background: var(--red);position: absolute;left: 0;bottom: 0;z-index: 11;}
.software-products-nav span{opacity: .6;color: var(--black);}
.software-products-nav a.cur::after {width: 100%;}
.software-products-nav a.cur span {opacity: 1;}
.software-products-nav a:hover span {opacity: 1;}
.software-products-list{margin-top: 4%;overflow: hidden;}
.software-products-swiper {padding-bottom: 5%;overflow: hidden;}
.software-products-item {text-align: center;}
.software-products-item .icon-1 {position: relative;width: 100%;}
.software-products-item .icon-1 i{color: var(--white);}
.software-products-item .text-2{margin-top: 1%;}
.software-products-swiper .swiper-pagination {bottom: 0;width: 100%;}
.software-products-swiper .swiper-pagination-bullet {background: var(--gray4);border-radius: 0;margin: 0 5px;}
.software-products-swiper .swiper-pagination-bullet-active {background: var(--red);}
.software-products-item strong{font-size: 26px;
    font-weight: bold;
    margin-bottom: 14px;
    /* padding-bottom: 10px; */
    display: block;}

.hardware-warranty {padding: 1% 0 8% 0;overflow: hidden;}
.hardware-warranty-top {text-align: center;}
.hardware-warranty-bottom {margin-top: 4%;}
.hardware-warranty-item {float: left;width: 49%;border: 1px solid var(--gray1);box-sizing: border-box;background: #f7f7f7;padding: 3%;margin-right: 2%;position: relative;}
.hardware-warranty-item::after {content: '';width: 100%;height: 5px;background: var(--red);position: absolute;right: 0;bottom: 0;z-index: 1;transition:all .4s ease;}
.hardware-warranty-item.mr0 {margin-right: 0;}
.hardware-warranty-item .english-1{color: var(--white);}
.hardware-warranty-item .title-1{margin-top: 3%;}
.hardware-warranty-item .text-2{color: var(--gray3);margin-top: 2%;}
.hardware-warranty-item:hover::after  {width: 0;right: 0;}

.div-product-compare-add {background: rgba(0,0,0,.3);width: 100%;height: 100%;z-index: 1111;position: fixed;left: 0;top: 0;opacity: 1;transition:all .4s ease;}
.div-product-compare-add.cur {opacity: 0;transform: translateY(-100%);}
.product-compare-add {width: 66%;background: var(--white);padding: 4% 0;box-sizing: border-box;overflow: hidden;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.product-compare-add .close-1{right: 5%;top: 5%;cursor: pointer;transition:all .4s ease;}
.product-compare-add .close-1:hover {transform: rotate(180deg);}
.product-compare-list {position: relative;padding: 0 10%;overflow: hidden;}
.product-compare-list,.product-compare-list * {user-select: none;}
.product-compare-swiper {margin-top: 2%;}
.product-compare-item {overflow: hidden;position: relative;}
.product-compare-item .img{background-color: #f7f7f7;position: relative;}
.product-compare-item .img::before {content: '';width: 0;height: 3px;background: var(--red);position: absolute;left: 0;bottom: 0;z-index: 1111;transition:all .4s ease;}
.product-compare-item .img img.img-center {max-height: 70%;max-width: 70%;}
.product-compare-item .text{text-align: center;margin-top: 5%;color: var(--black);}
.product-compare-item a:hover .img::before{width: 100%;}
.product-compare-item a:hover .text strong{color: var(--red);}
.product-compare-list .swiper-button-prev,.product-compare-list .swiper-button-next {border: 1px solid var(--gray3);bottom: auto;top: 50%;margin-top: -20px;}
.product-compare-list .swiper-button-prev {background: url('../image/l2.png') center no-repeat;left: 3%;}
.product-compare-list .swiper-button-prev:hover {border: 1px solid var(--red);background: url('../image/l.png') center no-repeat var(--red);}
.product-compare-list .swiper-button-next {background: url('../image/r2.png') center no-repeat;right: 3%;}
.product-compare-list .swiper-button-next:hover {border: 1px solid var(--red);background: url('../image/r.png') center no-repeat var(--red);}



/* News */
.news-content {padding: 4% 0;overflow: hidden;}
.news-content-type {text-align: center;}
.news-content-list {padding: 4% 0;overflow: hidden;}
.news-content-top {overflow: hidden;}
.news-content-item {float: left;width: 32%;margin-right: 1.8%;margin-bottom: 1.8%;}
.news-content-item.mr0 {margin-right: 0;}
.news-content-item a{display: block;position: relative;}
.news-content-item .img {position: relative;background:var(--gray1);}
.news-content-item .pic {opacity: 0;}
.news-content-item .text {position: absolute;left: 10%;top: 10%;width: 80%;height: 80%;z-index: 11;}
.news-content-item .date-1{color: var(--gray3);}
.news-content-item .title-1{ color: var(--black);margin-top: 5%;}
.news-content-item .viewmore-2 {position: absolute;left: 0;bottom: 0;}
.news-content-item .viewmore-2 strong {color: var(--black);}
.news-content-item a:hover .pic {opacity: 1;}
.news-content-item a:hover .date-1{color: var(--white);}
.news-content-item a:hover .title-1 h4{color: var(--white);}
.news-content-item a:hover .viewmore-2 {background: var(--red);border: 1px solid var(--red);}
.news-content-item a:hover .viewmore-2 strong {color: var(--white);}

.news-content-items {float: left;width: 32%;margin-right: 1.3%;margin-bottom: 1.8%;}
.news-content-items.mr0 {margin-right: 0;}
.news-content-items a{display: block;position: relative;}
.news-content-items .img {position: relative;background:var(--gray1);}
.news-content-items .pic {transform: scale(1);}
.news-content-items .pic img {opacity: 0;}
.news-content-items .text {position: relative;width: 100%;padding: 5% 0;}
.news-content-items .date-1{color: var(--gray3);}
.news-content-items .title-1{ color: var(--black);margin-top: 5%;}
.news-content-items .viewmore-2 {position: absolute;left: 0;bottom: 0;}
.news-content-items .viewmore-2 strong {color: var(--black);}
.news-content-items a:hover .pic {transform: scale(1.05);}

.page-nextprev {margin: 1% auto;position: relative;overflow: hidden;border-top: 1px solid var(--gray2);}
.page-nextprev a {display: block;padding: 3% 0;overflow: hidden;position: relative;border-bottom: 1px solid var(--gray2);}
.page-nextprev a strong{color: var(--black);width: 60%;overflow: hidden;display: block;}
.page-nextprev a span{display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: var(--gray4);}
.page-nextprev a:hover strong{color: var(--red);}


.title-1 .fwbold{}
.title-1 span{    font-size: 18px;
    margin-top: 5px;
    display: block;}

/* about */
.about-content{padding: 5% 0;overflow: hidden;}
.about-content .index-about-top-right .text-2 {margin-top: 0;}
.milestone-content {padding: 3% 0;overflow: hidden;}
.milestone-content-top {width: 80%;margin: auto;text-align: center;}
.milestone-content-center {position: relative;margin-top: 2%; padding-top:2%}
.milestone-swiper {margin-top: 3%;width: 80%;margin: auto;}
.milestone-item {background: var(--gray1);overflow: hidden;}
.milestone-item-left {float: left;width: 50%;}
.milestone-item-left .pic{position: relative;}
.milestone-item-right {float: left;overflow: hidden;box-sizing: border-box;position: absolute;width: 100%;height: 100%;right: 0;}
.milestone-item-right .item-list {overflow: hidden;top: 50%;transform: translateY(-50%);padding:7%;width: 100%;box-sizing: border-box;left: 0;position: absolute;}
.milestone-item-right .text{padding:5% 0;border-bottom: 1px solid var(--gray2);text-align:center}
.milestone-item-right .title-1{margin-bottom: 1%;    width: 30%;
    float: left;color:var(--red)}
.milestone-item-right .text-2{opacity: .8;font-size:16px;}
.milestone-item-right .text:hover .title-1{color: var(--red);}
.milestone-year-swiper {position: relative;width: 90%;margin:auto;overflow:hidden;}
.milestone-year-swiper::after {content: '';width: 100%;height: 1px;background: var(--gray5);position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 1;}
.milestone-year-swiper .swiper-wrapper {z-index: 11;}
.milestone-year {text-align: center;overflow: hidden;cursor: pointer;padding: 5% 0;z-index: 11;position: relative;}
.milestone-year .point-1{position: relative;z-index: 11;margin-top: 11%;}
.milestone-year .point-1 i{width: 10px;height: 10px;border-radius: 100%;margin: auto;background: var(--gray5);display: block;}
.milestone-year .point-1 i::before {content: '';width: 20px;height: 20px;border: 1px solid var(--red);border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;z-index: 11;}
.milestone-year .point-1 i::after {content: '';width: 8px;height: 8px;border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;background: var(--red);opacity: 0;}
.milestone-year .title-1{margin-top: 5%;}
.milestone-year .title-1 strong{color: var(--gray4);}
.milestone-year-swiper .swiper-slide-active .title-1 strong{color: var(--red);font-size: 50px;}
.milestone-year-swiper .swiper-slide-active .point-1 i {background:none;}
.milestone-year-swiper .swiper-slide-active .point-1 i::before,.milestone-year-swiper .swiper-slide-active .point-1 i::after {opacity: 1;} 
.milestone-prev,.milestone-next {bottom: auto;top: 50%;width: 70px;height: 70px;margin-top: -35px;z-index: 12;}
.milestone-prev {left: 0;right: auto;background: var(--black) url('../image/l.png') center no-repeat;}
.milestone-next {left:auto; right: 0;background: var(--red) url('../image/r.png') center no-repeat;}
.milestone-prev.swiper-button-disabled,.milestone-next.swiper-button-disabled  {opacity: 1;}

.honor-content {padding: 5% 0;overflow: hidden;background: url(../../images/indgy_bg.png) no-repeat;
    background-size: cover;}
.honor-content-top {text-align: center;}
.honor-content-top .title-1{color: var(--black);}
.honor-content-top .text-1{width: 50%;margin: auto;margin-top: 1%;opacity: .6;color: var(--black);}
.honor-content-top .service-content-nav.text-center {margin-top: 2%;}
.honor-content-top .service-content-nav a strong{color: var(--black);}
.honor-content-top .service-content-nav a.cur {border:none;}
.honor-content-top .service-content-nav a{border: 1px solid rgba(0,0,0,.2);}
.honor-content-center {margin-top:5%; }
.honor-content-swiper  {width: 80%;margin: auto;min-height: 500px;}
.honor-item {position: relative;overflow: hidden;}
.honor-content-swiper .pic {position: relative;overflow: hidden;transition:all .4s ease;margin-top: 9%;}
.honor-content-swiper .pic img {max-width: 88%;max-height: 88%;}
.honor-content-swiper .title-1 {margin-top:5%;text-align: center;opacity: 0;}
.honor-content-swiper .title-1 h5{color:var(--black);}
.honor-content-swiper .swiper-slide-active .title-1{opacity: 1;}
.honor-content-swiper .swiper-slide-active .pic  {margin-top: 0;}
.honor-content-swiper .swiper-slide-active .pic img {max-width: 88%;max-height: 88%;}
.honor-content-swiper .swiper-slide-prev {text-align: left;}
.honor-content-swiper .swiper-slide-prev img.img-center {right:auto;}
.honor-content-swiper .swiper-slide-next {text-align: left;}
.honor-content-swiper .swiper-slide-next img.img-center {left:auto;}
.honor-prev ,.honor-next {border: none;background: none;bottom: auto;top: 50%;transform: translateY(-50%);}
.honor-prev::after ,.honor-next::after {display: block;color: var(--black);font-size: 34px;font-weight:normal;}
.honor-prev {left: 36%;}
.honor-next {right: 36%;}

.corporate-culture {padding: 2% 0;overflow: hidden;}
.corporate-culture-top {text-align: center;}
.corporate-culture-bottom {margin-top: 5%;position: relative;overflow: hidden;background:#eee}
.corporate-culture-item {transition:all .4s ease;width: 16.66%;height: 100%;position: absolute;overflow: hidden;left: 0;top: 0;z-index: 1;cursor: pointer;}
.corporate-culture-item * {transition:all .4s ease;}
.corporate-culture-item.cur {width: 50%;z-index: 11;}
.corporate-culture-item .img{overflow: hidden;width: 100%;height: 100%;filter: grayscale(100%);position: relative;}
.corporate-culture-item .img::after{content: '';width: 100%;height: 50%;position: absolute;left: 0;bottom: 0;z-index: 1;background-image: linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0));}
.corporate-culture-item .text{position: absolute;left: 10%;bottom: -110px;width: 80%;z-index: 11;color: var(--white); }
.corporate-culture-item .title-1{overflow: hidden;}
.corporate-culture-item .text-2{margin-top: 2%;opacity: 0;}
.corporate-culture-item.ccb2 {left: auto;right: 33.3333%;}
.corporate-culture-item.ccb2.two {left: auto;right: 66.6666%;}
.corporate-culture-item.ccb3 {left: auto;right:16.666%;}
.corporate-culture-item.ccb3.free {left: auto;right:49.666%;}
.corporate-culture-item.ccb4 {left: auto;right: 0;}
.corporate-culture-item.cur .text{left:5%;bottom: 5%;width: 90%;}
.corporate-culture-item.cur .text-2{opacity:1;}
.corporate-culture-item.cur .img {filter: grayscale(0);}

.partner-content {padding: 0 0 5% 0;overflow: hidden;}
.partner-content-top {position: relative;}
.partner-prev,.partner-next {position: absolute;border:none;width: 60px;height: 60px;}
.partner-prev {background: var(--black) url('../image/l.png') center no-repeat;right: 70px;}
.partner-next  {background: var(--red)  url('../image/r.png') center no-repeat;right: 0;}
.partner-content-bottom {margin-top: 3%;}
.partner-item {text-align: center;position: relative;overflow: hidden;background: var(--gray1);padding: 5% 0;}
.partner-item .pic{position: relative;margin: 5% 0;}
.partner-item .title-1{padding:0;overflow: hidden;border-top: 1px solid var(--gray2);width: 85%;margin: auto;padding-top: 5%;}

.contact-content {padding: 6% 0 8% 0;overflow: hidden;background: #f7f7f7;}
.contact-content-top {overflow: hidden;padding-bottom: 3%;}
.contact-content-bottom {overflow: hidden;padding-top: 4%;}
.contact-content-bottom .contact-item{float: left;width: 30%;margin-right: 3%;position: relative;}
.contact-content-bottom .contact-item .icon-1{position: relative;overflow: hidden;}
.contact-content-bottom .contact-item .title-1{position: relative;margin-top: 5%; }
.contact-content-bottom .contact-item .title-1::before {content: '';width: 100%;height: 2px;position: absolute;left: 0;top: 0px;background: var(--gray2);}
.contact-content-bottom .contact-item .title-1 h4{position: relative;padding-top:5%;display: inline-block;}
.contact-content-bottom .contact-item .title-1 h4::before  {background: var(--red);z-index: 11;content: '';width: 100%;height: 2px;position: absolute;left: 0;top:0;}
.contact-content-bottom .contact-item .text-1{margin-top: 1%;color: var(--gray3);position: relative;}
.contact-map {position: relative;width: 100%;height: auto;overflow: hidden;}
.contact-map-addlist {position: absolute;width: 28%;right: 5%;top: 50%;transform: translateY(-50%);z-index: 11;background: var(--white);color: var(--black);box-sizing: border-box;padding: 2% 3% 3% 3%;overflow: hidden;}
.contact-map-addlist a{border-bottom: 2px solid var(--gray2);padding: 5% 0;overflow: hidden;color: var(--gray4);display: block;}
.contact-map-addlist a.cur,.contact-map-addlist a:hover{color: var(--red);border-bottom: 2px solid var(--red);}
.contact-map-content {overflow: hidden;position: relative;}
.contact-map-add {position: absolute;width: 25%;z-index: 11;padding: 1.5% 2%;overflow: hidden;background: var(--white);top: 50%;left: 20%;}
.contact-map-add .addname-1{color: var(--black);}
.contact-map-add .addtel-1{color: var(--black);}
.contact-map-add .adds-1{margin-top: 6%;color: var(--gray3);}
.contact-map-swiper {position: relative;background: var(--gray2);}
.contact-map-swiper iframe {border:none;border: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;filter: grayscale(1);}
.contact-map-swiper .swiper-slide {background: var(--gray2);}
.contact-map-swiper .swiper-slide-active {z-index: 10;}

.suggestions-content {padding: 5% 0;overflow: hidden;}
.suggestions-content-left {float: left;width: 40%;}

.recruiting-content {padding: 5% 0;overflow: hidden;background:#f7f7f7;}
.recruiting-content-left {float: left;width: 20%;overflow: hidden;}
.recruiting-content-left .filter{overflow: hidden;margin-bottom: 5%;}
.recruiting-content-left .filter .title-1{border-bottom: 2px solid var(--black);padding-bottom: 5%;}
.filter-type{padding: 6% 0;overflow: hidden;border-bottom: 1px solid var(--gray2);margin-bottom: 4%;}
.filter-type a.type-1{color: var(--black);position: relative;display: block;}
.filter-type a.type-1::after {content: '';width: 13px;height: 8px;position: absolute;right: 0;top: 50%;background: url('../image/d.png') center no-repeat;filter: grayscale(100%);transform: translateY(-50%);}
.filter-type ul{list-style: none;margin: 0;padding: 0;padding: 4% 0;overflow: hidden;}
.filter-type ul li{list-style: none;margin: 0;padding: 0;padding: 2% 0;overflow: hidden;}
.filter-type ul li a{display: block;position: relative;}
.filter-type ul li i{display: inline-block;vertical-align: middle;position: relative;width: 14px;height: 14px;border-radius: 2px;border: 1px solid var(--gray2);}
.filter-type ul li i::before {content: '';width: 12px;height: 12px;position: absolute;left: 50%;top: 50%;margin: -6px 0 0 -6px;border-radius: 100%;background: url('../image/gou.svg') center no-repeat;background-size:100%;display: none;}
.filter-type ul li span{color: var(--gray3);display: inline-block;vertical-align: middle;margin-left: 10px;}
.filter-type ul li.cur i {background: var(--red);border: 1px solid var(--red);}
.filter-type ul li.cur i::before {display: block;}
.filter-type ul li.cur span {color: var(--black);}
.filter-type.cur a.type-1::after  {transform: translateY(-50%) rotate(-180deg);}
.filter-type ul li a:hover span {color: var(--black);}
.filter-type ul li a:hover i {border: 1px solid var(--black);}
.filter-type.single i{border-radius: 100%;}
.jobtel {position: relative;margin-top: 5%;clear: both;overflow: hidden;}
.jobtel .icon-1 {overflow: hidden;margin-top: 3%;}
.jobtel .icon-1 img {max-width: 40px;}
.jobtel .tel-1{overflow: hidden;position: relative;padding-top: 5%;margin-top: 5%;}
.jobtel .tel-1::after,.jobtel .tel-1::before {content: '';width: 100%;height: 2px;position: absolute;left: 0;top: 0;background: var(--gray2);}
.jobtel .tel-1::before  {background: var(--red);z-index: 11;width: 60%;}
.jobtel .text-1{color: var(--gray3);}

.recruiting-content-right {float: right;width: 73%;position: relative;padding: 0 3%;margin-right: -2%;}
.recruiting-content-right-top {position: relative;padding:1% 0;margin-top: -.8%;}
.positions-found {overflow: hidden;border-bottom: 2px solid var(--gray2);padding-bottom:1.5%;overflow: hidden;float: left;width: 67%;}
.positions-found span{display: inline-block;vertical-align: middle;color: var(--gray4);}
.positions-found span.red{color: var(--red);}
.recruiting-content-right-top .search-2{position: absolute;right: 0;top: 0;width: 30%;}
.recruiting-content-right-center {clear: both;}
.recruiting-list {position: relative;padding: 2% 0;}
.recruiting-item {margin: 2% auto;width: 95%;    border-bottom: 1px solid #eee;}
.recruiting-item a{display: block;position: relative;background: var(--white);}
.recruiting-item a::before {content: '';width: 4px;height:0;position: absolute;left: 0;top: 0;z-index: 5;background: var(--red);transition:all .4s ease;}
.recruiting-item .text {position: absolute;
    left: 35%;
    top: 50%;
    /* width: 80%; */
    z-index: 11;
    width: 56%;
    color: var(--black);
    transform: translateY(-50%);}
.recruiting-item .text .title-1{overflow: hidden;}
.recruiting-item .text-2 {color: var(--black);margin-top: .5%;}
.recruiting-item .text-3{margin-top: 1%;overflow: hidden;}
.recruiting-item .text-3 li{list-style: none;margin: 0;padding: 1px 0 1px 15px;position: relative;color: var(--gray3);}
.recruiting-item .text-3 li::before{content: '';width: 6px;height: 6px;position: absolute;left: 0;top:12px;background: var(--gray4);}
.viewdetails-1 {position: absolute;right: 5%;top: 50%;transform: translateY(-50%);text-align: center;}
.viewdetails-1 .icon-1 img{filter: grayscale(100%);opacity: .6;}
.viewdetails-1 .title-1{margin-top: 1%;}
.viewdetails-1 .title-1 strong{color: var(--gray4);}
.recruiting-item .img {background: none;}
.recruiting-item a:hover {box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.1);}
.recruiting-item a:hover::before {height: 100%;}
.recruiting-item a:hover .text .title-1 strong,.recruiting-item a:hover .viewdetails-1 .title-1 strong{color: var(--red);}
.recruiting-item a:hover .viewdetails-1 .icon-1 img{filter: grayscale(0);opacity: 1;}
.recruiting-item a:hover  {transform: scale(1.05);}

.recruiting-detail {padding: 5% 0;overflow: hidden;position: relative;}
.recruiting-detail .return-1{position: absolute;left: 1%;top: 1%;z-index: 1;}
.recruiting-detail .return-1 a{display: block;width: 80px;height: 80px;background: var(--white);box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.08);border-radius: 100%;}
.recruiting-detail .return-1 i{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url('../image/l2.png') center no-repeat;}
.recruiting-detail .return-1 a:hover {background: var(--red);}
.recruiting-detail .return-1 a:hover i {background: url('../image/l3.png') center no-repeat;}
.recruiting-detail-top {width: 74%;margin: auto;}
.recruiting-detail-top .title-1{color: var(--black);}
.recruiting-detail-top .text-2{color: var(--gray3);margin-top: 1%;}
.recruiting-detail-top .line-3{width: 100%;height: 2px;background: var(--gray2);position: relative;margin: 4% 0;}
.recruiting-detail-top .line-3 i{position: absolute;left: 0;top: 0;width: 50%;background: var(--red);height: 100%;}
.recruiting-detail-center {width: 74%;margin: auto}
.recruiting-detail-item {overflow: hidden;margin-top: 3%;}
.recruiting-detail-item .title-1{overflow: hidden;}
.recruiting-detail-item .item-2{margin-top: 2%;}
.recruiting-detail-item .item-2 li{list-style: none;margin: 0;padding: 1px 0 1px 15px;position: relative;color: var(--gray3);}
.recruiting-detail-item .item-2 li::before{content: '';width: 6px;height: 6px;position: absolute;left: 0;top:12px;background: var(--gray4);}
.recruiting-detail-botton {margin-top: 4%;}
.recruiting-detail-botton a.resume-1{width: 20%;background: var(--red);padding: 1% 0;text-align: center;display: block;}
.recruiting-detail-botton a.resume-1 strong {color: var(--white);}
.recruiting-detail-botton a.resume-1:hover {background: var(--red2);}
 
.relevant-positions-detail-other {padding: 6% 0;overflow: hidden;background: var(--gray1);}
.relevant-positions-detail-other .div-content {width: 60%;margin: auto;}
.relevant-positions-other {margin-top: 1%;}

.recruiting-windows {background:rgba(0,0,0,.3);position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 999;transition:all .4s ease;transform: translateY(-100%);}
.recruiting-windows.cur {transform: translateY(0);}
.recruiting-windows-content {background: var(--white);width: 40%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;box-sizing: border-box;padding:3%;overflow: hidden;}
.recruiting-windows-content .close-1 {right: 3%;top: 3%;}
.recruiting-windows-content .close-1 a i{margin: -15px 0 0 -15px;}
.recruiting-windows-content .close-1 i {width: 30px;height:30px;transition:all .4s ease;}
.recruiting-windows-content .close-1 i:hover {transform: rotate(225deg);}
.recruiting-windows-top {text-align: center;}
.recruiting-windows-top .title-1  {color: var(--black);}
.recruiting-windows-top .text-2  {color: var(--gray3);margin-top: 2%;}
.recruiting-windows-center {overflow: hidden;width: 90%;margin: auto;margin-top: 4%;}
.recruiting-windows-center .input-item{padding:2px 0;overflow: hidden;position: relative;}
.recruiting-windows-center .title-1{color: var(--black);}
.recruiting-windows-center .item-3{padding: 1% 0;overflow: hidden;position: relative;}
.recruiting-windows-center .input-4{width: 100%;background: var(--white);border: 1px solid var(--gray2);padding: 2.5%;box-sizing: border-box;}
.recruiting-windows-center .title-1 span{color: var(--gray3);}
.recruiting-windows-center .upload-4{position: absolute;right: 0;top: 50%;transform: translateY(-50%);border: none;background: var(--black);color: var(--white);text-align: center;height: 60%;width: 15%;cursor: pointer;}
.recruiting-windows-center .upload-4:hover {background: var(--red);}
.recruiting-windows-center .submit-1{width: 100%;background: var(--red);border: none;line-height: 60px;padding: 0;margin-top: 1%;}
.recruiting-windows-center .submit-1 span {line-height: normal;}
.recruiting-windows-center .submit-1:hover {background: var(--red2);}

.responsibility-content {padding: 5% 0;overflow: hidden;}
.responsibility-content-top {text-align: center;position: relative;}
.responsibility-content-top .title-1 {width: 100%;text-align: center;z-index: 11;}
.responsibility-content-center {margin-top: 5%;position: relative;overflow: hidden;}
.responsibility-content-bottom {margin-top: 8%;text-align: center;}
.responsibility-content-list {overflow: hidden;margin-top: 4%;}
.responsibility-item {float: left;width: 49%;margin-right: 1%;overflow: hidden;margin-bottom: 1%;}
.responsibility-item.mr0 {margin-right: 0;}
.responsibility-item .title-1{text-align: center;margin-top: 2%;color: var(--black);}


 
.capability-content-bottom-swiper {width: 50%;margin: auto;}
.capability-item {position: relative;border: 1px dashed #ccc;border-radius: 100%;opacity: 0;background-position: center; background-repeat: no-repeat;}
.capability-item::before{content: '';width: 70%;height:70%;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);background: #f0f1f2;border-radius: 100%;}
.capability-item .text{width: 50%;position: absolute;left: 25%;top: 50%;z-index: 11;color: #fff;text-align: center;transform: translateY(-50%);}
.capability-item .text .icon-1{width: 50px;height: 50px;margin: auto;position: relative;}
.capability-item .text .icon-1 img{filter: invert(100%);}
.capability-item .text .title-1{font-weight: bold;padding-top: 20px;}
.capability-item .text .text-2{padding-top: 20px;min-height: 150px;}
.capability-item .text .num-3{opacity: .4;font-family: 'Montserrat-Bold';}
.capability-item .img{border-radius: 100%;background-color: #f0f1f2;width: 60%;margin: 20%;z-index: 1;}
.capability-item .img img {opacity: .9;}
.capability-content-bottom-swiper .swiper-slide-active .capability-item{background-size: 85%;opacity: 1;z-index: 11;}
.capability-content-bottom-swiper .swiper-slide:nth-child(1).swiper-slide-active .capability-item{ background-image: url('../image/capability1.png');}
.capability-content-bottom-swiper .swiper-slide:nth-child(2).swiper-slide-active .capability-item{ background-image: url('../image/capability2.png');}
.capability-content-bottom-swiper .swiper-slide:nth-child(3).swiper-slide-active .capability-item{ background-image: url('../image/capability3.png');}
.capability-content-bottom-swiper .swiper-slide:nth-child(4).swiper-slide-active .capability-item{ background-image: url('../image/capability4.png');}
.capability-nav {position:absolute;left: 25%;top: 0;width: 50%;height: 100%;z-index: 11;}
.capability-nav li{list-style: none;padding: 0;margin: 0;position: absolute;width: 60%;}
.capability-nav li a{display: block;overflow: hidden;}
.capability-nav li i{width: 60px;height: 60px;background: #e6e6e6;border-radius: 100%;margin: 0 10px;float: left;position: relative;}
.capability-nav li i img {max-width: 50%;max-height: 50%;opacity: .5;}
.capability-nav li span{float: left;font-weight: bold;margin: 5px ;color: var(--gray3);}
.capability-nav li:nth-child(1) {left: 74%;top: 15%;text-align: left;}
.capability-nav li:nth-child(2) {left: 74%;bottom: 15%;text-align: left;}
.capability-nav li:nth-child(3) {right: 74%;bottom: 15%;text-align: right;}
.capability-nav li:nth-child(4) {right: 74%;top: 15%;text-align: right;}
.capability-nav li:nth-child(3) span,.capability-nav li:nth-child(3) i{float: right;}
.capability-nav li:nth-child(4) span,.capability-nav li:nth-child(4) i{float: right;}
.capability-nav li.cur span{opacity: 1;}
.capability-nav li.cur i {background: #e60012;}
.capability-nav li.cur i img {opacity: 1;filter: invert(100%);}

.demand-feedback {padding: 8% 0;overflow: hidden;}
.demand-feedback .div-content {width: 70%;}
.demand-feedback-top {text-align: center;}
.demand-feedback-center {margin-top: 4%;}
.demand-feedback-nav {text-align: center;}
.demand-feedback-nav a{display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid var(--gray2);
    border-radius: 4px;
    width: 20%;
    margin: 2.3%;
    padding: 0% 0 1% 0;}
.demand-feedback-nav a.cur {border: 1px solid var(--red);}
.demand-feedback-nav a.cur .title-1 {color: var(--red);}
.demand-feedback-nav a.cur .icon-1 img{filter: grayscale(0);width:100%}
.demand-feedback-nav .icon-1{margin: auto;position: relative;}
.demand-feedback-nav .icon-1 img{width:100%}
.demand-feedback-nav .title-1{color: var(--gray3);}
.demand-feedback-bottom {margin-top: 2%;}
.demand-feedback-swiper {position: relative;}
.demand-feedback-from {position: relative;width: 99%;margin: auto;}
.from-item3 {position: relative;padding-bottom: 2%;margin-bottom: 2%;margin-top: 2%;}
.from-item3 .fromili{width: 32.5%;float: left;margin-right: 1%;position: relative;}
.from-item3 .fromili.mr0 {margin-right: 0;}
.from-item3 .fromili span{display: block;padding-bottom: 10px;}
.from-item3 .fromili .choice-2{border: 1px solid var(--gray2);width: 100%;height: 60px;box-sizing: border-box;padding: 5%;background: #f7f7f7;}
.from-item3 .fromili .choice-2.cur {border: 1px solid var(--red);}
.from-item3 .fromili .choice-2 ul{height: 300px;overflow: auto;top: 60px;}
.from-item3 .fromili .choice-2 a.cur {padding: 0;margin-top: -1%;}
.from-item3 .fromili .choice-2 a.cur strong {font-weight: normal;font-family: 'Roboto-R','Roboto',PingFang SC,'Microsoft YaHei',Arial;}
.from-item3 .fromili .choice-2 a::after {display: none;}
.from-item3 .fromili li.itemli {float: left;width: 48%;position: relative;}
.from-item3 .fromili li.itemli:last-child,.from-item3 .fromili li.itemli.mr0 {float: right;}
.from-item3 .fromili li.itemli:first-child::after {content: '';width: 10px;height: 1px;background: var(--black);position: absolute;right: -13px;top: 70%;}
.from-item1 {position: relative;margin-bottom: 2%;margin-top: 2%;}
.from-item1 span{display: block;padding-bottom: 10px;}
.input-4,.textarea-4 {border: 1px solid var(--gray2);width: 100%;height: 60px;box-sizing: border-box;padding: 0 5%;background: #f7f7f7;color: var(--black);border-radius: 2px;transition:all .4s ease;font-size: 18px;}
.input-4:focus {border: 1px solid var(--black);}
.input-4.cur {border: 1px solid var(--red);}
.textarea-4 {height: 200px;padding:20px;}
.textarea-4:focus {border: 1px solid var(--black);}
.from-submit .submit-1 {height: auto;padding: 1.3%;}
.from-item2 {position: relative;padding-bottom: 2%;margin-bottom: 2%;margin-top: 2%;}
.from-item2 .fromili {width: 49.5%;float: left;position: relative;}
.from-item2 .fromili span{display: block;padding-bottom: 10px;}
.from-item2 .fromili:last-child {float: right;}

.choice-select-2 {position: absolute;width: 100%;left: 0;top:100px;z-index: 111;box-sizing: border-box;padding:3% 0;overflow: hidden;background: #fff;box-shadow: 0px 10px 60px 0px rgba(0,0,0,0.08);display: none;}
.choice-one-1 {height: 200px;overflow: auto;position: relative;width: 50%;float: left;}
.choice-one-1 li a{display: block;color: var(--black);padding: 10px 5%;overflow: hidden;box-sizing: border-box;position: relative;}
.choice-one-1 li a:hover {background: var(--gray1);}
.choice-one-1 li a.select1{width: 100%;padding-right: 10%;}
.choice-one-1 li a.select1::after {content: '';width: 7px;height: 11px;position: absolute;right:10%;top: 50%;margin-top: -5px;background: url('../image/r2.png') center no-repeat;opacity: .5;}
.choice-one-1 li.cur a.select1 {color: var(--red);}
.choice-one-1 li.cur a.select1::after{background: url('../image/r4.png') center no-repeat;opacity: 1;}
.from-choice-select {float: right;width: 50%;height: 200px;overflow: auto;position: relative;}
.choice-two-2 {height: 100%;overflow: auto;position: absolute;width: 90%;left:5%;top: 0;display: none;}
.choice-two-2.cur {display: block;z-index: 111;}
.choice-two-2 li a{display: block;color: var(--black);padding: 10px 5%;overflow: hidden;box-sizing: border-box;position: relative;}
.choice-two-2 li a:hover {background: var(--gray1);}
.choice-two-2 li a.select2{width: 100%;}
.demand-feedback-swiper .swiper-slide{opacity: 0;}
.demand-feedback-swiper .swiper-slide-active{opacity: 1;z-index: 11;background: var(--white);}



/* menu */
.menu-toggle {display: none;width: 40px;height: 40px;position: absolute;overflow: hidden;right: 1%;top: 20px;display: none;}
.cd-nav-trigger {display: block;width: 40px;height: 40px;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:2px;background:#000;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);background: #fff;}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;background: #fff;}

@keyframes jinduain100{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{width: 0;}100%{width: 100%;}}
@keyframes jinduain80{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{width: 0;}100%{width: 80%;}}
@keyframes jinduain70{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{width: 0;}100%{width: 70%;}}
@keyframes jinduain40{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{width: 0;}100%{width: 40%;}}
.jindu100{-webkit-animation-name:jinduain100;animation-name:jinduain100;-webkit-animation-duration:.9s;animation-duration:.9s}
.jindu80{-webkit-animation-name:jinduain80;animation-name:jinduain80;-webkit-animation-duration:.9s;animation-duration:.9s}
.jindu70{-webkit-animation-name:jinduain70;animation-name:jinduain70;-webkit-animation-duration:.9s;animation-duration:.9s}
.jindu40{-webkit-animation-name:jinduain40;animation-name:jinduain40;-webkit-animation-duration:.9s;animation-duration:.9s}




/* other */

.div-videoshow {display: block;width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 9999;transform: translateY(-200%);transition:all .4s ease;background: rgba(0,0,0,.8);}
.div-videoshow.cur {transform: translateY(0);}
.div-videoshow-content {width: 60%;height:50%;margin: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.div-videoshow video {display: block;width: 100%;height:auto;}
.div-close {width: 50px;height: 50px;position: fixed;right: 2%;top: 2%;border-radius: 100%;background-color: #fff;z-index: 999;transform: rotate(45deg); cursor: pointer;}
.div-close::before,.div-close::after {content: '';background: #000;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.div-close::before {width: 20px;height: 2px;}
.div-close::after {width: 2px;height: 20px;}
.video-js {width: 100%;height: 100%;}


.div-search-page {padding-top: 130px;overflow: hidden;background: url('../image/searchbg.png') right top no-repeat ;}
.div-search-page .path {position: relative;}
.div-search-page .path {position: relative;color: var(--black);top: auto;left: auto;width: 94%;margin: auto;padding-bottom: 1%;}
.div-search-page .path a {color: var(--black);}
.div-search-page .path a i {background: url('../image/home1.png') center no-repeat;}
.div-search-content {min-height: 300px;overflow: hidden;width: 80%;margin: auto;}
.div-search-top {margin-top: 5%;width: 40%;}
.div-search-top .title-1{margin-bottom: 3%;}
.search-content {position: relative;overflow: hidden;}
.div-search-page .input-2 {width: 100%;height: 80px;padding: 0 5%;background: #f7f7f7;border: none;}
.searchsend {position: absolute;right: 0;top: 0;width: 80px;height: 80px;z-index: 11;background: url('../image/s1.png') center no-repeat;border: none;display: block;cursor: pointer;}
.searchsend:hover {background: url('../image/ss.png') center no-repeat;}
.div-search-nav {margin-top: 10%;overflow: hidden;}
.div-search-nav a{display: inline-block;vertical-align: middle;position: relative;margin-right: 60px;}
.div-search-nav span{display: inline-block;color: var(--gray4);position: relative;padding-bottom: 20px;}
.div-search-nav span::after {content: '';width: 100%;height: 2px;background: var(--red);position: absolute;left: 0;bottom: 0;display: none;}
.div-search-nav a.cur span{color: var(--black);}
.div-search-nav a.cur span::after {display: block;}
.div-search-nav a:hover span {color: var(--black);}
.div-search-list {padding: 2% 0;overflow: hidden;background:#f7f7f7;}
.div-search-list-content {width: 80%;margin: auto;}
.div-search-list-top {overflow: hidden;}
.div-search-list-top .text-1{color: var(--gray4);}
.div-search-list-top .text-1 span{color: var(--red);}
.div-search-list-bottom {position: relative;padding:2% 0;}
.div-search-list-bottom .application-content-item a {background: var(--white);}
.div-search-list-bottom .news-content-item .img{background: var(--white);}


.index-scene-center {position: relative;overflow: hidden;}
.index-scene-center img {max-width: 100%;height: auto;display: inline-block;}
.index-scene-center .slayer-list{position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;text-align: center;overflow: hidden;}
.index-scene-center .slayer{position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;overflow: hidden;transition:all .4s ease;}
.index-scene-center .slayer.cur {opacity: .4;}
.index-scene-center .slayer .text {position: absolute;left: 5%;top: 10%;width: 40%;text-align: center;z-index: 11;color: var(--white);opacity: 0;transition:all .4s ease;}
.index-scene-center .slayer .text .title-2{overflow: hidden;font-weight: bold;}
.index-scene-center .slayer .text .text-2{margin-top: 2%;}
.index-scene-center .slayer .text .text-2 span{opacity: .5;display: inline-block;vertical-align: middle;}
.index-scene-center .slayer .text .text-2 i{display: inline-block;vertical-align: middle;width: 25px;height:25px;background: url('../image/r3.png') center no-repeat var(--red);background-size: 20%;border-radius: 100%;}
.index-scene-center .slayer.show .text {opacity: 1;}
.slayer-a {position: absolute;left: 0;top: 0;z-index: 3;width: 100%;height: 100%;text-align: center;overflow: hidden;}
.index-scene-center.cur .slayer-list{animation: xiaodaoda 4000ms 1 ease forwards;}
@keyframes xiaodaoda{0%{transform:scale(1.0);} 100%{transform:scale(1.1);}}
.index-scene-center .slayer.layer-1 .text{left: 1%;top: 50%;}
.index-scene-center .slayer.layer-2 .text{left: 10%;top: 35%;}
.index-scene-center .slayer.layer-3 .text{left: 33%;top: 40%;}
.index-scene-center .slayer.layer-4 .text{left: 53%;top: 55%;}
.index-scene-center .slayer.layer-5 .text{left: 53%;top: 15%;}

.index-scene-windows {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;opacity: 0;transition:all .8s ease;}
.scene-content-main {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 100;transition:all .8s ease;transition-delay:1s;opacity: 0;}
.scene-content-pic {position: absolute;width: 100%;height: 100%;left: 0;top: 0;right: 0;bottom: 0;margin: auto;z-index: 60;}
.scene-content-video {position: absolute;width: 100%;height: 100%;left: 0;top: 0;right: 0;bottom: 0;margin: auto;z-index: 60;}
.scene-content-video video {display: block;width: 100%;height: 100%;object-fit: cover;}
.scene-content-text {color: var(--white);position: absolute;text-align: center;bottom: 0;left: 5%;width: 90%;z-index: 170;overflow: hidden;opacity: 0;transition:all .8s ease;transition-delay:1s;}
.scene-content-text .title-1{overflow: hidden;}
.scene-content-text .text-1{opacity: .6;width: 50%;margin: auto;margin-top: 1%;}
.scene-content-bg {background: #1e1e1e;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;}
.index-scene-windows .return-1 {position: absolute;left:3%;top: 5%;z-index: 201;}
.index-scene-windows .return-1 a{display: block;}
.index-scene-windows .return-1 i{display: inline-block;vertical-align: middle;width: 50px;height: 50px;border-radius: 100%;border: 1px solid var(--white);background: url('../image/l.png') center no-repeat;}
.index-scene-windows .return-1 span{display: inline-block;vertical-align: middle;margin-left: 10px;color: var(--white);}
.index-scene-windows .return-1 a:hover i {background: url('../image/l.png') center no-repeat var(--red);border: 1px solid var(--red);}
.index-scene-windows.cur {opacity: 1;z-index: 9991;}
.index-scene-windows.cur .scene-content-main {opacity: 1;}
.index-scene-windows.cur .scene-content-text {opacity: 1;bottom: 5%;}
.index-scene-windows .vjs-big-play-button,.index-scene-windows .video-js .vjs-big-play-button,.index-scene-windows .vjs-control-bar {display: none!important;}

.index-scene-windows.cur .scene-content-video {animation: dadaoxiao 4000ms 1 ease forwards;}
@keyframes dadaoxiao{0%{transform:scale(1.1);} 100%{transform:scale(1.0);}}

.language-show {position: absolute;width: 150px;left: -35px;z-index: 911;display: none;padding-top: 10px;}
.language-show ul {padding: 10% 0px;overflow: hidden;}
.language-show ul a {display: block;text-align: left;padding: 10px 20px;position: relative;}
.language-show ul a:hover {opacity: .5;}
.header.scroll-down .language-show ul,.header.scroll-top .language-show ul {background: var(--black);}
.header.detail.scroll-down .language-show ul  {background: var(--white);}
.header.detail.scroll-down .language-show ul a {color: var(--black);}

.application-detail-left-bottom code {position: relative;padding-bottom: 56.25%;padding-top: 0px;height:0;overflow: hidden;display:block;}
.application-detail-left-bottom iframe {position: absolute;top: 0;left: 0;width: 100%!important;height: 100%!important;}



@media screen and (max-width: 5120px) {
	.div-product-class {}
	.header-logo a {background-size: auto 100%;}
}
@media screen and (max-width: 3840px) { 
	
}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}
@media screen and (max-width: 1920px) {	
	.hardware-warranty-item .text-2 {min-height: 130px;}
	.application-content-item .text-2 {min-height: 30px;}
	.application-content-list {min-height: 300px;}
	.service-download-top-left .text-2 {min-height: 100px;}
	.div-product-list-center {min-height: 200px;}
	.index-project-item .text-2  {min-height: 30px;}
	.div-product-class {padding-bottom: 0;}
	.news-content-items .title-1 {min-height: 100px;}
	.news-content-items .title-1 h4 {display: block;overflow: hidden;}
}
@media screen and (max-width: 1680px) {
	
	.recruiting-item li {font-size:16px !important;color:#333 !important}
	.recruiting-item p {font-size:16px !important;color:#333 !important}
	
	.path {top: 100px;}
	.submit-1 {width: 30%;}
	.header-content {height: 100px}
	.header-nav ul li {margin-left: 20px;}
	.swiper-button-prev {right: 100px;}
	.swiper-button-prev, .swiper-button-next {width: 45px;height: 45px;margin-top: -22.5px;}
	.milestone-year-swiper .swiper-slide-active .title-1 strong {font-size: 30px;}
	.bottom-1 {width: 180px;height: 45px;line-height: 45px;}
	.contact-content-bottom .contact-item .icon-1 {width: 40px;height: 40px;}
	.contact-content-bottom .contact-item .icon-1 img.img-inline {max-width: 100%;max-height: 100%;}
	.index-recommended-right .play-1,.product-advantages-swiper .play-1,.product-video-item .play-1,.robot-control-system-right .play-1 {width: 80px;height: 55px;background-size: 100%;}
	.jiantou-1 {width: 40px;height: 40px;}
	.div-text{margin-top: 8%;}
	.div-text .bottom-4,.technology-content-left {margin-top: 10%;}
	.index-product-item .jiantou-1 {margin-top: 20%;}
	.product-parameters-bottom,.milestone-content-center  {margin-top: 13%;}
	.div-product-item .item-3 {margin-top: 1%;}
	.div-class .title-1 {padding-bottom: 3%;}
	.index-latest-news-item.iln2 a, .index-latest-news-item.iln3 a {padding-bottom: 7%;}
	.index-product-item .product {width: 80%;}
	.index-product-item .text {left: 5%;top: 30px;width: 60%;}
	.index-product-item.ipi1 .product {transform: translateX(50%);right: 50%;bottom: 88px;width: 80%;}
	.index-product-item.ipi1 a:hover .product {transform: translate(50%,-10px)}
	.index-product-item.ipi2 .product {right: 5%;bottom:auto;top: 57%;transform: translateY(-50%);width: 75%;}
	.index-product-item.ipi2  a:hover .product {transform: translate(-10px,-50%)}
	.index-product-item.ipi3 .product,.index-product-item.ipi4 .product  {width: 70%;    bottom: 34px;
    right: 14%;}
	.index-project-item .img::before {right: -80px;}
	.index-latest-news-item .title-1 {min-height: 150px;}
	.input-1, .textarea-1,.choice-1 a.cur,.submit-1 {height: 50px;}
	.header-nav ul li a.nav::after {bottom: -5px;}
	.product-table table td {height: 40px;font-size: 14px;} 
	.div-detail-banner .text {top: 50%;}
	.div-detail-banner .text .botton-5 a {width: 140px;height: 45px;line-height: 45px;}
	.div-detail-banner .product-2 {right: 8%;width: 40%;}
	.product-advantages-item .icon-1 {width: 50px;text-align: center;height: 50px;margin: auto;}
	.product-advantages-item .icon-1 img{max-width: 100%;}
	.parameters-item .icon-1 {width: 30px;height: 30px;}
	.parameters-item .icon-1 img{max-width: 80%;max-height: 80%;}
	.product-parameters-bottom .product-1 img{max-width: 100%;}
	.product-video-swiper .video-next {right: 5%;}
	.product-video-swiper .video-prev {right: 130px;}
	.product-video-item .text {left: 5%;}
	.div-product-item a:hover .pic img {transform: translateY(-30%) scale(.7);}
	.div-product-item .viewmore-4 {margin-top: 2%;padding: 2% 0;}
	.div-product-item .title-1 {margin-bottom:0;}
	.technology-content-left .title-1 {width: 100%;}
	.competitive-advantage-item .icon-1,.pageturn a i,.pageturn a,.aftersale-item .icon-1 {width:50px;height: 50px;}
	.pageturn a span ,.service-content-nav a span,.donwload-2 strong{line-height: 50px;}
	.competitive-advantage-item .icon-1 img {max-width: 80%;max-height: 80%;}
	.pageturn a span {font-size: 16px;}
	.social-share .icon-wechat .wechat-qrcode {top: -165px;left: -53px;width: 150px;height: 150px;}
	.social-share .icon-wechat .wechat-qrcode .help {display: none;}
	.service-content-nav a {width: 200px;height: 50px;}
	.faq-item-title {padding-left: 5%;}
	.faq-item-content {padding: 2% 5%;}
	.download-top {top: 55%;}
	.service-download-top-left {width: 60%;}
	.download-botton .donwload-2 a {width: 180px;}
	.div-pagetop {margin-top: 100px;}
	.add-item .product-2 {left: 20%;width: 60%;}
	.software-products-right li::before {top: 8px;}
	.software-products-right li {margin: 0 0 2% 0;}
	.software-products-item .icon-1 img{max-width: 40%;max-height: 40%;}
	.viewmore-2 {width: 45%;height: 40px;line-height: 40px;}
	.page-nextprev a strong {width: 80%;}
	.index-about-date .text-2 {padding: 0;}
	.milestone-year-swiper .swiper-slide-thumb-active .title-1 strong {font-size: 30px;}
	.partner-content-top .partner-prev{right: 50px;}
	.partner-item .pic img.img-center {}
	.vnr-main h4{font-size:14px}
	.contact-map-add {left: 15%;}
	.recruiting-content-right-top .search-1 {padding: 4.4% 0;}
	.recruiting-item .text-3 li {font-size: 12px;padding: 0 0 0 15px;line-height: 22px;}
	.recruiting-item .text-3 li::before {top: 9px}
	.recruiting-detail .return-1 a {width: 60px;height: 60px;}
	.honor-content-swiper  {min-height: 400px;}
	.standard-function-item .icon-1 {height: 60px;}
	.standard-function-item .icon-1 img{max-width: 70%;max-height: 70%;}
	.standard-function-li {margin-top: 10%;}
	.standard-function-left {margin-top: 3%;}
	.users-and-roles .text .pic img,.visually-display-agv .pic img {max-width: 80%;}
	.header-nav-content {margin-top: 100px;}
	.header.scroll-down .header-nav-content {margin-top: 80px;}
	.product-nav-item .classname-1 {min-height: 50px;} 
	.input-2 {height:50px;}
	.searchsend {width: 50px;height: 50px;top: 50%;transform: translateY(-50%);}
	.helpchoose-center-bottom-item .icon-1 {width: 100%;}
	.div-helpchoose {padding-top: 90px;}
	.product-table table td {height: 60px;}
	.product-table-top {min-height: 320px;}	
	.div-product-bottom-content-gundong {height: 740px;}
}
@media screen and (max-width: 1440px) {
	.product-top-nav a.botton {width:auto;height: 30px;line-height:30px;padding: 0 10px;}
	.product-top-nav a.botton strong {font-size: 12px;}
	.honor-content-swiper  {min-height: 360px;}
	.div-product-item .text .text-main {transform: translateY(50%);}
	.div-product-item a:hover .text-main {transform: translateY(-10%);}
	.div-product-item a:hover .pic img {transform: translateY(-20%) scale(.7);}
	.index-project-item a::after {height: 2px;}
	.header-nav ul li.language, .header-nav ul li.search {width: 18px;height: 18px;} 
	.div-product-bottom-content-left {width: 25%;}
	.div-product-bottom-content-right,.div-product-bottom-gundong .swiper-scrollbar {width: 75%;}
	.product-table table td {height: 50px;}
	.div-product-bottom-content-gundong {height: 680px;}
	.product-table-top {min-height: 280px;}
}
@media screen and (max-width: 1366px) {
	
	
	.milestone-content-center{height:524px !important}
	
	.milestone-content-center {
    margin-top: 3%;
    padding-top: 6%;
}


.tepro img {
    height: 160px  !important;
}


	.bottom-1 {width: 40%;}
	.index-project-item .jiantou-1{width: 40px;height: 40px;}
	.parameters-item .icon-1 {width: 70px;height: 70px;}
	.index-latest-news-item.iln2 a, .index-latest-news-item.iln3 a {padding-bottom: 4%;}
	.div-detail-banner .product-2 {right: 10%;width: 35%;}
	.application-detail-left-center .date-1, .application-detail-left-center .type-2 {line-height: 35px;}
	.service-content-nav a {width: 130px;height: 40px;}
	.pageturn a span, .service-content-nav a span, .donwload-2 strong {line-height: 42px;}
	.search-1 {padding: 9px 0;}
	.choice-2 a {padding: 10px 0;}
	.index-about-date .item-4 {padding:2% 0;}
	.milestone-item-right .text {padding:3% 0;}
	.competitive-advantage-item .icon-1, .pageturn a i, .pageturn a, .aftersale-item .icon-1 {width: 40px;height: 40px;}
	.input-1, .textarea-1, .choice-1 a.cur, .submit-1 {height: 40px;}
	.recruiting-windows-center .submit-1{line-height: 40px;}
	.submit-1 {padding: 0;line-height: 40px;width: 24%;}
	.cleartop {margin: 10px 0;}
	.header-nav-content {padding: 2% 10%;}
	.div-search-page {padding-top: 100px;}
	.product-table-top {min-height: 250px;}
}
@media screen and (max-width: 1280px) {
	.index-about-top-right .text-2 {margin-top: 4%;
    line-height: 26px;}
	.index-project-nav .icon-1 {width: 40px;height: 40px;}
	.header-content {height: 80px;}
	.path {top: 80px;}
	.div-detail-banner .text {left: 5%;top: 50%;width: 40%;}
	.div-detail-banner .text .botton-5 {margin-top: 5%;}
	.index-recommended-right .play-1, .product-advantages-swiper .play-1, .product-video-item .play-1,.robot-control-system-right .play-1 {width: 70px;height: 45px;}
	.users-and-roles .text .pic img,.visually-display-agv .pic img {max-width: 80%;}
	.header-nav-content {margin-top: 80px;}
	.header.scroll-down .header-nav-content {margin-top: 60px;}
	.product-nav-item .classname-1 {min-height: 45px;}
	.div-product-bottom-content-gundong {height: 670px;}
}
@media screen and (max-width: 1152px) {
    .index-product-item .jiantou-1 {margin-top: 10%;}
    .jiantou-1 {width: 30px;height: 30px;}
    .index-latest-news-item .title-1 {min-height: 110px;}
    .index-latest-news-item.iln2 a, .index-latest-news-item.iln3 a {padding-bottom: 6%;}
	.product-top-nav.cur {display: none;}
	.milestone-year-swiper {overflow: visible;}
	.milestone-year-swiper .swiper-slide-thumb-active .title-1 strong {font-size: 20px;}
	.milestone-prev, .milestone-next {transform: translateY(-45%);}
	.service-content-nav a {width: auto;padding: 0 20px}
	.recruiting-item .img {display: none;}
	.recruiting-item .text {position: relative;left: auto;top: 190px;width: 100%;transform: none;padding: 5%;}
	.viewdetails-1 {display: none;}
}
@media screen and (max-width: 1024px) {
	.div-product-bottom-gundong,.div-product-bottom-gundong .swiper-scrollbar {width: 100%;}
	.div-product-bottom-content-gundong {height: auto;}
}
@media screen and (max-width: 980px) {
	.product-table table td {height: 70px;}
	.footer-content-bottom .social-2 a {width: 40px;height: 40px;}
	.header.scroll-down .header-content {height: 80px;}
	.news-content-type,.service-content-nav {position: relative;overflow-y: hidden;overflow-x: scroll;overflow: auto;width: 100%;white-space: nowrap;}
	.news-content-type a,.service-content-nav a {box-sizing: border-box;margin-right: 20px;}
	.news-content-type::-webkit-scrollbar,.service-content-nav::-webkit-scrollbar{height:0px; width:0px;background: #ccc;}
	.application-detail-left-center .date-1, .application-detail-left-center .type-2 {border: none;padding: 10px 0;border-radius: 0;line-height: normal;}
	.addthis_inline_share_toolbox {float: none!important;clear: both;margin-top: 20px;}
	.application-detail-left-center {padding: 3% 0!important;}
	.application-detail-left-bottom img,.application-detail-left-bottom img{width: auto;height: auto!important;max-width: 100%!important;}
	.application-detail-left-center .type-2 {margin-left: auto;clear: both;}
	.v3d-product {position: relative!important;left:auto!important;top: auto!important;transform:none!important;width: 100%!important;}
	.v3d-product canvas {width: 100%!important;height: auto;position: relative!important;left:auto!important;top: auto!important;transform:none!important;}
	.div-product-item a:hover .text-main {transform: none;}
	.div-product-item .text ,.div-product-item .text .text-main{position: relative;}
	.div-product-item a:hover .img {box-shadow:none;}
	.div-product-item .img {box-shadow:none;}
	.div-product-item a {background: #fff;}
	.div-product-item .text .text-main {transform: none;}
	.div-product-item .item-3 ,.div-product-item .viewmore-4{opacity: 1;}
	.div-product-item .text {padding-bottom: 5%;margin-top: -10%;}
	.div-product-item a:hover .pic img {transform: none;}
	.application-content-item.aci1 .text-2 {color:#000;}
	.index-scene-center .slayer.layer-1 .text {display: none;}
	.index-project-nav {position: relative;overflow-y: hidden;overflow-x: scroll;overflow: auto;width: 100%;white-space: nowrap;}
	.index-project-nav::-webkit-scrollbar{height:0px; width:0px;background: #ccc;}
	.index-project-nav a {width: auto!important;padding: 15px 7%!important;margin-top: 0px!important;}
	.index-project-nav a:last-child {width: auto!important;}
	.index-project-nav .title-2 {margin-top: 5px;}
	.index-project-item {overflow: hidden;}
	.product-advantages-list {position: relative;overflow-y: hidden;overflow-x: scroll;overflow: auto;width: 100%;font-size: 0;}
	.product-advantages-list::-webkit-scrollbar{height:0px; width:0px;background: #ccc;}
	.product-advantages-item {width: 100%!important;height: auto;float: none;display: inline-block;vertical-align: middle;padding:10px 0;box-sizing: border-box;}
	.product-advantages-item .img {display: none;}
	.product-advantages-item .item-1 {position: relative;left: auto;top: auto;transform: none;text-align: center;box-sizing: border-box;}
	.product-advantages-list.number3 .product-advantages-item:last-child {width: auto;}
	.product-advantages-item .title-1 {margin-top: 0px;}
	.product-advantages-list.number2::after, .product-advantages-list.number3::after {display: none;}
	.product-advantages-item:nth-child(1), .product-advantages-item:nth-child(2) {border: 1px solid #dddddd;}
	.index-recommended-right .img {background: none;}
}


.indexvr{position: absolute;
    z-index: 1;
    top: 50%;
    margin: 0 auto;
    right: 35%;
    text-align: center;
    color: #333;
    /* width: 100%; */
    background: #fff;
    padding: 20px;
    border-radius: 10px;font-size:18px}
	
	.prolisttit{  font-weight: bold;
    font-size: 48px;}
	
.mpic{display:none}

.sercss{width: 80%;    margin: 0 auto;     height: 500px;
    padding-top: 80px;}
	
	
.div-product-type h4{float:left; width:70%}
.div-product-type .righttit{    float: right;
    width: 21%;
    text-align: right;
    line-height: 40px;
    padding-right: 30px;
	font-size:20px}
	.div-product-type .righttit a{color:#333}
.proll{clear:both}





.espcms_page_botton{text-align: center;border-top: 1px solid #E0E0E0;padding:15px 0px;}


.btn {
	display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;
	white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;
	-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {outline: thin dotted;outline: 0px auto -webkit-focus-ring-color;outline-offset: -2px;}

.btn:hover,
.btn:focus,
.btn.focus {text-decoration: none;}

.btn:active,
.btn.active {background-image: none;outline: 0;-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;}
a.btn.disabled,
fieldset[disabled] a.btn {pointer-events: none;}





.btn-default {color: #333;background-color: #fff;border-color: #ccc;outline:0px}
.btn-default:focus,.btn-default.focus {color: #333;background-color: #e6e6e6;border-color: #8c8c8c;outline:0px}
.btn-default:hover {color: #333;background-color: #e6e6e6;border-color: #adadad;outline:0px}
.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {color: #333;background-color: #e6e6e6;border-color: #adadad;outline:0px}
.btn-default:active:hover,.btn-default.active:hover,.open > .dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open > .dropdown-toggle.btn-default:focus,.btn-default:active.focus,
.btn-default.active.focus,.open > .dropdown-toggle.btn-default.focus {color: #333;background-color: #d4d4d4;border-color: #8c8c8c;}
.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {background-image: none;}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,
.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {background-color: #fff;border-color: #ccc;}
.btn-default .badge {color: #fff;background-color: #333;}


.btn-group,
.btn-group-vertical {position: relative;display: inline-block;vertical-align: middle;}
.btn-group > .btn,
.btn-group-vertical > .btn {position: relative;float: left;}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {z-index: 2;}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {margin-left: -1px;}
.btn-toolbar {margin-left: -5px;}


.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {border-radius: 0;}
.btn-group > .btn:first-child {margin-left: 0;}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.btn-group > .btn-group {float: left;}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {border-radius: 0;}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {outline: 0;}
.btn-group > .btn + .dropdown-toggle {padding-right: 8px;padding-left: 8px;}
.btn-group > .btn-lg + .dropdown-toggle {padding-right: 12px;padding-left: 12px;}
.btn-group.open .dropdown-toggle {-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
.btn-group.open .dropdown-toggle.btn-link {-webkit-box-shadow: none;box-shadow: none;}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {outline: thin dotted;outline: 0px auto -webkit-focus-ring-color;outline-offset: -2px;}

.btn:hover,
.btn:focus,
.btn.focus {text-decoration: none;}

.btn:active,
.btn.active {background-image: none;outline: 0;-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;}
a.btn.disabled,
fieldset[disabled] a.btn {pointer-events: none;}

.text-4 li{list-style:inside;    font-size: 1.5rem;
    line-height: 2.2rem;}

@media screen and (max-width: 860px) {
	.recruiting-item {
    margin: 20% auto;
    width: 95%;
    height: 359px;
    border-bottom: 1px solid #eee;
}
	.header-nav ul li.contact a{background:red !important}
	.header-nav-show{padding-left:0px !important}
	
	.propage .header-nav ul li a{color:#fff !important}
	
	.div-product {
    padding: 10% 0 2% 0 !important;
    overflow: hidden;
    background: #f7f7f7;
}

	.c-modal.show {
  opacity: 0;
  visibility: visible
}
	
	.div-product-type .righttit {
    float: right;
    width: 29%;
    text-align: right;
    line-height: 33px;
 padding-right: 0px; 
    font-size: 14px;
}
	
	.add-about-five{ background:url(../../images/bg_sec3.jpg) no-repeat}
	
	.index-product-item.ipi2 .img{box-shadow:none}
	
	.page-aside.show{display:none}
	.indexvr{display:none}
.honor-content{padding:20% 0 0 0 !important}

.text-4 li {
    list-style: inside;
    font-size: 1rem;
    line-height: 1.5rem;
}

.lc-con .lc em i img {
    width: 70%;
}

.bd{padding-bottom:3%; float:left; padding-top:5%}

.box2 .hd {
    margin-bottom: 33px;
    float: none;
}

.box2 .tit {
    font-size: 22px;
    padding-bottom: 35px;
}

.box2 .hd li {
    float: left;
    width: 32%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #ddd;
    /* border-right: 1px solid #ddd; */
    /* border-top: 1px solid #ddd; */
    /* border-bottom: 1px solid #ddd; */
    font-size: 17px;
    cursor: pointer;
}

#canvass{display:none}


.aftersale-content{padding:10% 0 0 0 !important}
.sercss{width: 80%;    margin: 0 auto;     height: auto !important;
    padding-top: 0px !important;}

.lc-con b{display: block;
    width: 46px !important;
    height: 16px !important;
    background: url(../../images/jiantou.png) no-repeat center;
    float: left;
    margin-top: 21px !important;}
	
	.lc-con .lc em {
    display: block;
    width: 59px !important;
    height: 57px !important;
    margin: 0 auto 20px;
    position: relative;
    overflow: hidden;
}

.lc-con .lc em i {
    display: block;
    width: 52px !important;
    height: 60px !important;
    line-height: 0;
    overflow: hidden;
}

.footer-submit .font18{line-height:40px}

.mpic{display:block}
.ipi2 .pic{display:none}

.index-product-item.ipi1 .product{bottom:37px !important}

.index-product-item.ipi2 .product {right: 5%;
    bottom: auto;
    top: 63%;
    transform: translateY(-50%);
    width: 84%;}


.index-product-item.ipi4 .text{width:90%}
.index-product-item.ipi1 .text{width:90%}
.index-product-item.ipi2 .text{width:90%}
.index-product-item.ipi3 .text{width:90%}

.prolisttit{  font-weight: bold;
    font-size: 26px;}
	
.milestone-year .font20{font-size:16px !important}

.product-parameters-bottom, .milestone-content-center{margin-top:14%}

.number-1 .font100 {font-size:40px}

.modal-content img{width:100%}

  .z_hexin3_warp {
    height: auto !important;
    display: block !important;    padding-top: 20px;
  }
  .z_hexin3 {
    padding: 30px 12px;
  }

  .z_zh_warp {
    width: 70vw !important;
    height: 70vw !important;
  }
.z_hexin3_warp .z_conbox{
	 width: 60vw !important;
    height: 60vw !important;
	
	
}
  .z_zhlogo {
    margin-top: 30px;
  }
  .z_zhlogo ul {
    display: flex;
    flex-wrap: wrap;
  }
  .z_zhlogo li {
    position: relative !important;
    width: 16.66% !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    height: auto !important;
    animation: none !important;
  }
  .z_zhlogo li .box {
    background: none;
    animation: none;
    box-shadow: none;
  }
  .z_zhlogo li .box img {
    animation: none !important;
    width: 100%;
	height:40px;
    display: block;
  }
  .z_hx_nav {
    margin-top: 30px;
  }
  .z_hexin3 {
    background-size: cover;
  }
  .z_hexin4 {
    padding: 30px 12px;
  }
  .z_hexin4 .z_index_tit .desc {
    font-size: 14px;
    margin-top: 20px;
  }
  .z_hexin4 .z-container {
    width: 100%;
  }
  .z_hx4_list {
    width: 100%;
  }
  .z_hx4_list li a {
    padding-left: 10px;
  }
  .z_hx4_logo {
    width: 100%;
    padding: 10px 0;
    margin-top: 30px;
  }
  .z_hx4_logo li img {
    max-width: 90%;
  }
  .about-one-list {
    width: 90%;
    display: block;
  }
  .about-one-list li {
    font-size: 14px;
    padding: 12px 0;
  }
  .about-one-list .timer {
    font-size: 26px;
  }
  .about-one-list h3 {
    font-size: 14px;
  }
  .add-about-two {
    padding: 10vw 0 20vw;
  }
	
	.pcshow ,.aside-top a{display: none!important;}
	.mbshow,.menu-toggle{display: block!important;}
	.header-logo {width: 45%;
    top: 24px;
    transform: none;
    left: 1%;}
	.header-nav {top:0;transform: none;width: 100%;left: 0;position: fixed;height: 100%;transform: translateY(-100%);background: #000;}
	.header-nav ul li:first-child{margin-top:20%;}.header-nav ul li {display: block;padding: 3% 0;}.header-nav ul {width: 100%;height: 100%;box-sizing: border-box;padding: 5%;}
	.no-touch .header-nav {transform: translateY(0);}.swiper-button-prev {right: 70px;}.header-nav ul li a.nav {font-size: 18px;}
	.header-nav ul li.language,.header-nav ul li.search {display: inline-block;}
	.index-scene-item {width: 100%;text-align: left;border-bottom: 1px solid rgba(255,255,255,.2);padding: 4% 0;}
	.index-scene-item::after,.footer-content-top-right {display: none;}
	.index-recommended-right .img::before,.index-project-item .img::before,.index-about-top-right .img::before {right: -100px;}
	.div-product-top ,.div-product-center,.technology-intelligent .text,.relevant-positions-detail-other .div-content,.responsibility-content .div-content{width: 90%;}
	.index-recommended-left,.index-recommended-right,.index-product-top .text-2 ,.index-product-item.ipi1,.index-product-item .pic,.index-product-item.ipi2,.index-product-item.ipi3,.index-product-item.ipi4,.index-project-top .text-2,.index-project-item,.index-about-top-left,.index-about-top-right,.index-latest-news-item.iln1,.index-latest-news-item,.footer-content-top-left,.product-table,.div-product-nav .choice-2,.search-2,.div-product-item,.product-table-swiper,.product-advantages-left,.technology-content-left,.technology-content-right,.high-precision-top-left,.high-precision-top-right,.ervo-control-left,.ervo-control-right,.competitive-advantage-item,.application-content-type .choice-2,.application-content-item.aci1,.application-content-item,.application-detail-left,.application-detail-right,.news-content-item,.milestone-item-left,.service-download-list,.select-1,.service-download-top-left,.aftersale-item,.software-products-left,.software-products-right,.hardware-warranty-item,.contact-content-bottom .contact-item,.recruiting-content-left,.recruiting-content-right,.positions-found,.robot-control-system-left,.robot-control-system-right,.standard-function-item{float: none;width: 100%;margin: 0;}
	.index-scene,.index-product,.index-project ,.index-latest-news,.div-product,.product-advantages,.product-parameters,.recommend-product,.product-application-scenarios,.technology-content,.technology-competitive-advantage,.pageturn,.service-content,.news-content,.honor-content,.partner-content,.service-download-other,.aftersale-content,.contact-content,.recruiting-content,.robot-control-system,.standard-function,.responsibility-content,.demand-feedback{padding: 20% 0;}
	.index-recommended-right,.index-product-item.ipi2,.index-product-item.ipi3,.index-product-item.ipi4,.index-project-item ,.div-product-item,.technology-content-right,.high-precision-top-right,.ervo-control-right,.competitive-advantage-item,.application-content-item,.news-content-item,.service-download-list,.download-top-right,.hardware-warranty-item,.contact-content-bottom .contact-item,.recruiting-content-right{margin-top: 10%;}
	.index-project-top .text-2,.index-product-top .text-2,.index-about-top-right,.footer-content-bottom .copy-1,.robot-control-system-right,.standard-function-item {margin-top: 5%;}
	.download-top-right .input-item .input-2,.select-1 {margin-bottom: 2%;}
	.div-product-type {margin-bottom: 20%;}.index-product-item .img {padding: 0;}
	.footer-content-top,.application-detail-left-top,.application-detail-left-center,.about-content,.div-service-download ,.software-products-right{padding: 10% 0;}
	.index-product-item .product {right: 5%;bottom: 5%;}
	.index-product-item.ipi2 .jiantou-1,.index-project-nav a::after,.index-project-item .jiantou-1,.product-top-nav,.path,.product-parameters-bottom .img,.product-video-swiper .video-prev,.product-video-swiper .video-next,.application-content-item.aci1 .viewmore-3,.application-detail-left-center .fenxiang-1,.faq-item-title i{display: none;}
	.index-project-nav a {width: 50%;padding: 3% 0;border: 1px solid var(--gray2);box-sizing: border-box;margin-top: -1px;}
	.index-project-nav a:nth-child(1),.index-project-nav a:nth-child(2)  {margin-top: 0px;}
	.index-project-nav a:last-child,.standard-function-list.num5 .standard-function-item:nth-child(4),.standard-function-list.num5 .standard-function-item:nth-child(5) {width: 80%;}
	.robot-control-system-left .donwload-2 a {width: 50%;}
	.index-about-bottom .index-about-top-left,.footer-content-bottom .social-2,.product-advantages-right {position: relative;bottom: auto;right: auto;left: auto;top: auto;bottom: auto;float: none;}
	.div-banner .pic img,.product-video-item .img img,.technology-intelligent .img img{width: 300%;max-width: 300%;}
	.div-banner .text {left: 5%;top: 50%;width: 90%;}
	.path {left: 5%;}.product-parameters-bottom .product-1 {position: relative;left: auto;top: auto;z-index: 11;text-align: center;transform: none;margin-top: 10%;}
	.product-advantages-item .item-1 ,.product-advantages-right,.download-top-left,.download-top-right,.donwload-2 a,.recruiting-detail-top,.recruiting-detail-center{width: 100%;}
	.div-detail-banner .img {margin-bottom: 0%;}
	.div-detail-banner .pic img,.product-parameters-bottom .img{width: 400%;max-width: 400%;}
	.div-detail-banner .text {left: 5%;
    top: 72%;
    width: 100%;}
	.div-detail-banner .product-2 {    /* right: 0; */
    width: 76%;
    margin: -2px auto;
    bottom: auto;
    /* bottom: auto; */
    top: 13%;}
	.product-parameters-bottom .parameters-1 {position: relative;left: auto;top: auto;transform: none;width: 90%;margin: auto;}
	.parameters-item {overflow: hidden;width: 100%;float: none;text-align: left;float: none;}
	.parameters-item.fr {float: none;clear: both;}
	.parameters-item .icon-1 {float: left;}
	.parameters-item .text-2 {width: 60%;text-align: left;right: auto;left: 25%;}
	.parameters-item.fr .text-2 {text-align: left;left: 25%;right: auto;}
	.parameters-item:nth-child(5), .parameters-item:last-child {border-bottom: solid 1px var(--gray2);}
	.technology-high-precision::after {height: 20%;}
	.ervo-control-right .text-2 {text-align: left;}
	.application-content-item.aci2  {position: relative;left: auto;top: auto;transform: none;width: 100%;margin: auto;margin-top: 10%;}
	.application-content-item.aci1 .text {position: relative;left: auto;padding: 5%;bottom: auto;width: 90%;}
	.application-content-item .title-1 {color: var(--black);}
	.application-detail-left-center .fenxiang-1 {float: none;margin: 10% 0;}
	.use-the-product-item .text {position: relative;left: auto;top: auto;transform: none;padding: 5% 10% 25% 10%;}
	.use-the-product-item .img {background: none;float: none;width: 100%;overflow: hidden;}
	.faq-item-title {padding-left: 0;}
	.faq-item-content,.service-faq-item {padding: 5% 0;}
	.faq-item-title strong,.honor-content-top .text-1,.demand-feedback .div-content{width: 90%;display: block;}
	.service-content-nav a {margin: 1px;padding: 0 3%;min-width: 50px;}
	.milestone-year-swiper,.standard-function-list {margin-top: 10%;}
	.milestone-item-right,.service-download-top-right {float: none;overflow: hidden;box-sizing: border-box;position: relative;width: 100%;height: auto;right: auto;}
	.milestone-item-right .item-list {top: auto;transform: none;padding: 7%;width: 100%;box-sizing: border-box;left: auto;position: relative;}
	.milestone-content {padding-bottom: 10%;}
	.milestone-year {padding: 10% 0;}
	.milestone-year-swiper {width: 80%;padding: 0 10%;}
	.milestone-year-swiper .swiper-button-prev {left: 0;}
	.milestone-year-swiper .swiper-button-next {right: 0;}
	.milestone-prev, .milestone-next {transform: translateY(-37%);}
	.honor-prev, .honor-next,.corporate-culture-bottom .img {display: none;}
	.corporate-culture-item .img {display: block;position: absolute;}
	.corporate-culture-item.cur,.recruiting-content-right-top .search-2 {width: 100%;position: relative;left: auto;right: auto;}
	.corporate-culture-item {min-height: 300px;}
	.corporate-culture-item {width: 100%;position: relative;overflow: hidden;left: auto;top: auto;min-height: 300px;}
	.corporate-culture-item.ccb2,.corporate-culture-item.ccb3,.corporate-culture-item.ccb4 {left: auto;right: auto;}
	.corporate-culture-item .text {bottom: 5%;}
	.corporate-culture-item.cur .text {left: 10%;width: 80%;}
	.corporate-culture-item .text-2 {opacity: 1;}
	.service-content-top .search-2 {position: relative;right: auto;}
	.service-content-nav {float: none;}
	.download-top-right .input-item .input-2:last-child {float: right;}
	.select-1 a.cur {padding: 2% 5%;}
	.div-banner {height: 220px;
    overflow: hidden;}
	.download-top-right .input-item {clear: both;}
	.download-botton {padding: 10% 0;}
	.download-botton .donwload-2,.software-products-nav a {margin-bottom: 10%;}
	.service-download-center {margin-top: 10%;}
	.software-products-swiper {padding-bottom: 20%;}
	.hardware-warranty-item {padding: 10%;}
	.contact-map-add {display: none;}
	.recruiting-content-right {padding: 0;}
	.recruiting-item .text {box-sizing: border-box;}
	.contact-map-addlist {position: relative;width: 100%;right: auto;top: auto;transform: none;}
	.recruiting-item a:hover {transform: scale(1);}
	.recruiting-detail .return-1 {position: relative;left: auto;top: auto;z-index: 1;margin-bottom: 10%;}
	.recruiting-detail .return-1 a {width: 50px;height: 50px;position: relative;}
	.recruiting-detail-botton a.resume-1 {width: 100%;padding: 4% 0;}
	.recruiting-windows-content {width: 90%;padding: 10% 3%;}
	.recruiting-windows-center .upload-4 {width: 30%;}
	.header.black .menu-toggle span.hamburger,.header.black .menu-toggle span.hamburger:after, .header.black .menu-toggle span.hamburger:before{background: #000;}
	.no-touch .header.black .header-logo a {background: url('../../images/logored.png') center no-repeat;background-size: 100%;}
	.no-touch .header.black .header-nav ul li a{color: var(--white);}
	.no-touch .header.black .header-nav ul li a.nav::after{color: var(--white);}
	.no-touch .header.black .header-nav ul li.search::before {background: var(--white);opacity: .5;}
	.no-touch .header.black .header-nav ul li a img{filter: invert(0);}
	.div-product-bottom-content-left {width: 55%;}
	.div-product-bottom-content-right {width: 45%;}
	.product-table-top {min-height: 220px;}
	.header {overflow: hidden;}
	.header .header-nav {opacity: 0;}
	.no-touch .header .header-nav{opacity: 1;}
	.header-nav-show {position: relative;width: 100%;left: auto;} 
	.header-nav-show ul {background: none;padding: 5% 0 !important;}
	.header-nav-show ul a {    color: #ccc !important;
    */: ;
    text-align: center !important;
    padding: 0px;
    font-size: 14px;
    line-height: 30px;}
	.standard-function-item {background:var(--white);padding:10%;width: 80%;overflow: hidden;}
	.standard-function-item .text {position: relative;left: auto;top: auto;width: 100%;height: auto;padding: 0;}
	.standard-function-item .img,.capability-item .text .num-3,.capability-nav li span {display: none;}
	.standard-function-item .text-1 {position: relative;left: auto;bottom: auto;width: 100%;}
	.standard-function-item .number-1 {position: absolute;right:0;top: 0;}
	.standard-function-left {float: none;width: 90%;margin: auto;padding-top: 3%;}
	.standard-function-right {float: none;width: 90%;margin: 2% auto;}
	.standard-function-bottom {padding: 2% 0 20% 0;}
	.users-and-roles .img img {max-width: 300%;width: 300%;}
	.users-and-roles .text-1 {width: 90%;}
	.visually-display-agv {padding: 20% 0;}
	.index-product-item.ipi1 .jiantou-1 {margin-top: 10%;display:none;}
	.index-product-item .jiantou-1 {position: relative;left: auto;bottom: auto;display:none;}
	.index-project-nav a:last-child {width: 100%;}
	.responsibility-item {float: none;width: 100%;margin-right: 0;margin-bottom: 5%;}
	.capability-nav {left: 0;top: 0;width: 100%;}
	.capability-nav li i {width: 40px;height: 40px;}
	.capability-item .text .icon-1 {width: 40px;height: 40px;}
	.capability-content-bottom-swiper{width: 120%;margin-left: -10%;}
	.capability-item .text .title-1 {padding-top: 10px;font-size: 16px;}
	.capability-item .text .text-2 {padding-top: 0px;min-height:auto;line-height: 14px;}
	.capability-item .text {transform: translateY(-60%);}
	.capability-nav li:nth-child(1) {left: 77%;}
	.capability-nav li:nth-child(2) {left:  77%;}
	.capability-nav li:nth-child(3) {right:  77%;}
	.capability-nav li:nth-child(4) {right:  77%;}
	.choice-2:hover {z-index: 11;}
	.demand-feedback-nav a {width: 24%;margin: 0;padding: 3% 0;}
	.contact-content-bottom .contact-item .title-1 h4 {padding-top: 6%;}
	.from-submit .submit-1,.div-search-top {width: 100%;}
	.from-item3 .fromili {width: 100%;float: none;margin-right: 0;}
	.div-search-content {width: 90%;}
	.input-2 {background: var(--white);}
	.div-search-nav a {margin-right: 10px;}
	.div-search-content {min-height: auto;}
	.div-search-list {padding: 10% 0;}
	.header.detail .menu-toggle span.hamburger,
	.header.detail .menu-toggle span.hamburger:after,
	.header.detail .menu-toggle span.hamburger:before {background: var(--black);}
	.no-touch .header.detail .header-logo a {background: url('../image/logo.png') center no-repeat;background-size: 100%;}
	.no-touch .header.detail .header-nav ul li a {color: var(--white);}
	.no-touch .header.detail .header-nav ul li a img {filter: invert(0);}
	.no-touch .header.detail .header-nav ul li.search::before {background: var(--white);}
	.product-compare-add {width: 100%;}
	.header-nav ul li {display: inline-block;
    z-index: 50;
    display: inherit;
    text-align: center;
    border-bottom: 1px #666 dotted;}
	.div-product-content-top {width: 100%!important;}
	.milestone-year .title-1 {margin-top: 20px;}
	.milestone-prev, .milestone-next {transform: translateY(-5%);}
	.aftersale-content-center {margin-top: 10%;}
	.vnr-main .aftersale-content:nth-child(4){padding:20% 0 0 0;}
	.index-scene-center .pic {padding: 0;}
	.index-scene .div-content {width: 100%;text-align: center;}
	.index-scene-item .number-1 sup {display: block;padding-left: 0px;}
	.index-scene-item {width: 30%;text-align: center;margin: 0 1%;}
	.footer-content-top-right {display: block;width: 100%;margin-top: 10%;}
	.footer-content-top-right .submit-1 {width: 50%;}
	.news-content-items {float: left;width: 100%;margin-right: 0;margin-bottom: 2%;}
	.news-content-type .service-content-nav {white-space: normal;margin-bottom: 5%;}
	.milestone-year-swiper .swiper-slide-active .title-1 strong {font-size: 20px;}
	.service-content-nav {display: none;}
	.header.black .header-nav ul li a.down::before {background: url('../image/down1.png') center no-repeat;}
}





/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	
}

/* iPad x*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	
}




.espcms_page_botton{text-align: center;border-top: 1px solid #E0E0E0;padding:15px 0px;}


.btn {
	display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;
	white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;
	-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {outline: thin dotted;outline: 0px auto -webkit-focus-ring-color;outline-offset: -2px;}

.btn:hover,
.btn:focus,
.btn.focus {text-decoration: none;}

.btn:active,
.btn.active {background-image: none;outline: 0;-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;}
a.btn.disabled,
fieldset[disabled] a.btn {pointer-events: none;}





.btn-default {color: #333;background-color: #fff;border-color: #ccc;outline:0px}
.btn-default:focus,.btn-default.focus {color: #333;background-color: #e6e6e6;border-color: #8c8c8c;outline:0px}
.btn-default:hover {color: #333;background-color: #e6e6e6;border-color: #adadad;outline:0px}
.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {color: #333;background-color: #e6e6e6;border-color: #adadad;outline:0px}
.btn-default:active:hover,.btn-default.active:hover,.open > .dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open > .dropdown-toggle.btn-default:focus,.btn-default:active.focus,
.btn-default.active.focus,.open > .dropdown-toggle.btn-default.focus {color: #333;background-color: #d4d4d4;border-color: #8c8c8c;}
.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {background-image: none;}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,
.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {background-color: #fff;border-color: #ccc;}
.btn-default .badge {color: #fff;background-color: #333;}


.btn-group,
.btn-group-vertical {position: relative;display: inline-block;vertical-align: middle;}
.btn-group > .btn,
.btn-group-vertical > .btn {position: relative;float: left;}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {z-index: 2;}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {margin-left: -1px;}
.btn-toolbar {margin-left: -5px;}


.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {border-radius: 0;}
.btn-group > .btn:first-child {margin-left: 0;}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.btn-group > .btn-group {float: left;}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {border-radius: 0;}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {outline: 0;}
.btn-group > .btn + .dropdown-toggle {padding-right: 8px;padding-left: 8px;}
.btn-group > .btn-lg + .dropdown-toggle {padding-right: 12px;padding-left: 12px;}
.btn-group.open .dropdown-toggle {-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
.btn-group.open .dropdown-toggle.btn-link {-webkit-box-shadow: none;box-shadow: none;}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {outline: thin dotted;outline: 0px auto -webkit-focus-ring-color;outline-offset: -2px;}

.btn:hover,
.btn:focus,
.btn.focus {text-decoration: none;}

.btn:active,
.btn.active {background-image: none;outline: 0;-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;}
a.btn.disabled,
fieldset[disabled] a.btn {pointer-events: none;}





.lc-con .lc{width: 18%;
    float: left;
    height: 198px;
}
 .lc-con .lc em{display: block; width:74px;height:74px;margin:0 auto 20px; position: relative; overflow: hidden;}
 .lc-con .lc em i{display: block; width:74px; height:74px; line-height: 0; overflow: hidden;}
 .lc-con .lc em i img{width:100%;}
 .lc-con .lc em i.default{position: absolute;left:0;top:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
 .lc-con .lc em i.hover{position: absolute;left:0;top:0;opacity: 0; transform: scale(0);transition: .5s;}
 .lc-con .lc span{display:block; text-align: center; line-height: 18px;font-size: 18px; color:#000; }
.lc-con b{display: block; width:20px; height:16px;  background:url(../../images/jiantou.png) no-repeat center; float:left; margin-top: 58px;}
 .lc-con .lc.cur i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
 .lc-con .lc.cur i.hover{opacity: 1; transform: scale(1);}
 .lc-con .lc.cur span{ font-weight: bold;}


.add-about-five {
  position: relative;
  z-index: 1;
  padding: 4vw 0 0 0;
  background-color: #fff;
  background-position: center bottom;
  background-size: 80% auto;
}
.add-about-five .z_hexin3_warp {
  margin-top: 25px; width:80%; margin:0 auto;
}
.add-about-six {
  position: relative;
  z-index: 1;
  padding: 8vw 0;
  background-position: center top;
}
.add-honor-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -3%;
}
.add-honor-list li {
  width: 30.33%;
  margin-left: 3%;
  margin-top: 4vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.add-honor-list .t {
  line-height: 1.5;
  font-weight: bold;
  color: #1E1E1E;
  padding: 0 10px;
  flex: 1;
  text-align: center;
  font-size: 1.145vw;
}
.add-honor-list .bol,
.add-honor-list .bor {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 34px;
  height: 71px;
}
.add-honor-list .bol {
  background-image: url(../image/addho1.png);
}
.add-honor-list .bor {
  background-image: url(../image/addho2.png);
}
.add-honor-img {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 5vw;
}
.add-honor-img li {
  width: 31.33%;
  margin: 2% 1% 0;
}
.add-padding1 {
  padding: 6.25vw 0;
}
.add-w1244 {
  width: 1244px;
  margin: 0 auto;
}
.mt100 {
  margin-top: 6.2vw;
}
.mt50 {
  margin-top: 2.5vw;
}
.mt20 {
  margin-top: 0.8vw;
}
.add-business-desc {
  margin-bottom: -1px;
}
.add-ts-desc {
  width: 88%;
  border-radius: 20px;
  background: -webkit-linear-gradient(45deg, #3264DD, #003FD5);
  background: -o-linear-gradient(45deg, #3264DD, #003FD5);
  background: -moz-linear-gradient(45deg, #3264DD, #003FD5);
  background: -ms-linear-gradient(45deg, #3264DD, #003FD5);
  background: linear-gradient(45deg, #3264DD, #003FD5);
  margin: 0 auto;
  padding: 3% 8%;
  color: #FFFFFF;
  font-size: 15px;
}
.add-ts-desc h4 {
  font-size: 24px;
  font-weight: bold;
}
.add-ts-list {
  position: relative;
  width: 88%;
  padding-bottom: 4vw;
  margin: 0 auto 50px;
}
.add-ts-list::before {
  content: "";
  position: absolute;
  top: 5%;
  width: 12px;
  left: 50%;
  margin-left: -6px;
  height: 95%;
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0), #2D4FE2);
  background: linear-gradient(rgba(255, 255, 255, 0), #2D4FE2);
}
.add-ts-list::after {
  content: "";
  position: absolute;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-top: 22px solid #2D4FE2;
  left: 50%;
  transform: translateX(-50%);
  top: 99%;
}
.add-ts-list li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.add-ts-list li:nth-child(odd) {
  flex-direction: row-reverse;
}
.add-ts-list li:nth-child(odd) .desc::before {
  background-image: url(../image/ad_yuan.png);
}
.add-ts-list .desc {
  border-radius: 20px;
  width: 45.4%;
  padding: 3% 5%;
  position: relative;
  overflow: hidden;
  filter: drop-shadow(0 5px 10px rgba(102, 102, 102, 0.15));
}
.add-ts-list .desc::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  background: url(../image/ad_yuan2.png) no-repeat scroll center center;
  background-size: 100% auto;
}
.add-ts-list .desc img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  pointer-events: none;
  z-index: -1;
  display: none;
}
.add-ts-list .year {
  position: relative;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #2D4FE2;
  font-size: 26px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  border: 2px solid rgba(45, 79, 226, 0.2);
  background-color: #FFFFFF;
}
.add-ts-list .year::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: 0 10px 20px rgba(102, 102, 102, 0.15);
  background-color: #FFFFFF;
  transform: scale(1.2);
  pointer-events: none;
}
.add-ts-list .t {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  padding-bottom: 10px;
  margin-bottom: 15px;
  position: relative;
  color: #2D4FE2;
}
.add-ts-list .t span {
  color: #1e1e1e;
}
.add-ts-list .t::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 74px;
  height: 5px;
  background: -webkit-linear-gradient(to right, #2D4FE2, rgba(255, 255, 255, 0));
  background: linear-gradient(to right, #2D4FE2, rgba(255, 255, 255, 0));
}
.add-btnMore {
  width: 160px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 58px;
  background: -webkit-linear-gradient(to right, #3264DD, #003FD5);
  background: linear-gradient(to right, #3264DD, #003FD5);
  color: #fff;
  padding: 0 25px;
  font-size: 15px;
  transition: 0.3s;
  margin: 0 auto;
}
.add-btnMore .icon {
  transition: 0.3s;
}
.add-btnMore:hover {
  background-color: #002B9E;
}
.add-btnMore:hover .icon {
  transform: translateX(10px);
}
.c1e {
  color: #1E1E1E;
}
.lh15 {
  line-height: 1.5;
}
.add-jc-box {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.add-jc-box .imgbox {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.add-jc-box .imgbox::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1;
  pointer-events: none;
}
.add-jc-box .imgbox img {
  transition: 0.3s;
}
.add-jc-list {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  color: #FFFFFF;
  z-index: 2;
}
.add-jc-list li {
  width: 50%;
  padding: 15% 8% 5%;
  position: relative;
}
.add-jc-list li:hover::before {
  opacity: 0;
}
.add-jc-list li:hover::after {
  height: 100%;
}
.add-jc-list li::before,
.add-jc-list li::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(rgba(7, 54, 168, 0), #000000);
  background: linear-gradient(rgba(7, 54, 168, 0), #000000);
}
.add-jc-list li::before {
  transition: 0.3s;
}
.add-jc-list li::after {
  transition: 0.5s;
  height: 0;
  background: -webkit-linear-gradient(rgba(7, 54, 168, 0), #0736a8);
  background: linear-gradient(rgba(7, 54, 168, 0), #0736a8);
}
.add-jc-list .t {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 15px;
}
.add-logo-list {
  display: flex;
  flex-wrap: wrap;
}
.add-logo-list a {
  position: relative;
  margin: 2vw 1% 0;
  box-shadow: 0 10px 20px rgba(127, 154, 217, 0.15);
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 22%;
}
.add-logo-list a img {
  max-width: 100%;
  display: block;
}
.flex-ce {
  justify-content: center;
}
.add-pt-img {
  position: relative;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
}
.add-pt-img .swiper-pag {
  position: absolute;
  bottom: 5%;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 100;
}
.add-pt-img .swiper-pag .swiper-pagination-bullet {
  background-color: #fff;
  margin: 0 8px;
}
.add-pt-list {
  display: flex;
  justify-content: space-between;
  background-color: #FFFFFF;
}
.add-pt-list li {
  width: 50%;
  padding: 40px 8%;
  position: relative;
  z-index: 1;
}
.add-pt-list li::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #003FD5;
  transition: 0.3s;
  opacity: 0;
}
.add-pt-list li.active::before {
  opacity: 1;
}
.add-pt-list li.active .t,
.add-pt-list li.active .c,
.add-pt-list li.active .more {
  color: #FFFFFF;
}
.add-pt-list li.active .bor {
  opacity: 1;
  visibility: visible;
}
.add-pt-list .t {
  font-weight: bold;
  color: #1E1E1E;
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 10px;
}
.add-pt-list .c {
  font-size: 16px;
  color: #666666;
}
.add-pt-list .bot {
  margin-top: 15px;
}
.add-pt-list .bor {
  position: absolute;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 18px solid #003FD5;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.add-pt-list .more {
  font-size: 15px;
  display: inline-flex;
  align-items: center;
}
.add-pt-list .more .icon {
  margin-left: 25px;
  transition: 0.3s;
}
.add-pt-list .more:hover .icon {
  transform: translateX(10px);
}
.add-yingyong-box {
  display: flex;
  align-items: center;
}
.add-yingyong-box .imgBox {
  width: 65%;
  margin-right: 5%;
}
.add-yingyong-box .desc {
  flex: 1;
}
.add-yingyong-box .t {
  font-size: 30px;
  line-height: 1.5;
  margin-bottom: 5px;
  font-weight: bold;
}
.add-yingyong-box .c {
  font-size: 22px;
}
.add-yingyong-box .add-btnMore {
  margin: 0;
}
.add-zhili-nav {
  display: flex;
  margin: 5vw 0 0 -1%;
}
.add-zhili-nav li {
  margin-left: 1%;
  width: 24%;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 20px 2%;
  border-radius: 10px;
}
.add-zhili-nav li::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  transition: 0.5s;
  width: 0;
  background-color: #2D4FE2;
  z-index: 1;
}
.add-zhili-nav .active::before {
  width: 100%;
}
.add-zhili-nav .active .txt {
  color: #2D4FE2;
}
.add-zhili-nav .active .more {
  color: #2D4FE2;
}
.add-zhili-nav .ico {
  width: 70px;
  position: relative;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.add-zhili-nav .ico img {
  max-width: 100%;
}
.add-zhili-nav .t {
  font-weight: bold;
}
.add-zhili-nav .txt a {
  color: #666666;
}
.add-zhili-nav .txt a:hover {
  color: #2D4FE2;
}
.add-zhili-demo {
  position: relative;
  margin-top: 5vw;
  overflow: hidden;
}
.add-zhili-demo.active {
  animation: fadeInRight2 0.8s forwards;
}
.add-zhili-demo .bot {
  display: none;
}
.add-zlitem1 {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.add-zlitem1 .pageC {
  flex: 1;
  margin-right: 4%;
}
.add-zlitem1 .imgBox {
  width: 59%;
}
.add-zj-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1%;
}
.add-zj-list li {
  width: 49%;
  margin-left: 1%;
  margin-bottom: 2%;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.add-zj-list .txt {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 2.5vw 5% 1.1vw;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65));
  color: #FFFFFF;
  text-align: center;
}
.add-zj-list2 {
  margin-left: 0;
  display: block;
}
.add-zj-list2 li {
  margin-left: 0;
  width: auto;
}
.add-jjfa-box {
  display: flex;
  justify-content: space-between;
}
.add-jjfa-nav {
  width: 32%;
}
.add-jjfa-nav li {
  display: flex;
  cursor: pointer;
  align-items: flex-start;
  margin-bottom: 1vw;
}
.add-jjfa-nav li:hover .t {
  color: #2D4FE2;
}
.add-jjfa-nav .ico {
  width: 93px;
  position: relative;
  margin-right: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: height 0.3s;
  opacity: 0;
  visibility: hidden;
  line-height: 1;
  height: 0;
}
.add-jjfa-nav .ico img {
  max-width: 100%;
}
.add-jjfa-nav .t {
  line-height: 1.4;
  padding-top: 0.5vw;
  font-weight: bold;
  color: #DDDDDD;
  transition: height 0.3s;
  margin-bottom: 8px;
}
.add-jjfa-nav .c {
  line-height: 1.5;
  margin-bottom: 8px;
}
.add-jjfa-nav .c,
.add-jjfa-nav .more {
  transition: height 0.3s;
  opacity: 0;
  visibility: hidden;
  height: 0;
}
.add-jjfa-nav .txt {
  flex: 1;
}
.add-jjfa-nav .txt a {
  color: #2D4FE2;
}
.add-jjfa-nav .txt a:hover {
  text-decoration: underline;
}
.add-jjfa-nav .active .t {
  color: #2D4FE2;
}
.add-jjfa-nav .active .ico,
.add-jjfa-nav .active .c,
.add-jjfa-nav .active .more {
  opacity: 1;
  visibility: visible;
  height: auto;
}
.add-jjfa-demo {
  position: relative;
  width: 62%;
  overflow: hidden;
}
.add-jjfa-demo.active {
  animation: fadeInRight2 0.8s forwards;
}
.add-jjfa-demo .imgBox {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  height: 100%;
}
.add-jjfa-demo .imgBox img {
  max-width: 100%;
}
.add-arrow {
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%);
  color: #FFFFFF;
  font-size: 16px;
}
.add-arrow .ico {
  width: 17px;
  margin: 10px auto 0;
}
.add-arrow .ico img {
  -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}
@keyframes mouse-dot {
  from {
    opacity: 0;
  }
  33% {
    opacity: 1;
  }
  to {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    opacity: 0;
  }
}
@-webkit-keyframes mouse-dot {
  from {
    opacity: 0;
  }
  33% {
    opacity: 1;
  }
  to {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    opacity: 0;
  }
}




.z_zh_warp {
  width: 19.27083vw;
  height: 19.27083vw;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.z_zhlogo li {
  display: block;
  width: 6vw;
  height: 6vw;
  position: absolute;
  animation: spin2 6s infinite linear;
  transform-origin: 40% 40%;
}
.z_zhlogo li .box {
 

}
.z_zhlogo li img {
  max-width: 100%;border: 4px solid #FFF;
  max-height: 100%;
  animation: spin-reverse2 6s infinite linear;    border-radius: 10px;
}
.z_zhlogo li:nth-child(5n-1) {
  animation: spin 9s infinite linear;
}
.z_zhlogo li:nth-child(5n-1) img {
  animation: spin-reverse 9s infinite linear;
}
.z_zhlogo li:nth-child(5n-2) {
  animation: spin2 5s infinite linear;
}
.z_zhlogo li:nth-child(5n-2) img {
  animation: spin-reverse2 5s infinite linear;
}
.z_zhlogo li:nth-child(5n-3) {
  animation: spin 7s infinite linear;
}
.z_zhlogo li:nth-child(5n-3) img {
  animation: spin-reverse 7s infinite linear;
}
.z_zhlogo li:nth-child(5n-4) {
  animation: spin2 6s infinite linear;
}
.z_zhlogo li:nth-child(5n-4) img {
  animation: spin-reverse2 6s infinite linear;
}
.z_zhlogo li:nth-child(5n) {
  animation: spin 8s infinite linear;
}
.z_zhlogo li:nth-child(5n) img {
  animation: spin-reverse 8s infinite linear;
}
.z_zhlogo li.c1 {
  left: 27.08333vw;
  top: 3vw;
  width: 5.2vw;
  height: 5.2vw;
}
.z_zhlogo li.c2 {
  left: 20.3125vw;
  top: 11vw;
  width: 5.72916vw;
  height: 5.72916vw;
}
.z_zhlogo li.c3 {
  left: 20.3125vw;
  bottom: 10vw;
  width: 5vw;
  height: 5vw;
}
.z_zhlogo li.c4 {
  left: 27.08333vw;
  bottom: 3vw;
}
.z_zhlogo li.c5 {
  right: 27.08333vw;
  bottom: 3vw;
  width: 5.2vw;
  height: 5.2vw;
}
.z_zhlogo li.c6 {
  right: 20.3125vw;
  bottom: 10vw;
  width: 4.89583vw;
  height: 4.89583vw;
}
.z_zhlogo li.c7 {
  right: 20.3125vw;
  top: 11vw;
}
.z_zhlogo li.c8 {
  right: 27.08333vw;
  top: 3vw;
}
.z_zhlogo li.c9 {
  right: 17.70833vw;
  top: 1vw;
  width: 5.2vw;
  height: 5.2vw;
}
.z_zhlogo li.c10 {
  right: 12.5vw;
  top: 9vw;
  width: 5vw;
  height: 5vw;
}
.z_zhlogo li.c11 {
  right: 11.97916vw;
  bottom: 12vw;
  width: 6.25vw;
  height: 6.25vw;
}
.z_zhlogo li.c12 {
  right: 15vw;
  bottom: 5vw;
  width: 4.6vw;
  height: 4.6vw;
}
.z_zhlogo li.c13 {
  left: 17.70833vw;
  top: 1vw;
  width: 5.8vw;
  height: 5.8vw;
}
.z_zhlogo li.c14 {
  left: 12.5vw;
  top: 9vw;
  width: 4.8vw;
  height: 4.8vw;
}
.z_zhlogo li.c15 {
  left: 11.97916vw;
  bottom: 12vw;
}
.z_zhlogo li.c16 {
  left: 15vw;
  bottom: 3vw;
  width: 5vw;
  height: 5vw;
}
.z_zhlogo li.c17 {
  left: 3.5vw;
  top: 6vw;
}
.z_zhlogo li.c18 {
  left: 6vw;
  top: 15vw;
  width: 4vw;
  height: 4vw;
}
.z_zhlogo li.c19 {
  left: 0vw;
  bottom: 12vw;
  width: 5vw;
  height: 5vw;
}
.z_zhlogo li.c20 {
  left: 6vw;
  bottom: 5vw;
  width: 5.7vw;
  height: 5.7vw;
}
.z_zhlogo li.c21 {
  right: 3.5vw;
  top: 6vw;
}
.z_zhlogo li.c22 {
  right: 6vw;
  top: 15vw;
  width: 4vw;
  height: 4vw;
}
.z_zhlogo li.c23 {
  right: 0vw;
  bottom: 12vw;
  width: 5vw;
  height: 5vw;
}
.z_zhlogo li.c24 {
  right: 6vw;
  bottom: 5vw;
  width: 5.7vw;
  height: 5.7vw;
}
.z_zhlogo li.c25 {
  right: 8vw;
  top: 0vw;
  width: 5.7vw;
  height: 5.7vw;
}
.z_zhlogo li.c26 {
  right: -2vw;
  top: 12vw;
  width: 4.6vw;
  height: 4.6vw;
}
.z_zhlogo li.c27 {
  left: -2vw;
  top: 12vw;
  width: 4.6vw;
  height: 4.6vw;
}
.z_zhlogo li.c28 {
  left: 8vw;
  top: 0vw;
  width: 5.7vw;
  height: 5.7vw;
}
@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}
@keyframes spin2 {
  to {
    transform: rotate(-1turn);
  }
}
@keyframes spin-reverse {
  from {
    transform: rotate(1turn);
  }
}
@keyframes spin-reverse2 {
  from {
    transform: rotate(-1turn);
  }
}


.z_hexin3 {
  padding: 7vw 12.5vw;
  background: #ececec url(/images/zadd1.jpg) no-repeat bottom center;
  background-size: 100% auto;
  box-sizing: border-box;
}
.z_hexin3_warp {
  height: 36.97916vw;
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 6vw;
}
.z_hexin3_warp .z_conbox {
  width: 14.73958vw;
  height: 14.73958vw;
  border: 0px solid #050001;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  background: url(/images/zadd2.png) no-repeat center;
  background-size: cover;
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
}
.z_zh_warp::before {
  content: "";
  display: block;
  background: url(/images/zadd3.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform:rorate(360dge);
  animation: animtran 20s linear infinite;
}

@keyframes animtran {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(360deg);
  }
}
@keyframes animtrans {
  from {
    transform: rotateZ(360deg);
  }
  to {
    transform: rotateZ(0deg);
  }
}

.tepro{position: absolute;
     left: 1%; 
    top: 50%;
    z-index: 11;
    /* width: 77%; */
    color: var(--black);
    transform: translateY(-50%);}
	
.tepro img{height:208px}


  .video-wrapper {
    cursor: pointer;
  }
  .overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 2;
  }
  .video-container2 {
    position: absolute;
    top: 50%;width:70%;text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .video-container2 video {
    width: 80%;
    height: auto;border:8px solid #fff;
  }
  
  
  
.div-about-technology {overflow: hidden;clear: both;padding: 0 0 5% 0;}
.div-about-technology .div-container {width: 100%;}
.about-technology-left {float: left;width: 64%;}
.about-technology-left .img {background: none;}
.about-technology-left .pic{position: relative;}
.about-technology-left .img-bottom{position: absolute;left: 50%;transform: translateX(-52%);bottom: 0;width: auto;max-width: 70%;z-index: 11;opacity: 1;}
.about-technology-left .yuanbg {opacity: 0;}
.about-technology-left .pic .bgyuan {background: red;border-radius: 100%;z-index: 1;position: absolute;}
.about-technology-left .pic .bgyuan.bgyuan1 {width: 23%;right: 20%;top: 25%;opacity: .2;animation:fuchu1 2s cubic-bezier(.215,.61,.355,1) infinite;}
.about-technology-left .pic .bgyuan.bgyuan2 {width: 13%;right: 40%;top: 30%;opacity: .1;animation:fuchu1 3s cubic-bezier(.215,.61,.355,1) infinite;}
.about-technology-left .pic .bgyuan.bgyuan3 {width: 16%;left: 10%;top: 30%;opacity: .1;animation:fuchu1 4s cubic-bezier(.215,.61,.355,1) infinite;}
.about-technology-left .pic .bgyuan.bgyuan4 {width: 17%;left: 21%;top: 17%;opacity: .1;animation:fudong1 4s linear infinite;}
.about-technology-left .pic .bgyuan.bgyuan5 {width: 5%;left: 5%;top: 15%;opacity: .2;animation:fudong1 3s linear infinite;}
.about-technology-left .pic .bgyuan.bgyuan6 {width: 16%;left: 51%;top: 5%;opacity: .1;animation:fudong1 2s linear infinite;}
.about-technology-left .pic .bgyuan.bgyuan7 {width: 9%;left: 1%;top: 58%;opacity: .1;animation:fudong1 3s linear infinite;}
.about-technology-left .pic .bgyuan.bgyuan8 {width: 24%;left: 30%;top: 28%;opacity: .1;animation:fudong1 4s linear infinite;}
.about-technology-left .pic .bgyuan.bgyuan9 {width: 10%;right: 1%;top: 30%;opacity: .2;animation:fudong1 4s linear infinite;}
.about-technology-left .pic .bgyuan.bgyuan10 {width: 6%;right: 10%;top: 15%;opacity: .1;animation:fudong1 3s linear infinite;}
.about-technology-left .pic .bgyuan.bgyuan11 {width: 4%;right: 4%;top: 50%;opacity: .1;animation:fudong1 4s linear infinite;}
.about-technology-left .pic .bgyuan.bgyuan12 {width: 9%;left: 19%;top: 50%;opacity: .1;}
.about-technology-left .pic .bgyuan.bgyuan13 {width: 19%;right: 18%;top: 45%;opacity: .1;}

.about-technology-right {float: right;width: 35%;margin-top: 7%;}
.about-technology-li {border-bottom: 1px solid #e5e5e5;padding: 4% 0;overflow: hidden;}
.about-technology-li:first-child {padding: 0 0 4% 0;}
.about-technology-li:last-child {border: none;}
.about-technology-li .title-1{line-height: 60px;}
.about-technology-li .text-1 {color: #333333;line-height: 30px;}
.about-technology-li .text-1 hr {margin: 25px 0;opacity: .5;height: 1px;overflow: hidden;display: block;border: none;border-top: 1px solid #ccc;}
.about-technology-li strong{font-weight: normal;color: red;margin: 0;padding: 0;}
 
 
 