.banner {
  position: relative
}

[class*=h1] {
  font-family: medium
}

[class*=h2] {
  font-family: medium
}

.banner .imgs {
  height: 32.5em
}

.bg-img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}

.banner h1 {
  text-align: center;
  font-size: 3.6em;
  color: #fff
}

.banner .text {
  font-size: 1.4em;
  color: #fff;
  text-align: center;
  margin-top: .8em;
  line-height: 1.3
}

.downnew {
  font-size: .8em;
  margin-left: 35px;
  margin-top: 20px;
  width: 110px;
  height: 40px;
  line-height: 40px;
  background: #1046dc;
  text-align: center;
  border-radius: 3px
}

.downnew a {
  justify-content: center;
  color: #fff
}

.downnew:hover {
  color: #13ad67
}

.banner .textbox {
  position: absolute;
  top: 48%;
  transform: translateY(-50%);
  width: 100%
}

.honor .imgs {
  background-size: contain
}

.conlis span {
  font-size: .8em;
  margin-top: 22px;
  display: inline-block
}

.conlis span+span {
  margin-left: 2.81em
}

.conlis span img {
  margin-right: 10px
}

.gnull-tips {
  margin-top: 20px
}

.tab2 {
  margin-top: 41px
}

.pro .left {
  width: 24%;
  padding-right: 1.5em
}

.pro .leftbox {
  background-color: #f7f7f7;
  width: 100%;
  padding: 2em 1.5em
}

.pro input {
  width: 15px;
  height: 15px;
  border: 1px solid #13ad67;
  margin-right: .8em
}

.p-prodet {
  font-family: medium
}

.pro .tit {
  font-size: .8em;
  margin-bottom: 1.37em;
  cursor: pointer;
  font-family: medium
}

.pro .item {
  font-size: .8em
}

.pro .item+.item {
  margin-top: 1em
}

.pro input:checked {
  background-image: url(/content/img/images/duihao.png);
  background-size: cover
}

.pro .tit svg {
  width: 11px;
  height: 7px;
  float: right;
  margin-top: 3px
}

.svg img {
  margin-right: 12px
}

.pro .bottom {
  display: none;
  margin-bottom: 2em
}

.curtith1 {
  font-size: 1.7em;
  color: #000
}

.curs svg {
  width: 7px;
  height: 11px;
  margin-left: 20px;
  margin-right: 20px
}

.curtit {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  align-content: center
}

.curs {
  font-size: .8em
}

.pro .right {
  width: 76%
}

.pro {
  margin-top: 3em
}

.pro .more svg {
  width: 6px;
  height: 11px;
  color: #fff;
  font-family: "Regular"
}

.pro .more span {
  width: 22px;
  height: 22px;
  display: flex;
  border-radius: 50%;
  background-color: #1046dc;
  justify-content: center;
  align-items: center;
  margin-right: 5px
}

.pro .more {
  display: flex;
  margin-top: 1.25em;
  font-size: .8em;
  align-items: center;
  font-family: medium
}

.pro .imgs {
  width: 100%;
  height: 8em;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  transition: all .3s
}

.pro .type {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  min-height: 21px;
  background: none !important;
  /* font-size: .7em;
    height: 21px;
    display: inline-block;
    padding: 3px 10px;
    color: #fff;
    border-radius: 2px;
    background: rgb(16, 70, 220); */
}

.pro .type>* {
  display: flex;
  align-items: center;
  font-size: .7em;
  height: 21px;
  padding: 3px 10px;
  color: #fff;
  border-radius: 2px;
  background: rgb(16, 70, 220);
}

.prolist2 .pro .type {
  background: 0 0;
  display: none
}

/* .prolist2 .pro .type>* {
  background: 0 0;
}
 */
.nohtml {
  background: 0 0 !important
}

.pro .textbox .flex {
  display: block;
  min-height: 2.4em;
}

.pro h2 {
  font-size: .9em;
  margin: 7px 0 11px;
  transition: all .3s;
  line-height: 1.3
}

.pro li .textbox {
  margin-top: 8px;
  flex: 1;
  margin-left: 0.1rem;
}

.pro .text {
  font-size: .8em;
  line-height: 1.5;
  display: initial
}

.pro ul .box {
  height: 100%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
  padding: 0 1.1em 1.75em;
  position: relative;
  overflow: hidden;
}

.pro ul .col-lg-4 img {
  position: absolute;
  left: 29px;
  top: 12px;
  z-index: 999;
  width: 55px;
}

.pro .row {
  margin: 1.5em -15px 0
}

.pro .row li {
  margin-bottom: 1.5em
}

.go-left svg,
.go-right svg {
  width: 8px;
  height: 12px
}

.go-left {
  margin-right: 16px
}

.go-right {
  margin-left: 16px
}

.page {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px
}

.page .num {
  display: block;
  width: 2.5em;
  height: 2.5em;
  font-size: .8em;
  display: flex;
  justify-content: center;
  align-items: center
}

.page .active {
  background-color: #1046dc;
  color: #fff !important
}

.main-box {
  padding-bottom: 3em
}

.swiperBanner .imgs {
  display: flex;
  align-items: center
}

.swiperBanner {
  height: 450px;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat
}

.swiperBanner img {
  display: block;
  margin: auto;
  height: 100%
}

.swiperBanner .imgs {
  height: 22.5em
}

.detbtn {
  width: 4.25em;
  height: 4.25em;
  position: absolute;
  bottom: 0;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer
}

.detbtn:hover {
  background-color: rgba(255, 255, 255, .1)
}

.detbtn svg {
  width: 16px;
  height: 30px;
  color: #fff
}

.detbtn1 {
  right: 4.26em
}

.detbtn2 {
  right: 0
}

.detbtn.swiper-button-disabled {
  background-color: initial
}

.det1 h6 {
  font-size: 1em;
  display: none
}

.det1 .lvtitle {
  font-size: 1.7em;
  color: #1046dc;
  margin-top: 10px;
  line-height: 1.3
}

.detbox {
  padding-top: 3em
}

.subtext {
  font-size: 1.2em;
  /* font-size: 1em; */
  margin-top: 0.5em
}

.det1 li {
  width: 50%;
  float: left;
  font-size: .8em;
  line-height: 1.7;
  padding-left: 20px;
  position: relative
}

.det1 ul {
  margin-top: 1em;
  padding-bottom: 1.75em;
  /* border-bottom: 1px solid #eee */
}

.overflow {
  overflow: hidden
}

.det1 li::after {
  display: block;
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 11px;
  background-color: #222
}

.det1 h3 {
  font-size: 1.2em;
  color: #13ad67;
  margin-top: 1.45em
}

.det1 .textbox span {
  font-size: .8em;
  padding: 0 22px
}

.det1 .textbox span+span {
  border-left: 1px solid #999
}

.det1 .textbox {
  margin-top: .9em;
  margin-left: -22px
}

.det2 .flex {
  width: 100%;
  line-height: 2.5em;
  background-color: #f7f7f7;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
  padding-left: 1.75em;
  margin-top: 2.75em;
  /* text-transform: uppercase */
}

.det2 .flex .item+.item {
  margin-left: 3em
}

.det2 .flex .item {
  opacity: .5;
  position: relative;
  cursor: pointer;
  font-family: "Regular";
  font-size: .8em
}

.det2 .item.active {
  color: #13ad67;
  opacity: 1
}

.det2 .flex .item img {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -24px
}

.det2 .flex .item.active img {
  display: block
}

.p-about .det2 .flex {
  margin-left: -15px;
  margin-right: -15px
}

.det2box h1 {
  font-size: 1.2em
}

.det2box {
  margin-top: 2em
}

.det2box li div {
  font-size: .8em;
  float: left;
  line-height: 1.5
}

.det2box li div i {
  display: block;
  font-style: normal
}

.det2box .name {
  width: 17.5em;
  flex-shrink: 0
}

.det2box li {
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
  overflow: hidden;
  position: relative
}

.det2box .item+.item {
  margin-top: 3em
}

.det2box .item+.item+.item {
  display: none
}

.det2box ul {
  margin-top: 18px
}

.timor svg {
  width: 15px;
  height: 8px;
  color: #1046dc
}

.timor {
  font-size: .8em;
  color: #1046dc;
  text-align: center;
  margin-top: 3.12em;
  cursor: pointer
}

.det2box .row img {
  display: block;
  margin: auto
}

.det2box .row .text1 {
  text-align: center;
  font-size: .8em;
  color: #666;
  margin-top: 2.2em
}

.det2box .row .text2 {
  text-align: center;
  font-size: 1em;
  margin-top: 13px;
  line-height: 1.3
}

.det2box .itembox {
  display: none
}

.det2box .itembox.active {
  display: block
}

.det2box .row {
  margin-top: 3.75em;
  padding-bottom: 2em
}

.det2box a {
  display: flex
}

.det2box .col-6 a {
  display: block
}

.riic svg {
  width: 12px;
  height: 18px
}

.riic {
  position: absolute;
  right: 0
}

.det2box .msg {
  padding-right: 10em;
  color: #666
}

.titleh1 {
  font-size: 1.6em;
  color: #000;
  padding-top: 1.2em;
  font-family: medium
}

.supsear input {
  width: 500px;
  line-height: 50px;
  height: 50px;
  border: 1px solid #eee;
  padding: 10px
}

.supsear {
  margin-top: .9em
}

.supsear a {
  display: inline-block;
  width: 140px;
  height: 50px;
  line-height: 50px;
  background-color: #1046dc;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  font-size: .8em;
  margin-left: -5px;
  margin-top: -1px;
  vertical-align: 2px;
  font-family: "Regular"
}

.titletext {
  font-size: 1em;
  margin-top: 1.5em;
  line-height: 1.3;
  font-family: "Regular"
}

.p-service .titletext {
  font-family: "Light"
}

.p-support .det2 .flex {
  margin-top: 2em
}

.supcenh1 {
  line-height: 1.3;
  transition: all .3s
}

.supcen .box .downnew {
  margin-left: 10px
}

.tab2 {
  padding: 10px 0 line-height: 25px;
}

.supcen .tab2+.tab2 {
  display: none
}

.supcen .text {
  font-size: .8em;
  margin-top: 5px;
  line-height: 1.3
}

.table td {
  border: 0;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 0;
  line-height: 1.5;
  font-family: medium
}

.table {
  overflow: hidden
}

.disnone {
  display: none
}

.allshow .table {
  max-height: 1e4px
}

.table tr:nth-child(1) {
  border-bottom: 1px solid #000
}

.table tr+tr {
  font-size: .8em
}

.table tr+tr td+td {
  color: #666;
  width: auto !important;
  font-family: "Regular";
  word-break: break-word;
}

.table tr+tr td:nth-child(1) {
  width: 20.5%;
  color: #666666;
  padding-left: 0;
  font-family: "Medium";
  word-break: break-word;
}

.addtitles td:nth-child(1) {
  font-size: 1.2em;
}

.table tr+tr td.weights {
  color: #000 !important;
}

.table .addtitles td:nth-child(1) {
  font-size: 1.3em;
}

.tabletit {
  padding-top: 50px !important;
  font-size: 24px !important
}

.table table {
  border: 0;
  width: 100% !important
}

.table tr {
  border-bottom: 1px solid #ddd
}

.supcen .item a {
  display: flex
}

.table span {
  word-break: break-word
}

