@charset "UTF-8";


/* pro-3d-banner */
.pro-3d-banner {
  color: #fff;
}
.pro-3d-banner .pro-big-swiper {
  width: 52.5157%;
  overflow: hidden;
  position: relative;
}
.pro-3d-banner .pro-big-swiper img {
  max-width: 70%;
  max-height: 70%;
  position: absolute;
  top:0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
}
.pro-3d-banner .page-text {
  width: 45.91%;
  padding: 0.59rem 0px 1.2rem;
}
.pro-3d-banner .page-tit span {
  display: inline-block;
  position: relative;
  padding-bottom: 0.1rem;
}
.pro-3d-banner .page-tit span:before {
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  content: "";
  background: #f6b13b;
  height:0.06818em;
}
.pro-3d-banner .page-con {
  margin: 0.42rem 0px 0.26rem;
  letter-spacing: 0.075em;
  line-height: 1.8;
  height: 12.6em;
  max-height: 12.6em;
  overflow: hidden;
  overflow-y: auto;
}

.pro-3d-banner .page-con::-webkit-scrollbar {
  width: 4px;
}
.pro-3d-banner .page-con::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(247,178, 40, 1);
  opacity: 1;
  background: fade(@primary-color, 100%);
}
.pro-3d-banner .page-con::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(247,178, 40, 0.2);
  border-radius: 0;
  background: fade(@primary-color, 30%);
}

.page-scroll::-webkit-scrollbar {
  width: 4px;
}
.page-scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(247,178, 40, 1);
  opacity: 1;
  background: fade(@primary-color, 100%);
}
.page-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(247,178, 40, 0.2);
  border-radius: 0;
  background: fade(@primary-color, 30%);
}


.pro-3d-banner .page-text .page-img {
  height: 0.82rem;
  background: #f1f1f1;
  border: 2px solid #d6d6d6;
  cursor: pointer;
}
.pro-3d-banner .page-text .page-img img {
  max-width: 70%;
  max-height: 96%;
}
.pro-3d-banner .page-imgtab {
  margin-right: 0.6rem;
  overflow: hidden;
  position: relative;
}
.pro-3d-banner .swiper-slide-thumb-active .page-img {
  border-color: #f5ad3a;
}
.pro-3d-banner .page-imgtab .page-btn {
  width: 2em;
  height:2em;
  background: #f5ad3a;
  border-radius:50%;
  color: #fff;
  margin-top: -1em;
}
.pro-3d-banner .swiper-button-next:after,.pro-3d-banner  .swiper-button-prev:after {
  font-size: 1em;
}
.pro-3d-banner .swiper-button-prev {
  left: 0px;
}
.pro-3d-banner .swiper-button-next {
  right: 0px;
}
.pro-3d-banner .page-more {
  display: none;
}
.pro-3d-banner .page-imgtab:hover .page-btn-show {
  display:block;
}

@media only screen and (max-width:767px){
  .pro-3d-banner {
    padding: 0.5rem 0px 0px;
  }
  .pro-3d-banner .pro-big-swiper {
    width: 100%;
    height: 5rem;
  }
  .pro-3d-banner .page-text {
    width: 100%;
  }
}

/* pro-3d-characteristic */
.pro-3d-characteristic {
  padding: 0.68rem 0px 0.75rem;
}
.pro-3d-characteristic .page-list {
  padding-right: 1rem;
  padding-top: 0.31rem;
}
.pro-3d-characteristic .page-list ul li {
  width: 50%;
  padding-left: 1.8em;
  position: relative;
  margin-top: 0.17rem;
  padding-right: 0.5rem;
}
.pro-3d-characteristic .page-list ul li::before {
  position: absolute;
  content: "";
  left:0.6em;
  background: #d6d6d6;
  border-radius: 50%;
  width: 0.65em;
  height: 0.65em;
  top:0.5em;
}
.pro-3d-characteristic .page-img {
  padding-top: 0.5rem;
}
.pro-3d-characteristic .page-img .page-ico img {
  height: 4.2083em;
}
.pro-3d-characteristic .page-img .page-tit {
  padding-top: 0.2rem;
}
.pro-3d-characteristic .page-img ul li {
  min-width:14%;
  max-width: 20%;
  padding:0.2rem;
}

