.main-box {
  display: flex;
  background: #fff;
  width: calc(100% - 200px);
  margin: 0 100px;
}
.main-box .type-box {
  display: flex;
  width: 240px;
  flex-direction: column;
  padding: 30px 70px 30px 20px;
}
.main-box .type-box .type {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 14px 0;
}
.main-box .type-box .type i {
  font-size: 26px;
  color: var(--mainColor);
}
.main-box .type-box .type div {
  cursor: pointer;
}
.main-box .banner-box {
  display: flex;
  flex: 1;
  height: 437px;
}
.main-box .banner-box .banner {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-box .info-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 240px;
  padding: 60px 50px;
}
.main-box .info-box .avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.main-box .info-box .btn-box {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.main-box .info-box .btn-box .btn {
  font-size: 16px;
  color: #fff;
  padding: 10px 20px;
  border-radius: 20px;
}
.main-box .info-box .btn-box .login-btn {
  background: var(--mainColor);
  cursor: pointer;
}
.main-box .info-box .btn-box .register-btn {
  background: #000;
  cursor: pointer;
}
.main-box .info-box .status-box {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.main-box .info-box .status-box .status {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.main-box .info-box .status-box .status .count {
  color: var(--mainColor);
  margin-bottom: 10px;
}
.main-box .info-box .func-box {
  display: flex;
  width: 100%;
  justify-content: space-around;
}
.main-box .info-box .func-box .func {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.main-box .info-box .func-box .func i {
  font-size: 26px;
  margin-bottom: 8px;
}
.main-box .info-box .func-box .func .icon-collect {
  color: #f3b763;
}
.main-box .info-box .func-box .func .icon-after {
  color: #53dacc;
}
.main-box .info-box .func-box .func .icon-enter {
  color: #91c6ee;
}
.img-box {
  display: flex;
  flex-direction: column;
  width: calc(100% - 200px);
  margin: 0 100px;
}
.img-box img {
  /*flex: 1;*/
}
.top-10 {
  margin-top: 10px;
}
.thirdLine {
  height: 50px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.thirdLine .line {
  display: inline-block;
  width: 110px;
  height: 2px;
  background: var(--mainColor);
}
.thirdLine .txt {
  color: var(--mainColor);
  vertical-align: middle;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  font-weight: bold;
  margin: 0 40px;
}
.cert-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 200px);
  margin: 0 100px;
}
.cert-box .cert-img-box {
  display: flex;
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.cert-box .cert-img-box img {
  width: 32%;
  height: 200px;
  object-fit: contain;
  margin-bottom: 20px;
  cursor: pointer;
}
.desc-box {
  display: flex;
  flex-direction: column;
  width: calc(100% - 200px);
  margin: 0 100px;
}
.desc-box .desc-text-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.desc-box .desc-text-box .box {
  color: #fff;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  height: 200px;
  width: calc(20% - 10px);
  background-image: url("../images/jx.png");
}
.video-box {
  width: calc(100% - 400px);
  height: 714px;
  margin: 20px 200px;
  background: red;
}

.main-box .banner-box ul li img{
    width: 100%;
  height: 100%;
  /*object-fit: cover;*/
}



.main-box .slideImageBox{
  width:100%;height:600px;box-sizing:border-box;overflow:hidden;display:block
  }
.main-box .slideImageBox ul{
  font-size:0;width:100%;height:100%;list-style:none;display:block;white-space:nowrap;text-align:center;margin-left:calc(0px- 70%);padding:0;margin-top: 2px;
  }
.main-box .slideImageBox ul li{
  display:inline-block;*display:inline;*zoom:1;transition:margin-left 1s,height 1s;background:#928D8D;margin:0;padding:0
}
.main-box .oneImageBox{
  width:100%;height:100%;background:#3498DB;overflow:hidden;vertical-align:middle
}
.main-box .oneImageBox2{
  width:100%;height:100%;background:#f60;overflow:hidden;vertical-align:middle;padding:0
}
.main-box .oneImageBox2 img{
  margin:0;top:0}
.main-box .NEXTBOX{
  width:50px;height:50px;background:rgba(0,0,0,.5);text-align:center;position:absolute;right:0px;cursor:pointer;opacity:.5;transition:opacity.5s}
.main-box .NEXTBOX:hover{opacity:1}
.main-box .right-next{position:relative;top:14px;left:13px;width:20px;height:20px;border-right:2px #fff solid;border-top:2px #fff solid;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg)}.LASTBOX{width:50px;height:50px;background:rgba(0,0,0,.7);text-align:center;position:absolute;left:0px;cursor:pointer;opacity:.5;transition:opacity.5s}
.main-box .LASTBOX:hover{opacity:1}
.main-box .left-last{position:relative;top:14px;left:13px;width:20px;height:20px;border-right:2px #fff solid;border-top:2px #fff solid;transform:rotate(225deg);-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-o-transform:rotate(225deg)}
.main-box .chooseBar{width:50%;height:8px;display:auto;position:absolute;white-space:nowrap;text-align:center}
.main-box .chooseBar button{outline:none;border:0;display:inline-block;*display:inline;*zoom:1;-webkit-appearance:none;width:30px;height:8px;background:rgba(255,255,255,.5);margin-left:5px;transition:background .5s;cursor:pointer}

/*悬浮客服*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;z-index: 200;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#42b8f1;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;z-index: 200;}
.suspension .d-service-phone{top:34px;z-index: 200;}
.suspension .d-qrcode{top:78px;z-index: 200;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:0px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

/*# sourceMappingURL=index.css.map */