.table td {
  word-break: break-word
}


/* .table td[colspan] {
    font-size: 18px;
    color: #1046dc !important;
    padding-top: 40px
} */

.supcen .item {
  padding: 1.6em 0 1.75em;
  border-bottom: 1px solid #f7f7f7
}

.supcen {
  margin-top: 12px
}

.supcen .page {
  margin-top: 2em
}

.supcen .list {
  display: none
}

.supcen .list.active {
  display: block
}

.p-support .waptab {
  margin-top: .3rem !important
}

.waptab .tit img {
  position: absolute;
  bottom: -22px;
  left: .3rem
}

.tittext1 {
  font-size: 1.6em;
  line-height: 1.3;
  margin-top: 25px;
  font-family: medium
}

.p-service .titletext {
  margin-top: 2em;
  max-height: 13.5em;
  overflow: hidden;
  transition: all 1s;
  line-height: 2
}

.isc .titletext {
  max-height: 1e3px;
  line-height: 2
}

.ser1 .imgs {
  height: 36.25em
}

.ser1Swip .swiper-slide {
  width: 14.5em
}

.ser1Swip .swiper-slide .imgs {
  border-radius: 8px;
  overflow: hidden
}

.ser1 {
  padding-left: 5em;
  margin-top: 3em
}

.pos {
  position: relative
}

.ser1 .textbox {
  position: absolute;
  width: 100%;
  bottom: 2em;
  color: #fff
}

.serSwip .swiper-slide {
  background-color: #553a63;
  text-align: center
}

.serSwip .swiper-slide a {
  transition: all .3s;
  display: block;
  padding: 1.5em 0
}

.serSwip {
  margin-top: 1.75em
}

.ser1 h1 {
  font-size: 2.4em;
  color: #fff;
  margin-top: 2.08em
}

.heightImg {
  width: 100%;
  opacity: 0
}

.ser2 h2 {
  font-size: 1.2em;
  line-height: 1.3;
  margin-top: 1.1em
}

.ser1Swip .imgs {
  width: 100%;
  height: 18.75em;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all .3s;
  box-shadow: 10px 0 50px rgba(0, 0, 0, .28)
}

.ser1Swip {
  padding: 3.5em 1em;
  margin-left: -1em;
  margin-top: -1em
}

.ser1Swip .swiper-slide:hover .imgs {
  transform: scale(1.1)
}

.ser1Swip .swiper-slide:hover .text {
  opacity: 1
}

.ser2 .text {
  font-size: .8em;
  line-height: 1.5em;
  margin-top: 2.4em;
  height: 7.5em;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical
}

.ser1Swip .text {
  font-size: .8em;
  line-height: 1.5;
  color: #fff;
  margin-top: 1.87em;
  opacity: 0;
  transition: all .3s
}

.ser2 li {
  margin-bottom: 2.5em;
  padding: 0 1.5em
}

.ser1Swip img {
  display: block
}

.ser1Swip .text_1 {
  margin-top: 1.25em
}

.ser1Swip .box {
  padding: 2em 1.5em;
  position: absolute;
  top: 0;
  left: 0
}

.ser2 ul {
  margin: 1.26em -20px -2.5em
}

.ser2 h2 span {
  border-bottom: 2px solid #13ad67;
  padding-bottom: 9px;
  display: inline-block
}

.goodsI {
  position: absolute;
  top: 4em;
  right: -2em;
  max-width: 16em;
  height: 16em;
  object-fit: contain
}

.det2 .det2box .itembox:nth-child(1) {
  margin-top: -40px
}

.ser2 .imgs {
  transition: all .5s;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%
}

.tec1 ul .box {
  background-color: #e36810;
  color: #fff;
  padding: 1.25em 1.3em 2em;
  transition: all .3s
}

.tec1 ul li {
  margin-bottom: 5px;
  padding: 0 3px
}

.tec1 {
  padding: 0 6em
}

.tec1 ul li h6 {
  font-size: 1em;
  line-height: 1.3;
  font-family: "Medium";
  color: #fff
}

.tec1 ul li .text {
  font-size: .8em;
  font-weight: 300;
  line-height: 1.5;
  margin-top: 10px;
  color: #fff
}

.tec1 {
  margin-top: 2.5em
}

.tec1 h2 {
  font-size: 1.6em;
  color: #13ad67;
  text-align: center;
  text-transform: uppercase
}

.tec1 .imgs {
  padding: 3.75em 0 5em
}

.tec1 ul {
  margin-top: 2em;
  padding: 0 2em
}

.tecd1 .imgs {
  width: 100%;
  background-size: cover
}

.tecd1 {
  padding-top: 1.25em;
  border-top: 1px solid #eee;
  margin-top: 2.5em
}

.tecd1 .left {
  width: 50%;
  padding-right: 1.5em
}

.tecd1 .right {
  width: 50%;
  padding-left: 1.5em
}

.tecd1h1 {
  font-size: 1.6em;
  padding-top: 9%;
  text-transform: uppercase
}

.tecd1 .text1 {
  font-size: 1.2em;
  display: inline-block;
  padding: 5px 13px;
  color: #fff;
  margin: .7em 0 0;
  background-position: 50%;
  background-size: cover;
  border-radius: 3px
}

.tecd1 .text {
  font-size: .8em;
  line-height: 1.5;
  margin-top: 1.5em
}

.tecd1 .item {
  padding: 1.25em 0
}

.tecd1 .item:nth-child(odd) {
  flex-direction: row-reverse
}

.tecd1 .item:nth-child(odd) .left {
  padding-left: 1.5em;
  padding-right: 0
}

.tecd_2 .item {
  flex-direction: initial !important
}

.tecd_2 .item .left {
  padding-left: 0 !important;
  padding-right: 1.5em !important
}

.tecd_2 .item .right {
  padding-left: 1.5em !important
}

.tecd1 .item:nth-child(odd) .right {
  padding-right: 3em;
  padding-left: 0
}

.tecd1 .item:nth-child(3) {
  flex-direction: row-reverse
}

.tecd1 .item:nth-child(even) .left {
  padding-left: 0
}

.tecd1 .item:nth-child(even) .right {
  padding-right: 3em;
  padding-left: 1.5em
}

.newsList .overflow {
  width: 31.5%;
  height: 13.15em
}

.newsList .imgs {
  width: 100%;
  height: 100%;
  transition: all .3s
}

.newsList .time {
  font-size: 1em;
  color: #1046dc;
  font-family: "Regular"
}

.newsList .textbox {
  width: 68.5%;
  padding-top: 1.8em
}

.newsListh1 {
  font-size: 1.2em;
  line-height: 1.3;
  margin-top: .56em
}

.newsList .text {
  font-size: .8em;
  line-height: 1.5
}

.newsList .textbox {
  padding-left: 2em
}

.newsList .list {
  overflow: hidden;
  width: 100%;
  padding: 1.5em 0;
  border-bottom: 1px solid #eee
}

.newsList {
  padding-top: 1.5em
}

.p-news .page {
  margin-top: 2em
}

.det-a {
  height: 3em;
  display: flex;
  align-items: center;
  background-color: #f7f7f7
}

.newsdet {
  padding-top: 3.25em
}

.newsdet-header .time {
  font-family: "Regular"
}

.newsdet-header h1 {
  font-size: 1.7em;
  color: #1046dc;
  line-height: 1.15em;
  margin-top: 10px;
  margin-left: 50px
}

.newsdet .textbox {
  font-size: .8em;
  line-height: 1.87em;
  padding-top: .8em;
  margin-top: .8em;
  margin-left: 50px;
  border-top: 1px solid #1046dc;
  min-height: 300px
}

.newsdet .textbox a {
  cursor: pointer;
  color: #1046dc;
}

.p-inquire .sm-inner .inquire_page {
  padding-top: 24px;
  padding-bottom: 12px;
}

.p-newsDet.p-prodet .newsdet .textbox {
  min-height: 0
}

.curs span:hover {
  opacity: .6
}


.tolinek {
  margin-top: 47px;
  display: flex;
  font-family: "Regular";
  color: #666
}

.tolinek a {
  width: 5.5em;
  height: 1.5em;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 16px;
  margin-top: -5px
}

.about1 .col-lg-12 {
  border-top: 1px solid #eee;
  padding-top: 2.5em;
  margin-top: 2.5em
}

.about2 .imgs {
  height: 16.5em;
  position: relative
}

.about2h1 {
  font-size: 1.2em;
  color: #13ad67
}

.about2 .imgs img {
  width: 100%;
  position: absolute;
  bottom: 0
}

.about2 .text {
  font-size: .8em;
  line-height: 1.5;
  margin-top: 13px;
  height: 6em
}

.about2 .textbox {
  background-color: #f7f7f7;
  padding: 0 1.5em 2em
}

.about2 .col-lg-4 {
  padding: 0 20px;
  margin-bottom: 1.25em
}

.about2 .row {
  margin: 2.5em -20px 0
}

.contactUsh1 {
  font-size: 1.7em;
  color: #1046dc
}

.tocontact {
  position: fixed;
  right: 10px;
  bottom: 6.5em;
  z-index: 999;
  cursor: pointer;
  max-width: 2.5em;
  display: flex;
  height: 2.5em;
  border-radius: 6px;
  box-shadow: 0 3px 20px rgba(0, 0, 0, .1);
  transition: all .5s;
  overflow: hidden
}

.tocontact a {
  display: flex;
  flex-wrap: nowrap
}

.tocontact:hover {
  max-width: 8em
}

.tocontact .tocRight {
  width: 100px;
  float: left;
  font-size: .8em;
  line-height: 3.125em;
  font-weight: 700
}

.tocontact img {
  width: 2.5em;
  float: left;
  height: 2.5em;
}

.tocontact .bg {
  width: 3em;
  height: 3em;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .1);
  display: none
}

.tocontact:hover .bg {
  display: block
}

.contactUs .row {
  margin-right: -15px;
  margin-left: -15px
}

.contactUs h3 {
  font-size: 1.2em;
  color: #13ad67;
  margin-bottom: 17px;
  font-family: "Medium";
  text-transform: uppercase
}

.contactUs .isli {
  font-size: .8em;
  line-height: 1.5;
  margin-bottom: 7px
}

.contactUs .col-lg-6:nth-child(1) {
  border-bottom: 1px solid #f2f2f2
}

.contactUs .col-lg-6:nth-child(2) {
  border-bottom: 1px solid #f2f2f2
}

.contactUs .col-lg-6 {
  border-bottom: 1px solid #f7f7f7 !important;
}

.contactUs .row .box {
  padding: 2em 0;
  overflow: hidden;
  border-bottom: 1px solid #f2f2f2
}

.p-about .main-box {
  padding-bottom: 2em
}

.contactUs .row .box .imgs {
  width: 38.5%;
  float: left;
  height: 17em;
  border-radius: 8px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%
}

.contactUs .row .box .ussmg {
  width: 61.5%;
  float: left;
  padding-left: 3em;
  padding-top: 3em;
  padding-right: 4.25em
}

.contactUs .textbg {
  font-size: 1.2em;
  display: inline-block;
  padding: 5px 13px;
  background-image: url(/content/img/images/tecd5.png);
  color: #fff;
  margin: .9em 0 1.25em;
  background-position: 50%;
  background-size: cover;
  border-radius: 3px
}

