@keyframes fadeInUp {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,50px,0);
      transform: translate3d(0,50px,0)
  }
  100% {
      opacity: 1;
      -webkit-transform: translate3d(0,0px,0);
      transform: translate3d(0,0px,0)
  }
}
.img_mo{display: none;}
.h_g2{margin-top:100px;}
@media only screen and (max-width: 1000px) {
    .h_g2{margin-top:44px;}
}
@media only screen and (max-width: 768px) {
    .h_g2{margin-top:0px;}
    .img_mo{display: block;}
    .img_pc{display: none;}
}
.text_all{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1400px;z-index: 2;}
.text_all h3{font-size:2.5vw;font-weight: 700;line-height: 1.3;margin-bottom:0.7vw;}
.text_all .span{line-height: 1.6;}
@media only screen and (min-width: 2000px) {
  .text_all{width:60%;}
}
@media only screen and (max-width: 1700px) {
  .text_all{width:72.9vw;}
}
@media only screen and (max-width: 1500px) {
    .text_all{width:80%;}
    .text_all h3{font-size:3vw;}
}
@media only screen and (max-width: 768px) {
    .text_all{transform:translate(0,0);position:static;width:90%;margin:15vw auto 5vw;overflow: hidden;}
    .text_all h3{font-size:26px;margin-bottom: 5vw;}
    .text_all .span{font-size:12px;}
}

