/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, /*table, caption, tbody, tfoot, thead, tr, th, td,*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, input{margin: 0;padding: 0;border: none;outline: 0; /*font-size:100%;*/ font: inherit;vertical-align: baseline;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{-webkit-text-size-adjust: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
body{/*font-size:100%;*/ font-size:14px;}
ol, ul, li{list-style: none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content: '';content: none;}
ins{text-decoration: none;}
del{text-decoration: line-through;}
table{border-collapse: collapse;border-spacing: 0;}
input,textarea{font-family: "Microsoft YaHei";}
body{background:#fff; font-family: "Microsoft YaHei";}
a{color:#444;text-decoration:none;}
.st{font-family: simsun;}
.fl{display: block;float: left;}
.left{float: left;}
.right{float: right;}
.fr{display: block;float: right;}
.ohide {display:none;}
.clear:after,
.cl::after,
.clr::after{content: ''; display: block; height: 0; clear: both; visibility: hidden; zoom: 1;}
.container{width: 1200px;margin: 0 auto;}

.container .cleft { width:1100px; float:left; }
.container .cright { width:265px; float:right; overflow:hidden; }

.container .cleft h1 { display: block; font-size: 26px; line-height: 36px; color: #202020; margin:20px 0; }

body .mt20 { margin-top:20px; }
.section {margin-top:20px;}
/*内容*/
html {
    font-size: 100px;
}
body {
    background: rgba(0, 0, 0, 0.6);
}
.thumbspanel {
    position: relative;
    opacity: 1;
    background: none;
    width: 100%;
    bottom: 0;
    padding: 0 10px 0 0;
    overflow: hidden;
    box-sizing: border-box;
}
.thumbspanel .thumbspanelitem {
    width: 50%;
}
.thumbspanel .thumbspanelitem .tpitem {
    display: block;
    min-width: 60px;
    font-size: 0;
}
.thumbspanel .tpitem i {
    display: block;
    position: relative;
    opacity: 1;
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin: 0 auto;
}
.thumbspanel .tpitem-scene i {
    background-image: url(../image/41w40h1583483985913586.png);
    background-size: 100% 100%;
}
.thumbspanel .tpitem-vr i {
    background-image: url(../image/40w40h1583483970519772.png);
    background-size: 100% 100%;
}
.thumbspanel .tpitem-askp i {
    background-image: url(../image/40w40h1583483948628253.png);
    background-size: 100% 100%;
}
.thumbspanel .tpitem-music i {
    background-image: url(../image/musicicon.png);
    background-size: 100% 100%;
}
.thumbspanel .tpitem-music-off i {
    background-image: url(../image/musicicon-off.png);
    background-size: 100% 100%;
}
.thumbspanel .tpitem span {
    display: block;
    margin-top: 10px;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    color: #fff;
}

.thumbspanelitemleft,
.thumbspanelitemleft .tpitem {
    float: left;
}
.thumbspanelitemright,
.thumbspanelitemright .tpitem {
    float: right;
}


.fiexdnav {
    position: fixed;
    width: 80%;
    bottom: 90px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    -ms-pointer-events: none;
    -o-pointer-events: none;
    pointer-events: none;
}
.brandswiper {
  	position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    z-index: 99;
}
.brandswiper .li-icon,.brandswiper .li-title {
    display: block;
    font-size: 16px;
}
.brandswiper .swiper-slide {
    width: 100px;
    height: 100px;
  	margin-right: 4px;
    border: 2px solid;
    border-image: -webkit-linear-gradient(to bottom, #ffffff, #3f3f40) 10 10 !important;
    border-image: linear-gradient(to bottom, #ffffff, #3f3f40) 10 10 !important;
    box-sizing: border-box;
  	-webkit-pointer-events: auto;
    -moz-pointer-events: auto;
    -ms-pointer-events: auto;
    -o-pointer-events: auto;
    pointer-events: auto;
}
.brandswiper .swiper-slide img {
    width: 100%;
}
.brandswiper .swiper-slide .li-title {
    position: absolute;
    width: 100%;
    font-size: 16px;
    text-align: center;
    color: #fff;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    box-sizing: border-box;
}
.brandswiper .current {
    border-image: -webkit-linear-gradient(#fdd000, #fda602) 10 10 !important;
    border-image: linear-gradient(#fdd000, #fda602) 10 10 !important;
}

.subscenes {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    z-index: 99;
}
.subscenes .li-icon,.subscenes .li-title {
    display: block;
    font-size: 16px;
}
.subscenes .swiper-slide {
    width: 100px;
    height: 100px;
  	margin-right: 4px;
    border: 2px solid;
    border-image: -webkit-linear-gradient(to bottom, #ffffff, #3f3f40) 10 10 !important;
    border-image: linear-gradient(to bottom, #ffffff, #3f3f40) 10 10 !important;
    box-sizing: border-box;
  	-webkit-pointer-events: auto;
    -moz-pointer-events: auto;
    -ms-pointer-events: auto;
    -o-pointer-events: auto;
    pointer-events: auto;
}
.subscenes .swiper-slide img {
    width: 100%;
  	height: 100%;
}
.subscenes .swiper-slide .li-title {
    position: absolute;
    width: 100%;
    font-size: 16px;
    text-align: center;
    color: #fff;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    box-sizing: border-box;
    letter-spacing: 0;
}
.subscenes .current {
    border-image: -webkit-linear-gradient(#fdd000, #fda602) 10 10 !important;
    border-image: linear-gradient(#fdd000, #fda602) 10 10 !important;
}

.leftarrow {
    position: absolute;
    top: 30%;
    left: 0;
    z-index: 2;
 	font-size: 0;
}
.leftarrow .lrarrowitem {
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 12px 15px 12px 0px;
    border-style: solid;
    border-color: transparent #888888 transparent transparent;
    position: relative;
}
.rightarrow {
    position: absolute;
    top: 30%;
    right: 0;
    z-index: 2;
 	font-size: 0;
}
.rightarrow .lrarrowitem {
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 12px 0 12px 15px;
    border-style: solid;
    border-color: transparent transparent transparent #888888;
    position: relative;
}

/*右侧浮动*/
.fixedr {
    display: block;
    position: fixed;
    width: 40px;
    right: 10px;
    top: 20vh;
}
.fixedr .item {
    display: block;
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}
.fixedr .item img {
    width: 100%;
    vertical-align: top;
}


/*弹窗*/
.popup {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.popup .popupmask {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../image/popupmask.png) top center repeat;
}
.popup .popupcon {
    position: relative;
    height: 100%;
}
.askpbox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.askpbox .askpform {
    display: block;
    width: 430px;
    padding: 12px 10px 14px;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-sizing: border-box;
}
.askpbox .askpform .tit {
    display: block;
    font-size: 30px;
    line-height: 54px;
    text-align: center;
    color: #0f0f0f;
}
.askpbox .askpform .afinput {
    display: block;
    width: 90%;
    height: 50px;
    margin: 15px auto 0;
    padding: 0 13px;
    font-size: 16px;
    line-height: 46px;
    color: #7f7e7e;
    border: 1px solid #c3c3c3;
    box-sizing: border-box;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
.askpbox .askpform .aftextarea {
    display: block;
    width: 90%;
    height: 80px;
    margin: 15px auto 0;
    padding: 2px 13px;
    font-size: 16px;
    line-height: 38px;
    color: #7f7e7e;
    border: 1px solid #c3c3c3;
    box-sizing: border-box;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    overflow: hidden;
}
.askpbox .askpform .askpbtn {
    display: block;
    width: 100%;
    height: 74px;
    margin: 20px auto 0;
    font-size: 18px;
    line-height: 74px;
    text-align: center;
    color: #fff;
    background: url(../image/askpbtn.png) center center no-repeat;
    background-size: 100% 100%;
    border: 0;
}
.popupclose {
    display: block;
  	position: absolute;
    width: 40px;
    height: 40px;
    top: 10px;
  	right: 10px;
    background: url(../image/popupclose2.png) center center no-repeat;
    background-size: 100% 100%;
}

/*锚点图文*/
.popupinfo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    font-size: 14px;
}
.popupinfocon {
    display: block;
    width: 730px;
    padding: 12px 0 18px;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-sizing: border-box;
}
.popupinfocon .tit {
    display: block;
    font-size: 30px;
    line-height: 54px;
    text-align: center;
    color: #0f0f0f;
}
.popupinfocon .popupinfoart_wrapper {
  	position:relative;
  	max-height: 500px;
  	overflow: hidden;
}
.popupinfocon .popupinfoart {
    /*max-height: 500px;*/
    padding: 0 30px;
    font-size: 16px;
    line-height: 28px;
    color: #0f0f0f;
    /*overflow: auto;*/
}
.popupinfocon .popupinfoart p {
    margin-top: 10px;
}
.popupinfocon .popupinfoart img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    vertical-align: top;
}

#i_inxcontent1 .popupinfocon {
  	background: url(../image/inxcontentpopbg.png) repeat;
}
#i_inxcontent1 .popupinfocon .tit {
  	color: #fff;
}
#i_inxcontent1 .popupinfocon .popupinfoart {
  	color: #fff;
}

/*视频列表*/
.popupvideos {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    font-size: 14px;
}
.popupvideoscon {
    display: block;
    width: 830px;
    padding: 12px 0 18px;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-sizing: border-box;
}
.popupvideoscon .tit {
    display: block;
    font-size: 30px;
    line-height: 54px;
    text-align: center;
    color: #0f0f0f;
}

.pvcbox {
    padding: 0 20px 10px;
    overflow: hidden;
}
.pvcbox .pvclist {
    margin-left: -20px;
}
.pvcbox .pvclist .pvcitem {
    display: block;
    float: left;
    position: relative;
    width: 50%;
  	height: 124px;
    margin-top: 16px;
    padding-left: 20px;
    border-radius: .1rem;
    box-sizing: border-box;
}
.pvcbox .pvclist .pvcitem .pvcicon {
    position: relative;
    width: 100%;
    height: 100%;
    vertical-align: top;
}
.pvcbox .pvclist .pvcitem .pvcname {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 22px;
    line-height: 40px;
    text-align: center;
    color: #fff;
}

/*360度设备外观*/
.popup360 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    font-size: 14px;
}
.popup360 .tit {
    display: block;
    font-size: 28px;
    line-height: 54px;
    text-align: center;
    color: #fff;
}

.popup360 .popup360-tips {
    display: block;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #fff;
}
.popup360 .popup360-iframe {
    display: block;
    width: 800px;
    height: 600px;
    margin: 5px auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    background: #d7dae2;
}
.popup360 .popup360-iframe iframe.iframebox {
  width: 100%;
  height: 600px;
}

.popup360close{
	margin: 15px auto 0;
}
.ffcontainer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
  	-webkit-pointer-events: none;
    -moz-pointer-events: none;
    -ms-pointer-events: none;
    -o-pointer-events: none;
    pointer-events: none;
}
/*底部导航*/
.prothumbs {
    display: block;
    position: fixed;
    width: 100%;
    height: 63px;
    top: 0;
    font-size: 0;
    white-space: nowrap;
    overflow: auto;
    overflow-y: hidden;
    background: url(../image/pronbg1.png) left center repeat-x;
    box-sizing: border-box;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.prothumbs::-webkit-scrollbar{
    width: 7px;
    height: 7px;
    background-color: #F5F5F5;
}

  /*定义滚动条轨道 内阴影+圆角*/
.prothumbs::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

  /*定义滑块 内阴影+圆角*/
.prothumbs::-webkit-scrollbar-thumb{
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #c8c8c8;
}
.prothumbs .item {
    display: inline-block;
    min-width: 56px;
    height: 56px;
    padding: 0 .2rem;
    font-size: 18px;
    font-weight: bold;
    line-height: 56px;
    text-align: center;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: url(../image/pronbg1.png) left center repeat-x;
    box-sizing: border-box;
}
.prothumbs .item a {
  	display: block;
  	color: #fff;
}
.protarrow {
    display: none;
    position: fixed;
    width: .24rem;
    height: .9rem;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.6);
}
.protarrow i {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../image/protarrow.png) center center no-repeat;
    background-size: .12rem .18rem;
    animation: aroundAnimation 1s linear infinite;
}
.prothumbs .item.current {
    color: #000;
    background: url(../image/pronbg2.png) left center no-repeat;
    background-size: 100% 100%;
}

.vmicons-topleft {
  display: block;
  position: fixed;
  width: 50%;
  left: 0;
  top: 20px;
}
.vmicons-topleft .tpitem {
  float: right;
}

.vmicons-topright {
  display: block;
  position: fixed;
  width: 50%;
  right: 0;
  top: 20px;
}
.vmicons-topright .tpitem {
  float: left;
}
.vmicons-topleft .tpitem,.vmicons-topright .tpitem {
  display: block;
  width: 33.33%;
}
.vmicons-topleft .tpitem i,.vmicons-topright .tpitem i {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto 10px;
}
.vmicons-topleft .tpitem span,.vmicons-topright .tpitem span {
  display: block;
  margin-top: 10px;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  color: #fff;
}



.vmicons-left {
  display: block;
  position: fixed;
  /*width: 30px;*/
  top: 50px;
  left: 10px;
}

.vmicons-right {
  display: block;
  position: fixed;
  /*width: 30px;*/
  top: 50px;
  right: 10px;
}

.vmicons-left .tpitem,.vmicons-right .tpitem {
  display: block;
  /*width: 30px;*/
  margin-bottom: 10px;
}
.vmicons-left .tpitem i,.vmicons-right .tpitem i {
  display: block;
  width: 30px;
  height: 30px;
  margin-bottom: 10px;
}
.vmicons-left .tpitem span,.vmicons-right .tpitem span {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  color: #fff;
}




.vmicons-bottomleft {
  display: block;
}
.vmicons-bottomleft .tpitem {
  float: left;
}
.vmicons-bottomright {
  display: block;
}

.vmicons-bottomright .tpitem {
  float: right;
}
.vmicons-bottomleft .tpitem,.vmicons-bottomright .tpitem {
  display: block;
  min-width: 60px;
  padding: 0 10px 6px;
}
.vmicons-bottomleft .tpitem i,.vmicons-bottomright .tpitem i {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto 6px;
}
.vmicons-bottomleft .tpitem span,.vmicons-bottomright .tpitem span {
  display: block;
  margin-top: 6px;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  color: #fff;
}
.ffcontainer .tpitem{
  -webkit-pointer-events: auto;
  -moz-pointer-events: auto;
  -ms-pointer-events: auto;
  -o-pointer-events: auto;
  pointer-events: auto;
}

/*标题*/
.screentitle {
  display: block;
  position: absolute;
  width: 100%;
  top: 100px;
  left: 0;
  padding: 0 20px;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
}

/*箭头*/
/*箭头*/
@keyframes aroundAnimation{
  0%,
  100%,
  20%,
  50%,
  80% {
    transition-timing-function: cubic-bezier(0.215,.61,.355,1); 
    transform: translate3d(0,0,0);
  }
  40%,
  43%{
    transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
    transform: translate3d(3px,0,0);
  }
  70%{
    transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
    transform: translate3d(-2px,0px,0);
  }
  90%{
    transform: translate3d(3px,0,0);
  }
}

@keyframes aroundAnimation2{
  0%,
  100%,
  20%,
  50%,
  80% {
    transition-timing-function: cubic-bezier(0.215,.61,.355,1); 
    transform: translate3d(0,0,0);
  }
  40%,
  43%{
    transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
    transform: translate3d(-3px,0,0);
  }
  70%{
    transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
    transform: translate3d(2px,0px,0);
  }
  90%{
    transform: translate3d(-3px,0,0);
  }
}
.protarrow-wrap {

}
.protarrow-wrap .arrow {
  display: table;
  position: absolute;
  top: 10px;
  display: inline-block;
  width: 35px;
  height: 35px;
  /*margin: 0 20px;*/
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
  cursor: pointer;
  opacity: .7;
  z-index: 1;

}
.protarrow-wrap .arrowl {
  left: 0;
  background: url(../image/left.png);
  background-size: 100% 100%;
  animation: aroundAnimation 1s linear infinite;
}
.protarrow-wrap .arrowr {
  right: 0;
  background: url(../image/right.png);
  background-size: 100% 100%;
  animation: aroundAnimation2 1s linear infinite;
}
.navtopf .prothumbs{
  overflow: hidden;
}

.navtopf .prothumbs .prothumbs_content{
  white-space: nowrap;
  width: fit-content;
}
/*图集*/
.popupimgs {
  position: absolute;
  width: 700px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  font-size: .28rem;
}
.popupimgs .tit {
  	padding: 0 20px;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
}
.popupimgswiper {
  width: 100%;
  overflow: hidden;
  margin: .2rem auto;
}
.popupimgswiper .swiper-slide {
  height: 600px;
  line-height: 600px;
  text-align: center;
}
.popupimgswiper img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  /*max-width: 100%;
  height: auto;
  max-height: inherit;
  vertical-align: middle;*/
}

/*走马灯*/
.marqueeswiper {
  width: 100%;
  height: 60px;
  overflow: hidden;
}
.swiper-slide {
  text-align: center;
  font-size: 22px;
  /*letter-spacing: 4px;*/
  /*background: url(https://u-static.lmjx.net/2020/vr720/images/marqueebg.png) repeat;*/

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
}
.swiper-wrapper{
  transition-timing-function: linear !important;
}
.navtopf {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}
.navtopf .prothumbs {
  position: relative;
}
/*走马灯*/
/*Plugin CSS*/
.str_wrap {
	overflow:hidden;
	//zoom:1;
	width:100%;
	font-size:12px;
	line-height:16px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	background:#f6f6f6;
	white-space:nowrap;
}

.str_wrap.str_active {
	background:#f1f1f1;
}
.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
  	padding: 0 20px;
}
.str_move_clone {
	display:inline-block;
	//display:inline;
	//zoom:1;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;	
}

.str_wrap{
  background: #fefefe;
  height: 3em;
  line-height: 3em;
  font-size: 20px;
}
.str1 {
  line-height: 40px;
}
.str1 img,.str1 span {
  display: inline-block;
  vertical-align: middle;
}
.str1 img {
  width: 20px;
  height: 20px;
  margin-right: 6px;
}

/*语音播放按钮*/
.voicebtn {
  display: inline-block;
  position: relative;
  margin-right: 5px;
  padding: 0 8px 0 27px;
  font-size: 12px;
  line-height: 24px;
  color: #fff;
  background: #ff781e;
  border-radius: 3px;
}
.voicebtn i {
  display: block;
  position: absolute;
  width: 14px;
  height: 15px;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  background: url(../image/voice.png) center center no-repeat;
  background-size: 100% 100%;
}
.unvoice i {
  background: url(../image/unvoice.gif) center center no-repeat;
  background-size: 100% 100%;
}


.voiceicon {
  display: inline-block;
  width: 16px;
  height: 20px;
  margin-left: 8px;
  background: url(../image/voiceicon.png) center center no-repeat;
  background-size: 100% auto;
  vertical-align: top;
}
.voiceiconplaying {
  background: url(../image/voiceicon.gif) center center no-repeat;
  background-size: 100% auto;
}
/*左右滑动提示*/
.vrslidetips {
  display: none;
  position: fixed;
  width: 300px;
  height: 300px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: url(../image/vrslidetips-pc.png) center center no-repeat;
  background-size: 100% 100%;
}
.vrslidetipsen {
  background: url(../image/vrslidetips-pcen.png) center center no-repeat;
  background-size: 100% 100%;
}
/*换行*/
.inxcontent_pre p {
  white-space: pre-wrap!important;
  word-wrap: break-word!important;
  *white-space:normal!important;
}

/*穿透点击*/
.ffcontainer,.fiexdnav {
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  -ms-pointer-events: none;
  -o-pointer-events: none;
  pointer-events: none;
}
.brandswiper .swiper-slide,.subscenes .swiper-slide,.ffcontainer .tpitem{
  -webkit-pointer-events: auto;
  -moz-pointer-events: auto;
  -ms-pointer-events: auto;
  -o-pointer-events: auto;
  pointer-events: auto;
}
/*英文图集弹窗*/
.popupimgseng .popupimgswiper {
    position: relative;
  	padding-top: 40px;
    overflow: hidden;
}

.popupimgseng .swiper-pagination {
    font-size: 18px;
    color: #fff;
    top: 0;
    bottom: auto;
}

.popupimgseng .swiper-slide {
    display: block;
    height: 500px;
    /*max-height: 500px;*/
    font-size: 0;
    line-height: 500px;
}

.popupimgseng .popupimgsart {
    position: relative;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    letter-spacing: 1px;
    color: #fff;
    transform: translate3d(1.5px, 1.5px, 0);
}
.popupimgseng .popupimgsart h3 {
  display: block;
  padding: 6px 0;
  font-size: 20px;
  line-height: 20px;
  color: #f4c845;
}
.popupimgseng .popupimgsart p {
  overflow: auto;
    white-space: pre-line;
}

.returnstyle {
    width: 40px;
    height: 40px;
    background: url(../image/popupclose-eng.png) center center no-repeat;
    background-size: 100% 100%;
}

.popupimgseng .swiper-button-prev {
    width: 23px;
    height: 30px;
    background: url(../image/pieng-arrowl.png) center center no-repeat;
    background-size: 100% 100%;
}

.popupimgseng .swiper-button-next {
    width: 23px;
    height: 30px;
    background: url(../image/pieng-arrowr.png) center center no-repeat;
    background-size: 100% 100%;
}

/*产品弹窗*/
.udialog {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 20;
}

.udialog-bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #333;
  opacity: 0.8;
  z-index: 30;
}
.udialog-in {
  position: relative;
  z-index: 31;
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding: 46px 30px;
  box-sizing: border-box;
  width: 580px;
  height: 80vh;
  display: flex;
  flex-direction: column;
}

.udialog-in-fin {
  height: 100%;
  overflow: auto;
}

.udialog-in .formtit {
  display: block;
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  text-align: center;
  color: #111;
}

.udialog-close {
  position: relative;
  z-index: 31;
  width: 40px;
  height: 40px;
  margin: 30px auto 0;
  font-size: 0;
  color: #fff;
  background: url(../image/close.png) center center no-repeat;
  background-size: 100% 100%;
}

.udialog-in-in {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
}

.udialog-in-sbtn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  background: center center no-repeat;
  background-size: 100% 100%;
  align-self: center;
}

.udialog-in-tip {
  text-align: center;
}


.udialog .sbtn {
  display: block;
  width: 374px;
  height: 120px;
  margin: 0 auto;
  padding: 0;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background: center center no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.productddialog {
  z-index: 41;
}

.productddialog-udialog-in {
  position: relative;
  width: 520px;
  padding: 0;
  overflow: hidden;
}

.productddialog-udialog-fin {
  background: #fff;
  position: relative;
  height: 80%;
  overflow: hidden;
}

.productddialog .icon img {
  display: block;
  width: 100%;
}

.productddialog .blocktitle {
  display: block;
  font-size: 16px;
  color: #333;
  border-bottom: 1px solid #ddd;

  padding-top: 14px;
  padding-left: 20px;
  padding-bottom: 10px;
  font-weight: bold;
}

.productddialog .sblocktitle {
  font-size: 14px;
  color: #333;

  padding-top: 30px;
  padding-left: 20px;
  padding-bottom: 10px;
  font-weight: bold;
}

.productddialog .basicparam {
  display: block;

}

.productddialog .basicparam .item {
  display: flex;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #eee;
}

.productddialog .basicparam .item .bparamname {
  padding: 0 10px;
  color: #777;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 200px;
  background: #f9f9f9;

  font-size: 14px;
  line-height: 42px;
  text-align: right;
}

.productddialog .basicparam .item .bparamnum {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 10px;

  font-size: 14px;
}

.productddialog .basicparam .itemlogo {
  align-items: center;
  height: 62px;
}

.productddialog .basicparam .itemlogo .bparamname,
.productddialog .basicparam .itemlogo .bparamnum {
  height: 62px;
  line-height: 62px;
}

.productddialog .basicparam .itemlogo img {
  width: 100px;
  height: 50px;
  vertical-align: middle;
}

.productddialog .xnparamtext {
  display: block;
  font-size: 14px;
  line-height: 50px;
  color: #4d4e53;
  word-break: break-all;

  padding: 0 20px;
  white-space: pre-wrap;
}


.productddialog .ddbottombar {
  font-size: 0;
}

.productddialog .moproductdaskpbar {
  display: block;
  width: 100%;
  height: 58px;
  font-size: 18px;
  line-height: 58px;
  text-align: center;
  border-radius: 0;
  background-color: #f60;
  color: #fff;
  border: 0;
}

/*手指滑动提示*/
.productddialog-pointertips {
  display: block;
  position: absolute;
  right: 0;
  top: 280px;
  width: 60px;
  height: 120px;
  background: url(../image/pointertips.png) center center no-repeat;
  background-size: 100% 100%;
}

.productddialog-askp {
  display: block;
  position: fixed;
  right: 50%;
  top: 50%;
  width: 80px;
  height: 81px;
  margin-top: 80px;
  margin-right: -250px;
  background: url(../image/productddialog-askp.png) center center no-repeat;
  background-size: 100% 100%;
  border: 0;
  outline:none;
}

.productddialog .vr720sitem {
  position: relative;
}

.productddialog .vr720sitem-title {
  font-size: 14px;
  color: #333;
  text-align: center;
}

.productddialog .vr720sitem-icon {
  width: 100%;
}

.productddialog .quanjing_logo__ {}


.productddialog .quanjing_logo__ {
  position: absolute;
  opacity: 0;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.2);
  -moz-transform: translate(-50%, -50%) scale(0.2);
  transform: translate(-50%, -50%) scale(0.2);
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  background-image: url(../image/720base.png);
  opacity: 1;
  background-repeat: no-repeat;
  background-size: 14000px 200px;
  -webkit-animation: __vr_header1_logo_keyframes__ 2s steps(69) 1s infinite;
  -moz-animation: __vr_header1_logo_keyframes__ 2s steps(69) 1s infinite;
  animation: __vr_header1_logo_keyframes__ 2s steps(69) 1s infinite;
}

.productddialog .quanjing_logo__ i {
  display: block;
  position: absolute;
  top: -35px;
  right: -23px;
  bottom: -23px;
  left: -35px;
  border: 2px solid #fff;
  border-radius: 50%;
  box-sizing: border-box;
}

@keyframes __vr_header1_logo_keyframes__ {
  0% {
    background-position: 5px 0
  }

  100% {
    background-position: -13800px 0
  }
}

/*表格*/
.datalist{width: 100%;margin: 0 auto;border: 1px solid #e6e6e6;}
.datalist tr td{height: 38px;font-size: 14px;text-align: center;color: #464646;}
.datalist tr td[colspan='2']{font-weight: bold;color: #484848;background: #f9f9f9;}
.datalist p {
  	vertical-align: middle;
    display: inline;
}

/*2020年5月29日15:30:01*/
.popupintro {
  display: block;
  width: 550px;
  padding: 24px 38px 20px;
  margin: 0 auto;
  background: #fff;
  border-radius: 8px;
  box-sizing: border-box;
}
.popupintro-tit {
  display: block;
  font-size: 20px;
  font-weight: bold;
  line-height: 36px;
  text-align: center;
  color: #000000;
}
.popupintro-text {
  display: block;
  margin-top: 20px;
  font-size: 16px;
  line-height: 28px;
  text-indent: 2em;
  color: #484848;
}

.popupintro-contact {
  display: block;
  margin-top: 70px;
}
.popupintro-contact .tel {
  display: block;
  font-size: 20px;
  line-height: 36px;
  text-align: center;
  color: #373737;
}
.popupintro-contact .calltel {
  display: block;
  width: 324px;
  height: 36px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 36px;
  text-align: center;
  color: #fff;
  background: #f47e00;
}
.popupintro-copyright {
  display: block;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
  color: #484848;
}

.productddialog .productddialog-param .xnparamtext table {
    width:100% !important ;
}

.productddialog .productddialog-param .xnparamtext table tr{
    width:auto !important ;
}

.productddialog .productddialog-param .xnparamtext table tr td{
    width:auto !important ;
}

.pctipsimg720 {
    display: block;
    position: absolute;
    top: 25px;
    right: 25px;
    width: 50px;
    height: 82px;
    background: url(../image/vrkc.png) top center no-repeat;
    z-index: 1;
    background-size: 100% auto;
}

.pctipsimg720kc {
    display: block;
    position: fixed;
    top: 85%;
    left: 50%;
    width: 362px;
    height: 114px;
    transform: translate(-50%,-50%);
    background: url(../image/inkc.png) center center no-repeat;
    background-size: 100% auto;
    z-index: 1;
}

.govrlook {
  display: block;
  position: absolute;
  width: 142px;
  height: 48px;
  bottom: 12px;
  left: 50%;
  margin-left: -78px;
  background: rgba(52, 52, 52, .8);
  border-radius: 4px;
  z-index: 1;
}
.govrlook i {
  display: block;
  position: absolute;
  width: 134px;
  height: 40px;
  top: 4px;
  left: 4px;
  animation: wave 3s linear infinite;
  background: url(../image/1.png) center center no-repeat;
  background: url(../image/2.png) center center no-repeat;
  background: url(../image/3.png) center center no-repeat;
  background: url(../image/1.png) center center no-repeat;
  background-size: 100% 100%;
}

@-webkit-keyframes wave {
  0%{
    background: url(../image/1.png) center center no-repeat;
    background-size: 100% 100%;
  }
  25% {
    background: url(../image/2.png) center center no-repeat;
    background-size: 100% 100%;
  }
  50% {
    background: url(../image/3.png) center center no-repeat;
    background-size: 100% 100%;
  }
  75% {
    background: url(../image/4.png) center center no-repeat;
    background-size: 100% 100%;
  }
  100%{
    background: url(../image/1.png) center center no-repeat;
    background-size: 100% 100%;
  }
}
@-moz-keyframes wave {
  0%{
    background: url(../image/1.png) center center no-repeat;
    background-size: 100% 100%;
  }
  25% {
    background: url(../image/2.png) center center no-repeat;
    background-size: 100% 100%;
  }
  50% {
    background: url(../image/3.png) center center no-repeat;
    background-size: 100% 100%;
  }
  75% {
    background: url(../image/4.png) center center no-repeat;
    background-size: 100% 100%;
  }
  100%{
    background: url(../image/1.png) center center no-repeat;
    background-size: 100% 100%;
  }
}
@keyframes wave {
  0%{
    background: url(../image/1.png) center center no-repeat;
    background-size: 100% 100%;
  }
  25% {
    background: url(../image/2.png) center center no-repeat;
    background-size: 100% 100%;
  }
  50% {
    background: url(../image/3.png) center center no-repeat;
    background-size: 100% 100%;
  }
  75% {
    background: url(../image/4.png) center center no-repeat;
    background-size: 100% 100%;
  }
  100%{
    background: url(../image/1.png) center center no-repeat;
    background-size: 100% 100%;
  }
}
/*带看*/
/*.takealookbox {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 99999;
}*/
.takealookmark {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
}
.takealook {
  display: block;
  position: fixed;
  width: 100px;
  top: 50px;
  right: 0;
  z-index: 99999;
}
.takealook img {
  max-width: 100%;
  vertical-align: top;
}
.tcontrols {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  width: 100px;
  height: 26px;
  left: 0;
  bottom: 0;
  padding: 0 2px 2px;
  background: url(../image/controlsbg.png) center center no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
}
.tcontrols .btnprev {
  display: block;
  width: 20px;
  height: 20px;
  background: url(../image/btnprev.png) center center no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.tcontrols .btnplay {
  display: block;
  width: 50px;
  height: 20px;
  background: url(../image/playing.png) center center no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.tcontrols .btnnext {
  display: block;
  width: 20px;
  height: 20px;
  background: url(../image/btnnext.png) center center no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}

.tcontrols .btnplay.suspend {
  background: url(../image/suspend.png) center center no-repeat;
  background-size: 100% 100%;
}

.tcontrols {
  display: block;
  height: 50px;
  padding: 2px;
  bottom: -25px;
}
.tctop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.btnstop {
  display: block;
  width: 100%;
  margin-top: 4px;
  height: 20px;
  background: url(../image/stopicon.png) center center no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}

/*使用ai只能讲解*/
#popupexplain_box{
  z-index: 99999;
}
.popupexplain {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  font-size: 14px;
}
.pexplaincon {
  display: block;
  width: 400px;
  height: 329px;
  margin: 0 auto;
  padding: 106px 0 0;
  background: url(../image/aidkbg.png) center center no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
}
.popupexplain i {
  display: block;
  position: absolute;
  width: 110px;
  height: 138px;
  top: -88px;
  left: 50%;
  transform: translateX(-50%);
  background: url(../image/roboticon.png) center center no-repeat;
  background-size: 100% auto;
}
.popupttips {
  width: auto;
  padding: 0;
  font-size: 16px;
  text-align: center;
}
.goexplain {
  display: block;
  width: 290px;
  height: 50px;
  margin: 68px auto 0;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  background: #3f71e4;
  border-radius: 50px;
}

/*名片*/
.cardmbar {
  display: flex;
  position: fixed;
  height: 65px;
  left: 50%;
  bottom: 1px;
  padding: 12px 0 12px 10px;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, .5);
  border-radius: 5px;
  box-sizing: border-box;
}
.cardmbar .cmusermsg {
  display: flex;
  align-items: center;
  margin-right: 46px;
}
.cardmbar .cmusermsg .icon {
  display: block;
  width: 40px;
  height: 40px;
  margin-right: 7px;
  border-radius: 40px;
  overflow: hidden;
}
.cardmbar .cmusermsg .icon img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.cardmbar .cmusermsg .uname {
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}
.cardmbar .cmusermsg .ccompany {
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #999;
}

.cardmbar .cmtel {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 28px;
  color: #fff;
}
.cardmbar .cmtel i {
  display: block;
  width: 28px;
  height: 28px;
  margin-right: 6px;
  background: url(../image/ctelicon.png) center center no-repeat;
}

.cardmbar .cmbtnwrap {
  display: flex;
  align-items: center;
  margin-left: 30px;
}

.cardmbar .cmbtnwrap .item {
  display: block;
  position: relative;
  width: 82px;
}

.cardmbar .cmbtnwrap .item .ibtn {
  display: block;
  position: relative;
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #b9b9b9;
}
.cardmbar .cmbtnwrap .item .ibtn i {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto;
}
.cardmbar .cmbtnwrap .item .ibtn.iwechat i {
  background: url(../image/iwechat.png) center center no-repeat;
}
.cardmbar .cmbtnwrap .item .ibtn.icard i {
  background: url(../image/icard.png) center center no-repeat;
}
.cardmbar .cmbtnwrap .item .ibtn.itlook i {
  background: url(../image/itlook.png) center center no-repeat;
}

.cardmbar .cmbtnwrap .item:hover .ibtn.iwechat i,
.cardmbar .cmbtnwrap .item.cur .ibtn.iwechat i {
  background: url(../image/iwechatf.png) center center no-repeat;
}
.cardmbar .cmbtnwrap .item:hover .ibtn.icard i,
.cardmbar .cmbtnwrap .item.cur .ibtn.icard i {
  background: url(../image/icardf.png) center center no-repeat;
}
.cardmbar .cmbtnwrap .item:hover .ibtn.itlook i,
.cardmbar .cmbtnwrap .item.cur .ibtn.itlook i {
  background: url(../image/itlookf.png) center center no-repeat;
}

.cardmbar .cmbtnwrap .item:hover .ibtn,
.cardmbar .cmbtnwrap .item.cur .ibtn {
  color: #f3f3f3;
}

.cardmbar .cmbtnwrap .item:hover .iewmcon,
.cardmbar .cmbtnwrap .item:hover .icardcon,
.cardmbar .cmbtnwrap .item.cur .iewmcon,
.cardmbar .cmbtnwrap .item.cur .icardcon {
  display: block;
}

.cardmbar .cmbtnwrap .item .ibtn::before {
  display: block;
  position: absolute;
  content: '';
  width: 1px;
  height: 38px;
  top: 50%;
  left: 0;
  margin-top: -19px;
  background: #545454;
}

.cardmbar .cmbtnwrap .item:first-child .ibtn::before {
  display: none;
}

.cardmbar .cmbtnwrap .item .iewmcon {
  display: none;
  position: absolute;
  bottom: 74px;
  left: 50%;
  padding: 13px 14px;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, .7);
  box-sizing: border-box;
  border-radius: 5px;
}
.cardmbar .cmbtnwrap .item .iewmcon .iewmconin{
  display: flex;
  align-items: center;
}
.cardmbar .cmbtnwrap .item .iewmcon::after {
  display: block;
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  left: 50%;
  bottom: -20px;
  margin-left: -5px;
  border: 10px solid transparent;
  border-top: 10px solid rgba(0, 0, 0, .7);
}

.cardmbar .cmbtnwrap .item .iewmcon .iewmpic {
  display: block;
  width: 90px;
  min-width: 90px;
  height: 90px;
}
.cardmbar .cmbtnwrap .item .iewmcon .iewmpic img {
  width: 100%;
  vertical-align: top;
}
.cardmbar .cmbtnwrap .item .iewmcon .iewmtext {
  margin-left: 20px;
  font-size: 14px;
  line-height: 24px;
  color: #ccc;
}
.cardmbar .cmbtnwrap .item .iewmcon .iewmtext span {
  display: block;
  white-space: nowrap;
}

.cardmbar .cmbtnwrap .item .icardcon {
  display: none;
  position: absolute;
  bottom: 74px;
  left: 50%;
  padding: 20px 25px;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, .7);
  box-sizing: border-box;
  border-radius: 5px;
}
.cardmbar .cmbtnwrap .item .icardcon::after {
  display: block;
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  left: 50%;
  bottom: -20px;
  margin-left: -5px;
  border: 10px solid transparent;
  border-top: 10px solid rgba(0, 0, 0, .7);
}

.cardmbar .cmbtnwrap .item .icctop {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}

.cardmbar .cmbtnwrap .item .icctop .uname {
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}
.cardmbar .cmbtnwrap .item .icctop .ccompany {
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #999;
}

.cardmbar .cmbtnwrap .item .icctop .ilogo {
  display: block;
  width: 116px;
  height: 58px;
  margin-left: auto;
  font-size: 0;
  line-height: 58px;
  text-align: center;
  background: #fff;
}
.cardmbar .cmbtnwrap .item .icctop .ilogo img {
  max-width: 100%;
  max-height: 48px;
  vertical-align: middle;
}

.cardmbar .cmbtnwrap .item .iccin {
  display: flex;
}
.cardmbar .cmbtnwrap .item .iccinmain {
  display: block;
  width: 294px;
}
.cardmbar .cmbtnwrap .item .iccinmain .icctel {
  display: block;
  font-size: 30px;
  line-height: 40px;
  color: #fff;
}
.iccontact {
  display: block;
  padding-top: 20px;
}
.iccontact .it {
  display: block;
  position: relative;
  padding: 7px 0 7px 34px;
  font-size: 14px;
  line-height: 18px;
  color: #aaa;
}
.iccontact .it i {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 6px;
  left: 0;
}
.iccontact .it.itemail i {
  background: url(../image/itemail.png) center center no-repeat;
}
.iccontact .it.itwechat i {
  background: url(../image/itwechat.png) center center no-repeat;
}
.iccontact .it.iaddress i {
  background: url(../image/iaddress.png) center center no-repeat;
}


.cardmbar .cmbtnwrap .item .iccin .iccinewm {
  margin-left: 40px;
  padding-top: 45px;
}
.cardmbar .cmbtnwrap .item .iccin .iccinewm .ewmtext {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #aaa;
}


/*2021改版*/
.ffbarb {
  display: block;
  position: fixed;
  width: 100%;
  height: 52px;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 10px;
  background: rgba(0, 0, 0, .6);
  border-radius: 5px;
  box-sizing: border-box;
  overflow: hidden;
}
.ffbarb .swiper-slide {
  display: flex;
  flex-direction: column;
  width: 67px;
  height: 52px;
}
.ffbarb .swiper-slide i {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 auto;
}
.ffbarb .swiper-slide span {
  display: block;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  transform: scale(.9);
  letter-spacing: 0;
}
.ffbarb .swiper-button-next {
  display: block;
  width: 15px;
  height: 52px;
  top: 0;
  right: 0;
  margin-top: 0;
  background: url(../image/inext.png) center center no-repeat;
  background-size: 100% 100%;
}
.ffbarb .swiper-button-prev {
  display: block;
  width: 15px;
  height: 52px;
  top: 0;
  left: 0;
  margin-top: 0;
  background: url(../image/iprev.png) center center no-repeat;
  background-size: 100% 100%;
}


.nvmycwrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 9;
}
.nvmycwrap .vmyc-arrow {
  display: block;
  position: absolute;
  width: 10px;
  height: 6px;
  top: -1px;
  right: 8px;
  background: url(../image/vmyc-arrow.png) bottom no-repeat;
  background-size: 100% 100%;
}

.nvrcsocard {
  width: 355px;
  margin: 5px auto 15px;
  box-sizing: border-box;
  font-size: 14px;
  border-radius: 4px;
  overflow: hidden;
}
.nvrcsocard .nvrcsocardtop {
  position: relative;
  padding: 14px 21px 16px;
  background: rgba(0, 0, 0, .5);
}
.nvrcsocard .nvrcsocard-name {
  display: flex;
  align-items: flex-end;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
  color: #fff;
}
.nvrcsocard .nvrcsocard-job {
  margin-left: 10px;
  margin-bottom: 3px;
}
.nvrcsocard .nvrcsocard-job, .nvrcsocard .nvrcsocard-companyname {
  display: block;
  font-size: 12px;
  line-height: 15px;
  text-align: left;
  color: #ccc;
}
.nvrcsocard .nvrcsocard-job, .nvrcsocard .nvrcsocard-companyname {
  display: block;
  font-size: 12px;
  line-height: 15px;
  text-align: left;
  color: #ccc;
}
.nvrcsocard .nvrcsocard-tel {
  display: table;
  margin-top: 11px;
  padding-right: 70px;
  font-size: 16px;
  line-height: 25px;
  text-align: left;
  color: #fff;
  background: url(../image/vrcsotelicon.png) 100% no-repeat;
  background-size: auto 80%;
}
.nvrcsocard .nvrcsocard-logo {
  float: right;
  display: block;
  position: absolute;
  top: 15px;
  right: 25px;
  width: 90px;
  height: 90px;
}
.nvrcsocard .nvrcsocard-logo img {
  max-width: 100%;
  max-height: 100%;
}
.nvrcsocard .nvrcsocard-main {
  margin-top: 4px;
  overflow: hidden;
}
.nvrcsocard .nvrcsocard-mleft {
  float: left;
  width: 194px;
}
.nvrcsocard .nvrcsocard-contact {
  padding-top: 4px;
  font-size: 12px;
  line-height: 20px;
  color: #ccc;
}
.nvrcsocard .nvrcsocard-contact .nvrcsocard-citem {
  position: relative;
  padding-left: 21px;
  padding: 3px 0 3px 21px;
  text-align: left;
}
.nvrcsocard-citem i {
  display: block;
  position: absolute;
  width: 13px;
  height: 14px;
  top: 5px;
  left: 0;
}
.nvrcsocard .nvrcsocard-mail i {
  top: 7px;
  background: url(../image/vrcsocicon3.png) 50% no-repeat;
  background-size: 100% 100%;
}
.nvrcsocard .nvrcsocard-vrwebicon i {
  top: 6px;
  background: url(../image/vrwebicon.png) 50% no-repeat;
  background-size: 100% 100%;
}
.nvrcsocard .nvrcsocard-addres i {
  background: url(../image/vrcsocicon1.png) 50% no-repeat;
  background-size: 100% 100%;
}
.nvrcsocard .nvrcsocard-mright {
  float: right;
  width: 70px;
}
.nvrcsocard .nvrcsocard-ewm {
  display: block;
  width: 70px;
  height: 70px;
  margin: 0 auto 3px;
  font-size: 13px;
  line-height: 59px;
  text-align: center;
  color: #b6b6b6;
  border: 1px solid #b6b6b6;
  box-sizing: border-box;
}
.nvrcsocard .nvrcsocard-ewm .icon {
  display: block;
  width: 100%;
  vertical-align: top;
}
.nvrcsocard .nvrcsocard-ewmtext {
  display: block;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  color: #929191;
}



/*询价*/
.naskpbox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
}
.naskpbox .naskpform {
  display: block;
  width: 350px;
  padding: 12px 5px 21px;
  background: rgba(0, 0, 0, .8);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  box-sizing: border-box;
}
.naskpbox .naskpform .tit {
  display: block;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  color: #fff;
}
.naskpbox .naskpform .afinput {
  display: block;
  width: 90%;
  height: 40px;
  margin: 20px auto 0;
  padding: 0 26px;
  font-size: 14px;
  line-height: 40px;
  color: #fff;
  background: #000;
  box-sizing: border-box;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border: 0;
}
.naskpbox .naskpform .afarea {
  display: flex;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto;
}
.naskpbox .naskpform .afarea select {
  width: 48%;
  height: 40px;
  margin: 15px 0 0;
  color: #fff;
}
.naskpbox .naskpform .askpbtn {
  display: block;
  width: 300px;
  height: 40px;
  margin: 20px auto 0;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: #3f71e4;
  border: 0;
  border-radius: 40px;
}
.naskpbox .naskpform .popupclose {
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  margin-top: 0;
  top: 10px;
  right: 10px;
  background: url(../image/vrclose.png) center center no-repeat;
  background-size: 10px auto;
}