.contactUs .left {
  width: 544px;
  font-size: .8em;
  line-height: 1.5em
}

.contactUs .right {
  width: 46%
}

.contactUs ul svg {
  width: 17px;
  height: 17px;
  color: #13ad67
}

.contactUs ul li {
  font-size: .8em;
  margin-bottom: 1.25em
}

.contactUs .right li {
  float: left;
  width: 50%
}

.contactUs {
  background-position: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 15px 0 0;
  background-position: top
}

.about2-1 .imgs {
  height: 39.5em;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  position: relative
}

.about2-1 .imgsbox {
  background-color: rgba(255, 255, 255, .9);
  padding: 2.8em 2em 2.5em;
  width: 38em;
  position: absolute;
  bottom: 3em;
  left: 3em;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px
}

.about2-1 {
  position: relative;
  margin-bottom: 3.5em
}

.about2-1h1 {
  font-size: 1.6em;
  color: #1046dc;
  text-transform: uppercase
}

.about2-1 .imgsbox .text {
  font-size: .8em;
  line-height: 1.6em;
  margin-top: 1.25em
}

.honor .col-lg-3 {
  margin-bottom: 2em
}

.honor {
  padding: 0 4.25em
}

.honor h1,
.honorh1s {
  font-size: .8em;
  color: #1046dc;
  margin-top: 2.88em
}

.honor .text {
  font-size: 1em;
  line-height: 1.3em;
  height: 2.6em;
  margin-top: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.honor2 .box {
  padding: 1.5em 1.5em 2em;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .1)
}

.honor2 .col-lg-4 {
  margin-bottom: 2em;
  padding: 0 1em
}

.honor2 {
  padding: 0 15px
}

.supcen .lis h2 {
  font-size: 1em;
  line-height: 1.3;
  display: inline-block
}

.supcen .lis img {
  margin-right: 13px
}

.mytext {
  font-size: .8em;
  line-height: 1.87em;
  margin-top: 2.7em
}

.mytext img {
  display: block;
  margin: 2em auto
}

.msgbox {
  font-size: .8em;
  line-height: 1.5em;
  background-color: #f7f7f7;
  margin-left: 2.8em;
  padding: 2.37em 2.5em;
  margin-top: 15px;
  display: none;
  margin-right: 15px
}

.is {
  display: none
}

.act .is {
  display: block;
  color: #1046dc !important
}

.act .no {
  display: none
}

.supcen .lis svg {
  width: 16px;
  height: 16px;
  margin-top: 5px;
  color: #878787
}

.lis {
  margin-top: 2.5em;
  cursor: pointer
}

.tab2 i {
  font-style: normal;
  font-size: .8em;
  margin-left: 25px;
  cursor: pointer;
  font-family: "Regular"
}

.tab2 .acti {
  border-bottom: 1px solid #1046dc;
  color: #1046dc
}

.gnull-tips {
  font-size: .8em;
  margin-left: 25px
}

.itab {
  display: none
}

.howtocen .itab {
  margin-top: 65px
}

.titletext a {
  color: #1046dc
}

.itab.i-act {
  display: block
}

.aboutlist {
  display: none
}

.howtocen .page {
  margin-top: 50px
}

.aboutlist.act {
  display: block
}

.modal-content iframe {
  width: 100%;
  height: 100%
}

.searchbox h1 {
  color: #1046dc;
  font-size: 2.4em;
  text-align: center;
  margin-top: 1.01em
}

.searchbox .supsear {
  display: flex;
  justify-content: center
}

.p-searchdet {
  background-color: #f7f7f7
}

.seaMsg {
  font-size: .8em;
  color: #666;
  line-height: 1.3;
  width: 770px;
  margin: 10px auto 0
}

.p-searchdet .supsear input {
  width: 640px
}

.seaMsg span {
  color: #1046dc
}

.conB li svg {
  width: .31rem;
  height: .33rem;
  color: #13ad67;
  flex-shrink: 0;
  margin-right: .25rem
}

.conB span {
  font-size: .28rem;
  line-height: .36rem;
  display: block
}

.conB li {
  display: flex
}

.conB li h3 {
  font-size: .4rem;
  color: #13ad67;
  margin-bottom: .1rem
}

.conlis span+span {
  margin-bottom: 0
}

.conB li+li {
  margin-top: .2rem
}

.conB ul {
  padding: .65rem 0;
  border-bottom: 1px solid #f2f2f2
}

.conB {
  margin-top: .82rem
}

.p-contact .main-box {
  min-height: 300px
}

.textm svg {
  width: 14px;
  height: 7px
}

