.neiban .txt{  position: absolute; left: 10vw; height: 100%; z-index: 5; display: flex;flex-direction: column; justify-content: center;}

.navbar li:last-child{ margin-right: 0;}
.navbar a{ display: inline-block; line-height: 80px;}
.navbar a::after{ width: 100%; height: 2px; transition: all .36s; background-color: #0054ae; position: absolute; left: 0; bottom: -1px; display: block; content: ''; transform: scale(0,1); -webkit-transform: scale(0,1); -moz-transform: scale(0,1); -ms-transform: scale(0,1); -o-transform: scale(0,1); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.navbar a.on, .navbar a:hover{ color: #0054ae;}
.navbar a.on::after, .navbar a:hover::after{ transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); }

/* 关于 */
.about {background: url(../images/aboutbg.jpg) no-repeat bottom center;background-size: 100% auto;}
.aboutPlay {
    width: 80px;
    cursor: pointer;
    background: #fff;
    border-radius: 50%;
    height: 80px;
    position: absolute;
    left: 45%;
    top: 50%;
    box-shadow: 0 0 rgba(255, 255, 255, 0.1),0 0 0 15px rgba(255, 255, 255, 0.1),0 0 0 30px rgba(255, 255, 255, 0.1);
    animation: ripple-wave1 1s linear infinite;
    animation-play-state: running;
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) scale(1);
    -webkit-animation: ripple-wave1 1s linear infinite;
    transform: scale(0.8);
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);

}
.aboutaboutPlay img {animation: rotate 10s linear infinite;transition: ease 1s;-webkit-animation: rotate 10s linear infinite;}
.video-play{position:fixed;top:0;bottom:0;right:0;left:0;width:100vw;height:100vh;z-index:10001;display:none}
.video-bg{position:absolute;top:0;bottom:0;width:100%;z-index:1001;background:#0b0b0b;opacity:.8}
.video-wrap{z-index:1002;position:fixed;top:52%;left:50%;-webkit-transform:translate3d(-50%, -52%, 0);transform:translate3d(-50%, -52%, 0);width:1000px;height:570px;  }
.video-wrap video{width:100%;height:auto}
.video-wrap .close-btn{cursor: pointer; transition: all .36s;text-align: center;line-height: 40px;z-index: 9999;position: absolute;background: #000;border: 2px solid #fff;width: 50px;height: 50px;border-radius: 50%; opacity: 0.5;right: -20px;top: -25px;}
.video-wrap .close-btn:hover{ transform: rotate(180deg); opacity: 1;}

/* 文化 */
.cultureul li {width: 24%;}
.cultureul li .txt {width: 100%;position: absolute;bottom: 0;left: 0;background: rgba(0, 0, 0, .56);top: 80%;}
.cultureul li .txt .dd {opacity: 0;}
.cultureul li:hover .txt {background: rgba(16, 51, 115, .8);top: 40%;}
.cultureul li:hover .dd {opacity: 1;}
.cultureul li img{width: 100%;}

/* 发展 */
.history {background: url(../images/historybg.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);}
.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-top .years {font-size: 220px;}
.history-top .img {width: 450px;}
.history-thumbs .yuan {width: 40px;height: 40px;}
.history-thumbs .yuan i {display: block;width: 20% ;height: 20%;}
.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-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);}
.historyBot::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-thumbs .swiper-slide-thumb-active .yuan i {background-color: #103373;}
.history .prev,.history .next {z-index: 20;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.history .prev {left: 0;}
.history .next {right: 0;}
.swbutton {width: 65px;height: 65px;color: #aaa;}
.swbutton:hover {background: #0054ae;color: #fff;}

/* 荣誉 */
.honor .next,.honor .prev {z-index: 20;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.honor .prev {left: -100px;}
.honor .next {right: -100px;}
.swbutton.swiper-button-disabled {cursor: no-drop;}
.honor .swiper-slide {background: #f8f9fb ;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;}
.honor .swiper-slide {width: 100%;}
.honorSwiper li {display: none;}
.honorSwiper li.on {display: block;}
.honorTab li {height: 2.6em;border-radius: 1.5em;-webkit-border-radius: 1.5em;-moz-border-radius: 1.5em;-ms-border-radius: 1.5em;-o-border-radius: 1.5em;}
.honorTab li.on {background-color:#0054ae;color: #fff;}

/* 联系 */
.mapimg{max-width: 100%;margin:0 auto;display: block;}
.contactli li:hover .contacticon{ transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }
.contactbox::after{ width: 100%; height: 30%; display: block; content: ''; position: absolute; left: 0; bottom: 0; position: absolute; bottom: 0; left: 0; background-color: #0054ae;}
.contactewm{ width: 160px;}

/* 新闻 */
.newslist .newsitem{  width: 30%; margin-right: 5%; margin-bottom: 5%;}
.newslist .newsitem:nth-child(3n){ margin-right: 0;}
.newslist .newsitem .more{ width: 160px; height: 50px;}
.newslist .newsitem .desc{ position: absolute; top: 0; left: 0; width: 100%; z-index: 1;}
.newslist .newsitem img{ width: 100%; height:270px ; object-fit: cover; position: relative; z-index: 2; }
.newslist .newsitem .more{ position: absolute; z-index: 3; bottom: 0; right: 0;background-color: #fff;}
.newslist .newsitem .more::before{ width: 100%;  height: 0; background-color: #0054ae; transition: all .36s; display: block; content: ''; top: 0; left: 0;  position: absolute;}
.newslist .newsitem .more i{ z-index: 5;}
.newslist .newsitem:hover img{ transform: translateY(0);}
.newslist .newsitem:hover .more{ background-color: #0054ae; color: #fff; border-color: #0054ae;}
.newslist .newsitem:hover .more::before{ height: 100%;}
.newslist .newsitem:hover .time{ color: #0054ae;}

.newsleft{ width: 68%;}
.newspage .left{ width: 70%;}
.newsright{ width: 28.8%;}
.newsrighttitle::after{ width: 3px; height: 100%; position: absolute; left: 0; top: 0; background: #0054ae; display: block; content: '';}
.newsrightItem: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)}
.newsrightItem: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); }
.linka a:hover{ color: #0054ae;}

/* 产品 */
.proLeft{ width: 27%;}
.proRight{ width: 73%;}


.proLeft .title { padding-left: 10vw; height: 90px;}
.muneUl{}
.muneUl {line-height: 2.6;}
.muneUl .iconfont {height: 100%;cursor: pointer;position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.muneUl>li {border-bottom: 1px solid #e5e5e5;padding: 10px 0; padding-left: 10vw;}
.muneUl>li a {max-width: calc(100% - 20px);}
.muneUl {}
.muneUl li>ul {padding-left: 10px;display: none;}
.muneUl li>ul>ul {padding-left: 20px;}

.muneUl li.active>ul{ display: block;}
.muneUl li.active>div>a{ color: #0054ae;}
.muneUl li a.active{ color: #0054ae;}

.muneUl .on .iconfont {transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);}
.there-muneUl .iconfont {display: none !important;}
.two-muneUl li {width: 100%;}
.there-muneUl li {width: 100%;}
.muneUl li.active>div,.muneUl li:hover>div>a {color: #0054ae;}

.proRight .location{ height: 90px; padding-right: 10vw;}
.proRight .box{ padding-right: 10vw;}

.prolist li{  width: 31%; margin-bottom: 45px; margin-right: 3.5%;}
.prolist li .text{ margin-top: 15px;}
.prolist li:nth-child(3n){ margin-right: 0;}
.prolist li .btn{ height: 2.6em;}
.prolist li .btn::after{ width:0; transition:all .36s ; height:100%; background: #009b37; position: absolute; top: 0; left: 0; display: block; content: ''; z-index: 1; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.prolist li:hover   .btn::after{ width: 100%;}
/* .prolist li .img img{ filter: drop-shadow(0 0 5px rgba(0,0,0,0.15));} */
.prolist li:hover .img img{ transform:scale(0.95) ; -webkit-transform:scale(0.95) ; -moz-transform:scale(0.95) ; -ms-transform:scale(0.95) ; -o-transform:scale(0.95) ; }
.prolist li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
.menuItem{height: 50px;border-bottom: 1px solid #EBEBEB;padding-top: 15px;display: flex;position: relative;}
.menuItem .topTitle{font-size: 15px;font-weight: 500;opacity: 1;width: 92%;}
.menuItem .topTitle a{display: block; font-weight: bold;}
.menuItem .topTitleActive{color:#0054ae;border-bottom: 2px solid #0054ae;}
.menuItem .topBtn img{position: absolute;height: 40%;}
.topBtnActive{margin-top: 0; }
.menuDetail{width:92%;background:#f5f9fd;opacity:1;padding: 2% 4.7%;position: absolute;top: 100%;z-index: 99;}
.menuDetail li{font-size: 14px;line-height:2.4;color:rgba(68,68,68,1);opacity:1;}
.menuDetail li a{display: block;width: 100%;}
.menuDetail li:hover{color: #0054ae !important;}
.cellMenuBox{ width: 100%; padding: 0 20px; background: #fff;}
.proinfotext  .line{ height: 1px; background-color: #e5e5e5;}
.proinfotext  .line::before{ display: block; content: ''; background-color: #009b37; position: absolute; left: 0; top: -1px; height: 3px; width: 50px;}
.proinfotext .button a{ border-color: #0054ae; height: 55px;}
.proinfoLine .title::after{ display: block; content: ''; background-color: #009b37; position: absolute; left: 0; bottom: -1px; height: 3px; width: 100%;}
.border-blue{ border: 1px solid #0054ae;}
.proinfoimg{ max-height: 500px; display: flex; align-items: center; justify-content: center;}
.proinfoimg img{ max-width: 100%; max-height: 100%; width: auto;}
.xgprolist li{ width: 24%; margin-right: 0 !important; }

.support .line{width:100%;height:1px;border-top:1px dashed #cccbcb;position:relative;}
.support .line:before{content:'';width:16px;height:16px;border:1px solid #cccbcb;border-radius:50%;position:absolute;left:50%;margin-left:-8px;top:-10px;background:#FFF;}
.support i{display: inline-block;width: 30px;height: 3px;}

.support .support-ul{width:100%;overflow:hidden;text-align:center;}
.support .support-ul .swiper-slide{padding:9px 9px 20px;border:1px solid #E5E5E5;}
.support .support-ul .ulimg{width:100%;padding-bottom:83.87%;position:relative;}
.support .support-ul .ulimg img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}
.support .support-ul i{display:inline-block;width:39px;height:1px;background:#e5e5e5;}
.support .support-ul p{margin:0;line-height:30px;color:#333;min-height:60px;}

.partnerul li {width: calc((100% - 120px)/6);margin-right: 24px;margin-bottom: 24px;}
.partnerul li:nth-child(6n) {margin-right: 0;}
.partnerul li:hover {transform: scale(0.95);box-shadow: 0 0 10px rgba(16, 51, 115, .15);-webkit-transform: scale(0.95);-moz-transform: scale(0.95);-ms-transform: scale(0.95);-o-transform: scale(0.95);}

.caselist li{ width: 31%; margin-right: 3.5%; margin-bottom: 3.5%;}
.caselist li:nth-child(3n){ margin-right: 0;}
.caselist li .right{ width: 80px; height: 50px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.caselist li .text{ margin-top: -80px;}
.caselist li:hover .img{ box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
.caselist 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) ; }
.caselist li .text a{display:block;}
.caselist li .text a:before{z-index:1;width: 0;height: 100%;display: block;content: '';background-color: #0054ae;transition: all .36s;position: absolute;top: 0;left: 0;}
.caselist li:hover .text a:before{width: 100%;}
.caselist li:hover .text a div{color:#fff;}

.list-page li span,.list-page li a{position: relative;display: block;padding: 10px 15px;margin-left: -1px;line-height: 1.25;color: #0054ae;background-color: #fff;border: 1px solid #dee2e6;}
.list-page .disabled span{color: #6c757d;pointer-events: none;cursor: auto;background-color: #fff;border-color: #dee2e6;}
.list-page a:hover,.list-page li.active span{background-color: #0054ae !important;border-color: #0054ae !important; color: #fff!important;}
.pagination{justify-content: center!important;display: -ms-flexbox;display: flex;padding-left: 0;list-style: none;border-radius: 5px;}
.pagination li:first-child span,.pagination li:first-child a{margin-left: 0;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.pagination li:last-child span,.pagination li:last-child a{border-top-right-radius: 5px;border-bottom-right-radius: 5px;}

@media screen and (max-width:1660px) {
    .history .prev{ left:0;}.history .next{ right: 0;}
    .honor .prev{ left: 0;}
    .honor  .next{ right: 0;}
}

@media screen and (max-width:1440px) {
    .navbar{padding: 0 5vw;}
    .navbar a{ line-height: 80px;}
    .history-top .years{ font-size: 180px;}
    .history-top .img{ width: 420px;}
    .contacticon{ width: 100px;}
    .contactewm{ width: 140px;}
    .newslist .newsitem img{ height: 220px;}
    .proLeft .title{padding-left: 5vw;    height: 80px;}
    .muneUl>li{ padding-left: 5vw;}
    .proRight .location{ padding-right: 5vw; height: 80px;}
    .proRight .box{ padding-right: 5vw;}
    .prolist li{   margin-bottom:40px;}
    .proinfotext .button a{   height: 50px;}
    .proinfotext .button a img{ max-height: 60%;}
}

@media screen and (max-width:1280px) { 
    .navbar{padding: 0 2vw;}
    .navbar a{ line-height: 70px;}
    .about .w50{width:100% !important;}
    .about .wapFlex {flex-direction: column;align-items: flex-start;justify-content: flex-start;}
    .about .left {padding: 0;margin-top: 20px;}
    .video-wrap {width: 90vw;height: auto;}
    .history-top .years{ font-size: 120px;}
    .history-top .img{ width: 400px;}
    .culture .left::after{ right: 0; left: auto;}
    .contacticon{ width: 80px;}
    .contactewm{ width: 120px;}
    .proLeft .title{    height: 70px;}
    .proRight .location{   height: 70px;}
}

@media screen and (max-width:1000px) {
    .history-top .years{ font-size: 100px;}
    .history-top .img{ width: 350px;}
    .swiperBtn{ width: 50px; height: 50px;}
    .contactli{  flex-wrap: wrap;}
    .contactli li{ width: 50%; margin-bottom: 25px;}
    .contactli li:last-child{ display: flex; align-items: center; justify-content: center; flex-direction: column;}
    .zwDiv{ padding-top: 60px; margin-top: -60px;}
    .proLeft .title{padding-left: 2vw;    height: 60px;}
    .muneUl>li{ padding-left: 2vw;}
    .proRight .location{ padding-right: 2vw; height: 60px;}
    .proRight .box{ padding-right: 2vw;}
    .prolist li{ width: 48.5%; margin-right: 3%;  margin-bottom:30px;}
    .prolist li:nth-child(3n){ margin-right: 3%;}
    .prolist li:nth-child(2n){ margin-right: 0;}
    .partnerul li {width: 32%;margin-right: 2%;margin-bottom: 2%;}
    .partnerul li:nth-child(3n) {margin-right: 0;} 
    .newslist .newsitem .more{width:100%;}
	.caselist li{ width: 49% ; margin-right: 2%; margin-bottom: 2%;}
	.caselist li:nth-child(3n){margin-right: 2%;}
	.caselist li:nth-child(2n){margin-right: 0%;}
	.caselist li .text {margin-top: -50px;}
    .list-page li span,.list-page li a{padding: 6px 12px;}
}

@media screen and (max-width:750px) {
    .neiban .txt{left: 20px; padding-top: 60px;}
    .neibanImg{ width: 100%; height: 280px; object-fit: cover;}
    .navbar{padding: 0  ;}
    .navbar a{ line-height: 50px;}
    .navbar li{ margin-right: 0; flex: 1; text-align: center; }
    .about .left{ padding: 0; margin-top: 15px;}
    .aboutPlay{width: 50px;height: 50px;}
    .video-box{ height: 50vh;}
    .video-box .video-background{ min-height: 50vh;}
    .video-wrap .close-btn{width: 35px;height: 35px;line-height:35px;right: 0px;top: -15px}
    .video-wrap .close-btn img{width: 60%;}
    .cultureul{ flex-wrap: wrap;}
    .cultureul li{ width: 48%;}
    .cultureul li:nth-child(n+3){ margin-top: 18px;}
    .swbutton{ display: none !important;}
    .history-top .years{ font-size: 40px;}
    .history-top .img{ width: 100%; margin-left: 0; margin-top: 15px;}
    .honorTab{ margin-top: 15px;}
    .honorTab li:first-child{ margin-left: 0;}
    .contactli{ text-align: center;}
    .contactli li,.contactli li:last-child{ justify-content: flex-start;}
    .contacticon{ width: 50px;}
    .contactewm{ width: 80px;}
    .newslist .newsitem{  width: 100%; margin-right: 0%; margin-bottom: 30px; border-bottom: 1px solid #e5e5e5; padding-bottom: 25px;}
    .newslist .newsitem:nth-child(3n){ margin-right: 0;}
    .newslist .newsitem .line-clamp3{-webkit-line-clamp: 2;}
    .newslist .newsitem img{ height: 120px;}
    .newslist .newsitem .more{ width: 100px; height: 40px;}
    .newslist .newsitem:hover img{ transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); }
    .newspage .left{ width: 100%; line-height: 2.6;} 
    .newsleft{ width: 100%;}
    .newspage .light-tri{ display: none;}
    .proLeft{ display: none;}
    .proRight{ width: 100%; }
    .proRight .location{ padding-right: 20px; height: 40px;}
    .proRight .box{ padding: 20px;}
    .prolist li{ width: 100%; margin-right: 0%; margin-bottom: 20px;}
    .prolist li:nth-child(3n){ margin-right: 0%;}
    .prolist li:nth-child(2n){ margin-right: 0;}
    .proinfoimg{ padding-left: 0; margin-bottom: 18px;}
    .proinfotext .button a{ width: 38%; height: 40px;}
    .proinfotext .button a img{ max-height: 45%;}
    .proinfotext .button a:first-child{ width: 60%;}
    .proinfoLine .title::after,.proinfotext .line::before{ height: 1px;}
    .support .support-ul p{line-height: 25px;min-height:50px;} 
    .caselist li{ width: 100% ; margin-right: 0; margin-bottom: 20px;}
    .caselist li .more{ border-width: 1px;}
    .caselist li .text{margin-top: -40px;}
    .caselist li .right{ width: 50px; height: 26px;}

}

@keyframes ripple-wave1 {
    to {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.1),0 0 0 30px rgba(255, 255, 255, 0.1),0 0 0 45px rgba(255, 255, 255, 0.02);
    }
}