.vinbc .videobc{width: 100%; height: 100%;display: block;}
.bc-gradient {position: relative;height: auto; z-index: 9999;}

.masc{background-image: url(../image/indexbc.png);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.masc h1{color: #fff;font-size: 75px; text-align: center; margin: 17% 0% 30px 0;    text-shadow: 5px 5px 5px rgba(56, 56, 56, 0.6);}
.masc p{font-size: 32px;color: #fff; margin-left: 32.5%;}
.boxwang{position: fixed; left: 0px; right: 0px; top: 0px; margin: 0px auto; z-index: 2; width: 100%; background-image: linear-gradient(rgba(31, 32, 35, 0.68), rgba(0, 0, 0, 0) 100%);}

/* 搜索 */
.insearch{width: 1520px;margin: 0 auto; display: flex; justify-content: space-between;  margin-bottom: 40px;}
.insearch dt li{float: left; margin: 0 10px; font-size: 18px; }
.insearch dt li:nth-child(1){color: #3c5380; font-weight: bold; font-size: 18px;}
.insearch dt {border-bottom: 1px solid #d1d1d1; line-height: 65px;}
.insearch dd {margin-top: 10px;}
.insearch dd input{font-size: 17px; padding: 10px 10px; border: 1px solid #3c5380; width: 260px; border-radius: 3px;}
.insearch dd input:last-of-type{width: 80px; color: #fff;background-color: #596f9c; border-radius: 0; border-top-right-radius: 10px;border-bottom-right-radius: 10px; position: relative; top: 2px;right: 6px; height: 42px;}
.insearch dt li a:hover{color: rgb(109, 129, 221);}
.insearch dd input:last-of-type:hover{cursor: pointer;}
.cg_case p{font-size: 16px; margin-top: 10px;}
.cg_case h2{position: relative;width: 40%;margin: 0 auto;}
    
.cg_case h2::after,.cg_case h2::before{content: '';display: block;width: 29px;height: 31px;background-image: url(../image/doudou.png);position: absolute; top: 10px;}
.cg_case h2::after{left: 10%;}
.cg_case h2::before{right: 10%;}

.tlinbox{background-color: #3C5380;}
.tcaselin a{line-height: 64px; color: #fff;}
.hill{color: #FFD87D !important; font-weight: 400 !important;}
.tcaselin a::after{background-color: #fff;top: 20px; height: 30px;right: -80px;}
.caseconta a{background-color:#3C5380 ;color: #fff; font-size: 22px;}
.caseconta a:hover{background-color: #5472af;}
.waiheader{padding-top: 10px;background-image: url(../image/insfbc.png); height: auto; padding-bottom: 40px;}
.cg_case a{float: right; display: block; padding: 8px 30px; font-size: 18px;text-align: center;border: 1px dashed #232323; border-radius: 51px;}
.cg_case{margin-bottom: 60px;}
.cg_case a:hover{background-color: #5472af;color: #fff;border-color: #5472af;}
.meaning{background-image: url(../image/hardly.png); background-repeat: no-repeat; margin-top: 6%;}
.hardly{width: 1520px;margin: 0 auto; display: flex; justify-content: space-between; position: relative; top: -40px;}
.hardly img{width: 100%;display: block; display: table-cell;    text-align: center;}
    
.hardly dt{width: 49%;box-sizing: border-box;}
.hardly dt a{height: 540px;}
.hardly dd{width: 49%;}
.hardly .discuss {display: flex;justify-content: space-between;}
.hardly .discuss a{width: 49%; box-sizing: border-box;}
.hardly a{position: relative;display: block; border-radius: 20px;overflow: hidden; border: 5px solid #6983B5;}
.hehpp{position: absolute; bottom: 0px;left: 0;z-index: 1; padding: 20px 20px;color: rgb(255, 255, 255);}
.certainly{position: absolute;width: 100%;top: 0;left: 0; height: 100%;background:linear-gradient(180deg,rgba(0, 0, 0, 0) 56.16%,#3c5380 100%);  }
.hehpp h2{font-size: 22px;font-weight: 400;}
.hehpp p{margin-top: 5px;font-size: 17px; line-height: 34px; background:linear-gradient(270deg,rgba(79, 104, 143, 0) 0%,#4f688f 50%,rgba(80, 104, 143, 0) 100%);}
.hardly dd .kuandd{height: 280px; margin-bottom: 15px;}
.kuandd .hehpp{padding: 20px;}
.caseconta a{margin-bottom: 0;}
.tcaselin a:hover{color: #FFD87D;}
/* 案例 */
.dealcase{ padding-bottom: 40px; background:linear-gradient(180deg,rgba(56, 93, 146, 0.82) 0%,rgba(255, 255, 255, 0.56) 100%);}
.dealcase .cg_case{padding-top: 40px; }
.dealcase .cg_case h2{color: #fff;}
.dealcase .cg_case p{color: rgb(255, 255, 255) !important;}
.dealcase  .cg_case h2::after{left: 29%;}
.dealcase  .cg_case h2::before{right: 29%;}

.jihbox{display: flex; justify-content: space-between;width:100%;}
.dealcon{width: 1520px; margin: 0 auto; }
.film{margin-bottom: 40px;}
.films{display: flex; justify-content: space-between;}
.films a{padding: 20px 20px; display: block; font-size: 22px;  width: 16%;text-align: center; border-radius:7px; background-color: #fff; color: #232323; border-bottom: 3px solid #f3f3f3; border-radius: 10px;}
   
.enjoy{background:linear-gradient(180deg,#3c5380 0%,#5c79b2 100%);border-radius:7px;color: #fff !important;}
    
.across img{display: block;}
.across{display: none;}
.cang{display: block !important;}

.across dl{display: flex; justify-content: space-between;}
.across dl dt{width: 61%;  border-radius: 15px; border: 18px solid #fff; box-sizing: border-box;background-color: #fff;border-bottom: none;border-bottom-right-radius: 0;}
.across dl dt img{display: block; width: 100%; border-radius: 15px;border-bottom: none; height: 594px;}
.across dd h1{color: #FFF; font-size: 32px; padding-left: 40px; font-weight: 400; padding-top: 32px; margin-bottom: 20px;}
 .cabbox{padding-left: 40px; color: #fff; margin-bottom: 20px;}
 .cabbox h3{width: 100%; font-size: 18px; font-weight: 400; border-bottom: 3px solid #7791c4; padding-bottom: 2px; 
    border-width: 2px; border-radius: 3px;}
 /* .cabbox{display: flex; justify-content: space-between;} */
.canvting,.canvting2{float: left; margin-right: 80px;}
.canvting p,.canvting2 p{font-size: 18px; margin-top: 5px;}
.xgsbting{padding: 15px ; background-color: #fff;padding-bottom: 0;}
.canvting3{padding-left: 40px; color: #fff; font-size: 18px;}
.canvting3 h3{font-weight: 400; margin-bottom: 5px;}
.canvting3 p{margin-bottom: 20px;}
.yyfanws{color: #fff; font-size: 18px; padding-left: 40px; margin-bottom: 10px;}
.across dl dd{width: 39%; box-sizing: border-box; }
.sgsblina{display: flex; justify-content: space-between;}
.sgsblina a{width: 32.5%; background-color: #fff; }
.sgsblina a img{width: 100%;}
.xgsbting h2{padding:20px 0; padding-top: 11px; font-size: 24px;font-weight: 400; width: 80%;}

.linktin{ width: 70%; margin: 25px 0;display: flex;justify-content: space-between;background-color: #A0475C;margin-left: 40px;border-bottom-right-radius: 26px; border-top-left-radius: 25px;}
.linktin1{box-sizing: border-box; width: 50%; background-color: #A0475C; color: #fff; border-top-left-radius: 25px; padding-left: 50px; padding-top: 9px;}
.linktin1 h3{font-weight: 400; position: relative;}
.linktin1 p{margin-top: 5px; font-size: 22px; }
.linktin1 h3::after{content: '';display: block;width: 24px;height: 24px;background-image: url(../image/telzunew.png);position: absolute;top: 14px;left: -38px;}
.linktin a{box-sizing: border-box; display: block;width: 50%; background-color: #304F8D; color: #fff; font-size: 18px;padding: 22px 0; text-align: center; border-bottom-right-radius: 25px; border-top-left-radius: 25px;}
.linktin a:hover{background-color: #294170;}
.sbkehu{background-image: url(../image/kehusb.png);height: 138px; margin-top: 20px; box-sizing: border-box; padding: 30px;}
.sbkehu{display: flex; justify-content: space-between; flex-wrap: wrap; overflow: hidden;}
.sbkehu p{font-size: 18px;color: #fff; margin-bottom: 23px; }
.topliu,.topliu2{width: 49%;box-sizing: border-box;}
.xinwzzh .cg_case h2::after{left: 29%;}
.xinwzzh .cg_case h2::before{right: 29%;}

.xinwzzh{width: 1520px;margin: 0 auto;}
.xinhcat{display: flex; justify-content: space-between;}
.xinhcat dt{width: 49%;}
.xinhcat dd{width: 48%;}
.fangcat{width: 100%; box-sizing: border-box; position: relative; border-radius: 15px; overflow: hidden;}

.xinhcat dt .catvip{padding: 0; margin-bottom: 20px; border: none;}
.catvip{position: relative;}
.xinhcat dt img{width: 100%;display: block; height: 496px; border-radius: 15px;}
.catuu{position: absolute; bottom: 20px; left: 20px; color: #fff;width: 744.8px;box-sizing: border-box; display: flex; justify-content: space-between; }
.catuu span{display: block; font-size: 18px; width: 19%;font-family:'PingFang SC';font-weight: lighter; padding-top: 8px;}
.catuu p{font-size: 22px; width: 77% ;}


.fangbia a{font-size: 18px; display: block; display: flex; justify-content: space-between; padding: 20px 0; box-sizing: border-box; padding-left: 30px; position: relative; border-bottom: 1px dashed #555;}
.fangbia a span{margin-top: 7px;}
.fangbia a::after{content: '';display: block;width: 20px;height: 19px;background-image: url(../image/liaquan.png);position: absolute;top: 23px;left: 0px;}

.fangbia a:hover{color: #3887CA;}
.ercat img{width: 47%; display: block; float: left; border-radius: 15px;}
.ercat2{float: left; margin-left: 20px;box-sizing: border-box; width: 50%;}
.ercat3 {margin-bottom: 38px;}
.ercat2 h2{ font-size: 22px; line-height: 32px; margin-bottom: 10px; color: #232323;font-weight: 400;}
.ercat2 p{font-size: 16px;line-height: 26px;color: #747474;}
.ercat2 span{display: block; margin-top: 20px; font-size: 16px;}
.ercat2 a:hover h2{color:#304F8D ;}
/* .ercat4{margin-bottom: 20px;} */

.xinwzzh{margin-bottom: 60px;}

.uplosg {background-image: url(../image/hezuoban.png);padding: 40px 0;}
.shanfaglk{margin: 0 auto;width: 1520px;}
.uplosg .cg_case{margin-top: 0; color: #fff; margin-bottom: 20px;}
.uplosg .cg_case h2{color: #fff; padding-top: 40px;}
.uplosg .cg_case p{color: #fff !important;}

.uplosg .cg_case h2::after, .uplosg .cg_case h2::before{top: 50px;}
.uplosg .cg_case h2::after{left: 30%;}
.uplosg .cg_case h2::before{right: 30%;}
.caseconta a img{transition: all .5s;}
.bfimg{overflow: hidden;}
.caseconta  a:hover img{transform: scale(1.2);}
/* .masc,.vinbc .videobc{display: none;} */
/* .swiper{height: 100%;overflow: hidden;} */
.banners{display: none;}
.caseconta a{background-image: none;}
.hardly .biande img{height: 280px;}
.caseconta a:hover p{color: #fff;}
.hardly .discuss{margin-top: 12px;}
/* 移动端 */
@media screen and (max-width:500px){
   .hardly,.dealcon,.xinwzzh,.insearch,.shanfaglk{width: 98%;}
   .shanfaglk img{width: 100%;}
   .xinhcat{display: block;}
   .xinhcat dt{width: 100%;}
   .xinhcat dd{width: 100%;}
   .ercat2{float: none;width: 100%;}
   .ercat img{float: none;display: block;width: 100%;}
   .masc,.vinbc .videobc{display: none;}
   .banners{display: block; width: 100%; margin-top: 62px;}
   .swiper-slide img{width: 100%;height: 100%;display: block;object-fit: cover;}
   .swiper-button-next:after, .swiper-button-prev:after{display: none;}
   .insearch{display: block; margin-top: 5px; margin-bottom: 10px;}
   .insearch dt {display: none;}
   .insearch dd{width: 100%;box-sizing: border-box;}
   .insearch dd input{width: 70%;font-size: 14px;box-sizing: border-box;}
   .insearch dd input:last-of-type{font-size: 14px;width: 28%; box-sizing: border-box;top: 2px;height: 38px;}
   .cg_case h2{font-size: 18px;width: 50%;}
   .cg_case h2::before{right: -10%;top: 3px;}
   .cg_case h2::after{left: -10%; top: 3px;}
   .cg_case h2::after, .cg_case h2::before{background-size: cover;width: 16px;height: 17px;}
   .cg_case p{font-size: 14px; margin-bottom: 10px;}
   .cg_case a{float: none; margin-top: 10px; font-size: 14px;width: 40%; margin: 0 auto;}
   .hardly{display: block; position: static;}
   .hardly dt{width: 100%;}
   .hardly dd{width: 100%;}
   .hardly dt a{height: auto; margin-bottom: 10px; border-radius: 10px;border: none;}
   .cg_case{margin-bottom: 10px;}
   .hehpp,.kuandd .hehpp{padding: 10px;}
   .hehpp h2{font-size: 20px;}
   .hehpp p{font-size: 16px;}
   .meaning{background-image: none;}
   .hardly dd .kuandd{height: auto; border-radius: 10px; }
   .hardly .discuss a{margin-bottom: 10px; border-radius: 5px;border: none;}
   .hardly dd .kuandd{border: none;}
   .hehpp h2{font-size: 14px;}
   .hehpp p{font-size: 14px; margin-top: 0;}
   .tcaselin a{line-height: 24px; }
   .tcaselin,.caseconta a{margin-bottom: 10px;}
   .films{flex-wrap: wrap;}
   .films a{width: 49%; font-size: 14px;padding: 10px; box-sizing: border-box; margin-bottom: 10px; border-radius: 5px;}
   .film{margin-bottom: 10px;}
   .across dl{display: block;}
   .across dl dt{width: 100%;}
   .across dl dd{width: 100%;}
   .across dd h1{font-size: 22px;}
   .across dl dt{border: none; background-color: transparent;}
   .tcaselin a::after{left:70px;}
   .dealcase .cg_case h2::before,.xinwzzh .cg_case h2::before{right: 19%;}
   .dealcase .cg_case h2::after,.xinwzzh .cg_case h2::after{left: 19%;}
   .sbkehu{display: none;}
   .dealcase{padding-bottom: 10px;}
   .across dd h1{padding-left:10px;padding-top: 10px; margin-bottom: 10px;color: #232323;}
   .cabbox{padding-left: 10px;}
   .cabbox h3{font-size: 14px;}
   .canvting p, .canvting2 p{font-size: 14px;}
   .canvting{margin-right: 20px;}
   .canvting3,.yyfanws{padding-left: 10px;font-size: 14px; color: #232323;}
   .cabbox{margin-bottom: 10px;}
   .cabbox h3,.canvting p, .canvting2 p{color: #232323;}
   .linktin{width: 100%; margin: 0 auto;}
   .linktin1{padding-left:46px;}
   .linktin1 p{font-size: 16px;}
   .xgsbting h2{font-size: 22px; padding: 10px 0;}
   .xgsbting{padding-top: 0; padding: 0;}
   .linktin a{font-size: 16px;}
   .cg_case p{font-size: 12px;}
   .xinhcat dt img{height: auto;}
   .across dl dt img{border-radius: 10px;}
   .catuu p{font-size: 16px;}
   .catuu span{font-size: 14px;padding-top: 23px;}
   .catuu p{width: 64%; padding-left: 10px;box-sizing: border-box;}
   .catuu span{width: 28%;}
   .catuu{left: 0px;}
   .fangbia a{padding: 10px;font-size: 14px; margin-bottom: 10px;}
   .fangbia a{padding-left: 25px;}
   .fangbia p{width: 75%;}
   .fangbia a span{width: 20%; font-size: 12px; margin-top: 0;}
   .ercat2{margin-left: 0;}
   .ercat2 h2{font-size: 18px;}
   .ercat2 p{font-size: 14px; line-height: 24px;}
   .ercat2 span{margin-top: 10px;font-size: 14px;}
   .ercat3{margin-bottom: 10px;}
   .ercat2,.xinwzzh{margin-bottom: 10px;}
   .waiheader {background-image: url(../image/hezuoban.png);padding-bottom: 10px;}
   .uplosg .cg_case h2::before{right: 20%;top: 46px;}
   .uplosg .cg_case h2::after{left: 20%;top: 46px;}
   .uplosg .cg_case h2{padding-top: 0;}
.hardly .biande img{height: auto;}
   .across dl dt img{height: auto;}
   .uplosg{display: none;}
   .catuu{width:100%;}
      
  
}