/*参数*/
.pparambox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
}
.pparambox .pparamcon {
  display: block;
  width: 350px;
  padding: 12px 5px 21px;
  background: rgba(0, 0, 0, .8);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
}
.pparambox .pparamcon .tit {
  display: block;
  margin-bottom: 18px;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  color: #fff;
}

.pparamcon .tpouter {
  display: block;
  height: 300px;
  overflow-y: auto;
}
.pparamcon .tablepparam {
  display: block;
  margin: 0 9px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
}
.pparamcon .tablepparam .item {
  display: flex;
  height: 37px;
  line-height: 40px;
  border-bottom: 1px solid #000;
}

.pparamcon .tablepparam .item .tparamname {
  padding: 0 5px;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 150px;
  padding: 0 10px;
  font-size: 12px;
  border-left: 1px solid #000;
  box-sizing: border-box;
}

.pparamcon .tablepparam .item .tparamnum {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 10px;

  font-size: 12px;
  color: #fff;
  border-left: 1px solid #000;
  box-sizing: border-box;
}

.pparamcon .tablepparam .itemlogo {
  align-items: center;
  height: 37px;
}

.pparamcon .tablepparam .itemlogo .tparamname,
.pparamcon .tablepparam .itemlogo .tparamnum {
  height: 37px;
  line-height: 37px;
}