.hg2_banner{position: relative;height:calc(100vh - 100px);}
.hg2_banner .text h3{color:#fff;}
.hg2_banner .text .p{display: flex;font-size:16px;align-items: end;color:#fff;}
.hg2_banner .text .p p{
    line-height: 1;
    margin-right:10px;
    font-size:30px;
    font-weight: bold;
    background-image: linear-gradient(45deg, #fe9053, #e60213);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;  
}
.hg2_banner .text .dl{margin-top:2vw;display: flex;flex-wrap:wrap;}
.hg2_banner .text dl{margin-bottom:1.5vw;font-size:16px;display: flex;flex-wrap:wrap;color:#fff;flex:0 0 100%;}
.hg2_banner .text dt{margin-right:13px;display: flex;align-items: center;max-width: 50px;flex:0 0 11%;}
.hg2_banner .text dt img{width:100%;}
.hg2_banner .text dd{flex:1;}
.hg2_banner .text dd p{margin-bottom: 5px;}
.hg2_banner .img{display: flex;min-height: 300px;height:100%;}
.hg2_banner .img img{width:100%;height: 100%;object-fit: cover;}
.hg2_banner .a a{
  display: flex;width:170px;height:47px;background: #e50012;color:#fff;
  align-items: center;justify-content: center;border-radius: 50px;
}
.hg2_banner .a a svg{margin-right:10px;position: relative;top:-1px;}

@media only screen and (max-width: 1400px) {
    .hg2_banner .text .p p{font-size:22px;}
    .hg2_banner{height:calc(130vh - 100px);}
}
@media only screen and (max-width: 1000px) {
    .hg2_banner .text .p{font-size:14px;}
    .hg2_banner .text .p p{font-size:20px;}
    .hg2_banner .text dl{font-size:14px;}
    .hg2_banner .text dt{flex:0 0 5%;}
}
@media only screen and (max-width: 768px) {
    .hg2_banner{background: #99b3cd;overflow: hidden;height: auto;}
    .hg2_banner .img{height:auto;}
    .hg2_banner .text .dl{margin-top:5vw;padding-right:10%;}
    .hg2_banner .text dl{margin-bottom: 20px;}
    .hg2_banner .text dt{flex:0 0 12%;}
}
.hg2_banner .text .a{opacity:0;transition:all 0.5s ease-in-out;}
.hg2_banner.animated .text .a{opacity: 1;}
.hg2_banner .text dl{opacity: 0;transform:translateY(50px);transition:all 0.5s ease-in-out;}
.hg2_banner.animated .text dl{opacity: 1;transform:translateY(0px);}
.hg2_banner .text dl:nth-of-type(1){transition-duration: 0.3s;}
.hg2_banner .text dl:nth-of-type(2){transition-duration: 0.4s;}
.hg2_banner .text dl:nth-of-type(3){transition-duration: 0.5s;}
.hg2_banner .text dl:nth-of-type(4){transition-duration: 0.6s;}
.hg2_banner .text dl:nth-of-type(5){transition-duration: 0.7s;}
.hg2_banner .text dl:nth-of-type(6){transition-duration: 0.8s;}
.hg2_banner .text dl:nth-of-type(7){transition-duration: 0.9s;}


.hg2_con2{background: #f3f6f9 url(https://resource.h3c.com/cn/tres/NewWebUI/2024/images/pc/d500s/hcimg2.jpg) no-repeat right bottom;min-height: 300px;overflow: hidden;background-size: cover;}
.hg2_con2 .dl{display:flex;flex-wrap:wrap;width:1400px;margin:3vw auto;}
.hg2_con2 dl{
    text-align: center;padding:2vw 1.5vw;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;
    flex:1;min-width: 25%;font-size:16px;
}
.hg2_con2 dl:nth-of-type(4n){border-right:0px;}
.hg2_con2 dl:last-child{border-right:0px;border-bottom:0;}
.hg2_con2 dl:nth-last-child(2){border-bottom:0;}
.hg2_con2 dd{line-height: 1.6;}
.hg2_con2 dt{margin-bottom: 20px;max-width:65px;margin:0 auto;margin-bottom:1vw;}
.hg2_con2 dt img{width:100%;}
.hg2_con2 .span{margin-top:10px;}
.hg2_con2 .span.other{font-size:14px;}
@media only screen and (min-width: 2000px) {
  .hg2_con2 .dl{width:60%;}
  .hg2_con2 dl{font-size: 0.6vw;}
  .hg2_con2 .span.other{font-size:0.4vw;}
}
@media only screen and (max-width: 1700px) {
  .hg2_con2 .dl{width:72.9vw;}
  .hg2_con2 dd .p br{display: none;}
  .hg2_con2 dd .span br{display: none;}
}
@media only screen and (max-width: 1500px) {
    .hg2_con2 .dl{width:80%;}
    .hg2_con2 dl{font-size:14px;}
}
@media only screen and (max-width: 1200px) {
    .hg2_con2 dl{min-width:33.33%;}
    .hg2_con2 dl:nth-of-type(4n){border-right:1px solid #d9d9d9;}
    .hg2_con2 dl:nth-of-type(3n){border-right:0px;}
    .hg2_con2 dl:nth-last-child(2){border-bottom:1px solid #d9d9d9;}
    .hg2_con2 .span.other{font-size:12px;}
    .hg2_con2 dd br{display: none;}
}
@media only screen and (max-width: 768px) {
    .hg2_con2 .dl{margin-top:8vw;margin-bottom:8vw;width:90%;}
    .hg2_con2 dl{min-width:50%;padding:4vw 3vw;}
    .hg2_con2 dl:nth-of-type(3n){border-right:1px solid #d9d9d9;}
    .hg2_con2 dl:nth-of-type(2n){border-right:0px;}
    .hg2_con2 dl:nth-last-child(2){border-bottom:0;}
    .hg2_con2 dt{max-width:50px;}
}

/* 动画 */
/* .hg2_con2 dl{transition:all 0.8s ease-in-out;transform:translateY(50px);opacity: 0;}
.hg2_con2 dl:nth-of-type(1){transition-duration: 0.1s;}
.hg2_con2 dl:nth-of-type(2){transition-duration: 0.2s;}
.hg2_con2 dl:nth-of-type(3){transition-duration: 0.3s;}
.hg2_con2 dl:nth-of-type(4){transition-duration: 0.4s;}
.hg2_con2 dl:nth-of-type(5){transition-duration: 0.5s;}
.hg2_con2 dl:nth-of-type(6){transition-duration: 0.6s;}
.hg2_con2 dl:nth-of-type(7){transition-duration: 0.7s;}
.hg2_con2 dl:nth-of-type(8){transition-duration: 0.8s;}
.hg2_con2.animate dl{transform:translateY(0px);opacity: 1;} */

.hg2_con3{padding:2vw 3vw;}
.hg2_con3bg{position: relative;}
.hg2_con3 .text{color:#fff;top:28%;}
.hg2_con3 .text .p{margin-top:2.5vw;}
.hg2_con3 .text .p h4{font-size:1.5vw;margin-bottom:5px;}
.hg2_con3 .text .p p{font-size:1vw;}
.hg2_con3 .text .span{margin-top:1.5vw;}
.hg2_con3 .img{display: flex;min-height: 300px;}
.hg2_con3 .img img{width:100%;height: 100%;object-fit: cover;}

@media only screen and (max-width: 1500px) {
    .hg2_con3{padding:1vw 1vw;}
    .hg2_con3 .text{width:82%;}
}
@media only screen and (max-width: 1200px) {
    .hg2_con3 .text{top:35%;}
    .hg2_con3 .text .p h4{font-size:20px;}
    .hg2_con3 .text .p p{font-size:16px;}
}
@media only screen and (max-width: 768px) {
    .hg2_con3{padding:5%;}
    .hg2_con3bg{background-color: #060b19;overflow: hidden;}
    .hg2_con3 .text .p h4{font-size:18px;}
    .hg2_con3 .text .p p{font-size:14px;}
    .hg2_con3 .text .span{font-size: 14px;margin-top:5vw;}
}
.hg2_con4{position: relative;}
.hg2_con4 .text{top:20%;color:#fff;text-align: center;}
.hg2_con4 .img{display: flex;min-height: 300px;}
.hg2_con4 .img img{width:100%;height: 100%;object-fit: cover;}
.o_hg2_con4 .text{color:#333;}
@media only screen and (max-width: 768px) {
    
    .hg2_con4{background: #031e36;overflow: hidden;}
    .hg2_con4 .text h3 br{display: none;}
    .o_hg2_con4{background:#f9f9f9;}
}
.hg2_con5{overflow:hidden;}
.hg2_con5 .con{width:1400px;margin:3.5vw auto;display: flex;flex-wrap:wrap;justify-content: space-between;}
.hg2_con5 .img img{width:100%;display: block;height:100%;object-fit: cover;}
.hg2_5_left{flex:0 0 720px;position: relative;}
.hg2_5_left .text{position:absolute;left:10%;top:11%;width:80%;color:#fff;}
.hg2_5_left .text p{font-size: 1.2vw;margin-bottom:15px;}
.hg2_5_left .text h3{font-size: 2vw;font-weight:700;}
.hg2_5_left .span{position:absolute;left:10%;bottom:10%;width:80%;color:#fff;opacity:0.9;line-height: 1.6;}
.hg2_5_right{flex:0 0 640px;}
.hg2_5_right .p{font-size:2vw;font-weight:700;margin-top:20px;line-height: 1.6;}
@media only screen and (min-width: 2000px) {
  .hg2_con5 .con{width:60%;}
  .hg2_5_left{flex:0 0 49%;}
  .hg2_con5 .hg2_5_left .img{height:100%;}
  .hg2_5_left .text h3{font-size: 1.8vw;}
  .hg2_5_right{flex:0 0 49%;}
}
@media only screen and (max-width: 1700px) {
  .hg2_con5 .con{width:72.9vw;}
  .hg2_5_left{flex:0 0 50%;}
  .hg2_5_right{flex:0 0 47%;}
}
@media only screen and (max-width: 1500px) {
    .hg2_con5 .con{width:80%;}
    .hg2_5_left{flex:0 0 50%;}
    .hg2_5_right{flex:0 0 47%;}
}
@media only screen and (max-width: 1200px) {
    .hg2_5_left .text h3{font-size: 24px;}
    .hg2_5_left .text p{font-size:20px;}
    .hg2_5_left .span{font-size:14px;}
    .hg2_5_right .p{font-size:24px;line-height: 1.3;}
}
@media only screen and (max-width: 768px) {
    .hg2_con5 .con{width:90%;margin-top:5%;margin-bottom:10%;}
    .hg2_5_left{flex:0 0 100%;margin-bottom:5%;}
    .hg2_5_right{flex:0 0 100%;}
    .hg2_5_left .text h3{font-size: 20px;}
    .hg2_5_right .p{margin-top:10px;}
}

.hg2_con6{position: relative;}
.hg2_con6 .text{top:22%;color:#fff;}
.o_hg2_con6 .text{color:#333;}
.hg2_con6 .text h3{text-align: center;}
.hg2_con6 .text h3 br{display: none;}
.hg2_con6 ul{margin-left:auto;margin-right:auto;width:590px;display: flex;flex-wrap: wrap;margin-bottom:1vw;}
.hg2_con6 li{
    width:130px;height:130px;background: rgba(255, 255, 255, 0.06);
    border-radius: 100%;color:#fff;display: flex;justify-content: center;align-items: center;
    margin-right:100px;position: relative;
}
.hg2_con6 li:after{content:"+";position:absolute;right:-50px;top:50%;transform:translateY(-50%);font-size:20px;color:#fff;}
.hg2_con6 li:last-child{margin:0;}
.hg2_con6 li:last-child:after{display: none;}
.hg2_con6 .span{line-height: 1.8;text-align: center;}
.hg2_con6 .img{display: flex;min-height: 300px;}
.hg2_con6 .img img{width:100%;height: 100%;object-fit: cover;}
@media only screen and (max-width: 1400px) {
    .hg2_con6 ul{width:500px;}
    .hg2_con6 li{width:100px;height:100px;}
}
@media only screen and (max-width: 1200px) {
    .hg2_con6 ul{width:250px;margin-bottom:2vw;}
    .hg2_con6 li{width:50px;height:50px;margin-right:50px;font-size:12px;}
    .hg2_con6 li:after{right:-25px;}
}
@media only screen and (max-width: 768px) {
    .hg2_con6{background: #061a27;overflow: hidden;}
    .o_hg2_con6{background: #e7e8e9;}
    .hg2_con6 .text h3 br{display: block;}
    .hg2_con6 ul{margin-bottom:5vw;}
    
}

.hg2_con7{position: relative;margin-top:4.5vw;margin-bottom:4.5vw;}
.hg2_con7 .text{width:1200px;text-align: center;margin-left:auto;margin-right:auto;margin-bottom:3.5vw;position: static;transform:translate(0,0);}
.hg2_con7 .text h3 br{display: none;}
.hg2_con7 .span{line-height: 1.8;}
.hg2_con7 .img{display: flex;min-height: 300px;width:1450px;margin:0 auto;}
.hg2_con7 .img img{width:100%;height: 100%;object-fit: cover;}
@media only screen and (min-width: 2000px) {
  .hg2_con7 .text{width:50%;}
  .hg2_con7 .img{width:60%;}
}
@media only screen and (max-width: 1700px) {
  .hg2_con7 .text{width:72.9vw;}
  .hg2_con7 .img{width:80%;}
  .hg2_con7 .span br{display: none;}
}
@media only screen and (max-width: 1500px) {
    .hg2_con7 .text{width:80%;}
    .hg2_con7 .img{width:90%;}
}
@media only screen and (max-width: 768px) {
    .hg2_con7{overflow: hidden;margin-top:0;margin-bottom: 10vw;}
    .hg2_con7 .text h3 br{display: block;}
    .hg2_con7 .text{margin-bottom: 5vw;width:90%;}
}

.hg2_con8{position: relative;}
.hg2_con8 .text{top:40%;color:#fff;}
.hg2_con8 .text .span{width:450px;}
.hg2_con8 .dl{display: flex;flex-wrap: wrap;margin-top:5.5vw;}
.hg2_con8 .dl dl{padding:2vw 2.7vw;}
.hg2_con8 .dl dt{font-size:24px;margin-bottom:2vw;font-weight: 700;}
.hg2_con8 .dl dd{margin-bottom:1vw;display:flex;}
.hg2_con8 .dl dd img{margin-right:10px;}
.hg2_con8 .dl dl.dl1{flex:0 0 340px;margin-right:6vw;background:rgba(255, 255, 255, 0.1);}
.hg2_con8 .dl dl.dl2{flex:0 0 380px;background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.1) , rgba(255, 255, 255, 0));}
.hg2_con8 .img{display: flex;min-height: 300px;}
.hg2_con8 .img img{width:100%;height: 100%;object-fit: cover;}

.o_hg2_con8 .text{left:75%;width:450px;top:50%;}
.o_hg2_con8 .dl{flex:1;margin-top:3vw;}
.o_hg2_con8 .dl dl.dl1{margin-right: 0;margin-bottom:1.5vw;display: flex;flex-wrap:wrap;}
.o_hg2_con8 .dl dl.dl1 dt{flex:0 0 100%;}
.o_hg2_con8 .dl dl.dl1 dd{margin-right:20px;}
.o_hg2_con8 .dl dl.dl1 dd:last-child{margin-right:0;}
.o_hg2_con8 .dl dl.dl1{flex:0 0 100%;background:none;background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.1) , rgba(255, 255, 255, 0));}
.o_hg2_con8 .dl dl.dl1{flex:0 0 100%;}

@media only screen and (min-width: 2000px) {
  .o_hg2_con8 .text{width:50%;}
  .hg2_con8 .dl dl.dl1{flex:0 0 25%;}
  .hg2_con8 .dl dl.dl2{flex:0 0 40%;}
}
@media only screen and (max-width: 1000px) {
    .hg2_con8 .dl dl.dl1{flex:0 0 35%;}
    .hg2_con8 .dl dl.dl2{flex:0 0 34%;}
    .o_hg2_con8 .text{width:40%;}
    .o_hg2_con8 .text .span{width:100%;}
    .o_hg2_con8 .dl dl.dl1{flex:0 0 100%;}
    .o_hg2_con8 .dl dl.dl2{flex:0 0 100%;}
}
@media only screen and (max-width: 768px) {
    .hg2_con8{background: #10131c;overflow: hidden;}
    .hg2_con8 .text h3{text-align: center;}
    .hg2_con8 .text h3 br{display: none;}
    .hg2_con8 .text .span{width:90%;text-align: center;margin-left:auto;margin-right:auto;}
    .hg2_con8 .dl dl{padding:5vw 8vw;}
    .hg2_con8 .dl dt{margin-bottom:4vw;font-size: 20px;}
    .hg2_con8 .dl dd{margin-bottom:3vw;}
    .hg2_con8 .dl dl.dl1{flex:0 0 100%;margin-bottom:5vw;}
    .hg2_con8 .dl dl.dl2{flex:0 0 100%;}
    .hg2_con8 .dl dd img{width:18px;}

    .o_hg2_con8 .text{width:90%;}
}

.hg2_con9{position: relative;}
.hg2_con9 .text{top:15%;color:#fff;text-align: center;}
.hg2_con9 .text h3 br{display: none;}
.hg2_con9 .img{display: flex;min-height: 300px;}
.hg2_con9 .img img{width:100%;height: 100%;object-fit: cover;}
@media only screen and (max-width: 768px) {
    .hg2_con9{background: #212934;overflow: hidden;}
    .hg2_con9 .text h3 br{display: block;}
}


.hg2_con10{position: relative;}
.hg2_con10 .text{top:13%;text-align: center;}
.hg2_con10 .text h3 br{display: none;}
.hg2_con10 li{position:absolute;left:0px;top:0px;transform:translateX(-50%);transition:all 0.3s ease-in-out;}
.hg2_con10 li:hover{color:#e60213;font-size:20px;font-weight:700;}
.hg2_con10 li:after{
    content:"";display: block;width:30px;height:30px;border-radius: 100%;background-color: rgba(230, 0, 18, 0.04);
    position:absolute;left:50%;top:-35px;transform:translateX(-50%);
}
.hg2_con10 li:before{
    content:"";display: block;width:8px;height:8px;border-radius: 100%;background-color: rgba(230, 0, 18, 1.0);
    position:absolute;left:50.1%;top:-24px;transform:translateX(-50%);
}
.hg2_con10 li.li1{left:50%;top:45%;}
.hg2_con10 li.li2{left:15%;top:75%;}
.hg2_con10 li.li3{left:74.2%;top:65%;}
.hg2_con10 li.li4{left:63%;top:36%;}
.hg2_con10 li.li5{left:26%;top:65%;}
.hg2_con10 li.li6{left:75%;top:50%;}
.hg2_con10 li.li7{left:34%;top:36%;}
.hg2_con10 li.li8{left:24%;top:50%;}
.hg2_con10 li.li9{left:85%;top:75%;}
.hg2_con10 .img{display: flex;min-height: 300px;}
.hg2_con10 .img img{width:100%;height: 100%;object-fit: cover;}

@media only screen and (max-width: 1000px) {
    .hg2_con10 li{font-size:14px;}
}
@media only screen and (max-width: 768px) {
    .hg2_con10{background: #f3f6f9;overflow: hidden;}
    .hg2_con10 .text h3 br{display: block;}
    .hg2_con10 ul{width:80%;margin:3vw auto;display: flex;flex-wrap:wrap;}
    .hg2_con10 li{position:static;transform:translate(0,0);margin-bottom:15px;flex:0 0 100%;font-size:16px;padding-left:10px;}
    .hg2_con10 li:hover{font-size:16px;}
    .hg2_con10 li:after{left:-20px;top:50%;transform:translateY(-50%);width:14px;height:14px;}
    .hg2_con10 li:before{left:-10px;top:50%;transform:translateY(-50%);width:6px;height:6px;}
}
.hg2_con10 li{opacity: 0;transition:opacity 0.5s ease-in-out;}
.hg2_con10.animated li{opacity: 1;}
.hg2_con10 li:nth-of-type(1){transition-duration: 0.1s;}
.hg2_con10 li:nth-of-type(2){transition-duration: 0.3s;}
.hg2_con10 li:nth-of-type(3){transition-duration: 0.5s;}
.hg2_con10 li:nth-of-type(4){transition-duration: 0.7s;}
.hg2_con10 li:nth-of-type(5){transition-duration: 0.9s;}
.hg2_con10 li:nth-of-type(6){transition-duration: 1.1s;}
.hg2_con10 li:nth-of-type(7){transition-duration: 1.3s;}
.hg2_con10 li:nth-of-type(8){transition-duration: 1.5s;}



.hg2_con11{position: relative;width:1400px;margin:2vw auto 3vw;}
.hg2_con11 .text{width:550px;}
.hg2_con11 .text h3{font-size:2.5vw;line-height: 1.5;margin-bottom:1.1vw;color:#333;font-weight: 700;}
.hg2_con11 .dl{margin-top:5vw;display: flex;flex-wrap:wrap;}
.hg2_con11 dl{flex:0 0 16.66%;margin-bottom:5vw;text-align: center;}
.hg2_con11 dl dd{transition:all 0.3s ease-in-out;}
.hg2_con11 dl:hover dd{color:#e60213;font-weight:700;}
.hg2_con11 dt{max-width: 95px;margin:0 auto 2vw;}
.hg2_con11 dt img{width:100%;}
.hg2_con11 dd{padding:0 10px;}
@media only screen and (min-width: 2000px) {
  .hg2_con11{width:60%;}
  .hg2_con11 .text{width:100%;}
}
@media only screen and (max-width: 1700px) {
  .hg2_con11{width:72.9vw;}
}
@media only screen and (max-width: 1500px) {
    .hg2_con11{width:80%;}
}
@media only screen and (max-width: 1000px) {
    .hg2_con11{margin-top:3vw;}
    .hg2_con11 dt{max-width: 80px;}
    .hg2_con11 dd{font-size:14px;}
}
@media only screen and (max-width: 768px) {
    .hg2_con11{overflow: hidden;margin-bottom:15vw;width:90%;}
    .hg2_con11 .text{width: 100%;text-align: center;margin-top:15vw;}
    .hg2_con11 .text h3{font-size: 24px;margin-bottom:4vw;}
    .hg2_con11 .text .span{font-size:12px;}
    .hg2_con11 .dl{margin-top:8vw;}
    .hg2_con11 dl{flex:0 0 33.33%;margin-bottom:8vw;}
    .hg2_con11 dt{max-width: 50px;}
    .hg2_con11 dd{padding:0 5px;}
}
.h_g2 .specs{
    width:1400px;margin-left:auto;margin-right:auto;
}
.h_g2 .secondary-nav {
    border-bottom: 1px solid #e2e2e2;
  }
.h_g2 .secondary-nav ul {
    display: flex;
    justify-content: flex-start;
  }
.h_g2 .secondary-nav ul.ns-container1 {
    padding-top: 0;
    padding-bottom: 0;
    width:1400px;
    margin-left:auto;
    margin-right:auto;
  }
.h_g2 .secondary-nav ul li {
    flex: none;
    margin-right:50px;
    padding: 15px 0 11px 0;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    border-bottom: 4px solid transparent;
    cursor: pointer;
  }
.h_g2 .secondary-nav ul li.active {
    border-bottom-color: #e50012;
  }
.h_g2 .secondary-nav ul li a {
    color: #333;
  }
.h_g2 .secondary-nav ul li a:hover {
    text-decoration: none !important;
  }
.h_g2 .secondary-nav.fixed {
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 90px;
    background: white;
}
.h_g2 .specs{
    padding-top: 3.125vw;
    padding-bottom: 3.125vw;
}
.h_g2 .specs h3 {
    margin-bottom: 20px;
    margin-left:0;
    font-size: 30px;
    color: #333;
  }

.h_g2 .specs dl dd {
    display: flex;
    align-items: center;
    padding: 40px 0;
    border-bottom: 1px solid #cecece;
  }
.h_g2 .specs dl dd h4 {
    width: 25%;
    flex: none;
    font-size: 24px;
    color: #333;
  }
.h_g2 .specs dl dd p {
    font-size: 18px;
    color: #999;
    line-height: 1.5;
  }
.h_g2 .specs dl dd p span {
    font-size: 24px;
  }
.h_g2 .specs dl dd .item {
    flex: auto;
    display: flex;
  }
.h_g2 .specs dl dd .item p {
    flex: 1;
  }
.h_g2 .specs .notice {
    margin: 15px 25px;
    font-size: 16px;
    color: #999;
  }
.h_g2 .statement {
    padding-top: 3.125vw !important;
  }
.h_g2 .statement p {
    margin-bottom: 15px;
    font-size: 12px;
    color: #999;
    line-height: 1.5;
  }
.h_g2 .statement a {
    color: #0079cd;
  }
  @media screen and (min-width: 2000px) {
    .h_g2 .secondary-nav ul.ns-container1{width:60%;}
  }
  @media screen and (max-width: 1500px) {
    .h_g2 .specs{width:80%;}
    .h_g2 .secondary-nav ul.ns-container1 {width:80%;}
}
@media screen and (max-width: 768px) {
  .h_g2 .specs{width:90%;}
  .h_g2 .secondary-nav ul.ns-container1 {width:90%;}
  .h_g2 .specs{
      padding-top: 10vw;
      padding-bottom: 15vw;
  }
  .h_g2 .specs h3 {
    margin-bottom: 25px;
    font-size: 24px;
  }
  .h_g2 .specs dl dd {
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 0;
  }
  .h_g2 .specs dl dd h4 {
    width: auto;
    margin-bottom: 10px;
    font-size: 20px;
  }
  .h_g2 .specs dl dd p {
    font-size: 14px;
  }
  .h_g2 .specs dl dd p span {
    font-size: 14px;
  }
  .h_g2 .specs dl dd .item {
    width: 100%;
  }
  .h_g2 .specs dl dd .item p {
    padding-right: 15px;
  }
  .h_g2 .specs .notice {
    margin: 15px 25px;
    font-size: 12px;
    color: #999;
  }
}
.pr4_banner.hg2_banner .text .dl{
  width:540px;margin-top:4.5vw;
}
.pr4_banner.hg2_banner .text dl{
  flex:0 0 50%;margin-bottom:3vw;
}
.pr4_banner.hg2_banner .text dt{flex:0 0 40px;}
.pr4_banner.hg2_banner .text dd{
  display:flex;flex-wrap:wrap;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .pr4_banner.hg2_banner{background: #9eb8ce;}
  .pr4_banner.hg2_banner .text .p{flex-wrap:wrap;}
  .pr4_banner.hg2_banner .text p{flex:0 0 100%;margin-bottom:3vw;}
  .pr4_banner.hg2_banner .text .dl{width:100%;margin-top:10vw;padding-right:0px;}
  .pr4_banner.hg2_banner .text dl{margin-bottom: 8vw;}
  .pr4_banner.hg2_banner .text dt{flex:0 0 30px;}
}
.pro4_con01 .text_all h3{font-weight:normal;}
.pro4_con01.hg2_con4 .text{top:11%;}
@media screen and (max-width: 768px) {
  .pro4_con01{background: #dbe4e9;}
}
.pro4_con02{position: relative;margin-top:2vw;width:1400px;margin-left:auto;margin-right:auto;}
.pro4_con02 .text_all{position:static;transform:translate(0,0);text-align: center;width:auto;}
.pro4_con02 .text_all h3{font-weight:normal;}
.pro4_con02 .dl{margin-top:3vw;display: flex;flex-wrap:wrap;}
.pro4_con02 .dl dl{position:relative;margin-right:40px;margin-bottom:40px;}
.pro4_con02 .dl dl:nth-of-type(2n){margin-right:0px;}
.pro4_con02 .dl dt img{width:100%;display: block;}
.pro4_con02 .dl dd{position: absolute;bottom:40px;left:3vw;right:3vw;color:#fff;}
.pro4_con02 .dl dd h3{margin-bottom:10px;}
@media screen and (max-width: 1700px) {
  .pro4_con02{width:72.9vw;}
  .pro4_con02 .dl dl{margin-right:2.8%;margin-bottom:2.8%;flex:0 0 40%;}
  .pro4_con02 .dl dl:nth-of-type(1){flex:0 0 57.2%;}
  .pro4_con02 .dl dl:nth-of-type(4){flex:0 0 57.2%;}
}
@media screen and (max-width: 1500px) {
  .pro4_con02{width:80%;}
}
@media screen and (max-width: 768px) {
  .pro4_con02{width:90%;}
  .pro4_con02 .dl dl{flex:0 0 100%!important;margin-right:0!important;margin-bottom:5vw;}
  .pro4_con02 .dl dd{bottom:20px;left:20px;right:20px;}
  .pro4_con02 .dl dd h3{font-size: 1.0em;font-weight: 700;}
  .pro4_con02 .dl dd p{font-size: 0.8em;}
}
.pro4_con03{position: relative;width:1800px;margin-left:auto;margin-right:auto;margin-top:3vw;overflow: hidden;}
.pro4_con03 .text_all{top:13%;text-align: center;}
.pro4_con03 .text_all h3{font-weight: normal;}
.pro4_con03 .img img{width:100%;}
@media screen and (max-width: 1800px) {
  .pro4_con03{width:90%;}
}
@media screen and (max-width: 768px) {
  .pro4_con03{width:100%;background: #d8e0e3;overflow: hidden;}
  .pro4_con03 .text_all{margin-bottom: 0px;}
}
.pro4_con04{margin-top: 0px;margin-bottom:1vw;}
.pro4_con04 h3{font-size:1.8vw;}
.pro4_con04 .text_all{top:15%;}
@media screen and (max-width: 1200px) {
  .pro4_con04 h3{font-size:2.4vw;}
}
@media screen and (max-width: 768px) {
  .pro4_con04{background: #d7e0e3;}
  .pro4_con04 h3{font-size: 26px;}
}
.pro4_con05{margin-bottom: 5vw;}
.pro4_con05 .text_all{top:50%;}
.pro4_con05 .img{height:100%;}
.pro4_con05 .img img{height:100%;object-fit: cover;}
@media screen and (max-width: 768px) {
  .pro4_con05{height:50vw;margin-top:5vw;}
  .pro4_con05 .text_all{position: absolute;transform: translate(-50%, -50%);margin-top:0;margin-bottom: 0px;}
  .pro4_con05 .text_all h3{margin-bottom:3vw;}
}
.pro4_con{position: relative;}
.pro4_con .text_all{top:15%;text-align: center;}
.pro4_con .text_all h3{font-weight: normal;}
.pro4_con .text_all p{line-height: 1.7;}
.pro4_con .img img{width:100%;height: 100%;object-fit: cover;display: block;}
@media screen and (max-width: 768px) {
  .pro4_con .img{height:70vw;}
}
.pro4_con06 .text_all{color:#fff;}
@media screen and (max-width: 768px) {
  .pro4_con06 .text_all{color:#000;}
  .pro4_con08 .text_all p br{display:none;}
}