.ny_banner {position: relative;}
.ny_banner .banner_img {width: 100%;}
.ny_banner .banner_img img {width: 100%;}
.ny_banner .banner_text {position: absolute;top: 46%;width: 100%;transform: translateY(-50%);}
.ny_banner .banner_text > div {color: #fff;}
.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: #005aa0;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: #005aa0;}
.backButton:hover {letter-spacing: 2px;}

.newsList li {width: calc((100% - 90px)/4);margin-right: 30px;margin-bottom: 30px;}
.newsList li:hover {transform: translateY(-10px);box-shadow: 0 0 10px rgb(0 0 0 / 20%);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);}
.newsList li .newsItem .img img {width: 100%;}
.newsList li:nth-child(4n) {margin-right: 0;}

.newsLeft {width: 65%;}
.newsRight {width: 31%;}
.newsRight .tit::after {height: 1em;width: 6px;background: #005aa0;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%;}

.aboutline{ width: 80px; height: 3px;}
.aboutBtn{ width: 70px; height: 70px ;}
.aboutBtn:hover{ background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, .15);}

.profile{ background: url(../images/aboutbg.jpg?v=1) no-repeat bottom right;}
.profile .profileicon{ width: 40px;}

.culture .cultureul {display: grid;grid-gap: 25px;grid-template-columns: repeat(2,1fr);}
.culture .cultureul li {perspective: 800px;-webkit-perspective: 800px;cursor: pointer;height: 30vh;}
.culture .cultureul img {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.culture .cultureul li:hover .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);}
.culture .cultureul li:before {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;transform-origin: left center 0;transition: 0.54s;opacity: 1;visibility: visible;transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);background: rgba(0,60,153,.3)}
.culture .cultureul li:hover:before {transform: rotateY(60deg);-webkit-transform: rotateY(60deg);-moz-transform: rotateY(60deg);opacity: 0;visibility: hidden;}