.pparamcon .tablepparam .itemlogo img {
  width: 64px;
  height: 32px;
  vertical-align: middle;
}

.pparamcon .askpbtn {
  display: block;
  width: 300px;
  height: 40px;
  margin: 20px auto 0;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: #3f71e4;
  border: 0;
  border-radius: 40px;
}
.pparamcon .popupclose {
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  margin-top: 0;
  top: 5px;
  right: 5px;
  background: url(../image/vrclose.png) center center no-repeat;
  background-size: 10px auto;
}

.pparambox .pparamcon .blocktitle {
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 40px;
  color: #fff;
}
.pparambox .pparamcon .datalist tr td {
  color: #fff;
  border-color: #000;
}

/*手指滑动提示*/
.pparamcon .touchtip {
  display: block;
  position: absolute;
  right: 2px;
  top: 116px;
  width: 35px;
  height: 85px;
  background: url(../image/touchtip.png) center center no-repeat;
  background-size: auto 100%;
}


/*vr看设备*/
.proabout {
  display: block;
  position: fixed;
  width: 100%;
  height: 192px;
  left: 0;
  bottom: 0;
  top: auto;
  padding: 5px 0;
  background: rgba(0, 0, 0, .7);
  box-sizing: border-box;
}
.proabout::before {
  display: block;
  position: absolute;
  content: '';
  width: 100%;
  height: 4px;
  top: -4px;
  left: 0;
  background: url(../image/paline.png) bottom center no-repeat;
  background-size: 100% auto;
}
.proabout .patitle {
  display: block;
  font-size: 14px;
  line-height: 25px;
  text-align: center;
  color: #fff;
}
.proabout .proaboutlist {
  display: block;
  padding-bottom: 10px;
  padding-right: 15px;
  margin-top: 8px;
  font-size: 0;
}
.proabout .proaboutlist .item {
  display: block;
  width: 125px;
  height: 135px;
  margin-left: 15px;
  padding-left: .08rem;
}
.proabout .proaboutlist .item .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 94px;
  background: #fff;
  border-radius: 5px;
}
.proabout .proaboutlist .item .icon img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.proabout .proaboutlist .item .tit {
  display: block;
  width: 100%;
  height: 30px;
  margin-top: 5px;
  font-size: 12px;
  line-height: 15px;
  text-align: left;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.proabout .popupclose {
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  margin-top: 0;
  top: 5px;
  right: 5px;
  background: url(../image/vrclose.png) center center no-repeat;
  background-size: 10px auto;
}

.nvmicons-topright {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: fixed;
  width: 40px;
  right: 5px;
  top: 1.8rem;
  padding: 10px 0 1px;
  background: rgba(0, 0, 0, .6);
  border-radius: 5px;
}
.nvmicons-topright .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  margin-bottom: 5px;
  text-align: center;
  font-size: 22px;
}
.nvmicons-topright .item i {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 auto;
}
.nvmicons-topright .item span {
  display: block;
  width: 100%;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: #fff;
}

