.banN::before{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);content: "";left: 0;top: 0;z-index: 1;}
.banN-txt{position: absolute;left: 15%;top: 60%;transform: translateY(-50%);z-index: 2;color: #fff;text-transform: uppercase;font-family: 'FjallaOne';}
.banN-txt h1{font-size: 6vw;}
.banN-txt h2{font-size: 2.4vw;position: relative;padding-left: 50px;}
.banN-txt h2::before{position: absolute;content: "";width: 40px;height: 4px;background-color: #fff;left: 0;top: 50%;transform: translateY(-50%);}
/*公共面包屑*/
.web-mbx{padding:20px 0;background-color: #f5f5f5;}
.web-mbx p{line-height: 32px;width: 55%;}
.web-mbx p>img{display: inline-block;float: left;margin-right: 10px;height: 32px;}
.web-mbx p>a{display: inline-block;}
.web-mbx .item{line-height: 32px;margin-left: auto;width: 45%;}
.web-mbx .item a{margin: 0;margin-left: 50px;position: relative;font-size: 18px;}
.web-mbx .item a::after{position: absolute;content: "";width: 0;bottom: -10px;left: 0;height: 2px;background-color: #eb161b;}
.web-mbx .item a:first-child{margin-left: auto;}
.web-mbx .item a.active{color: #eb161b;}
.web-mbx .item a.active::after{width: 100%;}
.padding{padding: 60px 0;}
.ab-01{width: 100%;overflow: hidden;}
.ab-01 .left{width: 45%;}
.ab-01 .left h5{font-size: 18px;padding-left: 50px;position: relative;font-family: 'FjallaOne';}
.ab-01 .left h5::before{position: absolute;content: "";width: 40px;height: 2px;background-color: #000;left: 0;top: 50%;transform: translateY(-50%);}
.ab-01 .left h1{text-transform: uppercase;font-size: 4vw;margin-top: 30px;font-family: 'FjallaOne';color: #eb161b;}
.ab-01 .left h2{font-size: 2.8vw;color: #eb161b;}
.ab-01 .left .info{margin-top: 30px;max-height: 180px;overflow-y: scroll;overflow-x: hidden;padding-right: 30px;box-sizing: border-box;}
.ab-01 .left .info p{font-weight: 300;letter-spacing: 0.5px;font-size: 18px;line-height: 36px;text-align: justify;text-indent: 2rem;}
.ab-01 .left ul{margin-top: 30px;width: 50%;}
.ab-01 .left ul li h3{font-size: 3vw;font-family: 'Rousseau';color: #eb161b;}
.ab-01 .left ul li p{margin-top: auto;margin-bottom: 20px;margin-left: 10px;color: #eb161b;}
.ab-01 .left ul li h4{font-weight: 500;color: #eb161b;}
.ab-01 .right{width: 52%;}
.ab-01 .right video{width: 100%;}

.img-box:hover>img{transform: scale(1.1);}
.img-box>img{transition:all 0.8s;width: 100%;height: 100%;display: block;object-fit: cover;object-position: center;background-repeat: no-repeat;}

.cont .tit{margin-top: 80px;}
.cont .tit h2{font-family: 'FjallaOne';font-size: 3.6vw;text-transform: uppercase;letter-spacing: 2px;}
.cont .tit h3{font-size: 2.4vw;}
.ab-03 .cont{border-top: 1px solid rgba(0,0,0,0.1);}
.ab-03 .cont .box{width: 100%;margin-top: 60px;}
.ab-03 .cont .box .info{width: 19%;padding:20px 15px;box-sizing: border-box;margin-bottom: 20px;transition: all .4s;box-shadow: 2px 5px 5px rgba(0,0,0,0.3);}
.ab-03 .cont .box .info:hover{background-color: #eb161b;border:none;}
.ab-03 .cont .box .info h3{font-size: 2vw;}
.ab-03 .cont .box .info p{font-size: 1vw;color: #000;line-height: 36px;text-align: center;}
.ab-03 .cont .box .info:hover p{color: #fff;transition: all .4s;}
.ab-04 .cont{border-top: 1px solid rgba(0,0,0,0.1);}
.ab-04 .cont img{margin-top: 60px;width: 100%;}
.oth-footer{background-image: url(../picture/bg2.png);}
.oth-footer .cont .top{width: 100%;padding: 108px 0;box-sizing: border-box;}
.oth-footer .cont .top .txt-info{width: 45%;padding-bottom: 50px;border-bottom: 1px solid #fff;color: #fff;position: relative;height: 100%;}
.oth-footer .cont .top .txt-info h4{font-size: 20px;}
.oth-footer .cont .top .txt-info h4:nth-child(2){font-family: 'Rousseau';font-size: 28px;margin-top: 20px;margin-bottom: 30px;}
.oth-footer .cont .top .txt-info a{font-size: 20px;color: #fff;font-family: 'FjallaOne';font-size: 28px;}
.oth-footer .cont .top .txt-info .evm{position: absolute;right: 0;top: 50%;transform: translateY(-50%);text-align: center;}
.oth-footer .cont .top .txt-info .evm img{width: 100px;height: 100px;margin-bottom: 10px;}
.oth-footer .cont .top .form{width: 45%;color: #fff;}
.oth-footer .cont .top .form h3{font-size: 24px;}
.oth-footer .cont .top .form form{margin-top: 20px;}
.oth-footer .cont .top .form form input{width: 48%;height: 48px;line-height: 48px;padding-left: 12px;margin-bottom: 30px;}
.oth-footer .cont .top .form form input:nth-child(3){width: 100%;}
.oth-footer .cont .top .form form em{width: 100%;height: 1px;background-color: #fff;margin-bottom: 30px;display: block;}
.oth-footer .cont .top .form form button{width: 100%;height: 50px;border: none;font-size: 24px;font-family: "OPPOSans";}
.oth-footer .bottom{padding: 32px 0;box-sizing: border-box;border-top: 1px solid rgba(255,255,255,.6);color: #fff;}
.oth-footer .bottom a{margin-right: auto;margin-left: 10px;color: #fff;}
.case-list .inC_con{padding:0;}
.overflow_1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.overflow_2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.overflow_3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.overflow_4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.overflow_5{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.overflow_7{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
.honor-list{overflow: hidden;}
.honor-list .cont{border-top: 1px solid rgba(0,0,0,0.1);}
.honor-list .cont .tit{margin-top: 0;}
.honor-list .cont .swiper-container{width: 100%;margin-top: 50px;}
.honor-list .cont .swiper-container .swiper-wrapper{width: 100%;}
.honor-pics .swiper-slide{width: 20%;margin-right: 50px;height: 24vw;}
.honor-list .cont .swiper-slide .img-box{width: 100%;overflow: hidden;cursor: pointer;}
.honor-list .cont .swiper-slide p{font-size: 16px;text-align: center;margin-top: 20px;}
.honor-list .cont .swiper-scrollbar{height: 6px;margin-top: 60px;}
.honor-list .cont .swiper-scrollbar .swiper-scrollbar-drag{background-color: #000;}
.honor-pics1 .swiper-slide{width: 23%;margin-right: 50px;height: auto;display: block;align-items: flex-end;}
.honor-pics2 .swiper-slide{width: 20%;margin-right: 50px;height: auto;display: block;align-items: flex-end;}
.news-list{width: 100%;}
.news-list a{padding: 50px 0;box-sizing: border-box;border-top: 1px solid rgba(148, 48, 48, 0.1);position: relative;}
.news-list a::after{width: 0%;height: 2px;background-color: #eb161b;left: 0;bottom: 0;content: "";z-index: 1;position: absolute;transition: all .6s;}
.news-list a:first-child{padding-top: 0;border: none;}
.news-list a .left{width: 56%;}
.news-list a .left .info{width: 100%;}
.news-list a .left .info h3{font-size: 38px;transition: all .6s;}
.news-list a .left .info p{font-size: 18px;line-height: 36px;margin-top: 15px;}
.news-list a .left .time{align-items: center;}
.news-list a .left h5{opacity: .8;letter-spacing: 1px;font-size: 22px;line-height: 1;text-transform: uppercase;font-weight: bold;font-family: 'Rousseau';transition: all .6s;}
.news-list a .left img{height: 4px;width: auto;}
.news-list a .img-box{width: 40%;height: 20vw;overflow: hidden;}
.news-list a:hover .info h3{color: #eb161b;}
.news-list a:hover .left h5{color: #eb161b;}
.news-list a:hover::after{width: 100%;}

.recruit-list a{padding: 30px 0;border-bottom: 1px solid rgb(0 0 0 / 10%);}
.recruit-list a p:first-child{font-size: 18px;max-width: 80%;padding-left: 20px;box-sizing: border-box;position: relative;}
.recruit-list a p:first-child::after{position: absolute;left: 0;top: 50%;content: "";width: 8px;height: 8px;background-color: #c6161d;border-radius: 50%;transform: translateY(-50%);}
.recruit-list a:hover{color: #c6161d;}

.contact-box .top{padding-bottom: 100px;border-bottom: 1px solid rgba(0,0,0,0.1);}
.contact-box .top .info{margin-top: 40px;}
.contact-box .top img{width: 40px;}
.contact-box .top h4{font-size: 28px;margin: 10px 0;}
.contact-box .top h5{font-size: 22px;opacity: .6;}
.contact-box .bottom{padding: 60px 0;width: 100%;}
.contact-box .bottom h3{font-size: 46px;font-weight: 300;}
.contact-box .bottom form{margin-top: 40px;}
.contact-box .bottom form input {width: 30%;height: 40px;border-bottom: 1px solid rgb(0 0 0 / 10%);font-size: 18px;}
.contact-box .bottom form input:nth-child(4){width: 70%;}
.contact-box .bottom form input:nth-child(4),.contact-box .bottom form button{margin-top: 80px;}
.contact-box .bottom form button{width: 200px;height: 50px;background-color: #eb161b;border: none;color: #fff;font-size: 18px;font-family: "OPPOSans";margin-right: auto;margin-left: 40px;cursor: pointer;}
.subs-list{width: 100%;}
.subs-list a{width: 100%;background-color: #f5f5f5;margin-bottom: 40px;position: relative;}
.subs-list a .dw{position: absolute;left: 0;top: -100px;}
.subs-list a .info{padding: 80px;box-sizing: border-box;width: 55%;line-height: 30px;text-align: justify;font-size: 16px;justify-content: center;}
.subs-list a:nth-child(2n){flex-direction:row-reverse;}
.subs-list a .info h3{font-size: 30px;margin-bottom: 30px;transition: all .4s;width: 100%;}
.subs-list a .img-box{width: 43%;overflow: hidden;}
.subs-list a:hover .info h3{color: #eb161b;}

/*page 分页器*/
.pagination {display: flex;justify-content: center;margin-top: 10px;margin-bottom: 60px;}
.pagination a {background: #fff;border: 1px solid #ccc;color: #333;font-size: 14px;padding: 8px 12px;margin: 0 5px;border-radius: 3px;}
.pagination span {color: #333;font-size: 14px;padding: 8px 2px;margin: 0 5px;border-radius: 3px;}
.pagination a:hover {color: #eb161b;border: 1px solid #eb161b;}
.pagination a.page-num-current {color: #fff;background: #eb161b;border: 1px solid #eb161b;}
.my-4{margin-top:40px;width: 100%}

/* 案例详情 */
.case-info-box{
    width:70%;
    padding-right: 80px;
    box-sizing:border-box;
    border-right: 1px solid rgba(0,0,0,.1);
}
.case-info-box>h4{
    line-height: 60px;
    box-sizing:border-box;
    padding-bottom: 30px;
    font-size: 32px;
    border-bottom: 1px dashed rgba(0,0,0,.1);
    color: #eb161b;
    text-align: center;
}

.case-info-box>h5{
    margin-top:50px;
    width:100%;
    line-height: 42px;
    font-size: 24px;
    padding-left: 20px;
    box-sizing:border-box;
    background-color: #fafafa;
    position: relative;
}
.case-info-box>h5:before{
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width:3px;
    height: 60%;
    background-color: #eb161b;
}
.case-info-box p{
    font-size: 16px;
    line-height: 30px;
    margin-top:30px;
}
.case-info-box>span{
    margin-top:30px;
}
.case-info-box>span img{
    width:100%;
}
.case-info-box>div{
    margin-top:30px;
}
.case-info-box img{max-width: 100%;display: inline-block;}
.case-info-recd{
    width:30%;
    padding-left: 80px;
    box-sizing:border-box;
}
.case-info-recd>h4{
    line-height: 60px;
    box-sizing:border-box;
    font-size: 32px;
    padding-bottom: 30px;
    border-bottom: 1px dashed rgba(0,0,0,.1);
}
.case-info-recd>ul{
    margin-top:50px;
}
.case-info-recd>ul>li{
    width:100%;
    padding:10px;
    box-sizing:border-box;
    border: 1px solid rgba(0,0,0,.1);
    margin-top:20px;
}
.case-info-recd>ul>li:first-child{
    margin-top:0;
}
.case-info-recd>ul>li>a{
    position: relative;
    display: block;
    width: 100%;
}
.case-info-recd>ul>li>a:after{
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    width:20px;
    height: 20px;
    transform: translateY(-50%);
    background-image: url(../images/indu-ico1.png);
    background-size:100% 100%;
}
.case-info-box>img{max-width: 80%;margin: 0 auto;margin-top: 30px;display: block;}

/*新闻详情*/
.news_inner{
    width: 100%;
    background:#fff;
  }
  .news_inner img{
    margin: 0 auto;
	display: inline-block;
  }
  .news_inner>.cont>.ym_tit{
    margin-bottom: 30px;
    text-align:center;
    font-size: 26px;
    font-weight: bold;
  }
  .news_inner>.cont>p:nth-child(2){
    text-align: center;
    height: 40px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
  }
  .news_inner>.cont>span{
    padding: 20px 0;
    display: block;
    font-size: 14px;
    color: #6f7173;
  }
  .news_inner>.cont>span img{
    max-width: 100% !important;
    height: auto!important;
  }
  .news_inner>.cont>div{
    width: 100%;
    margin-top:30px;
    height: 60px;
    line-height:30px;
   }
  .news_inner>.cont>div>em:first-child{
    float: left;
    display: block;
  }
  .news_inner>.cont>div>em:last-child{
    float: right;
    display: block;
  }
  .news_inner>.cont>div>em>a{
    color: #333;
    display: inline-block;
  }
  .news_inner>.cont>div>em>a:hover{
    color: #00478B;
  }
  .news_inner>.cont>.video-box{
    width:100%;
    height: 100%;
  }
  .news_inner video{
    width:80%;
    margin:0 auto;
    display: block;
  }
  /* m端导航 */
.m-header{background-color: rgba(255,255,255,1);box-sizing: border-box;position: fixed;left: 0;top: 0px;z-index: 999999;width: 100%;display: none;box-shadow: 2px 5px 5px rgba(0,0,0,.1);}
.m-header.on{border-bottom:1px solid #ddd;box-shadow: none;}
.m-header .cont{align-items: center;}
.m-header a{height:70px;padding: 10px 0;transition: all .4s ease-in-out;}
.m-header a img{height: 100%;}
.m-header a img:last-child{display: none;}
.m-header .menu-btn{width: 34px;height: 40px;position: relative;}
.m-header .menu-btn span{position: absolute;display: block;width: 100%;height: 3px;background-color: #c6161d;top: 10px;transition: all .25s;transform-origin: center center;}
.m-header .menu-btn span:nth-child(2){top: 19px;width: 25px;}
.m-header .menu-btn span:nth-child(3){top: 28px;}
.m-header .menu-btn.on span:first-child{transform: rotate(45deg);}
.m-header .menu-btn.on span:nth-child(2){transform: scaleX(0);}
.m-header .menu-btn.on span:last-child{transform: rotate(-45deg);}
.m-header .menu-btn.on span{top: 19px;}
.m-nav-box{width: 100%;height: 0;background-color: #fff;position: fixed;left: 0;top: 0;z-index: 99999;box-sizing: border-box;overflow: scroll;transition: all .4s ease-in-out;}
.m-nav-box.active{height: 100%;}
.m-nav-box .m-nav-item{width: 100%;position: relative;}
.m-nav-box .m-nav-item:first-child{margin-top: 100px;}
.m-nav-box .m-nav-item a{font-size: 24px;display: block;line-height: 80px;border-bottom: 1px solid #ddd;transition: all .6s ease-in-out;overflow: hidden;height: 0px;opacity: 0;}
.m-nav-box.active .m-nav-item a{opacity: 1;height: 80px;}
.m-nav-box .m-nav-item .m-nav-top{width: 50%;position: absolute;height: 80px;right: 0;top: 0;z-index: 1;background: url(../images/ico-open.png) no-repeat right center;background-size: 3.4vw auto;}
.m-nav-box .m-nav-item .m-nav-top.on{background-image: url(../images/ico-close.png);}
.m-nav-box .m-nav-item .m-nav-list{overflow: hidden;width: 100%;padding-bottom: 0px;transition: all .6s ease-in-out;}
.m-nav-box .m-nav-item .m-nav-list a{font-size: 20px;line-height: 60px;padding: 0 10px;box-sizing: border-box;border:none;height: 0;overflow: hidden;transition: all .6s ease-in-out;}
.m-nav-box .m-nav-item .m-nav-list.active{padding-bottom: 30px;}
.m-nav-box .m-nav-item .m-nav-list.active a{height: 60px;}
.m-header.color{background-color: rgba(0,0,0,0);box-shadow: none;}
.m-header.color a{padding: 25px 0;}
.m-header.color a img{display: none;}
.m-header.color a img:last-child{display: block;}
.m-header.on a{padding: 10px 0;}
.m-header.on a img{display: block;}
.m-header.on a img:last-child{display: none;}
.m-header .menu-btn.color span{background-color: #fff;}
.m-header .menu-btn.on span{background-color: #c6161d;}
.recr-info>h5{font-size: 24px;margin-bottom: 20px;}
@media (max-width: 1400px){
  .bn3{padding: 0;}
  .bnT1{width: 80%;height: auto!important;}
  .bnT2{width: 90%;height: auto!important;}
  .bnT3{width: 70%;height: auto!important;}
}
  @media (max-width: 1350px){
    header .right nav ul li{padding: 0 20px;}
    .web-mbx .item{width: 60%;}
  }
  @media (max-width: 1200px){
    header .right nav ul li a{font-size: 16px;}
    .slider__inner{padding: 0 8%!important;;}
    .slider__inner .slider__title{margin-left: 0!important;}
    .swiper-slide-active .slider__title>.line:first-child>.line{height: auto!important;}
    .swiper-slide-active .slider__text{margin-left: 0!important;}
    .slider__text p{width: 100%;}
    .slider__title img{margin-left: 0!important;}
    .bn3 img{margin:0 auto!important;}
    .bn2{height: auto!important;}
    .banN{height: 500px;}
    .news-list a .left .info h3{font-size: 3vw;}
    .news-list a .left h5{font-size: 18px;}
    .subs-list a .info h3{font-size: 24px;}
    .subs-list a .info{padding: 40px;}
  }
  @media (max-width: 1100px){
    header{display: none;}
    .m-header{display: block;}
    .ab-01 .left{width: 100%;}
    .ab-01 .right{width: 100%;margin-top: 30px;}
    .case-info-box>h4,.case-info-recd>h4{font-size: 3vw;}
  }
  @media (max-width: 980px){
    .case-info-box{width: 100%;padding: 0;border: none;}
    .case-info-recd{display: none;}
    .subs-list a .info{width: 100%;}
    .subs-list a .img-box{width: 100%;}
  }
  @media (max-width: 768px){
    .m-header a{height: 62px;padding: 15px 0;}
    .m-header.on a{height: 62px;padding: 15px 0;}
    .m-nav-box .m-nav-item a{line-height: 50px;font-size: 4.4vw;}
    .m-nav-box.active .m-nav-item a{height: 50px;}
    .m-nav-box .m-nav-item .m-nav-top{height: 50px;}
    .m-nav-box .m-nav-item .m-nav-list a{line-height: 40px;font-size: 3.6vw;height: 0;}
    .m-nav-box .m-nav-item .m-nav-list.active a{height: 40px;}
    .m-nav-box .m-nav-item:first-child{margin-top: 80px;}
    .slider__text{max-width: 100%;}
    .bn2T{width: 60%;height: auto!important;}
    .item-project-wrap{z-index: 9;}
    .pro-pics{z-index: 5;right: 0%;height: 80%;}
    .banN{height: 400px;}
    .ab-01 .left ul{width: 100%;}
    .ab-01 .left ul li h3{font-size: 4.6vw;}
    .ab-01 .left ul li h4{font-size: 17px;}
    .ab-01 .bottom .swiper-slide{width: 30%;height: 32vw;}
    .ab-01 .bottom .swiper-slide .img-box p{display: none;}
    .cont .tit h3{font-size: 3.2vw;}
    .ab-03 .cont .box .info h3{font-size: 3vw;}
    .ab-03 .cont .box .info{padding: 20px;}
    .ab-03 .cont .box .info p{font-size: 16px;}
    .oth-footer .cont .top .txt-info{width: 100%;}
    .oth-footer .cont .top .form{width: 100%;margin-top: 30px;}
    .web-mbx .item{width: 100%;margin-top: 20px;}
    .web-mbx .item a:first-child{margin-left: 0;}
    .web-mbx .item a{margin-left: 0;}
    .honor-pics .swiper-slide{width: 48%;height: 60vw;}
    .honor-pics1 .swiper-slide,.honor-pics2 .swiper-slide{width: 48%;}
    .recr-info{padding: 30px;}
    .subs-list a .info{padding: 15px;}
    .subs-list a .info h3{font-size: 22px;margin-bottom: 20px;}
  }
  @media (max-width: 500px){
    .bn2T{width: 100%;}
    .bn3 img{width: 100%;}
    .bnT2{padding: 0!important;}
    .bn3 .slider__title{padding-bottom: 0;}
    .indAb_info_name{font-size: 2rem;}
    .pro-pics{display: none;}
    .conBtm_box>div{flex-wrap: wrap;justify-content: center;}
    .conBtm_box>div a{margin-right: 0;}
    .banN{height: 300px;}
    .banN-txt h2{font-size: 7vw;padding-left: 0px;}
    .banN-txt h2::before{width: 20px;height: 2px;display: none;}
    .web-mbx{padding: 5px 0;}
    .web-mbx p>img{height: 20px;margin-top: 6px;}
    .padding{padding: 30px 0;}
    .ab-01 .left h1{font-size: 7vw;}
    .ab-01 .left h2{font-size: 5.8vw;}
    .ab-01 .left ul li h3{font-size: 8vw;}
    .ab-01 .bottom .swiper-slide{width: 48%;height: 50vw;}
    .cont .tit{margin-top: 30px;}
    .cont .tit h2{font-size: 7vw;}
    .cont .tit h3{font-size: 5.8vw;}
    .ab-02 .cont .swiper-slide{width: 48%;height: 60vw;}
    .ab-03 .cont .box{margin-top: 20px;}
    .ab-03 .cont .box .info{width: 100%;margin-top: 10px;}
    .ab-03 .cont .box .info h3{font-size: 4.6vw;}
    .oth-footer .cont .top{padding: 30px 0;}
    .oth-footer .cont .top .txt-info .evm{top: 40%;}
    .oth-footer .cont .top .txt-info .evm img{width: 80px;height: 80px;}
    .oth-footer .cont .top .txt-info .evm p{display: none;}
    .oth-footer .bottom .cont{justify-content: center;text-align: center;}
    .oth-footer .bottom a{margin-right: 0;}
    .news-list a .left{width: 100%;}
    .news-list a .img-box{width: 100%;margin-top: 20px;height: auto;}
    .news-list a .left .info h3{font-size: 5.4vw;}
    .news-list a .left .time{margin-top: 25px;}
    .recruit-02 dl>dt>h5{font-size: 16px;line-height: 40px;}
    .recruit-02 dl>dd>p{font-size: 15px;line-height: 40px;}
    .recruit-02 dl>dd{height: 40px;}
    .recr-info{padding: 10px;}
    .recr-info>form>p{width: 100%;margin-bottom: 20px;}
    .recr-info>form>p>input{height: 50px;}
    .recr-info>form>button{width: 100%;height: 50px;}
    .contact-box .top img{width: 30px;}
    .contact-box .top h4{font-size: 24px;}
    .contact-box .top .info:first-child{margin-top: 0;}
    .contact-box .top{padding-bottom: 40px;}
    .contact-box .bottom{padding: 30px 0;}
    .contact-box .bottom h3{font-size: 6vw;}
    .contact-box .bottom form input{width: 100%;margin-bottom: 30px;}
    .contact-box .bottom form input:nth-child(4){width: 100%;}
    .oth-footer .cont .top .txt-info h4{font-size: 18px;}
    .contact-box .top h4{font-size: 20px;}
    .case-info-box>h4, .case-info-recd>h4{font-size: 5.2vw;}
    .case-info-box>h5{font-size: 22px;}
    .web-mbx p{width: 100%;}
    .news_inner>.cont>.ym_tit{font-size: 4.8vw;}
    .news_inner>.cont>div{margin-bottom: 60px;}
    .case_nav{margin-top: 40px;}
  }