.indexVideo{ width: 100%;height: 100vh;background-repeat: no-repeat;background-size: cover;background-position: center; overflow: hidden; position:relative;  }
.indexVideo video{display: block;width: 100%; height: 100%; object-fit: fill;}
.indexVideo .videofv { position: absolute;  width: 100%; height: 100%;  z-index: 2;}
.indexVideo .container{ position: absolute;top: 0px;  margin-left: -600px;left: 50%; height: 100%; color: #fff; z-index: 3; }
.indexVideo .container .btn1{ margin-top:0%; font-size: 0.60rem;  }
.w30{width: 30%;}
.w70{width: 70%;}
.w50{width: 50%;}

.blank30{ width: 100%; height: 0.3rem;}
.bigtitle{ font-size: 0.42rem;  font-weight: bold; line-height: 1.3; z-index: 2;}
.biginfo{font-size: 0.19rem; padding-top: 0.15rem;}

.Phone-Box { display: none;}
.specialPic3 .list{ position: relative; overflow: hidden; }
.specialPic3 .list ul{display: flex; display: -webkit-flex;}
.specialPic3 .list li{ width: 20%; height: 6.5rem; background: center no-repeat; background-size: auto 100%; position: relative; color: #fff; overflow: hidden; }
.specialPic3 .list li:before{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.44); opacity: 1; }
.specialPic3 .list li .botDiv{ position: absolute; left: 0; bottom: -2.6rem; width: 100%; height: 2.6rem; background: rgba(255,255,255,0.9); z-index: 3; }
.specialPic3 .list li .nameDiv{ position: absolute; left: 0.65rem; top: 2.42rem; z-index: 2;}
.specialPic3 .list li .name1{ color: #fff; font-size: 0.3rem; line-height: 0.3rem; padding-bottom: 0.15rem; font-weight: bold;}
.specialPic3 .list li .name2{ font-size: 0.18rem; color: rgba(255,255,255,0.5); text-transform: uppercase; font-family: mont; line-height: 0.24rem; height:0.48rem;}
.specialPic3 .list li .ico{ padding-top: 1.9rem; }
.specialPic3 .list li .l7Div{ padding: 0.3rem 0.5rem 0; }
.specialPic3 .list li .leftDiv{ width: 100%; }
.specialPic3 .list li .rightDiv{ width: 2.8rem; }
.specialPic3 .list li .botDiv .msg{ font-size: 0.16rem; line-height: 0.25rem; height: 72px; color: #8c94a3; overflow: hidden; margin-bottom: 0.2rem; }
.specialPic3 .list li .botDiv .more a{ display: block; width: 1.28rem; height: 0.44rem; line-height: 0.44rem; font-size: 14px; border: #8c94a3 solid 1px; color: #8c94a3; text-align: center; }
.specialPic3 .list li .botDiv .more a:hover{ border: #1c85c8 solid 1px; background: #1c85c8; color:#fff; }
.specialPic3 .list li .botDiv .name1{ color: #3f4150; }
.specialPic3 .list li .botDiv .links{ padding-top:0.38rem;}
.specialPic3 .list li .botDiv .links a{ display: inline-block; position: relative; padding-left: 0.2rem; font-size: 0.16rem; line-height: 0.36rem; color: #8c94a3; }
.specialPic3 .list li .botDiv .links a:after{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -5px; width: 6px; height: 10px; background: url(../images/ico1on2.png) center no-repeat; }
.specialPic3 .list li .botDiv .links a:hover{ color: #1c85c8; }
.specialPic3 .list li .bg img{ width: 100%; }
.specialPic3 .list li.on { width: 40%; }
.specialPic3 .list li.on .nameDiv{ opacity: 0; }
.specialPic3 .list li.on:before{ opacity: 0; }
.specialPic3 .list li.on .botDiv{ bottom: 0; }
.specialPic3 .swiper-button-prev{ left: 0; top: 50%; width: 56px; height: 56px; margin-top: -28px; background: rgba(255,255,255,0.5); z-index: 5; }
.specialPic3 .swiper-button-prev:before{ content: ''; position: absolute; left: 50%; top: 50%; width: 9px; height: 14px; margin-left: -5px; margin-top: -7px; background: url(../images/nimg9_left.png) center no-repeat; opacity: 0.6 }
.specialPic3 .swiper-button-next{ right: 0; top: 50%; width: 56px; height: 56px; margin-top: -28px; background: rgba(255,255,255,0.5); z-index: 5; }
.specialPic3 .swiper-button-next:before{ content: ''; position: absolute; left: 50%; top: 50%; width: 9px; height: 14px; margin-left: -5px; margin-top: -7px; background: url(../images/nimg9_right.png) center no-repeat; opacity: 0.6 }
.specialPic3 .swiper-button-prev:hover, .specialPic3 .swiper-button-next:hover{ background: #1c85c8; }
.specialPic3 .swiper-button-prev:hover:before, .specialPic3 .swiper-button-next:hover:before{ opacity: 1; }
.specialPic3 .list li, .specialPic3 .list li:before, .specialPic3 .list li .nameDiv, .specialPic3 .list li .botDiv, .specialPic3 .swiper-button-prev, .specialPic3 .swiper-button-prev:before, .specialPic3 .swiper-button-next, .specialPic3 .swiper-button-next:before{transition: All 0.5s ease; -webkit-transition: All 0.5s ease;}

/* 成功案例 */
/*.index-case .container .tab-cell:not(:first-child){display:none}*/
.index-case .container .tab-cell{display:none}
.index-case .container .tab-cell.active{display:block}
.index-case .container .list-item{display:flex;justify-content:space-between;padding-right:0.1px}
.index-case .container .list-item .bg{transition:all .6s ease}
.index-case .container .list-item:first-child{margin-top:-15px;width: 100%;}
.index-case .container .list-item:last-child li:first-child a:first-child{margin-left:0px;margin-right:7.5px;width: calc(50% - 7.5px);}
.index-case .container .list-item:last-child li:first-child a:last-child{margin-right:0px;margin-left:7.5px;width: calc(50% - 7.5px);}
.index-case .container .list-item li{width:50%;display:flex;flex-wrap:wrap;align-items:flex-start}
.index-case .container .list-item .item{margin:15px 0 0 15px;display:block;position:relative;padding-top:32.3%;width:calc(50% - 15px);color:#fff;overflow:hidden}
.index-case .container .list-item .item.max{width:100%;padding-top:67%; margin-left:0px;}
.index-case .container .list-item .item.max-width{width:100%}
.index-case .container .list-item .item .in{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.58);display:flex;flex-direction:column;justify-content:center;padding:0 56px;opacity:0;visibility:hidden;transition:all .6s ease}
.index-case .container .list-item .item .in .in-title{font-size:20px;font-weight:500;transform:translateY(20px);transition:all .6s ease .2s;opacity:0}
.index-case .container .list-item .item .in .desc{margin-top:15px; text-align: justify; font-size:15px;transform:translateY(20px);opacity:0;transition:all .6s ease .3s}
.index-case .container .list-item .item .in .link{display:flex;flex-wrap:wrap;align-items:center;margin-top:35px;opacity:0;transform:translateY(20px);transition:all .6s ease .4s}
.index-case .container .list-item .item .in .link i{display:block;background:url(../images/link-icon.png) no-repeat center/100%;width:16px;height:16px}
.index-case .container .list-item .item .in .link label{font-size:14px;font-weight:500;margin-left:10px}
.index-case .container .list-item .item .title{position:absolute;left:0;bottom:0;width:100%;padding:26px;font-size:18px;font-weight:500;background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(0,0,0,.6) 100%);transition:all .4s ease}
.index-case .container .list-item .item:hover .bg{transform:scale(1.02)}
.index-case .container .list-item .item:hover .title{opacity:0;transform:translateY(100%)}
.index-case .container .list-item .item:hover .in{opacity:1;visibility:visible}
.index-case .container .list-item .item:hover .desc,.index-case .container .list-item .item:hover .in-title,.index-case .container .list-item .item:hover .link{opacity:1;transform:translateY(0)}
.img-wrap {  position: absolute;   top: 0;  left: 0; width: 100%;  height: 100%;  display: block;   overflow: hidden;   object-fit: cover;}

/* 关于我们 */
.index-about{background:#f4f4f4 url(../images/index/index-about-bg.jpg) no-repeat bottom right; padding-top:1rem; padding-bottom: 1rem;}
.index-about .havevideo{justify-content: space-between;   display: flex;  flex-wrap: wrap;}
.index-about .lft{width:60%;}
.index-about .lft .text{font-size:16px;line-height:26px;color:#777; box-sizing: border-box; text-align: justify;  padding-right: 0.3rem;}
.index-about .lft .data{ width: 100%; justify-content: space-between; display: flex;  margin-top:0.1rem ;  box-sizing: border-box;  padding-right: 0.3rem;    text-align: justify;}
.index-about .lft .data li+li{margin-left:0.9rem}
.index-about .lft .data .num{color:#333;  font-size: 0.25rem;line-height:1}
.index-about .lft .data .num .timer{display:inline-block;line-height:1;margin-right:10px;color:#096fc8;    font-size: 0.65rem;}
.index-about .lft .data .tit{font-size:0.22rem;color:#555;margin-top:10px}
.index-about .rgt{width:40%; padding-left: 30px; box-sizing: border-box;}
.index-about .rgt .desc{color:#333;font-weight:500}
.index-about .rgt .player{display:inline-block;font-size:16px;line-height:1;font-weight:500;transition:all .4s ease}
.index-about .rgt .player i{width:66px;height:66px;background:#fff;margin-left:auto;margin-right:auto;border-radius:50%;display:block;position:relative;margin-bottom:10px;transition:all .4s ease;box-shadow:1px 19px 21px 0 rgba(35,154,208,.1)}
.index-about .rgt .player i:after{content:"";width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #096fc8;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-left:2px}
.index-about .rgt .player:hover{color:#096fc8}


@media (min-width:1200px)  and (max-width:1599px) {
    /* 1440 × (700)  */
    .index-case .container .list-item .item .in{padding: 0 40px}
    .index-case .container .list-item .item .in .desc{margin-top: 10px}
    .index-case .container .list-item .item .in .link{margin-top: 25px}
    .index-case .container .list-item .item .title{padding: 20px}
    .menu-tab li{padding-left: 20px}
    .index-case .container .list-item .item .in .in-title{font-size: 18px}
}

@media  (min-width:640px)  and (max-width:1199px) {
	.index-about .lft,.index-case .w30,.index-case .w70{width:100%;}
	.index-about .rgt{width:100%; padding-left: 0px; padding-top: 0.1rem; box-sizing: border-box;}
	.indexVideo video{height: 100%; width: auto; display: inline-block; position: absolute;transform: translateX(-50%); left: 50%; }
	.index-case .container .list-item .item .title{font-size: 16px;padding: 15px}
	.index-case .container .list-item li{width: 100%}
	.index-case .container .list-item{flex-wrap: wrap}
	.index-case .container .list-item:first-child li:last-child a:nth-of-type(2n+1){margin-left:0px;margin-right:7.5px;width: calc(50% - 7.5px); }
	.index-case .container .list-item:first-child li:last-child a:nth-of-type(2n+0){margin-right:0px;margin-left:7.5px;width: calc(50% - 7.5px);}
	.index-case .container .list-item .item.max-width { margin: 15px 0 0 0px;}
	.index-case .container .list-item .item:hover .desc{opacity: 0; display: none;}
	.specialPic3 .list li .l7Div { padding: 0.2rem 0.2rem 0;}
	.specialPic3 .list li .name1{font-size:0.23rem}
	.specialPic3 .list li .botDiv .msg{font-size:0.20rem}
}

@media (min-width:68px)  and (max-width:639px) {
	.indexVideo video{height: 100%; width: auto; display: inline-block; position: absolute;transform: translateX(-50%); left: 50%; }
	.index-about .lft,.index-case .w30,.index-case .w70{width:100%;}
	.index-about .rgt{width:100%; padding-left: 0px; padding-top: 0.2rem; box-sizing: border-box; height:230px !important}
	.index-about .rgt video{ height: 220px;}
	.bigtitle {font-size: 0.32rem;}
	.index-about .lft .text{font-size: 12px;line-height: 20px;padding-right: 0rem;}
	.index-about .lft .data li+li{margin: 10px 0 10px}
	.index-about .lft .data{flex-wrap: wrap}
	.index-about .lft .data li{width: 50%;text-align: center;margin: 10px 0 10px}
	.index-about .lft .data .tit{font-size: 15px;margin-top: 5px}
	.index-about{background-size: contain;padding-top: 0.5rem;padding-bottom: 0.5rem;}
	.specialPic3 .list li .l7Div { padding: 0.2rem 0.2rem 0;}
	.specialPic3 .list li .name1{font-size:0.23rem}
	.specialPic3 .list li .botDiv .msg{font-size:0.20rem}
	.index-case .container .list-item li{width: 100%}
	.index-case .container .list-item{flex-wrap: wrap}
	.index-case .container .list-item:first-child li:last-child a:nth-of-type(2n+1){margin-left:0px;margin-right:7.5px;width: calc(50% - 7.5px); }
	.index-case .container .list-item:first-child li:last-child a:nth-of-type(2n+0){margin-right:0px;margin-left:7.5px;width: calc(50% - 7.5px);}
	.index-case .container .list-item .item.max-width { margin: 15px 0 0 0px;}
	.index-case .container .list-item .item .title{  font-size: 13px; padding: 10px; bottom: 0px; left: 0px;}
	.index-case .container .list-item .item:hover .in{display: none;}
	.index-case .container .list-item .item:hover .title{opacity:1; bottom: 0px; left: 0px; transform:translateY(5%)}
}