.nscreentitle {
  display: table;
  margin: 0 auto;
  position: absolute;
  max-width: 80%;
  top: 60px;
  left: 50%;
  padding: 0 18px 0 0;
  transform: translateX(-50%);
  font-size: 18px;
  font-weight: normal;
  line-height: 28px;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
  font-weight: bold;
}
.nscreentitle span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nscreentitle i {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  right: 0;
  transform: translateY(-20%);
  border: 5px solid transparent;
  border-top: 5px solid #fff;
}

/*切换*/
.nsubscenesbox {
  display: block;
  position: fixed;
  width: 700px;
  height: 96px;
  left: 50%;
  bottom: 87px;
  padding: 8px 65px 0;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, .6);
  border-radius: 5px;
  box-sizing: border-box;
}
.nsubscenes {
  width: 100%;
  height: auto;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 99;
}
.nsubscenes .li-icon,.nsubscenes .li-title {
  display: block;
  font-size: 12px;
}
.nsubscenes .swiper-slide {
  width: 80px;
  height: 80px;
  margin-right: 10px;
  border: 1px solid transparent;
  box-sizing: border-box;
  overflow: hidden;
}
.nsubscenes .swiper-slide img {
  width: 100%;
  height: 100%;
}
.nsubscenes .swiper-slide .li-title {
  position: absolute;
  width: 100%;
  font-size: 12px;
  text-align: center;
  color: #fff;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .7);
  padding: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  /* display: -webkit-box; */
  /* -webkit-box-orient: vertical; */
  /* -webkit-line-clamp: 2; */
  box-sizing: border-box;
  letter-spacing: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: border-box;
}
.nsubscenes .current {
  border: 1px solid #3a72d8;
  box-sizing: border-box;
}