.history{ background: url(../images/history_bg.jpg) no-repeat center bottom; background-size:cover;   background-attachment: fixed; position: relative;  overflow:hidden; height:auto;}
.history::after{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; display: block; content: ''; background-image: linear-gradient(to top,rgba(24,90 ,178, 0.8),transparent); }
.history .clound {width: 100%;height: 590px;z-index: 2; position: absolute;left: 0;bottom: 0;background: url(../images/cloundy.png) repeat-x left center;-webkit-animation: animate-cloud 30s linear infinite;animation: animate-cloud 30s linear infinite;}
.history .fazhan .prev,.history .fazhan .next{box-shadow: 0 0 10px rgba(0, 0, 0, .15) ; width: 60px; height: 60px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.history .fazhan .prev{left: -100px;}
.history .fazhan .next{ right: -100px;}
.history .fazhan .prev:hover,.history .fazhan .next:hover{ background-color: #005aa0; color: #fff;}
.history .history-bot::after{ width: 100%; height: 1px; position: absolute; left: 0; top: 20px; background: rgba(255, 255, 255, 0.25); z-index: 1; display: block; content: '';}
.history .history-bot .history-thumbs .yuan{ width: 40px; height: 40px;}
.history .history-bot .history-thumbs .yuan i{ display: block; width:20%  ; height: 20%;}
.history .history-bot .history-thumbs .yuan::after{ width: 100%; transform: scale(0); transition: all .36s; height: 100%; position: absolute; left: 0%; top: 0%; background-color: rgba(255,255 ,255, 0.3); display: block; content: ''; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -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; }
.history .history-bot .history-thumbs .swiper-slide-thumb-active .yuan::after{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.history .history-bot .history-thumbs .swiper-slide-thumb-active .yuan i{ background-color: #005aa0;}
.w80{ width: 80%; margin: 0 auto; max-width: 1480px;}

.honor .swiper-container .swiper-slide .img{height:460px;}

.partner {background: url('../images/partner_bg.jpg') no-repeat;background-size: cover;}
.partner .swiper-container .swiper-slide {background: #fff;display: flex;}
.partner .swiper-container .swiper-slide img {margin: auto;max-height: 80%;max-width: 80%;}

.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: #005aa0; 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) ; }

.lnul li{ width: 20%; height: 600px; background-color: #000; position: relative; overflow: hidden; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.lnul li>img{ width: 100%; height: 100%; object-fit: cover; opacity: 0.8;}
.lnul li .txt{ position: absolute; top: 50px; left: 0; text-align: center; width: 100%;}
.lnul li .txt .font20{padding: 45px 0; position: relative;}
.lnul li .txt .font20::after{ width: 1px; height: 40px;  display: block; content: ''; background-color: rgba(255, 255, 255, 0.3); position: absolute; bottom: 0; left: 50%;}
.lnul li .txt .font20::before{ width: 1px; height: 40px;  display: block; content: ''; background-color: rgba(255, 255, 255, 0.3); position: absolute; top: 0; left: 50%;}
.lnul li .desc{ width: 100%; background-image: linear-gradient(to bottom,transparent,rgba(0,151,218,0.9)); position: absolute; bottom: 0; left: 0; transform:translateY(100%) ; -webkit-transform:translateY(100%) ; -moz-transform:translateY(100%) ; -ms-transform:translateY(100%) ; -o-transform:translateY(100%) ; }
.lnul li:hover{ width: 40%;}
.lnul:hover > li:not(:hover) img{ opacity: 0.5  }
.lnul li:hover .desc{ transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }

#lnSwiper .swiper-slide>img{ opacity: 0.8; width: 100%; height: 300px; object-fit: cover;}
#lnSwiper .swiper-slide .txt{ position: absolute; top: 50px; left: 0; text-align: center; width: 100%;}
#lnSwiper .swiper-slide .txt .font20{ font-size: 20px;  position: relative; display: inline-block; padding: 0 45px;}
#lnSwiper .swiper-slide .txt .font20::after{ width: 40px; height: 1px;  display: block; content: ''; background-color: rgba(255, 255, 255, 0.3); position: absolute; left: 0; top: 50%;}
#lnSwiper .swiper-slide .txt .font20::before{ width: 40px; height: 1px;  display: block; content: ''; background-color: rgba(255, 255, 255, 0.3); position: absolute; right: 0; top: 50%;}
#lnSwiper .swiper-slide  .desc{ width: 100%; background-image: linear-gradient(to bottom,transparent,rgba(0,151,218,0.9)); position: absolute; bottom: 0; left: 0;  }

.bz .bz-item {width: 32%;background: #fff;}
.bz .bz-item .hidden img {width: 100%;transition: 0.4s;}
.bz .bz-item:hover .hidden img {transform: scale(1.1);}
.bz .bz-item:hover .font28 {color: #005aa0;cursor: pointer;}

.technology .w70{margin:0 auto;}
.technology .box1 .cont .item .list {display: block;height: 100%;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;}
.technology .box1 .cont .item .list .shu {-webkit-transition: all 0.3s linear;transition: all 0.3s linear;}
.technology .box1 .cont .item .list .xian {width: 40px;height: 2px;background-color: #dddddd;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;}
.technology .box1 .cont .item .list .text {-webkit-transition: all 0.3s linear;transition: all 0.3s linear;}

@-webkit-keyframes animate-cloud {
    from {
        background-position: 1920px 100%;
    }
    to {
        background-position: 0 100%;
    }
}
@keyframes animate-cloud {
    from {
        background-position: 1920px 100%;
    }
    to {
        background-position: 0 100%;
    }
}

@media screen and (max-width:1440px){
    .subnav a{ height: 80px;}
    .newsList li{ width: calc((100% - 60px)/4); margin-right: 20px;margin-bottom: 20px;}
    .newsRightUl a .img{ width: 165px; height: 100px;} 
    .newsRightUl a .text{ width: calc(100% - 190px);}
    .history .fazhan .prev{ left: 0;}
    .history .fazhan .next{ right: 0;}
    .honor .swiper-container .swiper-slide .img{ height: 380px;}
    .aboutBtn{ width: 60px; height: 60px;}
    .lnul li{height: 520px;}
}

@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% - 40px)/3); margin-right:20px;margin-bottom: 20px;}
    .newsList li:nth-child(4n) {margin-right: 20px;}
    .newsList li:nth-child(3n) {margin-right: 0;}

    .newsRightUl a .img{ width: 145px; height: 100px;} 
    .newsRightUl a .text{ width: calc(100% - 160px);}
    .aboutBtn{ width: 50px; height: 50px;}
    .profile .profileicon{ width: 30px;}
    .honor .swiper-container .swiper-slide .img{ height: 300px;}
    .lnul li{height: 460px;}
}
@media screen and (min-width: 1040px) {
    .w80{ width: 96%;}
    .technology .box1 .cont .item .list:hover {background: #004896 url(../images/yanfabg.jpg) no-repeat center / cover;}
    .technology .box1 .cont .item .list:hover .shu {color: #fff;}
    .technology .box1 .cont .item .list:hover .xian {width: 100%;background-color: #dddddd;opacity: 0.2;}
    .technology .box1 .cont .item .list:hover .text {color: #fff;}
}
@media screen and (max-width:1040px){
    .newsList li{ width: calc((100% - 40px)/2); margin-right:20px;margin-bottom: 20px;}
    .newsList li:nth-child(3n) {margin-right: 20px;}
    .newsList li:nth-child(2n) {margin-right: 0;}
    .lnul li{height: 380px;}
    .w80{ width: 100%; padding: 0 20px;}
}

@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: #005aa0; color: #fff;}
    .location{justify-content: flex-end;}
    .newsList li{ width: 100%; margin-right:0 !important;margin-bottom: 15px;}
    .newsLeft{ width: 100%;}

    .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%;}

    .aboutline{ width: 40px; margin-top: 20px !important;}
    .profile .profileul{display: flex; flex-wrap: wrap;}
    .profile .profileul li{ width: 50% ; margin-bottom: 18px;}
    .profile .profileicon{ width: 20px;}
    .aboutBtn{ display: none !important;}
    .culture .cultureul{grid-gap:15px;}

    .history{ background-attachment:scroll}
    .history::after{ background-image: linear-gradient(to top,rgba(24,90 ,178, 0.8),rgba(24,90 ,178, 0.1)); }
    .history .fazhan .prev,.history .fazhan .next{ display: none;}
    .history .history-top{ margin: 30px 0;}
    .history .history-top .tit {margin-left: 0;margin-top: 10px;}
    .history .history-top .desc{ line-height: 2; text-align: left;}
    .history .history-top  .swiper-slide .w60{ padding-left: 0px; padding-top: 25px }
    .history .next, .history .prev{ display: none;}
    .history .history-bot::after{ top: 10px;}
    .history .history-bot .history-thumbs .yuan{ width: 20px; height: 20px;}

    .honor .swiper-container .swiper-slide .img{ height: 300px;}

    .gcsj .tabtit{ width: 100%; margin-top: 20px; padding-bottom: 0;flex-wrap:wrap;}
    .gcsj .tabtit li{ margin-left: 0; text-align: center;margin-bottom:18px;}

    .bz .bz-item {width: 100%;margin-bottom: 10px;padding-bottom: 10px;}
    
    .technology .box1 .cont .item{width: 100%;margin-bottom: 15px;padding:0 !important;}

}