@charset "utf-8";
@font-face {
  font-family: 'iconfont';  /* Project id 591377 */
  src: url('//at.alicdn.com/t/c/font_591377_wjocoo0nok.woff2?t=1682576442143') format('woff2'),
       url('//at.alicdn.com/t/c/font_591377_wjocoo0nok.woff?t=1682576442143') format('woff'),
       url('//at.alicdn.com/t/c/font_591377_wjocoo0nok.ttf?t=1682576442143') format('truetype');
}
html{margin:0 auto;padding:0;font-size:1vw; overflow-y:scroll;overflow-x:hidden;font-family:'微软雅黑'; box-sizing:border-box;}

.indextitle h2{ font-size:2rem; color:#000;}
.indextitle p{ font-size:1rem; color:#888;font-family:'微软雅黑';}



.videomass-title{ text-align:center; line-height:1.8;}
.videomass-title h2{ font-size:1.8rem; font-weight:bold; color:#000;}
.videomass-title p{ font-size:1rem; color:#000;}

.videomass_banner{ padding:5% 10%; display:flex;}
.videomass_banner .banner-text{ flex:1;  position:relative;}
.videomass_banner .banner-text p{ font-size:1.4rem; line-height:1.7; color:#000;text-align:center;}
.videomass_banner .banner-img{ flex:1;}
.videomass_banner .banner-img img{ display:block; max-width:100%;}
.videomass_banner .banner-logo{ font-size:2.2rem; font-weight:bold; margin-bottom:1rem; color:#000;}
.videomass_banner .banner-logo img{ display:block; float:left; height:3.5rem; margin-right:1.2rem;}
.videomass_banner .banner-text-content{ position:absolute; width:100%; top:50%;  -webkit-transform: translate(0,-50%);transform: translate(0,-50%);}
.videomass_banner .banner-down{ text-align:center; margin-top:5rem;}
.videomass_banner .banner-down a{ display:inline-block; height:2.6rem; color:#000 ; margin:0 1.5rem; line-height:2.6rem; padding:0 1.5rem; border:1px solid #2b2b2b; font-size:1rem;}
.videomass_banner .banner-down a.down{ background:#2b2b2b; color:#fff;}
.videomass_banner .banner-down a.down i{ font-size:1.2rem; margin-right:0.6rem;}

.videomass-pingtai{ position:relative; padding:3rem 10% 0 10%; }
.videomass-pingtai:after{  content:'';background:#1f69ff; height:50%; position:absolute; width:100%; left:0; top:0; z-index:-1;}
.videomass-pingtai .videomass-list{ display:flex; padding:3% 0;}
.videomass-pingtai .videomass-list li{ flex:1; font-size:1rem; color:#fff; text-align:center; padding:1rem 0;}
.videomass-pingtai .videomass-list li span{ font-size:2.2rem; position:relative; padding:1rem 0 0 0;}
.videomass-pingtai .videomass-list li span i{ font-size:0.9rem; font-style:normal;}
.videomass-pingtai .videomass-list li span:after{ content:'+'; font-size:1.5rem; position:absolute; top:0;}
.videomass-pingtai .videomass-list li h2{ font-size:1rem;}
.videomass-pingtai .videomass-img{ padding:5% 3% 2% 3%; margin:0 5%; border-radius:2rem; background:#fff;}
.videomass-pingtai .videomass-img li{ width:20%; float:left; margin-bottom:5%;}
.videomass-pingtai .videomass-img li span{ z-index:-100; display:none;}
.videomass-pingtai .videomass-img li img{ display:block;border:1px solid #eee; width:9rem; margin:0 auto; border-radius:1rem;}

.videomass-pingtai .indextitle h2{  color:#fff;}
.videomass-pingtai .indextitle p{  color:#fff;}

/*********************************************************/
.videomass-youshi{background:#eef7ff; padding:5% 10%;}
.videomass-youshi .videomass-youshi-list{ margin:3% auto 0 auto;display: flex; flex-wrap: wrap; justify-content: space-around; list-style: none; padding-inline-start: 0;}
.videomass-youshi .videomass-youshi-list li
{ background-color: #fff; display: flex; position: relative; text-align: center; margin-right:3.5%; width: 31%; margin-bottom:3%; border-radius:1.2rem;}
.videomass-youshi .videomass-youshi-list li:nth-child(3n){ margin-right:0;}
.videomass-youshi .videomass-youshi-list li .img {flex:1;}
.videomass-youshi .videomass-youshi-list li .text {flex:2; text-align:left; padding:2rem 0; line-height:1.5;}
.videomass-youshi .videomass-youshi-list li .text h2{ font-size:1.2rem; color:#000; margin-bottom:0.5rem;}
.videomass-youshi .videomass-youshi-list li .text p{ font-size:1rem; color:#304f7e;}
.videomass-youshi .videomass-youshi-list li .imgbg { left: 1.82rem; position: absolute; top: 4.06rem; width: 3.07rem;}
.videomass-youshi .videomass-youshi-list li:hover{box-shadow:0 11px 25px 0 #0044ef;transform:scale(1.05) translateY(-5px);transition:all .3s}
.videomass-youshi .videomass-youshi-list li:hover .imgbg{animation-duration:.5s;animation-name:commonslidein}

.videomass-youshi .videomass-youshi-list li .img-icon {

    left: 2.86rem;
    position: absolute;
    top: 2.55rem;
    width: 3.95rem;
}
.videomass-youshi .videomass-youshi-list li:hover .img-icon{animation-duration:.8s;animation-name:iconslidein;animation-timing-function:ease-out}


/********************************************/
.videomass-youdian{ }
.videomass-youdian li{ display:flex;padding:5% 10%;}
.videomass-youdian li:nth-child(2n){ background:#eef7ff; flex-direction:row-reverse;}

.videomass-youdian li .text{ flex:7; position:relative;}
.videomass-youdian li .text .content{ position:absolute;top:50%;  -webkit-transform: translate(0,-50%);transform: translate(0,-50%);}
.videomass-youdian li .text h2{ font-size:1.95rem; color:#000; position:relative;}
.videomass-youdian li .text h2:before{ content:'“'; font-size:8rem; font-family:"Arial Black", Gadget, sans-serif; position:absolute; left:0; z-index:-1; color:#deebfe; top:-5rem;}
.videomass-youdian li .text h2:after{ width:5.6rem; content:''; margin:2rem 0; display:block;  border-bottom:0.5rem solid #387dfe; border-radius:0.5rem;}
.videomass-youdian li .text p{ font-size:1.35rem; line-height:2.4; color:#395682;}
.videomass-youdian li .text p:before{ content:''; width:1rem; height:1rem; display:block; border-radius:1rem; background:#deebfe; float:left; margin-top:1.2rem; margin-right:0.6rem;}
.videomass-youdian li .img{ flex:3;}
.videomass-youdian li .img img{ display:block; max-width:100%; border-radius:1rem;}
.videomass-youdian li:nth-child(2n) .content{ left:10%;}



/************/
.videomass-hangye{ padding:3% 5%;}
.videomass-hangye .videomass-hangye-list{ margin:3% auto 0 auto;display: flex; flex-wrap: wrap; justify-content: space-around; list-style: none; padding-inline-start: 0;}
.videomass-hangye .videomass-hangye-list li{ width:20%; margin-bottom:5%;}
.videomass-hangye .videomass-hangye-list li div{  position:relative; width:13.54rem; margin:0 auto;}
.videomass-hangye .videomass-hangye-list li div img{ display:block; max-width:100%;}
.videomass-hangye .videomass-hangye-list li div span{ display:block; position:absolute; width:100%; height:100%; bottom:0; left:0; background:rgba(0,0,0,0.5); color:#fff; text-align:center; font-size:1.2rem; line-height:13.54rem; transition:all 0.5s ease-in-out;}
.videomass-hangye .videomass-hangye-list li:hover span{ height:2.6rem; line-height:2.6rem; bottom:0; font-size:1rem;}


/************/
.videomass-case{ background:#eef7ff; padding:3% 10%;}
.mySwiper{ padding:2.8rem 0 !important;}
.swiper-wrapper{ width:61rem; margin:0 auto; }
.swiper-slide img{ display:block; max-width:100% ; margin:0 auto;}
.swiper-pagination{ display:block;}


@media (max-width:640px){
	
html{ font-size:12px;}
.videomass-title{ text-align:center; line-height:1.8;}
.videomass-title h2{ font-size:1.8rem; font-weight:bold; color:#000;}
.videomass-title p{ font-size:1rem; color:#000;}

.videomass_banner{ padding:5% 3%; display:block; overflow:hidden;}
.videomass_banner .banner-text{ width:65%; float:left;  position:relative; text-align:left;}
.videomass_banner .banner-text p{ font-size:1rem; line-height:1.7; color:#000;text-align:left;}
.videomass_banner .banner-logo{ font-size:1.5rem; font-weight:bold; margin-bottom:1rem; color:#000;}
.videomass_banner .banner-logo img{ display:none; float:left; height:2rem; margin-right:1.2rem;}

.videomass_banner .banner-img{ width:35%; float:right; }
.videomass_banner .banner-img img{ display:block; max-width:none; width:auto; height:10rem;}

.videomass_banner .banner-text-content{ position:relative; width:100%; top:0;  -webkit-transform: translate(0,0);transform: translate(0,0);}
.videomass_banner .banner-down{ text-align:left; margin-top:2rem;}
.videomass_banner .banner-down a{ display:inline-block; height:2.6rem; color:#000 ; margin:0 0; line-height:2.6rem; padding:0 1rem; border:1px solid #2b2b2b; font-size:1rem;}
.videomass_banner .banner-down a.down{ background:#2b2b2b; color:#fff; margin-right:1rem; float:left;}
.videomass_banner .banner-down a.down i{ font-size:1.2rem; margin-right:0.6rem;}

.videomass-pingtai{ position:relative; padding:3% 3%; }
.videomass-pingtai:after{  content:'';background:#1f69ff; height:70%; position:absolute; width:100%; left:0; top:0; z-index:-1;}
.videomass-pingtai .videomass-list{ display:flex; padding:3% 0;}
.videomass-pingtai .videomass-list li{ flex:1; font-size:1rem; color:#fff; text-align:center;}
.videomass-pingtai .videomass-list li span{ font-size:2.2rem; position:relative; padding:1rem 0 0 0;}
.videomass-pingtai .videomass-list li span i{ font-size:0.9rem; font-style:normal;}
.videomass-pingtai .videomass-list li span:after{ content:'+'; font-size:1.5rem; position:absolute; top:0;}
.videomass-pingtai .videomass-list li h2{ font-size:1rem;}


.videomass-pingtai .videomass-img{ padding:3% 2% 2% 2%; margin:0; border-radius:1rem; background:#fff;}
.videomass-pingtai .videomass-img li{ width:20%; float:left; margin-bottom:5%;}
.videomass-pingtai .videomass-img li span{ z-index:-100; display:none;}
.videomass-pingtai .videomass-img li img{ display:block;border:1px solid #eee; width:85%; margin:0 auto; border-radius:1rem;}

.videomass-pingtai .indextitle h2{  color:#fff;}
.videomass-pingtai .indextitle p{  color:#fff;}

/*********************************************************/
.videomass-youshi{background:#eef7ff; padding:3% 1.5%; overflow:hidden;}
.videomass-youshi .videomass-youshi-list{ margin:3% auto 0 auto;display: flex; flex-wrap: wrap; justify-content: space-around; list-style: none; padding-inline-start: 0;}
.videomass-youshi .videomass-youshi-list li
{ background-color: #fff; display:flex; position: relative; text-align: center; margin:1.5%; width:47%; border-radius:1.2rem;}
.v
.videomass-youshi .videomass-youshi-list li:nth-child(3n){ margin-right:1.5%;}

.videomass-youshi .videomass-youshi-list li .img {flex:1; padding:2rem 0; position:relative; }
.videomass-youshi .videomass-youshi-list li .text {flex:2; text-align:left; padding:1.4rem 0; line-height:1.5;}
.videomass-youshi .videomass-youshi-list li .text h2{ font-size:1.2rem; font-weight:bold; color:#000; margin-bottom:0.5rem;}
.videomass-youshi .videomass-youshi-list li .text p{ font-size:1rem; color:#304f7e;}
.videomass-youshi .videomass-youshi-list li .imgbg { left: 1.82rem; display:none; position: absolute; top: 4.06rem; width: 3.07rem;}
.videomass-youshi .videomass-youshi-list li:hover{box-shadow:0 11px 25px 0 #0044ef;transform:scale(1.05) translateY(-5px);transition:all .3s}
.videomass-youshi .videomass-youshi-list li:hover .imgbg{animation-duration:.5s;animation-name:commonslidein}

.videomass-youshi .videomass-youshi-list li .img-icon {

    left:50%;
    position:absolute;
    top: 50%;
	 position:absolute;  -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);
    width: 3.5rem; display:block; margin:0 auto;
}
.videomass-youshi .videomass-youshi-list li:hover .img-icon{animation-duration:.8s;animation-name:iconslidein;animation-timing-function:ease-out}


/********************************************/
.videomass-youdian{ overflow:hidden; }
.videomass-youdian li{ display:flex;padding:5% 3%;}
.videomass-youdian li:nth-child(2n){ background:#eef7ff; flex-direction:row-reverse;}

.videomass-youdian li .text{ flex:4; position:relative; padding-right:4%;}
.videomass-youdian li .text .content{ position:inherit;}
.videomass-youdian li .text h2{ font-size:1.4rem; color:#000; position:relative;}
.videomass-youdian li .text h2:before{ content:'“'; font-size:6rem; font-family:"Arial Black", Gadget, sans-serif; position:absolute; left:0; z-index:-1; color:#deebfe; top:-3.5rem;}
.videomass-youdian li .text h2:after{ width:4rem; content:''; margin:1rem 0; display:block;  border-bottom:0.5rem solid #387dfe; border-radius:0.5rem;}
.videomass-youdian li .text p{ font-size:1rem; line-height:2; color:#395682; position:relative; padding-left:1rem;}
.videomass-youdian li .text p:before{ content:''; width:0.5rem; height:0.5rem; display:block; border-radius:0.5rem; background:#deebfe; position:absolute; top:0.8rem; left:0; margin:0;}
.videomass-youdian li .img{ flex:3;}
.videomass-youdian li .img img{ display:block; max-width:100%; border-radius:1rem;}
.videomass-youdian li:nth-child(2n) .content{ left:10%;}



/************/
.videomass-hangye{ padding:1.5%; overflow:hidden;}
.videomass-hangye .videomass-hangye-list{ margin:3% auto 0 auto;display: flex; flex-wrap: wrap; justify-content: space-around; list-style: none; padding-inline-start: 0;}
.videomass-hangye .videomass-hangye-list li{ width:30.33%; margin:1.5%;}
.videomass-hangye .videomass-hangye-list li div{  position:relative; width:100%; margin:0 auto;}
.videomass-hangye .videomass-hangye-list li div img{ display:block; max-width:100%;}
.videomass-hangye .videomass-hangye-list li div span{ display:block; position:absolute; width:100%; height:100%; bottom:0; left:0; background:rgba(0,0,0,0.5); color:#fff; text-align:center; font-size:1.2rem; line-height:10rem; transition:all 0.5s ease-in-out;}
.videomass-hangye .videomass-hangye-list li:hover span{ height:2.6rem; line-height:2.6rem; bottom:0; font-size:1rem;}


/************/
.videomass-case{ background:#eef7ff; padding:3%; overflow:hidden;}
.mySwiper{ padding:2.8rem 0 !important;}
.swiper-wrapper{ width:61rem; margin:0 auto; }
.swiper-slide img{ display:block; max-width:100% ; margin:0 auto;}
.swiper-pagination{ display:block;}

}

@keyframes commonslidein
{
	0%{transform:translate(0)}
	75%{transform:translate(-5px,5px)}
	to{transform:translate(0)}
}
@keyframes iconslidein{0%{transform:translate(0)}37.5%{transform:translate(5px,-5px)}to{transform:translate(0)}}