.nsubscenes .swiper-button-next {
  display: block;
  width: 42px;
  height: 33px;
  top: 50%;
  right: 0;
  margin-top: 0;
  transform: translateY(-50%);
  background: url(../image/nsnext.png) center center no-repeat;
  background-size: 100% 100%;
}
.nsubscenes .swiper-button-prev {
  display: block;
  width: 42px;
  height: 33px;
  top: 50%;
  left: 0;
  margin-top: 0;
  transform: translateY(-50%);
  background: url(../image/nsprev.png) center center no-repeat;
  background-size: 100% 100%;
}

.nsubscenes .current .li-title {
  color: #3a72d8;
}

.vgroup_bottom_1 {position: absolute;bottom: 232px;}
.vgroup_bottom_2 {position: absolute;bottom: 187px;}


.hotspotvgroupsbox {
  	display: block;
    position: fixed;
    width: 355px;
    bottom: 236px;
    left: 50%;
    padding: 20px 0 0;
    transform: translateX(-50%);
    box-sizing: border-box;
    /* border: 1px solid #bbb; */
    border-radius: 5px;
}

/*.ffcates {
    display: block;
    position: fixed;
    width: 100vw;
    height: 50px;
    bottom: 66px;
    left: 0;
    padding: 10px 10px 10px 1px;
    font-size: 0;
    background: rgba(0, 0, 0, .5);
    box-sizing: border-box;
    white-space: nowrap;
}*/
.ffcates {
  	display: block;
    position: absolute;
    /* width: 100vw; */
    height: 50px;
    bottom: -54px;
    left: 50%;
    padding: 10px 10px 10px 1px;
    font-size: 0;
    /* background: rgba(0, 0, 0, .5); */
    box-sizing: border-box;
    white-space: nowrap;
    transform: translateX(-50%);
}
.ffcates .item {
  display: inline-block;
  margin-left: 10px;
  padding: 0 10px;
  font-size: 14px;
  line-height: 30px;
  color: #fff;
  border: 1px solid #bbb;
  border-radius: 3px;
  background: rgba(0, 0, 0, .5);
}
.ffcates .item.cur {
  color: #ffc000;
  border-color: #ffc000;
}