@media only screen and (max-width:1240px){
  .pro-3d-characteristic .page-list {
    padding-right: 0px;
  }
  .pro-3d-characteristic .page-img ul li {
    max-width:33.33%;
  }
}  
@media only screen and (max-width:767px){
  .pro-3d-characteristic .page-list ul li {
    width: 100%;
  }
  .pro-3d-characteristic .page-img ul li {
    max-width:50%;
  }
  .pro-3d-characteristic .page-img ul li {
    padding: 0.1rem;
  }
}  




/* .pro-3d-succession */
.pro-3d-succession {
  padding-top: 0.74rem;
  padding-bottom: 0.3rem;
  background-image: linear-gradient(#d6d6d6, #f2f2f2);
}
.pro-3d-succession .page-list {
  position: relative;
  padding: 0px 1rem;
}
.pro-3d-succession .swiper-succession {
  overflow: hidden;
  line-height: 1.5;
}
.pro-3d-succession .page-tit {
  margin: 0.25rem 1em 0px;
  height: 3em;
}
.pro-3d-succession .page-img {
  overflow: hidden;
  height: 4rem;
}
.pro-3d-succession .page-img img {
  max-width: 74%;
  max-height: 74%;
}
.pro-3d-succession .page-btn {
  width: 0.95rem;
  height: 0.95rem;
  background: #f6b13a;
  box-shadow: 0px 0px 0.2rem rgba(246,177,58,0.8);
  border-radius: 50%;
  background-position: center center;
  background-size: 0.26rem auto;
  background-repeat: no-repeat;
  display: none;
  top:35%;
}
.pro-3d-succession .page-btn:after {
  display: none;
}
.pro-3d-succession .swiper-button-prev {
  background-image: url(../images/jt09.png);
  left: -0.475rem;
}
.pro-3d-succession .swiper-button-next {
  background-image: url(../images/jt08.png);
  right: -0.475rem;
}
.pro-3d-succession .swiper-button-disabled {
  opacity: 1;
  background-color: #fff;
  background-image: url(../images/jt07.png);
  box-shadow: 0px 0px 0.2rem rgba(0,0,0,0.05);
}
.pro-3d-succession .swiper-button-next.swiper-button-disabled {
  background-image: url(../images/jt13.png);
}
.pro-3d-succession.on .page-list:hover .page-btn {
  display: block;
}

@media only screen and (max-width:767px){
  .pro-3d-succession .page-list {
    padding: 0px;
  }
  .pro-3d-succession .swiper-button-prev {
    left: -0.2rem;
  }
  .pro-3d-succession .swiper-button-next {
    right: -0.2rem;
  }

}  


.pro-table table{
  font-size: inherit;
  text-align: center;
}
.pro-table .layui-table {
  margin-bottom:6px;
}
.pro-table .layui-table td,.pro-table .layui-table th {
  font-size: inherit;
  border-color: #e5e5e4;
}
.pro-table .layui-table td:first-child .layui-table-cell {
  text-transform: uppercase;
}
.pro-table .layui-table-cell {
  height: auto;
  line-height: 1.3;
  padding: 1.55em 0.18rem;
  font-size: 16px;
  
}
.pro-table  .layui-table-header .layui-table-cell {
  white-space:normal ;
}
.pro-table .layui-table-fixed-r  .layui-table-cell {
  text-transform: none;
}

.pro-table .layui-table-view .layui-table th{
  font-size:22px;
  font-weight: bold;
  background: #f6b13b;
  color: #fff;
  text-align: center;
}

.pro-table .layui-border-box {
  border:none;
}
.pro-table .layui-table-body::-webkit-scrollbar  {
    background-color: #f8f8f8;
    height:1.1em;
} /* 滚动条的滑轨背景颜色 */

.pro-table .layui-table-body::-webkit-scrollbar-thumb {
    background:#d6d6d6; 
    border-radius: 10px;
} /* 滑块颜色 */

.pro-table .layui-table-body::-webkit-scrollbar-button {
    display: none;
} /* 滑轨两头的监听按钮颜色 */



.pro-table .layui-table-box {
  border:1px solid #f6b13b;
  border-radius: 0.1rem 0.1rem 0px 0px;
  padding-bottom: 4px;
  background: #f8f8f8;
}
.pro-table .layui-table-header {
  border: none;
}
.pro-table .layui-table-header .layui-table {
  margin-bottom: 0px;
}
.pro-table .layui-table-header .layui-table-cell {
  font-size: 18px;
  padding:0.8em 0px;
  display:-webkit-box;  display:-ms-box; display:flex; 
  -webkit-box-align:center; -ms-flex-align:center;  align-items:center;
  -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
}
.pro-table .layui-table-sort .layui-table-sort-asc {
  border-bottom-color:#f7d395;
}
.pro-table .layui-table-sort .layui-table-sort-desc {
  border-top-color:#f7d395;
}
.pro-table .layui-table-sort .layui-table-sort-asc:hover {
  border-bottom-color:#fff;
}
.pro-table .layui-table-sort .layui-table-sort-desc:hover {
  border-top-color:#fff;
}

.pro-table .layui-table tbody tr:hover,
.pro-table .layui-table thead tr,
.pro-table .layui-table-click,
.pro-table .layui-table-header,
.pro-table .layui-table-hover,
.pro-table .layui-table-mend,
.pro-table .layui-table-patch,
.pro-table .layui-table-tool,
.pro-table .layui-table-total,
.pro-table .layui-table-total tr,
.pro-table .layui-table[lay-even] tr:nth-child(even){
  background: #f8f8f8;
}
.pro-table .layui-table-sort .layui-edge {
  border-width:0.3em;
  bottom: 0px;
}
.pro-table .layui-table-sort[lay-sort=asc] .layui-table-sort-asc {
  border-bottom-color:#fff;
}
.pro-table .layui-table-sort[lay-sort=desc] .layui-table-sort-desc {
  border-top-color:#fff;
}
.pro-table .layui-table-page>div {
  height: auto;
}
.pro-table .layui-table-page {
  height: auto;
  padding:0.75rem 0px 1.03rem;
}
.pro-table .layui-table-page .layui-laypage a,
.pro-table .layui-table-page .layui-laypage span.layui-laypage-curr {
  padding:0px 0.3125em;
  font-size: 16px;
  border:1px solid #dfe3e6;
  min-width: 2em;
  border-radius: 0.05rem;
  line-height: 2.625em;
  height: auto;
  margin-bottom: 0px;
}
.pro-table .layui-table-page .layui-laypage {
  display: block;
}
.pro-table .layui-table-page .layui-laypage .layui-laypage-prev {
  min-width: 4.75em;
}
.pro-table .layui-table-page .layui-laypage .layui-laypage-next {
  min-width: 4.75em;
}
.pro-table .layui-table-page .layui-laypage span.layui-laypage-curr {
  border-color: #f5b13b;
}

.pro-table .layui-table-fixed .layui-table-header .layui-table-cell span {
  display: block;
  height: 2.55em;
  line-height: 2.55;
}

@media only screen and (max-width:1600px){
  .pro-table .layui-table-cell {
    font-size: 15px;
  }
  .pro-table .layui-table-header .layui-table-cell {
    font-size: 17px;
  }
} 
@media only screen and (max-width:1340px){
  .pro-table .layui-table-cell {
    font-size: 14px;
  }
  .pro-table .layui-table-header .layui-table-cell {
    font-size: 16px;
  }
  .pro-table .layui-table-sort .layui-edge {
    bottom: 3px;
  }
}  
@media only screen and (max-width:900px){
  .pro-table .layui-table-cell {
    font-size: 13px;
  }
  .pro-table .layui-table-header .layui-table-cell {
    font-size: 15px;
  }
} 
@media only screen and (max-width:767px){
  .pro-table .layui-table-cell {
    font-size: 16px;
  }
  .pro-table .layui-table-header .layui-table-cell {
    font-size:18px;
  }
}   
@media only screen and (max-width:414px){
  .pro-table .layui-table-cell {
    font-size:14px;
  }
  .pro-table .layui-table-header .layui-table-cell {
    font-size:16px;
  }
} 
@media only screen and (max-width:374px){
  .pro-table .layui-table-cell {
    font-size:13px;
  }
  .pro-table .layui-table-header .layui-table-cell {
    font-size:15px;
  }
} 


/* pro-3d-xl-banner */
.pro-3d-xl-banner {
  position: relative;
  margin: 0.72rem 0px 0.85rem;
}
.pro-3d-xl-banner::before {
  position: absolute;
  content: "";
  left: 10%;
  top:0px;
  right: 0px;
  bottom: 0px;
  background-image: linear-gradient(to right , #e1e1e1, #fefefe);
}
.pro-3d-xl-banner .page-wrap {
  position: relative;
  z-index: 2;
}
.pro-3d-xl-banner .page-imgtab {
  position: absolute;
  left: 0px;
  top:0px;
  bottom: 0px;
  width: 12.89%;
  padding-right: 0.18rem;
  background: #fff;
  height: 100%;
  overflow: hidden;
}
.pro-3d-xl-banner .page-imgtab .swiper-slide {
  border: 1px solid #d6d6d6;
  padding: 4px;
  background: #fff;
  height: 33.33%;
  cursor: pointer;
}
.pro-3d-xl-banner .page-imgtab .swiper-slide-thumb-active {
  border: 2px solid #f5b13b;
  padding: 3px;
}
.pro-3d-xl-banner .page-imgtab .page-img {
  height: 100%;
  background: #f2f2f2;
}
.pro-3d-xl-banner .page-imgtab img {
  max-width: 80%;
  max-height: 80%;
}
.pro-3d-xl-banner .bn-rt {
  padding-left:12.89%;
}


.pro-3d-xl-banner .pro-big-swiper {
  width: 50.7982%;
  overflow: hidden;
  position: relative;
}
.pro-3d-xl-banner .pro-big-swiper img {
  max-width: 80%;
  max-height: 80%;
  position: absolute;
  top:0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
}

.pro-3d-xl-banner .page-text {
  width: 44.99%;
  padding: 0.72rem 0px 1.04rem;
}
.pro-3d-xl-banner .page-text .page-con {
  line-height: 1.8;
  margin: 0.32rem 0px 0.22rem;
  height: 10.8em;
  max-height: 10.8em;
  overflow: hidden;
  overflow-y: auto;
}
.pro-3d-xl-banner .page-text .page-tit span {
  display: inline-block;
  padding-right: 0.18rem;
}
.pro-3d-xl-banner .page-text .page-tit label {
  display: inline-block;
  background: #332c2b;
  color: #fff;
  line-height: 1.9583;
  padding: 0px 1em;
  border-radius: 1em;
}
.pro-3d-xl-banner .page-text .page-btn a {
  display: inline-block;
  background: #f5b13b;
  color: #fff;
  min-width: 1.94rem;
  line-height: 2.4545;
  border-radius: 0.1rem;
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: 0px 0.18rem;
}
.pro-3d-xl-banner .page-text .page-btn a img {
  vertical-align: middle;
  height: 1.1818em;
  margin-left: 0.18rem;
}
.pro-3d-xl-banner .page-text .page-btn a span {
  position: relative;
  z-index: 2;
  padding-left: 0.1rem;
}
.pro-3d-xl-banner .page-text .page-btn a::before {
  position: absolute;
  content: "";
  left: -100%;
  top:0px;
  height: 100%;
  width: 100%;
  background: #484342;
  transition:0.5s all; 
  -webkit-transition:0.5s all; 
  -ms-transition:0.5s all; 
  -o-transition:0.5s all;
}
.pro-3d-xl-banner .page-text .page-btn a:hover:before {
  left: 0px;
}

.pro-3d-xl-banner .page-imgtab .page-btn {
  width: 2em;
  height:2em;
  background: #f5ad3a;
  border-radius:50%;
  color: #fff;
  margin-top: -1em;
  top:0px;
  left: 50%;
  margin-left: -1.5em;
  right: auto;
  margin-top: 0px;
}
.pro-3d-xl-banner .swiper-button-next:after,.pro-3d-xl-banner  .swiper-button-prev:after {
  font-size: 1em;
}
.pro-3d-xl-banner .page-imgtab .swiper-button-prev {
  top:5px;
  transform: rotate(90deg);
}
.pro-3d-xl-banner  .page-imgtab .swiper-button-next {
  top:auto;
  bottom: 5px;
  transform: rotate(90deg);
}
.pro-3d-xl-banner .page-more {
  display: none;
}
.pro-3d-xl-banner.on .page-imgtab:hover .page-btn-show {
  display:block;
}

@media only screen and (max-width:1240px){
  .pro-3d-xl-banner .page-text {
    width: 49%;
  }
}


@media only screen and (max-width:767px){
  .pro-3d-xl-banner {
    padding: 0px;
  }
  .pro-3d-xl-banner .pro-big-swiper {
    width: 100%;
    height: 5rem;
  }
  .pro-3d-xl-banner .page-text {
    width: 100%;
    padding: 0.5rem 0px 0.7rem;
  }
  .pro-3d-xl-banner .page-imgtab {
    position: relative;
    width: 100%;
    padding-right: 0px;
  }
  .pro-3d-xl-banner .page-imgtab .page-img {
    height:1.5rem;
  }
  .pro-3d-xl-banner .bn-rt {
    padding-left: 0px;
    padding-top: 0.5rem;
  }
  .pro-3d-xl-banner::before {
    left: 0px;
    top:2rem;
  }
  .pro-3d-xl-banner .page-text .page-con {
    height:auto;
    margin-bottom: 0.5rem;
  }
  .pro-3d-xl-banner .page-imgtab .page-btn {
    top:50%;
    margin-top: -1em;
  }
  .pro-3d-xl-banner .page-imgtab .swiper-button-prev {
    top:50%;
    margin-left: 5px;
    left: 0px;
    transform: rotate(0deg);
  }
  .pro-3d-xl-banner  .page-imgtab .swiper-button-next {
    top:50%;
    bottom:auto;
    margin-left: auto;
    margin-right:5px;
    left: auto;
    right: 0px;
    transform: rotate(0deg);
  }
}
@media only screen and (max-width:374px){
  .pro-3d-xl-banner .page-text .page-btn a {
    padding: 0px 0.1rem;
  }
}


/* page-pro-tab-wrap */
.page-pro-tab-wrap {
  background: #f2f2f2;
  border-bottom: 2px solid #f6b13b;
  padding-top: 0px;
}
.page-pro-tab-wrap .swiper-slide.on a::before {
  display: none;
}
.page-pro-tab-wrap .swiper-wrapper {
  width: auto;
}
.page-pro-tab-wrap .swiper-slide {
  width: auto;
  padding: 0px 0.32rem;
}
.page-pro-tab-wrap .swiper-slide.on a {
  color: #fff;
  background: #f6b13b;
}
.page-pro-tab-wrap .swiper-slide a {
  padding: 1.2em 0.64rem;
}

.page-pro-tab-wrap.active {
  position: fixed;
  width: 100%;
  z-index:999;
}


@media only screen and (max-width:767px){
  .page-pro-tab-wrap {
    padding: 0px;
  }
  .page-pro-tab-wrap .swiper-slide{
    display: inline-block;
    padding: 0px;
  }
  .page-pro-tab-wrap .swiper-slide a {
    padding: 0.2rem;
  }
}



.pro-3dd-xl-wrap  .pro-3d-characteristic {
  padding: 0.56rem 0px 0px;
}
.pro-3dd-xl-wrap .pro-3d-characteristic .page-list ul li {
  width: 100%;
}
.pro-3dd-xl-wrap  .pro-3d-characteristic .page-list {
  padding:0.24rem 0.38rem 0.73rem;
  border-bottom: 1px solid #d6d6d6;
}

@media only screen and (max-width:767px){
  .pro-3dd-xl-wrap .pro-3d-characteristic .page-list {
    padding:0.24rem 0px 0.73rem;
  }
}

.pro-3dd-xl-wrap .page-label-tab {
  margin-top: 0.78rem;
}




.pro-3d-model {
  background: none;
  border-top: 1px solid #d6d6d6;
  padding-top: 0.64rem;
  padding-bottom: 0.64rem;
}
.pro-3d-model .page-list {
  padding: 0px;
  margin-top: 0.47rem;
}
.pro-3d-model .page-img {
  background-color: #f2f2f2;
  height: 3.55rem;
  overflow: hidden;
}
.pro-3d-model .page-img img {
  max-width: 74%;
  max-height: 74%;
  transform: scale(1,1);
}
.pro-3d-model .page-tit {
  margin-top: 0.15rem;
}
.pro-3d-model .swiper-pagination {
  position: relative;
}
.pro-3d-model .swiper-pagination-clickable .swiper-pagination-bullet {
  width: 2.5em;
  height: 0.375em;
  border-radius: 0px;
  opacity: 1;
  background: #e9e9e9;
  margin: 0px 0.09rem;
}
.pro-3d-model .swiper-slide {
  padding-bottom: 0.15rem;
}
.pro-3d-model .swiper-pagination-clickable .swiper-pagination-bullet-active {
  background: #f7bb2b;
}
.pro-3d-model .swiper-slide:hover .page-img img {
  transform: scale(1.05,1.05);
}
.pro-3d-model .swiper-pagination {
  display: none;
}
.pro-3d-model.on {
  padding-bottom: 1.3rem;
}
.pro-3d-model.on .swiper-pagination {
  display: block;
}



/*************pro-model-wrap*******************/
/* pro-model-banner */
.pro-model-banner {
  position: relative;
  margin: 0.72rem 0px 0.85rem;
}

.pro-model-banner .pro-big-swiper {
  width: 48.176%;
  overflow: hidden;
  position: relative;
  background: #f1f1f1;
}
.pro-model-banner .pro-big-swiper img {
  max-width: 80%;
  max-height: 80%;
  position: absolute;
  top:0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
}

.pro-model-banner .page-text {
  width: 46.667%;
  padding: 0.12rem 0px 0.6rem;
}
.pro-model-banner .page-text .page-con {
  line-height: 2.4;
  margin: 0.38rem 0px 0.71rem;
  height: 12em;
  max-height: 12em;
  overflow: hidden;
  overflow-y: auto;
}
.pro-model-banner .page-text .page-tit span {
  display: inline-block;
  padding-right: 0.18rem;
}
.pro-model-banner .page-text .page-tit label {
  display: inline-block;
  background: #332c2b;
  color: #fff;
  line-height: 1.9583;
  padding: 0px 1em;
  border-radius: 1em;
}
.pro-model-banner .page-text .page-btn a {
  display: inline-block;
  background: #f5b13b;
  color: #fff;
  min-width: 2.08rem;
  line-height: 2.4545;
  border-radius: 0.1rem;
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: 0px 0.18rem;
  border: 0.02rem solid #f5b13b;
  margin-right: 0.1rem;
}
.pro-model-banner .page-text .page-btn a img {
  vertical-align: middle;
  height: 1.1em;
  margin-left: 0.04rem;
}
.pro-model-banner .page-text .page-btn a span {
  position: relative;
  z-index: 2;
  padding-left: 0.1rem;
}
.pro-model-banner .page-text .page-btn a::before {
  position: absolute;
  content: "";
  left: -100%;
  top:0px;
  height: 100%;
  width: 100%;
  background: #484342;
  transition:0.5s all; 
  -webkit-transition:0.5s all; 
  -ms-transition:0.5s all; 
  -o-transition:0.5s all;
}
.pro-model-banner .page-text .page-btn a:hover:before {
  left: 0px;
}
.pro-model-banner .page-text .page-btn a:hover {
  border-color: #484342;
  color: #fff;
}
.pro-model-banner .page-text .page-btn a:first-child {
  background: none;
  color:#f5b13b;
}
.pro-model-banner .page-text .page-btn a:first-child img {
  margin-left: 0.18rem;
}


.pro-model-banner .pro-big-swiper .page-btn {
  width: 2em;
  height:2em;
  background: #f5ad3a;
  border-radius:50%;
  color: #fff;
  margin-top: -1em;
}
.pro-model-banner .swiper-button-next:after,.pro-model-banner  .swiper-button-prev:after {
  font-size: 1em;
}

.pro-model-banner .page-more {
  display: none;
}
.pro-model-banner.on .pro-big-swiper:hover .page-more {
  display:block;
}


@media only screen and (max-width:767px){
  .pro-model-banner .pro-big-swiper {
    width: 100%;
  }
  .pro-model-banner .pro-big-swiper .swiper-slide {
    height: 5rem;
  }
  .pro-model-banner .page-text {
    width: 100%;
    padding: 0.5rem  0px 0px;
  }
  .pro-model-banner .page-text .page-con {
    height: auto;
    max-height: none;
  }
}



.pro-model-wrap .page-pro-tab-wrap .swiper-slide {
  padding: 0px;
}


.pro-model-wrap  .pro-3d-characteristic {
  padding: 0.72rem 0px 0px;
}
.pro-model-wrap .pro-3d-characteristic .page-list ul li {
  width: 100%;
}
.pro-model-wrap  .pro-3d-characteristic .page-list {
  padding:0.24rem 0.2rem 0.73rem;
}

@media only screen and (max-width:767px){
  .pro-model-wrap .pro-3d-characteristic .page-list {
    padding:0.24rem 0px 0.73rem;
  }
}


/* page-model-parameter */
.page-model-parameter {
  padding-top: 0.11rem;
  padding-bottom: 0.38rem;
}
.page-model-parameter .page-list ul:first-child {
  margin-top: 0.57rem;
}
.page-model-parameter .page-list ul {
  border-top: 0.03rem solid #f6b13b;
  border-bottom: 0.03rem solid #f6b13b;
  background-image: linear-gradient(#fef9f1 , #fff 5% , #fff 95% , #fef9f1);
  margin-top: 0.65rem;
}
.page-model-parameter .page-list ul li:nth-of-type(1){
  background: none;
}
.page-model-parameter .page-list ul li {
  padding: 0px 0.68rem;
  background: url(../images/line01.png) repeat-x left top;
}
.page-model-parameter .page-list dl {
  width: 50%;
  padding: 1.15em 0px;
}
.page-model-parameter .page-list dt {
  width: 40%;
  font-weight: bold;
}
.page-model-parameter .page-list dd {
  padding-left: 0.68rem;
  width: 60%;
  color: #6f6c6b;
}
.page-model-parameter .page-list ul.wid100 dl {
  width: 100%;
}
.page-model-parameter .page-list ul.wid100 dt {
  width: 10em;
}
.page-model-parameter .page-list ul.wid100 dd {
  width: auto;
}
.page-model-parameter .page-list ul.wid100 dl dl dt {
  width: 100%;
  position: relative;
  padding-left: 1em;
  background: none;
}
.page-model-parameter .page-list ul.wid100 dl dl dt::before {
  position: absolute;
  content: "";
  left: 0px;
  top:50%;
  margin-top: -0.325em;
  width: 0.65em;
  height: 0.65em;
  background: #000;
  border-radius: 50%;
}
.page-model-parameter .page-list ul.wid100 dl dl dd {
  width: 100%;
  position: relative;
  padding-left: 1em;
  margin-left: 1em;
}
.page-model-parameter .page-list ul.wid100 dl dl dd::before {
  position: absolute;
  content: "";
  left: 0px;
  margin-top: -0.325em;
  top:50%;
  width: 0.65em;
  height: 0.65em;
  background: #000;
}

.page-model-parameter .page-list ul.wid2 dl {
  width: 100%;
}
.page-model-parameter .page-list ul.wid2 dt {
  width:8em;
}
.page-model-parameter .page-list ul.wid2 dd {
  width:auto;
  flex: 1;
}

@media only screen and (max-width:1040px){
  .page-model-parameter .page-list ul li {
    padding: 0px;
  }
  .page-model-parameter .page-list dt {
    padding-left: 0.3rem;
    width:50%;
  }
  .page-model-parameter .page-list dd {
    padding-left: 0.3rem;
    width:50%;
  }
}  
@media only screen and (max-width:767px){
  .page-model-parameter .page-list ul li {
    background: none;
  }
  .page-model-parameter .page-list dl {
    width:100%;
    background: url(../images/line01.png) repeat-x left top;
  }
  .page-model-parameter .page-list dt {
    padding-left: 0.1rem;
  }
  .page-model-parameter .page-list dd {
    padding-left: 0.1rem;
  }
  .page-model-parameter .page-list ul li:first-child dl:first-of-type {
    background: none;
  }
  .page-model-parameter .page-list ul.wid2 dt {
    width:100%;
  }
  .page-model-parameter .page-list ul.wid2 dd {
    width:100%;
  }
} 


/* page-model-explain */
.page-model-explain {
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
}
.page-model-explain .page-con {
  padding: 0.6rem 0px 0.43rem;
}
.page-model-explain img {
  max-width: 70%;
}
.page-model-explain .explain-table {
  border-radius: 0.1rem;
  border: 2px solid #d6d6d6;
  background: #fafafa;
  overflow: hidden;
  overflow-x: auto;
}
.page-model-explain .explain-table dl {
  min-width: 640px;
}
.page-model-explain .explain-table dl dt{
  background: #f1f1f1;
  border-radius: 0.1rem 0.1rem 0px 0px;
}
.page-model-explain .explain-table dl dt span {
  border-top: none;
}
.page-model-explain .explain-table .wid01 {
  width: 22.32%;
  background: #f1f1f1;
  border-left: none;
}
.page-model-explain .explain-table .wid02 {
  width: 25.09%;
}
.page-model-explain .explain-table span {
  padding: 0.2rem 0.5rem;
  border-left: 1px solid #d6d6d6;
  border-top: 1px solid #d6d6d6;
}

@media only screen and (max-width:980px){
  .page-model-explain .explain-table .wid01 {
    width: 30%;
  }
} 

@media only screen and (max-width:767px){

  .page-model-explain .explain-table {
  
  }

}  



/* page-model-appearance */
.page-model-appearance {
  padding: 0.35rem 0px;
}
.page-model-appearance .page-con {
  padding: 0.6rem 0px;
}
.page-model-appearance img {
  max-width: 70%;
}



.pro-model-wrap .pro-3d-model {
  border-top:none;
}


/* page-dlp-wrap */
.page-dlp-wrap .page-label-tab .page-label dl dt {
  width: 13em;
}