.neiBanImg {min-height: 250px;max-height: 100vh;width: 100%;object-fit: cover;animation: zoomBig 2s forwards;-webkit-animation: zoomBig 2s forwards;}
.neiBan::after {display: block;content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, .25);z-index: 1;}
.neibanLine {width: 1em;height: 5px;}

.subnav {box-shadow: 0 0 10px rgba(0,0,0,.15);}
.subnav a {white-space: nowrap;height: 90px;position: relative;margin-right: 4vw;display: flex;align-items: center;justify-content: center;}
.subnav a::after {width: 100%;transition: all .36s;transform: scale(0,1);height: 3px;display: block;content: '';position: absolute;left: 0;bottom: 0;background: #e62129;-webkit-transition: all .36s;-moz-transition: all .36s;-ms-transition: all .36s;-o-transition: all .36s;-webkit-transform: scale(0,1);-moz-transform: scale(0,1);-ms-transform: scale(0,1);-o-transform: scale(0,1);}
.subnav a.on ,.subnav a:hover {color: #004a9a;font-weight: bold;}
.subnav:hover a:not(:hover) {color: #666;font-weight: normal;}

.location .icon-youjiantou1 {transform: scale(0.6);color: #999999;-webkit-transform: scale(0.6);-moz-transform: scale(0.6);-ms-transform: scale(0.6);-o-transform: scale(0.6);}
.location a:hover {color: #004a9a;}
.backButton:hover {letter-spacing: 2px;}

.newsList li {width: calc((100% - 120px)/3);margin-right: 60px;}
.newsList li::after {display: block;content: '';width: 0;height: 100%;background: #fff;position: absolute;left: 0;top: 0;transition: all .36s;-webkit-transition: all .36s;-moz-transition: all .36s;-ms-transition: all .36s;-o-transition: all .36s;}
.newsList li .tit {height: 3.5em;}
.newsList li:nth-child(3n) {margin-right: 0;}
.newsList .imgBox {transition: all .6s;transform: translateY(-105%);width: 100%;height: 0;padding-bottom: 55.5%;-webkit-transform: translateY(-105%);-moz-transform: translateY(-105%);-ms-transform: translateY(-105%);-o-transform: translateY(-105%);-webkit-transition: all .6s;-moz-transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;}
.newsList li:hover {box-shadow: 0 0 20px rgba(0, 0, 0, .15);color: #004a9a;}
.newsList li:hover .imgBox {transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);}
.newsList li:hover::after {width: 100%;}
.bigImg { width: 100%;height: 100%;object-fit: cover;}
.newsLeft {width: 65%;}
.newsRight {width: 31%;}
.newsRight .tit::after {height: 1em;width: 6px;background: #004a9a;display: block;content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.newsRightUl a .img {width: 185px;height: 115px;}
.newsRightUl a .img img {width: 100%;height: 100%;object-fit: cover;}
.newsRightUl a .text {width: calc(100% - 204px);}
.newsRightUl a:hover .img img {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}

.contact .right {position: absolute;left: 50%;top: 0;}
.contact .contact-icon {width: 70px;}
.map {height: 60vh;}
.message .input {width: 24%;}
.message .submit {width: 22%;}
.message .reset {width: 22%;}

.pr-w80{padding-right: calc((100vw - 1560px)/2);}
.jobList li .top .close{ display: none;}
.jobList li .bottom {  display: none;}
.jobList li.on .close{ display: block;}
.jobList li.on .open{ display: none;}
.strategyIcon{width: 5.4vw;}

.advantageUl li {height: 77vh;padding-top: 25vh;}
.advantageUl li .round {width: 80px;height: 80px;background: rgba(255, 255, 255, .4);}
.advantageUl li .round::after {display: block;border-radius: 50% ;content: '';transition: all .36s;width: 100%;height: 100%;background: #004a9a;position: absolute;top: 0;left: 0;
                               transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);-webkit-transition: all .36s;-moz-transition: all .36s;-ms-transition: all .36s;-o-transition: all .36s;-webkit-border-radius: 50% ;-moz-border-radius: 50% ;-ms-border-radius: 50% ;-o-border-radius: 50% ;}
.advantageUl li::after {display: block;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .35);}
.advantageUl li::before {display: block;transition: all .36s;content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 0;background-image: linear-gradient(to top,rgba(0,60,153,.9),rgba(0,60,153,.1));-webkit-transition: all .36s;-moz-transition: all .36s;-ms-transition: all .36s;-o-transition: all .36s;}
.advantageUl li:hover .round::after {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);}
.advantageUl li:hover::before {height: 100%;}

.cases .appul .img {width: 70px;height: 70px;}
.cases .appul .img img {transition: all 0s;-webkit-transition: all 0s;-moz-transition: all 0s;-ms-transition: all 0s;-o-transition: all 0s;}
.cases .appul li.on {color: #004a9a;}
.cases .appul li.on .img img {filter: drop-shadow(100px 0 0 #004a9a);transform: translateX(-100px);-webkit-filter: drop-shadow(100px 0 0 #004a9a);}


.casesList li{ width: 32%; margin-right: 2%;margin-bottom: 2%;}
.casesList li:nth-child(3n){ margin-right: 0;}
.casesList li .more{  border-bottom: 2px solid #000; white-space: nowrap;}
.casesList li .more:hover .iconfont{ margin-left: 36px;}
.casesList li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .1); transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.casesList li:hover .img img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.casesList li:hover .mask-white{ -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}

.introduce{ background: url(../images/introduceBg.png) no-repeat right bottom;}
.introduce .left{ width: 28%;}
.introduce .right{ width: 54%;}
.introduceIcon{ height: 46px;}
.culture {background: url(../images/cultureBg.jpg) no-repeat top right; background-size: cover;    background-attachment: fixed; position: relative;}
.culture li{ width: 25%; height: 74vh; padding-top:18vh; border-right: 1px solid rgba(255, 255, 255, .2);perspective: 200px; background: rgba(0,71 ,155, 0.7);}
.culture li .yuan{ width: 100px; height: 100px; background-color: rgba(255, 255, 255, .2);}
.culture li .yuan::after{ width: 120%; height: 120%; transition: all .36s; left: -10%; top: -10%; border-radius: 50%; background-color: rgba(255, 255, 255, .2); display: block; content: ''; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.culture li .line{ width: 10%; height: 4px;}
.culture li:hover{ padding-top: 12vh;}
.culture li:hover  .yuan::after{width: 140%; height: 140%; left: -20%; top: -20%;  }
.culture li::after{ width: 100%; height: 100%;opacity: 0; z-index: 1; transition: all .36s; display: block; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.2); display: block; content: ''; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.culture li::after { transform:rotateY(45deg) ; -webkit-transform:rotateY(45deg) ; -moz-transform:rotateY(45deg) ; -ms-transform:rotateY(45deg) ; -o-transform:rotateY(45deg) ; }
.culture li:hover::after{ transform:rotateY(0) ;opacity: 1; -webkit-transform:rotateY(0) ; -moz-transform:rotateY(0) ; -ms-transform:rotateY(0) ; -o-transform:rotateY(0) ; }
.culture li>div{  position: relative; z-index: 5;}
.aboutBtn{ width: 70px; height: 70px ;}
.aboutBtn:hover{ background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, .15);}
.honor .swiper-container .swiper-slide .img{height:460px;}

.gcsj .tabtit li{ opacity: 0.6; font-weight: bold; position: relative; margin-left: 35px;  cursor: pointer;}
.gcsj .tabtit li.on{ opacity: 1;}
.gcsj .tabtit li.on:after{  position: absolute; bottom: -10px; left: 0; width: 100%; height: 3px;background-color: #004a9a; content: '' ; display: block;}
.gcsj .con figure{ display: none;}
.gcsj .con figure.on{ display: block;}
.gcsj .swiper-slide .text{ position: absolute; left: 0; bottom: 0; background: rgba(9, 62, 150, .8); color: #fff;}
.gcsj .swiper-slide:hover .text{ width: 100%;}
.gcsj .swiper-slide:hover .img img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }

@media screen and (max-width:1660px){
    .pr-w80{padding-right: calc((100vw - 1440px)/2);}
}

@media screen and (max-width:1440px){
    .subnav a{ height: 80px;}
    .newsList li{    width: calc((100% - 100px)/3);    margin-right: 50px;}
    .newsRightUl a .img{ width: 165px; height: 100px;} 
    .newsRightUl a .text{ width: calc(100% - 190px);}
    .pr-w80{padding-right: calc((100vw - 1280px)/2);}
    .introduce .right{ width: 60%;}
    .culture li .yuan{ width: 90px; height: 90px;}
    .introduceIcon{ height: 40px;}
    .honor .swiper-container .swiper-slide .img{ height: 380px;}
}

@media screen and (max-width:1280px) { 
    .ny_banner .banner_img img {min-height: 320px;object-fit: cover;vertical-align: bottom;}
    .subnav a{ height: 70px;}

    .newsList li{    width: calc((100% - 60px)/3);    margin-right: 30px;}
    .newsRightUl a .img{ width: 145px; height: 100px;} 
    .newsRightUl a .text{ width: calc(100% - 160px);}
    .pr-w80{padding-right: 5vw;}
    .introduce .right{ width: 65%;}
    .honor .swiper-container .swiper-slide .img{ height: 300px;}
}

@media screen and (max-width:1040px){
    .newsList li{    width: 48%;    margin-right: 4%;}
    .newsList li:nth-child(3n){ margin-right: 4%;}
    .newsList li:nth-child(2n){ margin-right: 0;}
    .newsList li .imgBox {transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);}
    .pr-w80{padding-right: 2vw;}
    .advantageUl{ flex-wrap: wrap;}
    .advantageUl li { width: 50%; height: 300px; padding-top: 30px;}
    .advantageUl li .round{ width: 60px; height: 60px;}
    .casesList li{ width: 49%; margin-right: 2%;margin-bottom: 2%;}
    .casesList li:nth-child(3n){ margin-right: 2%;}
    .casesList li:nth-child(2n){ margin-right: 0%;}
    .introduce .right { width: 72%;}
    .culture li .yuan{ width: 80px; height: 80px;}

}

@media screen and (max-width: 750px) {
    .ny_banner .banner_img img {min-height: 200px;}
    .subnav .plr{ width: 100%; overflow-x: scroll; padding-left: 20px;}
    .subnav .plr::-webkit-scrollbar { height: 2px;}
    .subnav .plr::-webkit-scrollbar-thumb {  background: #c1c1c1; height: 2px; }
    .subnav .plr::-webkit-scrollbar-track {   background: #f1f1f1;height: 2px; }
    .subnav a{ height: 48px;   padding: 0 10px;}
    .subnav a.on{ background: #004a9a; color: #fff;}
    .location{justify-content: flex-end;}

    .newsList li{    width: 100%;    margin-right: 0 !important;}
    .newsLeft{ width: 100%;}

    .madeList li .text{margin-top: 10px;}
    .madeList li .text .font24{font-size: 16px;}

    .pr-w80{padding-right: 20px;}
    .jobList .top .btn{ width: 100%; justify-content: flex-end; margin-top: 10px;}
    .jobList .top .btn span{ padding-top: 10px; padding-bottom: 10px;}
    .wapBold {font-weight: bold;}

    .advantageUl li {   height: auto;  padding: 25px 20px; }
    .casesList li{ width: 100%; margin-right: 0 !important;margin-bottom: 15px;}

    .contact .left{ line-height: 2;}
    .contact .left li{ align-items: flex-start;}
    .contact .left span.ml-60{ margin-left: 0;}
    .contact .contact-icon{ width: 40px;}
    .contact .right{ position: relative; top: auto; left: auto;}
    .map{ height: 300px;}
    .message .input{ width: 100%; }
    .message .input +.input{ margin-top: 15px;}
    .message .submit,.message .reset{ width: 40%;}

    .introduce .left,.introduce .right{ width: 100%;}
    .numUl{ display: flex;  flex-wrap: wrap;}
    .numUl li{ width: 50%; margin: 15px 0;}
    .introduceIcon{ height: 28px;}
    .culture{ flex-wrap: wrap;background-attachment:scroll}
    .culture li .yuan{ width: 50px; height: 50px;}
    .culture li{ width: 50%; height: auto;padding-top:50px; padding-bottom: 50px;  padding-left: 15px; padding-right: 15px; border-bottom: 1px solid rgba(255, 255, 255, .2);}
    .culture li:hover{ padding-top: 50px;}
     .aboutBtn{ display: none !important;}
    .honor .swiper-container .swiper-slide .img{ height: 300px;}
    .gcsj .tabtit{ width: 100%; margin-top: 20px; padding-bottom: 20px;}
    .gcsj .tabtit li{ margin-left: 0; text-align: center;}
}