.ffscates {
  display: block;
  position: relative;
  width: 355px;
  /*top: 50%;
  left: 50%;*/
  padding: 20px 0 0;
  background: rgba(0, 0, 0, .5);
  /*transform: translate(-50%,-50%);*/
  box-sizing: border-box;
  /*border: 1px solid #bbb;*/
  border-radius: 5px;
}
.ffscates .ffsclist {
  display: block;
  max-height: 232px;
  padding: 0 20px;
  overflow: hidden;
}
.ffscates .ffsclist .item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 46px;
  font-size: 14px;
  line-height: 33px;
  text-align: center;
  color: #fff;
  border-top: 1px solid #bbb;
}
.ffscates .ffsclist .item span {
  display: table;
  position: relative;
}
.ffscates .ffsclist .item:first-child {
  border-top: 0;
}
.ffscates .ffsclist .item.cur {
  color: #ffc000;
}
.ffscates .ffsclist .item.cur i {
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: -25px;
  margin-top: -9px;
  background: url(../image/wcloseicon.png) center center no-repeat;
  background-size: 100% auto;
}

.ffscates .ffsclosebtn {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 5px;
  right: 5px;
  background: url(../image/vrwclose.png) center center no-repeat;
  background-size: 10px auto;
}

/*样式1*/
.prothumbs2 {
  position: relative;
  height: .78rem;
  padding: 10px 44px;
  background: #2a2b29;
}
.prothumbs2 .item {
  height: 58px;
  margin-right: 20px;
  color: #fff;
  line-height: 58px;
  border-radius: 58px;
  background: #000;
}
.prothumbs2 .item a {
  display: block;
  line-height: 58px;
  color: #fff;
}
.prothumbs2 .item.current {
  color: #000;
  background: #fff;
}
.prothumbs2 .item.current a {
  color: #000;
}
/*样式2*/
.prothumbs3 {
  position: relative;
  height: 78px;
  padding: 10px 44px;
  background: #2a2b29;
}
.prothumbs3 .item {
  height: 58px;
  margin-right: 20px;
  color: #fff;
  line-height: 58px;
  border-radius: 58px;
  background: #000;
}
.prothumbs3 .item a {
  display: block;
  line-height: 58px;
  color: #fff;
}
.prothumbs3 .item.current {
  color: #000;
  background: #facc39;
}
.prothumbs3 .item.current a {
  color: #000;
}