.textm {
  text-align: center;
  color: #1046dc;
  font-family: "Regular";
  padding: 3em 0 1.5em;
  position: relative;
  z-index: 9;
  margin-top: -1em;
  background-image: linear-gradient(rgba(255, 255, 255, .6), #fff);
  cursor: pointer
}

.ser1bg {
  background: url(/content/img/images/subbg.png)50% no-repeat;
  background-size: cover;
  height: 35em;
  padding: 1px
}

.sercen {
  padding-left: 7.5em
}

.more {
  position: relative
}

.more:after {
  display: block;
  content: '';
  width: 0;
  height: 1px;
  background: #1046dc;
  position: absolute;
  left: 0;
  bottom: 0;
  left: 27px;
  transition: all .3s
}

.p-prodet .det2 .flex .item {
  font-size: 20px
}

.p-prodet .det2 .flex {
  line-height: 3.5em
}

.p-about .det2 .flex .item {
  font-size: 1em
}

.p-about .det2 .flex {
  line-height: 3.5em
}

.p-about .pro .more a {
  display: flex;
  align-items: center
}

.clist {
  margin-top: 3em
}

.clist_list .imgs {
  width: 39.5%;
  height: 13.75em;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%
}

.clist_list .righttext {
  width: 60.5%
}

.clist_listh1 {
  font-size: 1.2em
}

.clist_list .text {
  font-size: .8em;
  line-height: 1.5;
  margin-top: 13px;
  height: 6em
}

.clist_list .box {
  overflow: hidden;
  background-image: linear-gradient(to right, #f7f7f7, #ffffff);
  box-shadow: 2px 0 10px rgba(0, 0, 0, .1);
  margin-bottom: 1.5em
}

.clist_list .righttext {
  padding: 2.25em 0 2em;
  padding-right: 2.25em
}

.clist_list {
  margin-top: 1.25em
}

.clist_list .box:hover h1 {
  color: #1046dc
}

.more:after {
  display: block;
  content: '';
  width: 0;
  height: 1px;
  background: #1046dc;
  position: absolute;
  left: 0;
  bottom: 0;
  left: 27px;
  transition: all .3s
}

.clist_list .box:hover .more:after {
  width: 85px
}

.pro .more {
  position: relative
}

.clist_list .row {
  margin-left: -15px;
  margin-right: -15px
}

@media(min-width:992px) {

  .downnew:hover {
    opacity: .8
  }

  .noleft .col-lg-4 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .noleft .pro .right {
    width: 100%
  }

  .pro ul .box{
    min-height: 180px;
  }
  /* .prolist2 .pro ul .box {
    min-height: 419px;
  } */

  .ser2 .box:hover .more:after {
    width: 85px
  }

  .tolinek a:hover {
    opacity: .6
  }

  .tolinek a {
    transition: all 0s
  }

  .list:hover .more:after {
    width: 85px
  }

  .pro ul .box:hover {
    box-shadow: 0 4px 40px rgba(0, 0, 0, .1)
  }

  .pro .overflow {
    width: auto;
    margin-left: -2.1em;
    margin-right: -2.1em
  }

  .pro ul li:hover .more:after {
    width: 85px
  }

  .det2box {
    padding: 0 2em
  }

  .newsList .list:hover .imgs {
    transform: scale(1.1)
  }

  .tec1 ul .box:hover {
    background-color: #c55e14
  }

  .ser2 .box:hover .imgs {
    transform: scale(1.1)
  }

  .serSwip .swiper-slide a:hover {
    background-color: #fff;
    color: #553a63
  }

  .supcen .item a:hover h1 {
    color: #1046dc
  }

  .det2box .row .box:hover .text2 {
    color: #1046dc
  }

  .pro ul li:hover .imgs {
    transform: scale(1.1)
  }

  .about2 .swiper-slide {
    height: auto
  }

  .about1 {
    margin-bottom: 3em
  }

  .pro ul li:hover h2 {
    color: #1046dc
  }

  .det2box li:hover svg {
    color: #1046dc
  }

  /* .pro .row {
    min-height: 46.9em
  } */
}

@media(max-width:992.98px) {
  .pro ul .col-lg-4 img {
    width: 42px;
    right: 5px;
    top: 0
  }

  .downnew {
    font-size: .28rem
  }

  .p-about .pro .more {
    display: block;
    font-size: .28rem
  }

  .p-about .pro {
    margin-top: .4rem
  }

  .pro ul .box img {
    width: 1rem;
    left: -10px;
    top: -10px
  }

  .clist_list .row {
    margin-left: 0;
    margin-right: 0
  }

  .clist_list .text {
    font-size: .28rem;
    padding-right: .3rem;
    padding-left: .3rem
  }

  .clist_list .righttext {
    width: 100%;
    padding: 0;
    text-align: center
  }

  .clist_list .box {
    margin-bottom: .7rem
  }

  .clist_list .imgs {
    width: 53%;
    display: block;
    margin: auto;
    float: none;
    height: 10em
  }

  .clist_list .col-lg-6 {
    padding: 0
  }

  .clist_listh1 {
    font-size: .32rem
  }

  .cookcen h1 {
    font-size: .36rem
  }

  .cookcen .text {
    font-size: .28rem
  }

  .detbtn1 {
    left: 0;
    top: 42%
  }

  .detbtn svg {
    width: 9px;
    height: 14px
  }

  .detbtn2 {
    right: 0;
    top: 42%
  }

  .conlis span+span {
    margin-left: 0
  }

  .conlis span {
    margin-top: 0;
    margin-bottom: .2rem
  }

  .tec1 {
    padding: 0
  }

  .isblo {
    display: block !important
  }

  .honor h1,
  .honorh1s {
    font-size: .26rem
  }

  .about2-1 .imgs {
    margin-left: -.3rem;
    margin-right: -.3rem;
    width: auto;
    height: 6rem
  }

  .tocontact {
    display: none
  }

  .honor {
    padding: 0
  }

  .honor .row {
    margin: 0 -.15rem -.3rem
  }

  .honor .col-lg-3 {
    padding: 0 .15rem
  }

  .honor .col-lg-3 {
    margin-bottom: .3rem
  }

  .aboutSwip {
    margin-top: .35rem;
    padding-bottom: .4rem
  }

  .honor .text {
    font-size: .36rem
  }

  .newsdet-header h1 {
    font-size: .46rem
  }

  .marg {
    margin: 0 -.3rem
  }

  .about2 .col-lg-4 {
    padding: 0 .16rem
  }

  .about2h1 {
    font-size: .28rem
  }

  .about2 .text {
    height: 1.7rem;
    font-size: .28rem
  }

  .aboutlist .top {
    font-size: .36rem
  }

  .about1 {
    margin-top: -3.25em
  }

  .contactUs {
    display: none
  }

  .about1 .col-lg-6 {
    padding: .65rem .1rem;
    border-bottom: 1px solid #eee
  }

  .tabletit {
    padding-top: .6rem !important;
    font-size: .36rem !important
  }

  .about2-1 .imgsbox {
    position: relative;
    left: 0 !important;
    bottom: 0;
    margin-top: -1.6rem;
    width: 100%;
    padding-bottom: 0
  }

  .aboutSpag span {
    background: #ccc
  }

  .aboutSpag .swiper-pagination-bullet-active {
    background: #13ad67
  }

  .aboutSpag {
    position: absolute;
    text-align: center
  }

  .top img {
    display: block;
    margin-bottom: .17rem;
    width: .68rem
  }

  .about2-1 .imgsbox .text {
    font-size: .28rem;
    line-height: .36rem;
    margin-top: .2rem
  }

  .about1 .col-lg-12 {
    border-top: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
  }

  .about2-1 {
    margin-bottom: 0
  }

  .about2-1h1 {
    font-size: .36rem
  }

  .newsDet-header .time {
    font-size: .28rem
  }

  .newsdet .textbox {
    font-size: .28rem;
    line-height: .45rem;
    margin-top: .5rem;
    padding-top: .5rem
  }

  .det-a {
    display: none
  }

  .tolinek {
    font-size: .28rem
  }

  .newsList .overflow {
    width: 100%;
    height: 4rem
  }

  .newsList .textbox {
    width: 100%;
    padding-left: 0;
    margin-top: .5rem
  }

  .bannerpag {
    text-align: center;
    position: absolute;
    bottom: .5rem !important
  }

  .swiperBanner {
    background-image: url(/content/img/images/detbgwap.png)
  }

  .bannerpag .swiper-pagination-bullet {
    background: #fff;
    opacity: .3
  }

  .bannerpag .swiper-pagination-bullet-active {
    opacity: 1
  }

  .p-news .pro {
    display: none
  }

  .newsList .time {
    font-size: .32rem
  }

  .newsListh1 {
    font-size: .36rem
  }

  .newsList .text {
    font-size: .28rem;
    line-height: .45rem;
    margin-top: .3rem
  }

  .tecd1 .flex {
    display: block
  }

  .tecd1 .text {
    font-size: .28rem
  }

  .tecd1 .left {
    width: 100%;
    padding-left: 0 !important
  }

  .tecd1 h1 {
    font-size:
  }

  .tecd1 .right {
    width: 100%;
    padding-left: 0 !important
  }

  .tec1 ul li h6 {
    font-size: .36rem
  }

  .tec1 ul li {
    padding: 0
  }

  .tec1 h2 {
    line-height: 1.3
  }

  .tec1 ul li .text {
    font-size: .28rem
  }

  .serSwip {
    overflow: visible
  }

  .ser1 {
    padding: 0 .3rem;
    margin-top: .6rem
  }

  .ser2 .text {
    font-size: .28rem
  }

  .ser2 h2 {
    font-size: .36rem
  }

  .ser1 h1 {
    font-size: .36rem
  }

  .serSwip .swiper-slide a {
    font-size: .28rem;
    line-height: 1.5;
    padding: .3rem 0
  }

  .pos {
    overflow: hidden
  }

  .ser1 .imgs {
    height: 7rem
  }

  .timor svg {
    width: 9px;
    height: 8px;
    vertical-align: 0
  }

  .titleh1 {
    font-size: .48rem;
    padding-top: .6rem
  }

  .supcenh1 {
    font-size: .36rem
  }

  .supsear input {
    width: 65% !important
  }

  .supsear a {
    width: 30%;
    float: right;
    font-size: .28rem
  }

  .supcen .text {
    font-size: .28rem
  }

  .be2 span {
    margin-right: .2rem
  }

  .gnull-tips {
    font-size: .28rem;
    margin-left: 0
  }

  .titletext {
    font-size: .28rem;
    margin-top: .3rem
  }

  .det2 .waptab {
    position: relative;
    margin: 0 -.3rem;
    z-index: 99
  }

  .det2 .bottom {
    position: absolute;
    width: 100%;
    display: none;
    background-color: #fff;
    z-index: 999;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
    padding: .5rem 0
  }

  .about1 .col-lg-6+.col-lg-6 {
    margin-top: .5rem
  }

  .aboutlist .bottom {
    font-size: .28rem
  }

  .waptab {
    margin-top: .65rem !important
  }

  .det2 .list {
    line-height: .8rem;
    padding-left: .3rem;
    font-size: .28rem;
    font-family: "Light"
  }

  .det2 .tit svg {
    width: .22rem;
    height: .15rem;
    color: #13ad67;
    margin: .35rem .2rem 0 0
  }

  .det2 .tit {
    color: #13ad67;
    line-height: .9rem;
    background-color: #f7f7f7;
    padding: 0 .3rem;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
    text-transform: uppercase;
    font-size: .28rem;
    position: relative;
    z-index: 9999
  }

  .swiperBanner img {
    width: 7.45rem;
    height: auto
  }

  .table td {
    padding: .24rem .2rem .24rem 0;
    font-size: .26rem; 
    word-break: initial;
  }

  .table tr:nth-child(1) td {
    font-size: .32rem
  }

  .table tr+tr td:nth-child(1) {
    /* width: 1.87rem */
    width: 2.87rem;
  }

  .det1 li::after {
    top: 7px
  }

  .timor {
    font-size: .28rem;
    margin-top: .2rem
  }

  .det2box a {
    display: block
  }

  .table {
    margin-bottom: .3rem
  }

  .pro .left {
    display: none
  }

  .pro .right {
    float: none;
    width: 100%
  }

  .isbor0 {
    border-bottom: 1px solid #000 !important
  }

  .det2box .row img {
    width: 2rem
  }

  .detbox .det2box {
    margin-top: 4em
  }

  .det2box .row .text1 {
    font-size: .28rem;
    color: #13ad67
  }

  .det2box .col-6 {
    padding-bottom: .68rem;
    border-bottom: 1px solid #ddd;
    margin-bottom: .75rem
  }

  .det2box .row .text2 {
    font-size: .28rem
  }

  .det2box li div {
    font-size: .28rem
  }

  .det1 li {
    float: none;
    width: 100%;
    font-size: .28rem;
    line-height: .36rem
  }

  .tab2 i {
    font-size: .28rem
  }

  .det1 .textbox span {
    font-size: .28rem;
    line-height: .35rem;
    display: inline-block;
    margin-bottom: .2rem
  }

  .det1 .textbox {
    margin-left: 0
  }

  .det1 .textbox span:first-child {
    padding-left: 0
  }

  .det1 h3 {
    font-size: .36rem
  }

  .det1 .lvtitle {
    font-size: .48rem;
    margin-top: 2px
  }

  .det1 h6 {
    font-size: .28rem
  }

  .pro .text {
    display: none
  }

  .p-prolist .pro .text {
    display: block;
    font-size: .28rem; 
    word-break: break-word;
  }

  .pro .more {
    display: none
  }

  .p-tec .pro .more {
    display: flex;
  }

  .pro li .textbox {
    padding-right: .1rem;
    margin-top: 0rem;
  }

  .pro .textbox .flex {
    height: auto;
    min-height: 0;
  }

  .pro .type {
    min-height: 0;
    font-size: .28rem;
    height: auto
  }

  /* .pro .type>* {
    font-size: .19rem;
    height: auto
  } */

  .seaMsg {
    padding: 0 .3rem;
    font-size: .28rem
  }

  .pro h2 {
    font-size: .36rem;
    margin-top: 0;
    line-height: .4rem
  }

  .pro li .overflow {
    width: 50%
  }

  .pro li a {
    display: flex;
  }

  .pro .imgs {
    background-size: 100%;
    width: 100%
  }

  .pro li .overflow {
    width: 46%
  }

  .pro ul .box {
    background-image: linear-gradient(to bottom right, #f2f2f2, #ffffff);
    padding: 0
  }

  .swiperBanner .imgs {
    height: 7.5rem
  }

  .det1 li+li {
    margin-top: .15rem
  }

  .head-place {
    height: 1.1rem
  }

  .detbtn {
    display: none
  }

  .banner .imgs {
    height: 4rem
  }

  .banner h1 {
    text-align: left;
    font-size: .56rem;
    line-height: 1.3;
    padding: 0 .3rem
  }

  .banner .text {
    text-align: left;
    padding: 0 .3rem;
    font-size: .28rem;
    line-height: .45rem
  }

  .curs {
    display: none
  }

  .curtith1 {
    font-size: .48rem;
    margin-top: -7px
  }

  .openic {
    margin-right: .35rem
  }

  .openic img {
    width: .34rem;
    margin-right: .08rem
  }

  .openbody {
    overflow: hidden
  }

  .goods-open input {
    position: absolute;
    width: 100%;
    height: 90%;
    top: 0;
    left: 0;
    border: none
  }

  .goods-open {
    width: 100%;
    position: fixed;
    bottom: -88vh;
    height: 88vh;
    background-color: #fff;
    z-index: 999;
    padding: .7rem .3rem;
    box-shadow: 24px 0 40px rgba(0, 0, 0, .1);
    transition: all .5s
  }

  .goods-open ul {
    padding-bottom: .3rem
  }

  .openbody .goods-open {
    bottom: 0
  }

  /* .goods-open svg {
    position: absolute;
    right: .3rem;
    width: .35rem;
    height: .35rem;
    color: #ccc;
    top: .5rem
  } */

  .opentop .opentoph1 {
    font-size: .48rem
  }

  .goods-open h3 {
    font-size: .28rem
  }

  .goods-open .box {
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    background-color: #f7f7f7 !important;
    margin-bottom: .2rem
  }

  .goods-open .col-4 {
    padding: 0 .1rem
  }

  .goods-open .row {
    margin: 0 -.1rem
  }

  .ovsc {
    margin-top: .85rem
  }

  .ovsc .row {
    margin-top: .2rem
  }

  .ovsc li+li {
    margin-top: .8rem
  }

  .goods-open .col-4.active {
    color: #13ad67
  }

  .goods-open {
    border-top-left-radius: 13px;
    border-top-right-radius: 13px
  }

  .btn-s .box2 {
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    border: 1px solid #1046dc;
    border-radius: 5px;
    color: #1046dc
  }

  .btnbox {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: .3rem .75rem .7rem;
    background-color: #fff;
    left: 0
  }

  .btnbox .col-6 {
    padding: 0 .3rem
  }

  .btnbox .btn2 .box2 {
    background-color: #1046dc;
    color: #fff
  }

  .ovsc {
    height: 60vh
  }

  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #13ad67
  }

  .wappage {
    width: 2.4rem;
    line-height: .8rem;
    height: .8rem;
    text-align: center;
    color: #1046dc;
    border: 1px solid #1046dc;
    margin: .7rem auto 0;
    border-radius: 3px;
    font-size: .28rem
  }

  .main-box {
    padding-bottom: 1.2rem
  }
}

.inquire_page h1,
.inquireh1 {
  font-size: 1.8em;
  text-align: center;
  color: #333
}

.inquire_text {
  text-align: center;
  color: #666;
  font-size: .8em;
  line-height: 1.33;
  margin-top: 10px
}

.inquirebtn {
  width: 160px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #1046dc;
  border-radius: 4px;
  color: #fff;
  font-size: .8em;
  margin: 30px auto 0
}

.p-inquire .form-control {
  background-color: #f7f7f7;
  border: 1px solid #eee;
  height: 40px;
  color: #333;
  font-size: 16px;
}

.inquirebox .col-lg-6 {
  padding: 0 12px
}

.inquirebox .col-lg-12 {
  padding: 0 12px
}

.inquirebox {
  margin-top: 30px
}

.inquirebox .tit {
  width: 100%;
  height: 40px;
  display: block;
  overflow: hidden;
  font-size: 14px;
  line-height: 24px;
  padding: 7px 18px;
  color: #333;
  background-color: #fcfcfc;
  background-repeat: no-repeat;
  border: solid 1px #ccc;
  box-shadow: none;
  -webkit-box-shadow: none;
  outline: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #f7f7f7;
  border: 1px solid #eee;
  height: 50px;
  line-height: 36px;
  position: relative
}

.inquirebox .tit svg {
  width: 11px;
  height: 9px;
  position: absolute;
  right: 10px;
  top: 22px
}

.inquirebox .bottom {
  position: absolute;
  left: 0;
  top: 50px;
  background-color: #fff;
  width: 100%;
  padding: 25px 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 7%);
  display: none
}

.inquirebox .tit {
  cursor: pointer
}

.inquirebox .bottom .list {
  font-size: .8em;
  line-height: 43px;
  padding: 0 30px;
  cursor: pointer
}

.inquirebox .bottom .list i {
  font-style: normal
}

.inquirebox.global-form-box {
  overflow: initial
}

.has-error .tit {
  border: 1px solid #f11
}

.p-inquire textarea {
  min-height: 200px
}

.p-about .p-inquire {
  background-color: #f7f7f7;
  padding: 37px 0 60px
}

.p-about .p-inquire.opps {
  background: rgba(0, 0, 0, .8);
}

.p-about .p-inquire .form-control {
  background-color: #fff;
  font-size: 16px
}

.p-about .p-inquire .inquirebox .tit {
  background-color: #fff
}

.p-about .p-inquire {
  margin-top: 0px
}

.p-about #contactUs .p-inquire {
  margin-top: 37px
}

