body{ font-size: 16px;}

.w80{ width: 80%; margin: 0 auto;}
header  {   box-shadow: 0 0 10px rgba(0, 0, 0, .15); background-color: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 100;}
.logo{  }
.logo img{ height: 60px;}
.z5{ position: relative; z-index: 5;}
header .searcForm{ position: absolute; right: 2vw; top:90px ; background-color: #fff; display: none;}
header .searcForm.on{ display: flex;}
.searcForm{ width: 320PX; height: 50px; border: 1px solid #014478; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
 .keys{ width: calc(100% - 50px);}
 .submit{ width:50px; height: 50px;  border-radius: 50%; background: url(../images/search-w.png) no-repeat center center #014478; background-size: 40% auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
nav{ height: 60px;  z-index: 100; box-shadow: 0 0 10px rgba(82,167,64,.38);}
.zwid{ margin-top: -80px; padding-top: 80px;}
.navul li{ position: relative;}
.oneNav{ line-height:80px; display: inline-block; font-size: 18px;   padding:  0 2vw; white-space: nowrap;}
body::before{ display: block; content: ''; width: 100%; height: 80px; background-color: #fff;}
.navul li.on .oneNav{ color: #014478;}
.navul  li dl{position:absolute;text-align: center;min-width: 100%; width: 180px;top:90px;left: 50%; background:#fff;   -webkit-box-shadow:0 13px 42px 11px rgba(0,0,0,.15);box-shadow:0 13px 42px 11px rgba(0,0,0,.15);
	border-bottom-left-radius:5px;border-bottom-right-radius:5px; z-index: 105;
}
.navul  li dl dd{white-space: nowrap;height:50px;line-height:50px;border-bottom:1px solid #eee;transition:all .36s ease;
	-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease}
.navul  li dl dd:last-child{border-bottom:0}
.navul  li dl dd a{ padding: 0 10px;  font-size:16px; color:#333!important; font-weight: normal!important; transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease;display:block }
.navul  li dl dd:hover{background:#014478}
.navul  li dl dd:hover a{color:#fff!important;}
.navul  li dl:before{content:"";position:absolute;border-width:0 9px 9px;border-style:solid;border-color:transparent transparent #fff;top:-9px;left:50%;margin-left:-9px}
.navul  li dl{ visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
.navul  li:hover dl{ visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); }
.navul  li>a:hover:after{top:0}
.navul  li>a:hover span{transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%)}

.h_nav{ height:60px; width: 60px;  padding: 18px 8px ;  background-color: #014478;   align-items: flex-end; display: none;}
.h_nav .burger{ width: 100%;  height: 1px ; background: #fff;  transition: .8s; display:inline-block;       }
.h_nav .burger:first-child{ animation: long 2s linear infinite; -webkit-animation: long 2s linear infinite; }
.h_nav .burger:nth-of-type(2){  width: 50%;}
.h_nav .burger:nth-of-type(3){ animation: long 3s linear infinite; -webkit-animation: long 3s linear infinite; }
.h_nav.close .burger:first-child{ display: none;}
.h_nav.close .burger:nth-of-type(3){ display: none;}
.h_nav.close .burger:nth-of-type(2) {    position: relative;    z-index: 1; width: 80%;}
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      content: '';   position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: #fff;      opacity: 0;      z-index: 1;}
.h_nav.close .burger:nth-of-type(2) {    background: transparent;    transform: rotate(-180deg); }
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      opacity: 1;      transition: all .3s; }
.h_nav.close .burger:nth-of-type(2):before {     transform: rotate(45deg); }   .h_nav .burger:nth-of-type(2):after {     transform: rotate(-45deg); }


.nav{ width: 100%; height: calc(100vh - 60px) ; transition:all .6s ; transform: translateX(100%); background-color: #000;  color: #fff;
     position: fixed; top: 60px; right: 0; flex-direction: column; z-index: 120;
     -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transition:all .6s ; 
     -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; }

.nav.active{ height: calc(100vh - 55px) ;top: 55px; }
.nav.show{ transform:translateX(0) ;  -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }
.nav li.go-child{ border-top: 1px solid rgba(255, 255, 255, 0.25); position: relative;}
.nav li.go-child>a{ line-height: 60px; padding: 0 20px;}

.erji{ width: 60px; height: 60px; position: absolute; right: 0 ; top: 0; display: flex; align-items: center; justify-content: center; font-size: 30px; z-index: 10;
 background: url(../images/jia.png) no-repeat center center; background-size: 40% auto;}
 .nav li.go-child.on .erji{ background: url(../images/jian.png) no-repeat center center; background-size: 40% auto;}
.nav-down li a{ line-height: 50px; border-top: 1px solid rgba(255, 255, 255, 0.25); display: block; padding-left: 25px; font-size: 14px; opacity: 0.8; }

.videoIconBtn{   }
.downImg{ height: 20px }
.banner .pagination{ width: 100%; position: absolute; z-index: 10; bottom: 6vh; left:0; display: flex; align-items: center; justify-content: center;}
.banner .pagination .swiper-pagination-bullet{ background-color: rgb(137 143 156 / 15%); margin: 0 15px !important;   opacity: 1; position: relative;}
.banner .pagination .swiper-pagination-bullet::after{width: 30px;height: 30px;border: 1px solid #014478;border-radius: 50%;display: block;content: '';position: absolute;top: -12px;left: -12px;-webkit-border-radius: 50%;
     -moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transition:all .36s ;
     -webkit-transition:all .36s ;-moz-transition:all .36s ;-ms-transition:all .36s ;-o-transition:all .36s ;}
.banner .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #014478;}
.banner .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.banner .swiper-slide .txt{ position: absolute; top: 0; left: 0; z-index: 10; padding-top: 5%; align-items: center;}
.banMore{ overflow: hidden; background-image: linear-gradient(to right,#63a451,#014478) ; width: 180px; height: 50px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.banMore span{ position: relative; z-index: 5;}
.banMore::before{ display: block; content: ''; background: #014478; width: 0; height: 100%; position: absolute; top: 0; right: 0; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.banMore:hover::before{ width: 100%;}

.idxProclass a{ padding: 12px 34px; border: 1px solid #e5e5e5; border-radius: 25px; margin: 0 12px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.idxProclass a:hover,.idxProclass a.on{ background-color: #014478; color: #fff;}

.prolist li{ width: 24.3%;  background-color: #fff; margin-right: .93%; margin-bottom: 20px;border-color: #014478;border-radius:8px;}
.prolist li:nth-child(4n){ margin-right: 0;}
.prolist li .img{ width: 100%; height: 300px;}
.prolist li .img img{ max-width: 100%; max-height: 100%; width: auto !important;}
.prolist li:hover{ box-shadow: 0 0 10px rgba(0,0,0,.15); transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }

.idxMore{ border: 1px solid #014478; height: 75px; width: 325px; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxMore span{ position: relative; z-index: 5;}
.idxMore::after{ width: 0; height: 100%; display: block; content: ''; position: absolute;  z-index: 1; top: 0; left: 0; background-color: #014478; 
	transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxMore:hover{ color: #fff; box-shadow: 0 0 10px rgba(15 ,78, 128,.5);}
.idxMore:hover::after{ width: 100%;}
.idxYs{ background: url(../images/bg1.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; position: relative;}
.idxYs::after{ background: rgba(0, 0, 0, .6); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; display: block; content: '';}
.ysUl li{ width: 31.5%; position: relative; margin-right:2.75% ;   margin-bottom: 40px;}
.transition06{ transition: all .7s; -webkit-transition: all .7s; -moz-transition: all .7s; -ms-transition: all .7s; -o-transition: all .7s; }
.z5{ position: relative; z-index: 5;}
.ysUl li{   height: 300px; text-align: center; }
.ysUl li .top{ border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 10px;}
.ysUl li .top img{ height: 65px;  }
.ysUl li .bottom{ position: absolute; top: 0; left: 0; border-radius: 10px; transform: rotateX(180deg); box-shadow: 0px 1px 51.3px 5.7px rgb(137 143 156 / 15%); backface-visibility: hidden; -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); }
.ysUl li .bottom::after{position: absolute;content: "";left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, transparent -80%, #014478);border-radius: 10px;}

@media screen and (min-width:750px) {
    .ysUl li:hover .top{ transform: rotateX(-180deg); -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); }
    .ysUl li:hover .bottom{ transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); }
    
}


.ysUl li:nth-child(3n){ margin-right: 0;}

.idxSolution .swiper-container .swiper-slide{ padding-bottom: 60px;}
.idxSolution .swiper-container .swiper-slide:nth-child(2n){ padding-bottom: 0;padding-top: 60px;}
.idxSolution .swiper-container .swiper-slide .txt{ position: absolute; z-index: 5; left: 0;  bottom: 0;  background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,.5));}
.idxSolution .swiper-container .swiper-slide:hover .txt{   background-image: linear-gradient(to bottom,transparent,rgba(1,68,120, .9)); }
.idxSolution .swiper-container .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); }
.idxSolution .swiper-container .swiper-slide .txt .line{ width: 20%; height: 2px;}
.idxSolution .swiper-container .swiper-slide:hover .txt .line{ width: 50%; }

/* .ysUl li{ width: 31.5%; position: relative; margin-right:2.75% ; border: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 40px;}
.ysUl li:nth-child(3n){ margin-right: 0;}
.ysUl li img{ height: 65px; position: relative; z-index: 5;}
.ysUl li div{ position: relative; z-index: 5;}
.ysUl li:hover{ box-shadow: 0 0 20px rgba(255, 255, 255, 0.3); transform: translateY(-15px); -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); }
.ysUl li:hover img{ animation: jello 1.2s; -webkit-animation: jello 1.2s; }

.ysUl li::before{ position: absolute; top: 0; left: 0; display: block; content: ''; width: 100%; height: 100%; background-color: #014478; z-index: 1; transform: scale(0.5); opacity: 0; transition: all .36s; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.ysUl li:hover::before{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1);opacity: 1; } */

.aboutMore{ width: 220px; height: 60px;}
.aboutBtn{ border-radius: 15px; box-shadow: 0 0 28px rgba(15 ,78, 128,.38); animation: big-svg 2s linear 0s alternate infinite; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; -webkit-animation: big-svg 2s linear 0s alternate infinite; }
.aboutBtn:hover{ transform:scale(1.05) ; box-shadow: 0 0 28px rgba(15 ,78, 128,.8); -webkit-transform:scale(1.05) ; -moz-transform:scale(1.05) ; -ms-transform:scale(1.05) ; -o-transform:scale(1.05) ; }
.light{ position: absolute; left: -100%; top: 0; width: 100%; height: 100%; transform: skewx(-25deg);
	background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));}
.light-tri:hover .light{ left: 100%; transition: 1s;}
.aboutMore:hover{ box-shadow: 0 0 28px rgba(15 ,78, 128,.15); transform:scale(0.95) ; -webkit-transform:scale(0.95) ; -moz-transform:scale(0.95) ; -ms-transform:scale(0.95) ; -o-transform:scale(0.95) ; }
 
.idxDoipak{  background:#f5f5f5; background-size: cover;  position: relative;}
.idxDoipak .idxMore{border-color: #fff; width: auto; height: auto;}
.idxDoipak .idxMore:hover{ border-color: #014478; box-shadow: 0 0 10px rgba(15 ,78, 128,.5);}
.playCircle{ width: 80px;}

.zw{ margin-top: -100px; padding-top: 100px;}

/* background: url(../images/bg3.jpg) no-repeat center center; background-size: cover; */
 
footer{ background: #222222; }
footer .top{ border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
footer dt{ width: 12vw;}
footer dd{ width: 12vw;}
.addD{ width: 23vw;}
footer .searcForm{ border-color: #fff;}
footer .searcForm input::-webkit-input-placeholder  {color:#fff;}
footer .searcForm input:-moz-placeholder {color:#fff;}
footer .searcForm input::-moz-placeholder  {color:#fff;}
footer .searcForm input:-ms-input-placeholder {color: #fff;}
footer a:hover{ color: #014478;}
.friendlink a{ margin-left: 15px; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.friendlink a:hover{ background-color: #014478; box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);}
footer .bot{border-top: 1px solid rgba(255, 255, 255, 0.2);}


div.video-play{position:fixed;top:0;bottom:0;right:0;left:0;width:100vw;height:100vh;z-index:10001;display:none}
div.video-bg{position:absolute;top:0;bottom:0;width:100%;z-index:1001;background:#0b0b0b;opacity:.8}
div.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;  }

div.video-wrap video{width:auto;height:auto; max-width: 100%; max-height: 100%;}
div.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;}
div.close-btn:hover{ transform: rotate(180deg); opacity: 1; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }


.mission​​​​​​​Ul li{width: calc(33.3% - 20px);    margin: 0 10px;}
.mission​​​​​​​Ul li::after{ display: block; content: '';right: -10px;top: 25px;height: 1px;width: calc(100% - 100px); position: absolute;   border-bottom: 2px dashed rgba(11,68,120, 0.45);transform: translateX(50%);}
.mission​​​​​​​Ul li:last-child::after{ display: none;}
.mission​​​​​​​Ul li .round{ width: 50px; height: 50px;  }
.mission​​​​​​​Ul li .round::before{ width: 140%; height: 140%; left: -20%; top: -20%; border-radius: 50%; position: absolute; z-index: -2; display: block; content: ''; background-color: #014478; opacity: 0.2;}
.mission​​​​​​​Ul li .round::after{ width: 120%; height: 120%; left: -10%; top: -10%;border-radius: 50%; position: absolute; z-index: -1; display: block; content: ''; background-color: #014478; opacity: 0.2;}

.page-aside { position: fixed; right: -6px; bottom: 180px; transform: translateX(100%); z-index: 25; opacity: 0; transition: transform .3s, opacity .3s; -webkit-transition: transform .3s, opacity .3s; -moz-transition: transform .3s, opacity .3s; -ms-transition: transform .3s, opacity .3s; -o-transition: transform .3s, opacity .3s; }
.page-aside.show {transform: translateX(0);opacity: 1}
.page-aside .img {max-width: 100%}
.page-aside-item {width: 54px;text-align: center;height: 50px;position: relative;z-index: 1;cursor: pointer;display: block;background-color: rgba(0, 0, 0, .5);margin: 4px 0;border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;padding-right: 6px;transition: transform .3s;display: flex;align-items: center;justify-content: center}
.page-aside-item .icon {width: 50%}
#toolbar{ position: fixed; bottom: 0; left: 0; width: 100%; z-index: 90; display: none;}
#toolbar a {width: 25%;padding: 10px 0;text-align: center;color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column;}
#toolbar img{ height: 20px; margin-bottom:5px;}
.neiban .bg .line{ width: 35px; height: 3px;}
.neiban .bg{ background:rgba(255, 255, 255, 0.7) ; min-width: 32%; border: 10px solid #fff;}

.AboutDoipak{ display: inline-block; padding: 15px 45px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.aboutOne{ border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; -o-border-radius: 18px; }
.aboutOneUl li{ display: flex; justify-content: space-between; align-items: center; padding: 25px 0; }
.aboutOneUl li .img{ text-align: right;}
.aboutOneUl li:nth-child(2n){  flex-direction: row-reverse;}
.aboutOneUl li:nth-child(2n) .img{ text-align: left;}
.wapsearch{ display: none;}
.aboutHave{ background-color: #f5f5f5;  }
.finkUl{  width: 70%;}
.swiperBtn{ width: 50px; height: 50px; border-color: #014478;}
.swiperBtn:hover{ background-color: #014478; color: #fff;}

/* .hononr .img{ height: 400px;} */
/* .hononr .txt{ padding-top: 0;} */
.hononr .prev,.hononr .next{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 10;   }
.hononr .prev{left: -100px;}
.hononr .next{ right: -100px;}

.sceneBox .prev,.sceneBox .next{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 10;   }
.sceneBox .prev{left: -100px;}
.sceneBox .next{ right: -100px;}

.maxImg img{ max-width: 100%; max-height: 100%;}

.moveBox .txt{ background: url(../images/bg4.jpg) no-repeat center center; background-size: cover; justify-content: center;}

#moveSwiper .swiper-pagination{ width: auto; bottom: 6vh; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); }
#moveSwiper .swiper-pagination-bullet{ background-color: #fff; margin: 0 !important; margin-right: 32px !important; opacity: 1; position: relative;}
#moveSwiper .swiper-pagination-bullet::after{width: 30px;height: 30px;border: 1px solid #014478;border-radius: 50%;display: block;content: '';position: absolute;top: -12px;left: -12px;-webkit-border-radius: 50%;
     -moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transition:all .36s ;
     -webkit-transition:all .36s ;-moz-transition:all .36s ;-ms-transition:all .36s ;-o-transition:all .36s ;}
#moveSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #014478;}
#moveSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active::after{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

 
.newitem .img img{ width: 100%; height: 280px; object-fit: cover;}
.newitem: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); }
.newitem .tit span{
     /*text-decoration: underline;
     */background-image: linear-gradient(currentColor 0, currentColor 0);
     background-image: linear-gradient(currentColor 0 0);
     background-position: 0 calc(100% - 1px);
     background-size: 0 1px;
     background-repeat: no-repeat;
     transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
     -webkit-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
     -moz-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
     -ms-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
     -o-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
   }
.newitem:hover .tit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}
 
.proLeft{  width: 22.3%; }
 
aside ul{ line-height: 3; color: #aaa;}
aside dl{ padding: 15px 0;}
aside dl ul{ display: none; padding-top: 10px;}
aside dl.on ul{ display: block;}
aside dl dt img{ cursor: pointer;}
aside dl a:hover{ color: #014478;}
.downImgBtn{ padding: 20px 0; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.proRight{ width: 76%;}
.productlist li{ width: 32%; margin-right: 2%; margin-bottom: 30px; border:1px solid #014478;border-radius:8px;}
.productlist li:nth-child(3n){ margin-right: 0;}
.productlist li .img{ width: 100%; height:300px;}
.productlist li .img img{ max-width: 100%; max-height: 100%; width: auto !important;}
.productlist li:hover{ box-shadow: 0 0 10px rgba(0,0,0,.15);}


.neiNav{ padding-bottom: 15px;  width: 100%;}
.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:#014478;
    border-bottom: 2px solid #014478;
}
 
.menuItem .topBtn img{
    position: absolute;
    height: 40%;
}
.topBtnActive{
    margin-top: 0; 
}
.menuDetail{
    width:92%;
    /*margin: 0 auto;*/
    background:rgb(249 225 210);
    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: #014478!important;
}

.proinfoLink a{ border: 1px solid #e5e5e5; height: 54px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.proinfoLink a:hover{ box-shadow: 0 0 10px rgba(82,167,64,.38) ; transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.DescriptionTit{border-bottom: 2px solid #014478;}
.contInfo img{ margin: 5px 0;}
.proinfoBtn a{ width: 32%; height: 90px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.proinfoBtn a:hover{ transform: scale(0.95); box-shadow: 0 0 10px rgba(82,167,64,.35); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }

.newslist li{ width: calc(100% / 3); padding: 35px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.newslist li:nth-child(3n){  border-right:none }
.newslist li:hover{ background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .2);}

.newsinfo{ border:10px solid #fffdfc;}
.newspage li{ width: 85%;}
.newspage li a:hover{ color: #014478;}
.newspageback{ display: inline-flex; padding:12px 30px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); line-height: 1; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.newspageback:hover{ box-shadow: 0 0 10px rgba(82,167,64,.35);}
.contactbg{ background-color: #fffdfc;}

.map{ width: 100%; height: 700px;}


.searchform .keys{ width: 640px; height: 74px; line-height: 74px; padding: 0 20px;}
.searchform .submitbtn{ background: url(../images/search-w.png) no-repeat center center  #014478; background-size:  ; width: 74px; height: 74px; cursor: pointer;}

.searchlist  a::before{ width: 0; transition:all .56s ; height: 1px; display: block; content: ''; background-color: #014478; position: absolute; bottom: 0; left: 0; -webkit-transition:all .56s ; -moz-transition:all .56s ; -ms-transition:all .56s ; -o-transition:all .56s ; }
.searchlist .text{ width: 85%;}
.searchlist  .text .tip{ border: 1px solid #014478; margin-left: 10px; transition:all .36s ; color: #014478; font-size: 16px; padding: 1px 15px; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.searchlist .icon{ width: 50px; height: 50px; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.searchlist a:hover::before{ width: 100%;}
.searchlist a:hover{ color: #014478;}
.searchlist a:hover .text .tip{ background-color: #014478; color: #fff; border-color: #014478;}
.searchlist a:hover .icon{background-color: #014478; border-color: #014478; color: #fff;}

.idxProClass{display: grid; grid-gap: 25px; grid-template-columns: repeat(3,1fr);}
.idxProClass li{ position: relative; overflow: hidden;min-width:0}
.idxProClass li img{ width: 100%; height:500px; object-fit: cover;}
/*.idxProClass li:first-child{ grid-column-start: 1;grid-column-end: 3;  }
 .idxProClass li:nth-child(2){grid-column-start: 3;grid-column-end: 4; grid-row-start: 1;grid-row-end: 2;}  */
.idxProClass li .txt{ position: absolute; bottom: 0; left: 0; width: 100%; background-image: linear-gradient(to bottom,transparent, rgba(0, 0, 0, .6));   justify-content: flex-end;}
.idxProClass li:hover img{ transform: scale(1.1);}
/* .idxProClass li:hover .txt{ background-color: rgba(0, 0, 0, .5);} */

.newsItemImg{ width: 100%; height: 300px; object-fit: cover;}
@media screen and (max-width:1440px){
    .idxProClass li img{ width: 100%; height:400px; object-fit: cover;}
    .newsItemImg{ height: 265px;  }
}
@media screen and (max-width:1280px) { 
    .newsItemImg{ height: 225px;  }
}
@media screen and (max-width:750px){

    .idxProClass{display: grid; grid-gap: 15px; grid-template-columns: repeat(1,1fr);}
    .idxProClass li:first-child{grid-column-start: 1;grid-column-end: 2; grid-row-start: 1;grid-row-end:2;}
    .idxProClass li img{ width: 100%; height:auto; object-fit: cover;}

    .newsItemImg{ height:155px;  }
    
}

.ewmBox .img{ padding: 5px;}
.ewmBox img{ width: 120px;}

@media screen and (max-width:750px) {
    .ewmBox{ width: 90px; margin-top: 15px;}
.ewmBox .img{  width: 90px;}
 
}

@keyframes rightFloat {
    from {
        transform:translateY(-50%) translateX(-20px);
        opacity: 0;
        -webkit-transform:translateY(-50%) translateX(-20px);
        -moz-transform:translateY(-50%) translateX(-20px);
        -ms-transform:translateY(-50%) translateX(-20px);
        -o-transform:translateY(-50%) translateX(-20px);
}

    to {
        transform:translateY(-50%) translateX(0);
        opacity: 1;
        -webkit-transform:translateY(-50%) translateX(0);
        -moz-transform:translateY(-50%) translateX(0);
        -ms-transform:translateY(-50%) translateX(0);
        -o-transform:translateY(-50%) translateX(0);
}
}

.footRight{ position: fixed; z-index: 100; right: 0; bottom: 20vh;}
    .footRight li{ width: 50px; height: 50px; background: rgba(0, 0, 0, .6);  position: relative;}
    .footRight li + li{ margin-top:5px;}
    .footRight li .footRightIcon{ width: 28px;}  
    .floatBox{ position:absolute; right: 120%; top: 50%; transform: translateY(-50%);   display: none;animation: rightFloat .3s; box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
    .floatBoxImg{ width: 120px;}
    .footRight li:hover{ background:#014478;}
    .footRight li:hover .floatBox{ display: block;}
    .j-gotop{transform: translateX(105%); transition: all .36s;}
    .j-gotop.show{transform: none;}
    @media screen and (max-width:1000px) {
        .footRight{ display: none !important;}
    }