/*样式4*/
.prothumbs4 {
  position: relative;
  height: 78px;
  padding: 10px 44px;
  background: #2a2b29;
}
.prothumbs4 .item {
  height: 58px;
  margin-right: 20px;
  color: #fff;
  line-height: 58px;
  border-radius: 58px;
  background: #000;
}
.prothumbs4 .item a {
  display: block;
  line-height: 58px;
  color: #fff;
}
.prothumbs4 .item.current {
  color: #000;
  background: #a9cd39;
}
.prothumbs4 .item.current a {
  color: #000;
}

/**ffcopyright相关**/
.prothumbs {
    height: auto;
}

.protarrow1-wrap {
    position: absolute;
    z-index: 1;
    top: .76rem;
    left: 0;
    width: 100%;
}

.protarrow1-wrap .arrow {
    bottom: 0.03rem;
}

.iphonex .protarrow1-wrap .arrow {
    bottom: 50%;
    margin-bottom: -0.35rem;
}

.ffcopyright {
    display: block;
    font-size: .24rem;
    line-height: .44rem;
    text-align: center;
    color: #777;
}
.ffcopyrightpc {
    display: block;
    position: fixed;
    right: 20px;
    bottom: 8px;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    color: #efefef;
    z-index:1
}

.picontips {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: .2rem;
  right: .2rem;
  width: 100px;
  height: 100px;
}
.picontips .tipbtn {
  display: block;
  width: 24px;
  height: 24px;
  background: rgba(0, 0, 0, 0.28) url(../image/ptipicon.png) center center no-repeat;
  background-size: 12px auto;
  border-radius: 24px;
}
.picontipstext {
  display: none;
  position: absolute;
  top: 35px;
  right: -5px;
  padding: 0 10px;
  font-size: 12px;
  line-height: 24px;
  color: #fff;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.28);
  border-radius: 3px;
}
.picontipstext::before {
  display: block;
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  top: -12px;
  right: 10px;
  border: 6px solid transparent;
  border-bottom: 6px solid rgba(0, 0, 0, 0.28);
}