.page_success img {
  display: block;
  margin: auto
}

.page_success h1 {
  font-size: 1.6em;
  color: #000;
  text-align: center;
  margin-top: 28px
}

.page_success .text1 {
  font-size: 1em;
  color: #666;
  text-align: center;
  line-height: 1.33;
  margin-top: 37px
}

.page_success .text2 {
  font-size: 1em;
  color: #666;
  text-align: center;
  line-height: 1.33;
  margin-top: 6px
}

.page_success {
  padding-top: 20%
}

.howtocen .imgs {
  width: 100%;
  height: 100%;
  transition: all .3s
}

.howtocen .overflow-hidden {
  height: 9.25em
}

.howtocen .box {
  position: relative
}

.howtocen .box img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

.howtocen .box .imgs {
  position: relative
}

.howtocen .text {
  font-size: .8em;
  line-height: 1.5;
  margin-top: 15px
}

.howtocen li+li+li+li+li {
  margin-top: 3.25em
}

.howtocen li {
  cursor: pointer
}

#video_modal .modal-content .sm-inner {
  height: 100%
}

#video_modal .modal-content {
  height: 800px;
  position: absolute;
  max-height: 85vh;
  top: 50%;
  transform: translateY(-50%)
}

#my-video_html5_api {
  object-fit: contain !important
}

.modal-close {
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 9;
  cursor: pointer
}

.modal-close svg {
  width: 30px;
  height: 30px;
  color: #fff
}

.howtocen {
  margin-top: 3em
}

.howtocen ul {
  margin: 0 -15px
}

.modal-schbox {
  z-index: 999999
}

.p-inquire .main-box {
  padding-top: 3em
}

.p-inquire .inquire {
  display: none
}

.inquirebox {
  margin-top: 30px !important
}

.p-inquire .modal-schbox {
  height: 100vh
}

.p-inquire .sm-inner {
  padding: 0 2.7em
}

@media(max-width:991.98px) {
  .p-inquire .sm-inner {
    padding: 0 .3rem
  }

  #video_modal .modal-content {
    height: 5rem
  }

  .inquire_page h1,
  .inquireh1 {
    font-size: .48rem
  }

  .inquire_text {
    font-size: .28rem
  }

  .howtocen {
    margin-top: .8rem
  }

  .p-inquire .form-control {
    height: .8rem
  }

  .inquirebox .tit {
    height: .8rem;
    line-height: .5rem
  }

  .inquirebtn {
    font-size: .28rem
  }

  .inquirebox .tit svg {
    top: 19px
  }

  .howtocen .text {
    font-size: .28rem
  }

  .howtocen li+li {
    margin-top: .3rem !important
  }

  .howtocen .overflow-hidden {
    height: 3.5rem
  }

  .modal {
    background: rgba(0, 0, 0, .8);
     !important
  }

  .p-inquire .modal-schbox .modal-close {
    display: block
  }
}

@media(min-width:992px) {
  .howtocen .box:hover .imgs {
    transform: scale(1.05)
  }

  .howtocen .box:hover .text {
    color: #1046dc
  }

  .inquirebtn:hover {
    background: #246a95
  }

  .inquirebox .bottom .list:hover {
    background-color: #f7f7f7;
    color: #1046dc
  }

  .inquirebox .bottom .list:hover i {
    border-bottom: 1px solid #1046dc
  }
}

#sourceInfo {
  display: none
}

.p-inquire input::placeholder,
.p-inquire textarea::placeholder {
  color: #000
}


/* .p-inquire .form-control{
    background-color: transparent;
    height: 40px;
} */

.p-prodet .curtit {
  display: block;
  padding: 20px 0;
  background-color: #f5f5f5;
  margin-bottom: 20px;
}

.p-prodet .detbox {
  padding-top: 0;
}

.p-about .toinquire {
  display: none;
}

.addnewWz {
  font-size: 1em;
  margin-top: 1.5em;
  line-height: 1.3;
  font-family: "Regular";
}

.addnewWz a {
  color: #1046dc;
}

.p-about .p-inquire #country.form-control {
  position: relative;
  left: -4px;
}

.addwenan {
  line-height: 1.6em;
  font-size: 0.8em;
  padding-top: 10px;
}

/* 新增support频道页  */

.pspt-channel-main {
  padding: 2rem 0 6rem;
  font-family: 'regular';
}
.pspt-channel-sect{
  margin-bottom: 6.4rem;
}
.pspt-channel-sect:last-child{
  margin-bottom: 0;
}
.pspt-sect-header {
  text-align: center;
  margin: 0 auto 3.5rem;
}

.pspt-sect-lvtit {
  font-size: 2rem;
  line-height: 1em;
  color: #333;
  font-family: 'medium';
}

.pspt-download-swip .swiper-slide {
  width: auto;
}

.pspt-download-swip .slide-box {
  display: block;
  position: relative;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.3em;
  color: #333;
}

