@charset "utf-8";
/* service__04.css */
.service__04 { position:relative; background-color:#ddd; background-repeat:no-repeat; background-position:top center; background-size: cover; background-attachment: fixed;}
.service__04 .tbinner{position:relative;}
.service__04 .rocketFlex{display:flex; width:100%;}
  @media screen and (max-width:768px){
    .service__04 .rocketFlex{flex-wrap: wrap;}
  }

.service__04 .fixBlock{ width:610px; position:relative; }
  .service__04 .fixBlock .fixBlockCont{ width:610px; }
  .service__04.scllOn .fixBlockCont{ position:fixed; z-index:10; top:170px;}
  .service__04.titleFixed .fixBlockCont{ position:absolute; bottom:0; }
.service__04 .contBlock{width:calc(100% - 610px); padding-left:70px; flex-grow:1}

@media screen and (max-width:1200px){
  .service__04 .fixBlock{width:500px; }
    .service__04 .fixBlock .fixBlockCont{ width:500px; top:120px;}
  .service__04 .contBlock{width:calc(100% - 500px); }
}
@media screen and (max-width:768px){
  .service__04 .fixBlock,
  .service__04 .contBlock{width:100%; margin-top:20px;}
  .service__04 .fixBlock .fixBlockCont{ width:100%;}
  .service__04 .bttmImg {width:100%;}
  .service__04 .bttmImg img {width:80%;}
}
@media screen and (max-width:560px){
  .service__04 .bttmImg img {width:100%;}
}

.service__04 .fixBlock .top .description {color: #787878}
.service__04 .fixBlock .bottom {width:100%;}
.service__04 .fixBlock .bottom img{width:100%;}
@media screen and (max-width:1024px){
  .service__04 .scllOn .fixBlockCont{top:100px;}
}
@media screen and (max-width:768px){
  .service__04 .contBlock{ padding-left:0; }
}

.service__04 .contBlock{}
.service__04 .contBlock .gallRocket{overflow: hidden;}
.service__04 .gallRocket .gallRocketWrap{font-size:0; line-height:0; margin:0 -20px;}
.service__04 .gallRocket .gallLi{position:relative; display:inline-block; width:100%; font-size:1.6rem; line-height:1.5em; vertical-align: top; padding:0 20px; margin-bottom:20px; }
  .service__04 .gallRocket li:last-child {margin-bottom:0;}
.service__04 .gallRocket .gallLi .gallLiWrap{position:relative; /*background-color:#fff;*/padding:40px 30px; border-radius: 15px;}
  .service__04 .gallRocket li:first-child .gallLiWrap{padding-top:0;}
.service__04 .gallRocket .gallLi .gallThumb{position:relative; width:100%;}
.service__04 .gallRocket .gallLi .thumLink{ position:relative; display:inline-block; width:100px; height:100px; border-radius:50%; background-color:#113A91; line-height:100px; text-align:center; transition: width .3s ease-in; box-shadow:0 0 15px 0 rgb(0 0 0 / 20%); transition:background-color .3s ease-out;}
.service__04 .gallRocket .gallLi:hover .thumLink{background-color:#1986ca;}
.service__04 .gallRocket .iconImg {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:60px;}
.service__04 .gallRocket .gallLi .gallDetail{padding:0 5px;}
.service__04 .gallRocket .gallLi .gallcont{ font-size:1.8rem; line-height:1.4em; color:#222;}

/* .gallRocket .gallRocketWrap li:hover .thumLink {width:120%; } */


@media screen and (max-width:1470px){
  .service__04 .gallRocket .gallRocketWrap{margin:0 -10px;}
  .service__04 .gallRocket .gallLi{padding:0 10px;}
  .service__04 .gallRocket .gallLi .gallLiWrap{padding:30px 20px;}
}
@media screen and (max-width:1024px){
  .service__04 .gallRocket .gallLi{width:100%;}
  .service__04 .gallRocket .gallLi{margin-top:0;}
  .service__04 .gallRocket .gallLi:nth-child(even){margin-top:0}
  .service__04 .gallRocket .gallLi{margin-bottom:30px;}
}
@media screen and (max-width:768px){
  .service__04 .fixBlock{padding:0;}
  .service__04 .gallRocket .gallLi{width:50%; text-align:center}
  .service__04 .gallRocket .gallLi .gallLiWrap{padding:15px 5px;}
    .service__04 .gallRocket li:first-child .gallLiWrap{padding-top:15px;}
  .service__04 .gallRocket .gallLi .thumLink{ width:85px; height:85px;}
  .service__04 .gallRocket .no_image{font-size:3.5rem;}
  .service__04 .gallRocket .gallLi .thumLink{ border-radius:30px; }
}
@media screen and (max-width:560px){

  .service__04 .gallRocket .gallLi .thumLink{ width:80px; height:80px;}
  .service__04 .gallRocket .gallLi{margin-bottom:15px;}
}