.ftnav {
  display: flex;
  position: fixed;
  width: 100%;
  height: 88px;
  top: 0;
  left: 0;
  padding-top: 14px;
  box-sizing: border-box;
  z-index: 1;
}
.ftnav .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 198px;
  height: 88px;
  top: 0;
  left: 104px;
  background: #fff;
}
.ftnav .logo img {
  max-width: 100%;
  max-height: 100%;
}
.ftnav .ftnavin {
  display: flex;
  width: 100%;
  height: 60px;
  padding-left: 392px;
  padding-right: 114px;
  background: rgba(250, 250, 250, .63);
  box-sizing: border-box;
}
.ftnav .ftnavbox {
  display: flex;
}
.ftnav .ftnavbox .item {
  display: block;
  margin-right: 60px;
  font-size: 16px;
  line-height: 60px;
  color: #000;
}
.ftnav .fthotline {
  display: block;
  margin-left: auto;
  font-size: 16px;
  line-height: 60px;
  color: #000;
}

/*弹窗产品*/
.popupros {
    display: block;
    position: absolute;
    width: 540px;
    top: 50%;
  	left: 50%;
    margin: 0 auto;
    padding: 36px 16px 22px;
    transform: translate(-50%,-50%);
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
}
.proscates {
    display: block;
    padding: 0 5px 5px;
    font-size: 0;
    overflow-x: auto;
    overflow-y: hidden;
}
.proscates .item {
    display: inline-block;
    position: relative;
    margin-left: 28px;
    font-size: 14px;
    line-height: 26px;
    color: #333;
    cursor: pointer;
}
.proscates .item.cur i {
    display: block;
    position: absolute;
    width: 29px;
    height: 2px;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #FF6411;
}
.proscates .item:first-child {
    margin-left: 0;
}

.pprolistswiper {
    overflow: hidden;
}

.pprolist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-height: 510px;
    margin-top: 15px;
    overflow-x: hidden;
    overflow-y: auto;
}
.pprolist .item {
    display: block;
    width: 165px;
    height: 161px;
    margin-top: 9px;
    border-radius: 10px;
}
.pprolist .item:nth-child(1),
.pprolist .item:nth-child(2),
.pprolist .item:nth-child(3) {
    margin-top: 0;
}
.pprolist .item .icon {
    display: block;
    position: relative;
    width: 154px;
    height: 106px;
    font-size: 0;
    line-height: 106px;
    text-align: center;
    border: 1px solid #F5F5F5;
    border-radius: 10px;
}
.pprolist .item .icon img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.pprolist .item .name {
    display: block;
    margin-top: 9px;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.pprolist .item.cur .icon {
    border-color: #FF6411;
}
.pprolist .item.cur .name {
    color: #FF6411;
}

.popupprosclose {
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 14px;
    right: 14px;
    background: url(../image/popupprosclose.png) center center no-repeat;
    background-size: 100% auto;
}

@media screen and (min-width: 769px) {
  .bbbbox {
    width: 400px !important;
    top: 50% !important;
    left: 50% !important;
    bottom: auto;
    transform: translate(-50%, -50%) !important;
    border-radius: 8px !important;
  }
  .bbbbox .bbbbox_title,
  .kkshopcart .bbbbox .bbbbox_title {
    display: flex;
    justify-content: center;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    color: #000;
  }
  .bbbbox .bbbbox_title span,
  .kkshopcart .bbbbox .bbbbox_title span {
    margin-right: 8px !important;
    font-size: 16px !important;
    text-align: center !important;
  }
  .bbbbox .bbbbox_title em,
  .kkshopcart .bbbbox .bbbbox_title em {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    line-height: 16px;
    color: #666;
  }
  .kkshopcart .bbbbox .bbbbox_title .myord {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 6px;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    color: #242424;
  }
  .kkshopcart .bbbbox .bbbbox_title i {
    display: block;
    width: 12px;
    height: 12px;
    margin-right: .12rem;
    background: url(https://u-static.lmjx.net/2020/vr720/images/app/myorder.png) center center no-repeat;
    background-size: 100% auto;
  }
  .appms_uphone__ .logingroupre .inpt {
    font-size: 14px;
  }
  .vgroupbox {
      height: 40px;
  }
  .vgroupbox .nsubscenes .swiper-slide {
      height: 24px;
  }
  .vgroupbox .nsubscenes .swiper-slide .li-title {
      height: 100%;
  }
}

.vrapp_screens_in {
	display: block;
	position: fixed;
	width: 100%;
	height: 90px;
	left: 50%;
	bottom: 70px;
	padding: 8px 0 0 8px;
	transform: translateX(-50%);
	background: rgba(0, 0, 0, .6);
	box-sizing: border-box;
}
.vrapp_screens_inswiper .vrapp_screens_item {
	width: 70px;
	height: 70px;
	margin-right: 10px;
	border: 2px solid transparent;
	box-sizing: border-box;
	overflow: hidden;
	border-radius: 5px;
}
.vrapp_screens_inswiper .vrapp_screens_item img {
	width: 100%;
	height: 100%;
}
.vrapp_screens_inswiper .vrapp_screens_item .name {
	position: absolute;
	width: 100%;
	font-size: 12px;
	text-align: center;
	color: #fff;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .7);
	padding: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
	letter-spacing: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	box-sizing: border-box;
}
.vrapp_screens_inswiper .cur {
	border: 2px solid #fff;
	box-sizing: border-box;
}


.vrapp_thumbs_in{display:block;position:fixed;width:100%;height:39px;left:50%;bottom:160px;padding:0 0 0 8px;transform:translateX(-50%);background:linear-gradient(180deg, rgba(21,22,23,0.50) 0%, rgba(40,41,41,0.50) 100%);box-sizing:border-box}
.vrapp_thumbs_inswiper .vrapp_thumbs_item{position:relative;width:auto;margin-right:10px;font-size:12px;line-height:36px;text-align:center;color:#fff;padding:2px;box-sizing:border-box;letter-spacing:0;border:2px solid transparent;box-sizing:border-box;overflow:hidden;border-radius:5px}
.vrapp_thumbs_inswiper .cur{font-weight:bold}
.vrapp_thumbs_inswiper .cur i{display:block;position:absolute;width:25px;height:2px;bottom:0;left:50%;transform:translateX(-50%);background:#fff}

.vprojectgroup .ffcontainer {bottom: 60px;}
.vprojectgroup .fiexdnav {bottom: 150px;}