.pspt-download-swip .slide-icon {
  width: 100%;
  height: 9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.pspt-download-swip .slide-icon img {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  object-fit: contain;
  object-position: center center;
  margin: 0;
}

.swiper-pagination-lock {
  display: none !important;
}

.pspt-download-paging {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 2rem 0 0;
}

.pspt-download-paging .bullet {
  width: 8px;
  height: 8px;
  display: block;
  background-color: #000;
  border-radius: 50%;
  position: relative;
  margin: 0 4px;
  cursor: pointer;
}

.pspt-download-paging .bullet.active {
  background-color: #D50018;
}

.pspt-howto-list{
  margin: -0.8rem;
}
.pspt-howto-item{
  padding: 0.8rem;
}
.pspt-howto-item .item-box{
  width: 100%;
  min-height: 15rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  height: 100%;
  background-color: #F7F8FC;
  padding: 2rem 2rem 1.2rem;
  border-radius: 6px;
  transition: all .4s;
  -webkit-transition: all .4s;
}
.pspt-howto-item .item-title{
  font-size: 1.3rem;
  line-height: 1em;
  color: #404040;
  font-family: 'medium';
  transition: all .4s;
  -webkit-transition: all .4s;
}
.pspt-howto-item .item-desc{
  font-size: .8rem;
  line-height: 1.6em;
  color: #333;
  margin: 1rem 0 0;
}
.pspt-howto-item .item-bot{
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.pspt-howto-item .item-icon{
  flex: none;
  width: 2.4rem;
}
.pspt-howto-item .item-icon img{
  width: 100%;
  display: block;
}
.pspt-howto-item .item-more{
  flex: none;
  display: flex;
  align-items: center;
  font-size: .7rem;
  line-height: 1.2;
  color: #333;
}
.pspt-howto-item .item-more .bi{
  flex: none;
  width: 1em;
  height: 1em;
  display: block;
  fill: currentcolor;
  margin: 0 0 0 0.5rem;
}

@media (min-width: 992px) {
  .pspt-download-swip:not(.had-swiper) .swiper-wrapper {
    justify-content: center;
  }

  .pspt-download-swip:not(.had-swiper) .swiper-slide {
    margin: 0 11.25% 0 0;
  }

  .pspt-download-swip:not(.had-swiper) .swiper-slide:last-child {
    margin: 0;
  }
  .pspt-download-swip .swiper-slide:hover .slide-icon{
    transform: translateY(-0.5rem);
    -webkit-transform: translateY(-0.5rem);
  }
  .pspt-download-swip .swiper-slide:hover .slide-title{
    color: #1046dc;
  }
  .pspt-howto-item:hover .item-box{
    box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1);
  }
  .pspt-howto-item:hover .item-title{
    color: #1046dc;
  }
}

@media (max-width: 991.98px) {
  .pspt-channel-main {
    padding: 1.2rem 0;
  }

  .pspt-channel-sect{
    margin-bottom: 1.2rem;
  }
  .pspt-channel-sect:last-child{
    margin-bottom: 0;
  }

  .pspt-sect-header {
    margin-bottom: .4rem;
  }

  .pspt-sect-lvtit {
    font-size: .48rem;
    line-height: .8rem;
    font-weight: 600;
  }

  .pspt-download-swip .sswiper-wrapper {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .pspt-download-swip .swiper-slide{
    flex:  0 0 48%;
    max-width: 48%;
  }
  .pspt-download-swip .slide-icon{
    height: 1.8rem;
    margin: 0 auto 3px;
  }
  .pspt-download-swip .slide-title{
    font-size: .28rem;
    line-height: .48rem;
    font-weight: 600;
  }
  .pspt-howto-list{
    margin: 0;
  }
  .pspt-howto-item{
    padding: 0;
    margin: 0 0 .3rem;
  }
  .pspt-howto-item:last-child{
    margin-bottom: 0;
  }
  .pspt-howto-item .item-box{
    min-height: 0;
    padding: .48rem .64rem .32rem;
  }
  .pspt-howto-item .item-title{
    font-size: .32rem;
    line-height: .52rem;
  }
  .pspt-howto-item .item-desc{
    font-size: .24rem;
    line-height: .32rem;
    margin: .2rem 0 0;
  }
  .pspt-howto-item .item-bot{
    margin: .64rem 0 0;
  }
  .pspt-howto-item .item-icon{
    width: .72rem;
  }
  .pspt-howto-item .item-more{
    font-size: .24rem;
  }
  .pspt-howto-item .item-more .bi{
    margin-left: 5px;
  }
}

/* 2024.11.28 新增 solution */
.psolt-sect-header{
  padding: 50px 0 20px;
  text-align: center;
}
.psolt-heading_h2{
  font-size: 40px;
  line-height: 50px;
  font-weight: 600;
  color: #333;
}
.pslot-sect-body{
  width: 100%;
  position: relative;
}
.psolt-text{
  font-size: 16px;
  line-height: 1.5em;
  color: #000;
  position: relative;
  padding: 20px 0;
}
.psolt-text h2,
.psolt-text h3,
.psolt-text h4{
  font-size: 1.25em;
  font-weight: 600;
  margin-bottom: 12px;
}
.psolt-text h5, .psolt-text h6{
  font-size: 1em;
  font-weight: 600;
}
.psolt-text p{
  margin: 0;
}
.psolt-text img{
  max-width: 100%;
  height: auto !important;
}
.psolt-media{
  width: 100%;
  position: relative;
  padding: 20px 0;
}
.psolt-image{
  width: 100%;
  position: relative;
  margin: 0;
}
.psolt-image  img{
  max-width: 100%;
  height: auto !important;
  margin: 0 auto;
  display: block;
}
.psolt-sched-list{
  padding: 20px 0;
  display: grid;
  grid-gap: 25px;
}
.psolt-sched-list .item{
  position: relative;
}
.psolt-sched-list .item-box{
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 2px 14px 0 rgba(0,0,0,0.07);
  border-radius: 4px;
}
.psolt-sched-list .item-imgs{
  width: 100%;
  padding: calc(100% * 9 / 16) 0 0;
  overflow: hidden;
  position: relative;
}
.psolt-sched-list .item-imgs img{
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  object-fit: cover;
  object-position: center center;
  transition: all .5s;
  -webit-transition: all .5s;
}
.psolt-sched-list .item-body{
  padding: 24px 24px 32px;
}
.psolt-sched-list .item-title{
  font-size: 20px;
  color: #2a2e2e;
  line-height: 1.5em;
  letter-spacing: .08px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  max-height: 3em;
}
@media (min-width: 992px) {
  .psolt-sched-list.grid-2{
    grid-template-columns: repeat(2, 1fr);
  }
  .psolt-sched-list.grid-3{
    grid-template-columns: repeat(3, 1fr);
  }
  .psolt-sched-list .item:hover .item-imgs img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
  }
}

@media (max-width: 991.98px) {
  .psolt-sect-header{
    padding: 30px 0 10px;
  }
  .psolt-heading_h2{
    font-size: 24px;
    line-height: 34px;
  }
  .psolt-text{
    padding: 10px 0;
    font-size: 14px;
  }
  .psolt-text h2, .psolt-text h3, .psolt-text h4{
    font-size: 16px;
  }
  .psolt-media{
    padding: 10px 0;
  }
  .psolt-sched-list {
    display: block;
    padding: 10px 0;
  }
  .psolt-sched-list .item:not(:last-child){
    margin: 0 0 15px;
  }
  .psolt-sched-list .item-body{
    padding: 24px 15px 32px;
  }
  .psolt-sched-list .item-title{
    font-size: 16px;
    line-height: 22px;
    max-height: 44px;
  }
}

/******** 2024.11.28 修改*********/
/* 产品列表 */
.pro .imgs{
  background-size: contain;
}

/* 产品详情 */
.p-prodet .curtit .curs{
  display: flex;
  align-items: center;
}
.p-prodet .curtit .curs > *{
  display: flex;
  align-items: center;
}

/* 公司介绍 */
.titletext{
  line-height: 1.5em;
  color: #333;
}
.conlis span img{
  margin: -0.2em 10px 0 0;
}

/* 新闻详情 */
.newsdet{
  width: 100%;
  overflow: hidden;
}
.newsdet-header {
  padding: 0 0 15px;
  border-bottom: 1px solid #1046dc;
  margin-bottom: 30px;
}
.newsdet-header .title{
  margin-left: 0;
  margin-right: 0;
  line-height: 1.25em;
}
.newsdet-header .tolinek{
  align-items: center;
  margin-top: 40px;
}
.newsdet-header .tolinek a{
  margin-top: 0;
}
.newsdet-header .tolinek img{
  height: 100%;
  display: block;
}
.newsdet .coverimg{
  margin: 20px 0;
}
.newsdet .coverimg img{
  width: 500px;
  max-width: 100%;
  display: block;
}
.newsdet .textbox{
  padding: 0;
  margin: 0 auto;
  border: none;
}
body:not(.p-layoutEdit) .newsdet .textbox img {
  max-width: 100%;
  height: auto !important;
  /* display: block; */
  margin: .3em auto;
  float: none !important;
}

/* 布局编辑器详情页 */
.p-layoutEdit .textbox li{
  text-indent: 0px;
  list-style: none;
}
.p-layoutEdit .textbox a{
  color: inherit;
}
.p-layoutEdit .rocket-content__inner{
  max-width: 100%;
}
.p-layoutEdit .rocket-block-text{
  color: #000;
}
@media (min-width: 992px) {
  .p-layoutEdit .newsdet{
    padding-top: 1.625em;
  }
  .p-layoutEdit .rocket-content__inner{
    max-width: 1200px;
    width: 80%;
    padding: 0;
  }
}

/* support */
.supcenh1{
  line-height: 1.5em;
}
.supcen .text{
  line-height: 1.5em;
}
.supcen .box {
  padding-left: 32px;
}
.supcen .box .downnew:first-child{
  margin-left: 0;
}
.supcen .item .svg{
  height: 1.5em;
  display: flex;
  align-items: center;
  margin: 0 12px 0 0;
}
.supcen .item .svg img{
  width: 20px;
  flex: none;
  display: block;
  margin: -0.2em 0 0;
}

/* technology */
.tecd-head{
  padding: 0 0 1.5em;
  border-bottom: 1px solid #eee;
}
.tecd1{
  border-top: none;
  margin: 0;
}
.tecd1 .tecd1h1{
  font-size: 1.4em;
}
.tecd1 .text1{
  font-size: 1em;
  line-height: 1.25em;
}
.tecd1 .pro{
  margin-top: 1.5em;
}

@media (min-width: 992px) {
  /* 公司介绍 */
  .titletext{
    font-size: 18px;
  }
  .p-about .titletext{
    color: #000;
    font-family: 'Light';
  }
  .p-about .titletext p{
    margin: 5px 0;
  }

  /* 新闻详情 */
  body:not(.p-layoutEdit) .newsdet .textbox a[href]:hover {
    text-decoration: underline;
    color: #1046dc;
  }
}
@media (max-width: 991.98px) {
  /*  产品列表*/
  .pro li a{
    align-items: center;
  }
  .pro li .overflow{
    width: 30%;
    flex: 0 0 30%;
    -webkit-flex: 0 0 30%;
  }
  .pro .imgs{
    height: auto;
    /* min-height: 12em; */
    padding: 50% 0 0;
    background: no-repeat center center;
    background-size: contain;
  }
  .pro li .textbox {
    margin-top: 0;
    padding-right: 0.3rem;
  }
  .pro .type{
    display: flex;
    flex-wrap: wrap;
  }
  .pro .type > * {
    background-color: #1046dc;
    padding: 3px 10px;
    border-radius: 2px;
    color: #fff;
    /* font-size: .28rem; */
    font-size: .26rem;
    line-height: 1.2em;
    height: auto;
    word-break: break-word;
  }
  
  .pro li .textbox{
    margin: 0;
    padding: .2rem .2rem .2rem .1rem;
  }
  .cust-pro li .box{
    background: #fff;
  }
  .cust-pro li a {
    align-items: center;
    flex-direction: column;
    padding: 0;
  }
  .cust-pro li .overflow {
    width: 100%;
    background-color: #fff;
    position: relative;
  }
  .cust-pro .imgs{
    width: 60%;
    background-size: contain;
    background-position: center center;
    margin: 0 auto;
    background-color: #fff;
    background-blend-mode: multiply;
  }
  .cust-pro li .textbox{
    width: 100%;
    padding: 0rem .4rem .4rem;
    margin: 0;
  }
  .clist_list .text{
    height: auto;
    min-height: 4.5em;
  }
  .goods-open{
    padding: 0.7rem 6vw;
  }
  .goods-open .tool-close{
    position: absolute;
    right: 6vw;
    color: #ccc;
    top: 0.5rem;
    padding: .3rem;
    margin: -0.3rem -0.3rem 0 0;
    z-index: 20;
  }
  .goods-open .tool-close .bi{
    width: 0.35rem;
    height: 0.35rem;
  }
  .goods-open .opentop{
    margin-bottom: .85rem;
  }
  .goods-open .ovsc{
    height: 58.5vh;
    max-height: 7.8rem;
    margin: 0 -0.3rem;
  }
  .goods-open .ovsc > .mCustomScrollBox{
    padding: 0 0.3rem;
  }
  body.openbody .goods-open{
    z-index: 2147483002;
  }

  /* 产品详情  */
  .p-prodet .curtit {
    display: none;
  }

  .p-prodet .detbox {
    padding-top: 3em;
  }
  .det1 .subtext {
    margin: 0.12rem 0 0.24rem;
  }
  .p-prodet .det2 .flex{
    display: flex;
    padding: 0;
  }
  .p-prodet .det2 .flex .item{
    font-size: 14px;
    flex: 1;
    text-align: center;
    margin: 0;
  }
  .detbox .det2box{
    margin: 0;
  }
  .det2 .det2box .itembox:nth-child(1){
    margin: 0;
  }

  /* support */
  .supcen .item .svg{
    font-size: .36rem;
  }

  /* technology  */
  .pro .more{
    font-size: .28rem;
  }
  .tecd1 .left, .tecd1 .right{
    padding: 0 !important;
  }
}


/* 大屏幕分辨率样式修改1.8 */
@media (max-width: 1570px) and (min-width:992px) {
  .banner .imgs{
    height: 33.854166vw;
  }
}

@media (min-width: 992px){
  .howtocen .overflow-hidden{
    width: 100%;
    padding-top: 56.25%;
    height: 0;
    position: relative;
  }
  .howtocen .box .imgs{
    position: absolute;
    top: 0;
    left: 0;
  }
  .clist_list .text{
    min-height: 6em;
    height: auto;
  }
  .clist_list .box{
    margin-bottom: 0;
    height: 100%;
  }
  .clist_list .col-lg-6{
    margin-bottom: 1.5em;
  }
  /* .clist_list .col-lg-6:nth-last-child(-n+2){
    margin-bottom: 0;
  } */

  .p-clist .main-box{
    padding-bottom: 1.5em;
  }
  .p-clist .pro{
    margin-top: 1em;
  }

  .page-404 .details{
    max-width: 1420px;
    width: 90%;
    margin: 0 auto;
  }
  .p-about .about2 .text{
    height: auto;
  }
  .about2 .swiper-slide .box{
    height: 100%;
    background: #f7f7f7;
  }

  .det2box .row img{
    width: 100%;
  }
  .p-support  .supcen .lis h2{
    display: contents;
  }
  .pro .type>*{
    height: auto;
    min-height: 21px;
  }
  
  .clist_list .imgs{
    background-size:contain;
  }
  .p-prolist .pro .overflow{
    margin-left: 10px;
    margin-right: 10px;
    overflow: initial;
  }
}

/**2025.4.18**/
@keyframes potflv {
  0%{opacity: 0}
  100%{opacity: 1;}
}
#video_modal .modal-content{
	display:flex;
	justify-content: center;
	align-items: center;
}
#video_modal .modal-content .sm-inner{
	height: auto;
}
#video_modal .adjust{
  width: 100%;
  display: block;
  opacity: 0;
  position: relative;
  z-index: 1;
}
#video_modal .adjustImg{
  width: 100%;
  display: block;
  position: relative;
  z-index: 0;
  opacity: 0;
}
#video_modal .loading-box{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
#video_modal .loading-box .box{
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
#video_modal .loading-box .text{
  font-size: 20px;
  line-height: 1em;
  color: #fff;
  margin: 0 5px 0 0;
}
#video_modal .loading-box .pots{
  display: flex;
  align-items: center;
}
#video_modal .loading-box .pot{
  width: 5px;
  height: 5px;
  display: block;
  background-color: #fff;
  margin: 0 5px 0 0;
}
#video_modal .loading-box .pot:last-child{
  margin: 0;
}
#video_modal .loading-box .pot1{
  animation: potflv 0.3s infinite both;
}
#video_modal .loading-box .pot2{
  animation: potflv 0.3s 0.05s infinite both;
}
#video_modal .loading-box .pot3{
  animation: potflv 0.3s 0.1s infinite both;
}
#video_modal iframe{
	position:absolute;
	left: 0;
	top: 0;
	z-index: 10
}

/* 新增 iq 布局 start */
.iq-banner{
  position: relative;
  overflow: hidden;
}
.iq-banner .item-img{
  height: 45.417vw;
}
.iq-banner .item-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.iq-banner .inner-slide{
  position: relative;
}
.iq-banner .a-link{
  position: absolute;
  top: 27.1875vw;
  left: 13vw;
  display: flex;
  opacity: 0;
  transition: all 0.5s;
  transform: translateY(20px);
  transition-delay: 0.3s;
}
.iq-banner .a-link a{
  width: 10rem;
  height: 2.7rem;
  background: #1046DC;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.iq-banner .a-link span{
  font-size: 0.8rem;
  line-height: 1;
  color: #fff;
}
.iq-swiper-pagination-wrap{
  position: absolute;
  left: 0;
  bottom: 40px;
  width: 100%;
  z-index: 1;
}
.iq-swiper-pagination{
  display: flex;
  justify-content: center;
  gap: 0 8px;
}
.iq-swiper-pagination .swiper-pagination-bullet{
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background: #FFF;
  cursor: pointer;
  margin: 0 !important;
}
.iq-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background: #1046DC;
}
.iq-banner .swiper-slide.swiper-slide-active .a-link{
   transform: translateY(0px);
   opacity: 1;
}
@media(min-width:992px) {
  .iq-banner .a-link a:hover{
    cursor: pointer;
    background-color: #ae1a1a;
  }
}

.iq-channel{
  width: 70vw;
  max-width: 1340px;
  display: grid;
  grid-template-columns:50% 50%;
  grid-column-gap: 2rem;
  margin: 0 auto;
}
.iq-channel .inner-item{
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10);
  background: #fff;
  padding: 6rem 1.5rem 5.6rem 1.5rem;
  cursor: pointer;
}
.iq-channel .item-title{
  font-size: 1.7rem;
  line-height: 1.5rem;
  color: #000;
  font-weight: 700;
  margin-bottom: 0.65rem;
  text-align: center;
}
.iq-channel .item-desc{
  font-size: 0.8rem;
  line-height: 1.3rem;
  color: #000;
  margin-bottom: 1.85rem;
  text-align: center;
}
.iq-public-button{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 6px;
  cursor: pointer;
}
.iq-public-button svg{
  width: 1.2rem;
  height: 1.2rem;
}
.iq-public-button span{
  font-size: 0.8rem;
  line-height: 1;
  position: relative;
 
}
.iq-public-button span::after{
  position: absolute;
  content: '';
  left: 0;
  top: calc(100% + 1px);
  width: 0%;
  transition: all 0.5s;
  height: 1px;
  background: #1046DC;
  
}
.iq-channel{
  padding: 5.5rem 0 0 0;
}
.iq-channel .list-item:nth-child(1) .item-img{
  width:67.37%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3.8rem;

}
.iq-channel .list-item:nth-child(2) .item-img{
  width:27.38%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3.8rem;
}
.iq-channel .list-item .item-img img{
  width: 100%;
}


@media(min-width:992px) {

  .iq-channel .inner-item:hover .iq-public-button span::after{
      width: 100%;
  }
}



@media(max-width:991.91px) {
  .iq-banner .swiper-slide:nth-child(1) .a-link{
    
      top: 4.5rem !important;
  }
  .iq-banner .swiper-slide:nth-child(2) .a-link{
      left: 0.46rem;
      transform: translateX(0) !important;
      top: 6.89rem !important;
  }
  .iq-channel .list-item:nth-child(1) .item-img{
    width: 73.07%;
    margin-top: 0.66rem;
  }
  .iq-channel .list-item:nth-child(2) .item-img{
    width: 34.15%;
    margin-top: 0.2rem;
  }
  .iq-public-button{
    gap:0 0.16rem;
  }
  .iq-public-button svg{
    width: 0.48rem;
    height: 0.48rem;
  }
  .iq-public-button span{
    font-size: 0.32rem;
    line-height: 1;
  }
  .iq-channel .item-title{
    font-size: 0.44rem;
    line-height: 0.54rem;
    margin-bottom:0.2rem;
  }
  .iq-channel .item-desc{
    font-size: 0.28rem;
    line-height: 0.4rem;
    width: 5.13rem;
    margin:0 auto 0.4rem auto;
  }
  .iq-channel{
    padding:1.1rem 0.5rem 0rem 0.5rem;
    width:100%;
    max-width:100%;
    display: grid;
    grid-template-columns:100%;
    grid-column-gap:0rem;
    grid-row-gap:0.5rem;
  }
  .iq-channel .inner-item{
    padding: 0.6rem 0 0 0;
    height: 8.24rem;
  }
  .iq-banner .item-img{
    height: 12.24rem;
  }
  .iq-banner .a-link{
    top: 7.89rem;
    left: 50%;
    transform: translateX(-50%);

  }
  .iq-banner .a-link a{
    width: 2.44rem;
    height: 0.64rem;
  }
  .iq-banner .a-link a span{
    font-size: 0.28rem;
    line-height: 0.3rem;
  }
  .iq-banner .swiper-slide.swiper-slide-active .a-link{
    transform:translateY(0px) translateX(-50%);
  }
  .iq-swiper-pagination-wrap{
    bottom: 0.56rem;

  }
  .iq-swiper-pagination{
    gap: 0.16rem;
  }
  .iq-swiper-pagination .swiper-pagination-bullet{
    width:12px;
    height:12px;
  }
  

}
.iq-video-introduce{
  padding: 4rem 0 0 0;
}
.iq-video-introduce .global-inner{
    max-width: 1444px;
  }
  .iq-video-introduce .inner{
    display: flex;
    gap: 0 1.7rem;
  }
  .iq-video-introduce .inner-l{
    width: 53.324%;
    position: relative;
  }
  .iq-video-introduce .video-wrap{
    width: 100%;
    position: relative;
    padding-top: 66.75%;
    min-height: 25.7rem;
  }
   .iq-video-introduce .video-wrap video{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: 1;
   }
  .iq-video-introduce .inner-r{
    flex: 1;
  }
  .iq-video-introduce .title{
    font-size: 2.4rem;
    line-height: 2.9rem;
    font-weight: 700;
    margin-bottom: 1rem;
  }
  .iq-video-introduce li{
    position: relative;
    padding-left: 1.45rem;
  }
   .iq-video-introduce li::after{
    position: absolute;
    content: '';
    width: 0.85rem;
    height: 0.85rem;
    background: url(/img/images/iq01.svg);
    background-size: contain;
    left: 0;
    top: 0.65rem;
   }
   .iq-video-introduce li:last-child{
    margin-bottom: 0;
   }
   .iq-video-introduce li{
    font-size: 0.9rem;
    line-height: 2.2rem;
    color: #000;
   }
   .acswiper .item-img{
      width: 100%;
      padding-top: 138.30%;
      height: 0;
      position: relative;
      overflow: hidden;
   }
   .acswiper .inner-slide{
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10);
   }
   .acswiper .item-img img{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all 0.5s;
   }
   .acswiper .item-up{
    position: absolute;
    bottom: 1.8rem;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0 1.5rem;
   }
   .acswiper .item-title{
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #fff;
    font-weight: 700;
   }
   .iq-title{
    font-size: 2.4rem;
    line-height: 2.2rem;
    margin-bottom: 1rem;
     text-align: center;
     font-weight: 700;
   }
   .iq-desc{
    font-size: 0.8rem;
    line-height: 1.3rem;
    color: rgba(0,0,0,0.6);
    margin-bottom: 2.5rem;
    text-align: center;
   }
   .iqbox-ac-scenarios{
    padding: 5.5rem 0 0 0;
   }
   .solar-swiper01 .item-img{
      padding-top: 41.197%;
      position: relative;
   }
   .solar-swiper01 .item-img::after{
    position: absolute;
    content: '';
    left: 0;
    top:0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.57);
    overflow: hidden;
   }
   .solar-swiper01 .item-img img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      transition: all 0.5s;
   }
   .iqbox-solar-scenarios{
    padding: 5.5rem 0 5.5rem 0;
   }
   .iqbox-solar-scenarios .inner{
      position: relative;
   }
   .solar-swiper02-wrap{
      position: absolute;
      top: 0;
      height: 100%;
      left: 0;
      width: 100%;
   }
   .solar-swiper02{
    height: 100%;
   }
   .solar-swiper02 .inner-slide{
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
   }
   .solar-swiper02 .item-img img{
    width: 2.6rem;
    height: 2.6rem;
   
   }
   .solar-swiper02 .item-img{
     margin-bottom: 1.3rem;
     display: flex;
     opacity: 0;
   }
    .solar-swiper02 .item-title{
      font-size: 1.2rem;
      line-height: 1.2rem;
      color: rgba(255,255,255,0.7);
      text-align: center;
    }
    .solar-swiper02 .item-body{
      display: flex;
      flex-direction: column;
      align-items: center;
      transform: translateY(-1.75rem);
      transition: all 0.5s;
    }
    .solar-swiper02 .swiper-slide{
      position: relative;
    }
    .solar-swiper02 .swiper-slide::after{
      position: absolute;
      width: 1px;
      content: '';
      right: -0.5px;
      top: 0;
      height: 100%;
      background: rgba(255,255,255,0.15);
    }
    .solar-swiper02 .swiper-slide:last-child::after{
      opacity: 0;
    }
    .solar-swiper02 .swiper-slide-thumb-active .item-body{
        transform: translateY(0);
    }
    .solar-swiper02 .swiper-slide-thumb-active .item-img{
      opacity: 1;
    }
    .solar-swiper02 .swiper-slide-thumb-active .item-title{
      color: #fff;
    }
    .solar-swiper-wrap{
      position: relative;
    }


    .iqbox-product-family{
      background: #F2F2F3;
      padding: 5.5rem 5.5rem;
    }
    .iqbox-product-family.isone .swiper-wrapper{
        justify-content: center;
    }
     .isone .product-public-prev,.isone .product-public-next{
      display: none;
     }
    .iqbox-product-family.isone .swiper-wrapper .swiper-slide:last-child{
      margin-right: 0 !important;
    }
    .iqbox-product-family .iq-title{
      margin-bottom: 1.4rem;
    }
    .iqbox-product-family.iQWatch-product  .iq-title{
      margin-bottom: 2rem;
    }
    .iqbox-product-family .inner{
      padding: 0 1.4rem 0 1.4rem;
    }
    .product-family-box{
      overflow: hidden;
    }
    .iqbox-product-family .item-img{
      width: 100%;
      padding-top: 115.891%;
      height: 0;
      position: relative;
      margin-bottom: 0.35rem;
    }
    .iqbox-product-family.iQWatch-product .item-img{
      padding-top: 214.525%;
    }
      .iqbox-product-family.iQWatch-product .inner{
      padding: 0 3.5rem 0 3.5rem;
    }
    .iqbox-product-family  .item-img img{
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: center;
    }
    .iqbox-product-family .item-title{
      font-size: 1.2rem;
      line-height: 1.6rem;
      color: #000;
      font-weight: 700;
      margin-bottom: 0.9rem;
      text-align: center;
    }
    .product-family-box-wrap{
      position: relative;
    }
    .product-public-prev{
      position: absolute;
      top: 6rem;
      left: -4.4rem;
      cursor: pointer;
      width: 44px;
      height: 88px;
      background-color: #f7f7f7;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .product-public-prev svg{
      width: 13px;
      height: 27px;
      color: #1046dc;
    }

    .product-public-next{
      position: absolute;
      top: 6rem;
      right: -4.4rem;
      cursor: pointer;
       width: 44px;
      height: 88px;
      background-color: #f7f7f7;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .product-public-next svg{
      width: 13px;
      height: 27px;
      color: #1046dc;
    }
    .product-public-next:hover circle,.product-public-prev:hover circle{
      stroke:#1046DC;
    }
     .product-public-next:hover path,.product-public-prev:hover path{
      stroke:#1046DC;
    }
    .product-family-box .swiper-slide:hover  .iq-public-button span::after{
      width: 100%;
    }
    .reverse.iq-video-introduce .inner{
          flex-direction: row-reverse;
          gap: 0 1.5rem;
    }
    .reverse.iq-video-introduce .title{
          padding-right: 1.5rem;
    }
     .reverse.iq-video-introduce{
      padding: 5.5rem 0 0 0;
     }
     .scenarios .solar-swiper01 .item-img::after{
            background: rgba(0, 0, 0, 0.46);
     }
     @media(min-width:992px) {
      .acswiper .item-title{
        min-height: 3.2rem;
      }
      .iq-desc{
        width: 47.95rem;
        margin-left: auto;
        margin-right: auto;
      }
      .product-public-next:hover,.product-public-prev:hover{
        background: #1046dc;
      }
      .product-public-next:hover svg,.product-public-prev:hover svg{
        color: #fff;
      }
      .reverse.iq-video-introduce .inner-r{
        padding: 46px 0 0 0;
      }
      .reverse.iq-video-introduce .video-wrap{
        padding-top: 107.25689%;
        min-height: 730px;
      }
      .reverse.iq-video-introduce .title{
            padding-right:0;
      }
        .reverse.iq-video-introduce .inner-l{
             width: 47.714681%;
        }
         .acswiper .inner-slide:hover .item-img img{
            scale:1.1
         }
     }
    .iq-video-VMS .inner{
      display: flex;
      gap: 0 1.7rem;
    }
    .iq-video-VMS .inner-l{
      width: 54.23%;
    }
    .iq-video-VMS .inner-r{
      flex: 1;
      display: flex;
      justify-content: center;
      flex-direction: column;
      
    }
    .iq-video-VMS .video-wrap{
      position: relative;
      padding-top: 66.75%;
    }
    .iq-video-VMS .video-wrap video{
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center;
    }
    .iq-video-VMS .title{
      font-size: 2.4rem;
      line-height: 2.9rem;
      margin-bottom: 1.5rem;
      font-weight: bold;
    }
    .iq-video-VMS .desc{
      font-size: 0.9rem;
      line-height: 1.5rem;
      color: rgba(0, 0, 0, .6);
    }
    .iq-video-VMS .desc p{
      margin-bottom: 1.2rem;
    }
     .iq-video-VMS .desc p:last-child{
      margin-bottom: 0;
     }
     .iq-video-VMS{
      padding: 5.5rem 0 5.5rem;
     }
     .p-clist.addRevision .main-box{
      padding-bottom: 0;
     }
 
      .acswiper .item-img::after{
        position: absolute;
        height: 100%;
        width: 100%;
        content: '';
        top: 0;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));

      }
      .iq-video-introduce .video-wrap video,.iq-video-VMS .video-wrap video{
        opacity: 0;
        cursor: pointer;
        pointer-events: none;
      }
      .iq-video-introduce .video-wrap img,.iq-video-VMS .video-wrap img{
        display: flex;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            cursor: pointer;

      }
      .iq-video-introduce .video-wrap svg,.iq-video-VMS .video-wrap svg{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        cursor: pointer;
      }
      #modalVideo .modal-content,#modalVideo .video-box,#modalVideo  .modal-body{
        height: 100%;
      }
      #modalVideo.modal-video video{
        object-fit: cover;
      }
      #modalVideo .modal-close{
        z-index: 22;
        right: -40px;
        top: 0;
      }
      @media(min-width:992px) {
        #modalVideo .modal-dialog{
          display: flex;
          align-items: center;
          justify-content: center;
        }
        #modalVideo .modal-content{
          width: 80%;
          padding-top: 46.44%;
          height: 0;
        }
        #modalVideo .modal-body{
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          object-fit: cover;
        }
      }
     @media(max-width:991.91px) {
      .iqbox-solar-scenarios,.iqbox-solar-scenarios{
        overflow: hidden;
      }
      #abVideo{
        height: 100vh !important;
      }
      
      .addRevision .modal-close{
               z-index: 40;
        display: flex;
        justify-content: center;
        align-items: center;
        right: 0px;
        top: 37px;
      }
     
        .iq-video-introduce .video-wrap svg,.iq-video-VMS  .video-wrap svg{
            display: flex;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }
      .iq-video-introduce .video-wrap img,.iq-video-VMS .video-wrap img{
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            z-index: -1;
      }
      .iq-public-button span::after{
        opacity: 0;
      }
      .iqbox-product-family.isone .swiper-wrapper{
        justify-content: initial;
      }
      .iq-video-introduce{
        padding: 1.1rem 0 0 0;
      }
      .iq-video-introduce .inner{
        gap: 0.5rem 0;
        flex-direction: column-reverse;
      }
      .iq-video-introduce .inner-l{
            width: 100%;
      }
      .iq-video-introduce .title{
          font-size: 0.54rem;
          line-height: 0.7rem;
          font-weight: 700;
          margin-bottom: 0.4rem;
          color: #000;
      }
      .iq-video-introduce li{
            padding-left: 0.5rem;
      }
      .iq-video-introduce li{
        font-size: 0.3rem;
        line-height: 0.48rem;
      }
      .iq-video-introduce li::after{
        width: 0.32rem;
        height: 0.32rem;
        top: 0.08rem;
      }
      .iq-video-introduce .video-wrap{
            min-height: initial;
      }
      .iqbox-ac-scenarios{
        padding: 1.1rem 0 0 0;
        overflow: hidden;
      }
      .iq-title{
        font-size: 0.54rem;
        line-height: 0.7rem;
        margin-bottom: 0.2rem;
      }
      .iq-desc{
        font-size: 0.28rem;
        line-height: 0.48rem;
        margin-bottom: 0.4rem;
      }
      .acswiper .item-title{
        font-size: 0.36rem;
        line-height: 1;
      }
      .acswiper .item-up{
          padding: 0 0.3rem;
          bottom: 0.5rem;
      }
      .iq-scenarios-pagination-wrap{
        display: flex;
        justify-content: center;
        gap: 0 0.08rem;
        padding: 0.5rem 0 0 0;
      }
      .iq-scenarios-pagination-wrap .swiper-pagination-bullet{
        width: 0.9rem;
        height: 0.04rem;
        background: #ccc;
        margin: 0 !important;
      }
      .iq-scenarios-pagination-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active{
        background: #1046DC;
      }
      .iqbox-solar-scenarios{
        padding: 1.08rem 0 1.1rem 0;
      }
      .iqbox-solar-scenarios .iq-desc{
        margin-bottom: 0.6rem;
      }
      .solar-swiper01 .swiper-wrapper{
        display: flex;
        flex-direction: column;
        gap: 0.4rem 0;
      }
      .solar-swiper01 .item-img{
        padding-top: 64.6153%;
      }
      .solar-swiper01 .inner-slide{
        position: relative;
      }
      .solar-swiper01 .item-up{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .solar-swiper01 .item-title{
        font-size: 0.36rem;
        line-height: 0.36rem;
        color: #fff;
        font-weight: bold;
      }
      .iqbox-product-family{
        padding: 1.1rem 0 1.1rem;
      }
      .iqbox-product-family .inner{
        padding: 0;
      }
      .product-family-box{
        width: 3.93rem;
        margin-left: auto;
        margin-right: auto;
      }
      .iqbox-product-family .item-img{
        margin-bottom: 0.1rem;
      }
      .product-family-page{
        display: flex;
        justify-content: center;
        gap: 0 0.08rem;
        padding: 0.9rem 0 0 0;
      }
      .product-family-page .swiper-pagination-bullet{
        width: 0.9rem;
        height: 0.04rem;
        margin: 0 !important;
        background: #ccc;
      }
      .product-family-page .swiper-pagination-bullet.swiper-pagination-bullet-active{
        background: #1046DC;
      }
      .iqbox-product-family .item-title{
        font-size: 0.36rem;
        line-height: 0.56rem;
        color: #000;
        margin-bottom: 0.3rem;
      }
      .iqbox-product-family .iq-title{
        margin-bottom: 0.4rem;
      }
      .reverse.iq-video-introduce{
        padding: 1.1rem 0 0 0;
      }
      .iq-video-introduce .global-inner{
        max-width: 100%;
      }
      .reverse.iq-video-introduce .title{
        padding: 0;
      }
      .reverse.iq-video-introduce .inner{
          flex-direction: column-reverse;
          gap: 0.5rem 0;
      }
      .iqbox-product-family.iQWatch-product .inner{
        padding: 0;
      }
      .iqbox-product-family.iQWatch-product .iq-title{
        margin-bottom: 0.7rem;
      }
      .iqbox-product-family.iQWatch-product .item-img{
        width: 2.54rem;
        height: 5.48rem;
        padding: 0;
        margin-left: auto;
        margin-right: auto;
      }
      .iq-video-VMS{
        padding: 1.28rem 0 1.1rem;
     
      }
      .iq-video-VMS .inner-l{
        width: 100%;
      }
      .iq-video-VMS .title{
        font-size: 0.56rem;
        line-height: 0.76rem;
        margin-bottom: 0.2rem;
        text-align: center;
      }
      .iq-video-VMS .desc{
        font-size: 0.28rem;
        line-height: 0.4rem;
      }
      .iq-video-VMS .inner{
           flex-direction: column-reverse;
          gap: 0.6rem 0;
      }
     }
/* 新增 iq 布局 end */