body{font-size: 16px;} 
.w90{  width: 90%; margin: 0 auto;}
.w80{  width: 80%; margin: 0 auto; max-width: 1500px;}


.banImg{ width: 100%; height: 100vh; object-fit: cover; min-height: 300px;}
.banner .swiper-slide::before{ display: block; content: ''; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background:rgba(0, 0, 0, 0);}
.banner .swiper-slide .txt{ position: absolute;z-index: 10;   height: 100%; top: 0;}
.banner .more{ width: 230px; height: 55px; border-radius: 30px; background-image: linear-gradient(to bottom,#108cee,#4270f5); -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.banner .more:hover{ transform: scale(.95); -webkit-transform: scale(.95); -moz-transform: scale(.95); -ms-transform: scale(.95); -o-transform: scale(.95); }
.headerTop{ width: 100% ; height: 100px;}
header{ width: 100%; position: fixed; top: 0; left: 0; z-index: 99; height: 100px; color: #fff;}
header::after{ width: 100%; height: 0; display: block; content: ''; position: absolute; left: 0; top: 0; background-color: #fff; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
header .logo img{filter: grayscale(100%) brightness(500%); }
.headerForm{ width: 300px; background: rgba(255, 255, 255, .2); height: 45px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.headerForm .key{ width: calc(100% - 45px); line-height: 45px; color: #fff;}
.headerForm .submit{ width: 45px; height: 45px; background: url(../images/search-w.png) no-repeat center left 10px; background-size: 30% auto;}
nav .iconfont{ display: inline-block; font-size: 16px; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
nav li{ position: relative;}
.oneNav{ line-height: 100px; display: block; padding: 0 30px; font-size: 18px; white-space: nowrap;}
nav li dl{ position: absolute; left: 50%; width: 160px; margin-left: -80px; top: 100px; background-color: #fff; box-shadow: 0 5px 5px rgba(0, 0, 0, .15); text-align: center; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
nav li dl dd a{ line-height: 50px; font-size: 14px; height: 50px; border-top: 1px solid #e5e5e5; display: block; color: #333;}
header.bg{ color: #333;box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
header.bg::after{ height: 100%;}
header.bg .logo img{ filter: grayscale(0%) brightness(100%); -webkit-filter: grayscale(0%) brightness(100%); }
header.bg .headerForm{background: rgba(0, 0, 0, .1);}
header.bg .key{ color: #333;}
header.bg .headerForm .submit{   background: url(../images/search.png) no-repeat center left 10px; background-size: 30% auto;}

nav li dl{  visibility:hidden; opacity:0; transform: translateY(20px); }
nav li:hover dl{ visibility:visible; opacity:1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
nav li:hover .oneNav .iconfont{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
nav li:hover .oneNav{ color: var(--blue);}
nav li dl dd a:hover{ color: var(--white); background-color: var(--blue);}


.idxPlatform{ position: relative; z-index: 10; margin-top: -75px;}
.idxPlatform ul{ height: 130px;}
.idxPlatform .title{ background: url(../images/idxPlatformbg.png) no-repeat left top; background-size:  100% 100%  ; width: 29%;}
.idxPlatformUl{ width: 71%;}
.idxPlatformUl li{ width: calc(100% / 3);}
.planTit li{ padding: 35px  80px; cursor: pointer;}
.planTit li.active,.planTit li:hover{ color: var(--blue);}
.planTit li.active::after{ display: block; content: ''; width: 20%; height: 3px; background-color: var(--blue); position: absolute; bottom: 0; left: 40%;}
.idxCommon{ background: url(../images/planBg.png) no-repeat left top; background-size: 100% auto;}
.planSwiper .swiper-slide .title{ border-left: 3px solid var(--blue); line-height: 1;}

.planUl .yuan{ background-color: #f2f5fe; width: 75px; height: 75px;}
.planUl .txt{ width: calc(100% - 100px);}
.planUl li{  width: 31%; margin-right:3.5% ;}
.planUl li:nth-child(3n){    margin-right:0 ;}
.planUl li:hover{ background-color: #f2f5fe; border-color: var(--blue); box-shadow: 0 0 10px rgba(0, 0, 0, .1); transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }
.planUl li:hover .yuan{ background-color: #fff;}
.planUl li .yuan img{ width: 55%;}
.planUl .yuan i:before { content: ''; position: absolute; left: 0; top: 0;  border: 1px solid var(--blue); width: 100%;height: 100%;  border-radius: 50%;  opacity: 0}
.planUl .yuan i:after {content: '';position: absolute; left: 0;top: 0;border: 1px solid var(--blue); width: 100%; height: 100%; border-radius: 50%;opacity: 0}
.planUl li:hover .yuan  i:before { animation: serv_one_border .9s 0s ease 1; -webkit-animation: serv_one_border .9s 0s ease 1; }
.planUl li:hover .yuan i:after { animation: serv_one_border 1.5s 0s ease 1; -webkit-animation: serv_one_border 1.5s 0s ease 1; }
.planUl li:hover .more{ transform: translateX(-10px); -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); }
.maxImg img{  max-width: 100%; max-height: 100%;}
/* .industryUl { height: 60px;} */
.industryUl li{  width: 150px;}

.proSwiper .swiper-slide .img{ width: 100%; height: 340px;}
.proSwiper .swiper-slide .img i{ width: 0; height: 0; transition: all .36s; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: #f2f5fe; border-radius: 50%; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform:; -moz-transform:; -ms-transform:; -o-transform:; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s;
}
.proSwiper .swiper-slide .shadow{ box-shadow: 0 0 10px rgba(25, 135, 239, .15);}
.proSwiper .swiper-slide .txt{ padding-top: 0;}
.proSwiper .swiper-slide  .more{background-color: #f2f5fe; height: 50px; border-radius: 30px; width:60%; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.proSwiper .swiper-slide  .more::after{ position: absolute; left: 0; top: 0; width: 0; height: 100%; display: block; content: ''; background-image: linear-gradient(to right,#05b6ff,#004cff); transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.proSwiper .swiper-slide:hover .more{ color: #fff; box-shadow: 0 0 10px rgba(25, 135, 239, .25); transform: scale(.95); -webkit-transform: scale(.95); -moz-transform: scale(.95); -ms-transform: scale(.95); -o-transform: scale(.95); }
.proSwiper .swiper-slide:hover .more::after{ width: 100%;}
.proSwiper .swiper-slide:hover .img i{  width: 240px; height: 240px;  }

.idxPro  .next,.idxPro  .prev{ width: 70px; height: 70px; position: absolute; top: 50%; margin-top: -35px; z-index: 10;}
.idxPro  .next{right: -100px;}
.idxPro  .prev{left: -100px;}
.idxPro  .next:hover,.idxPro  .prev:hover{ background-color: var(--blue); color: #fff; box-shadow: 0 0 10px rgba(25, 135, 239, .15);}
.idxPro .swiper-button-disabled{ background-color: #f0f0f0; opacity: .25; cursor: no-drop;}


.idxBan{ background: url(../images/idxBanBg.jpg) no-repeat center center; background-size: cover;}
.idxBan .more{ border-color: #fff; padding: 10px 40px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.idxBan .more:hover{ background-color: var(--blue); color: #fff; transform: scale(.95); -webkit-transform: scale(.95); -moz-transform: scale(.95); -ms-transform: scale(.95); -o-transform: scale(.95); }

.idxAbout{ background: url(../images/idxAboutBg.png) no-repeat bottom center; background-size:  cover;}
.color-txt{ background-image: linear-gradient(to bottom,#00b5ff,#004dff); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
 }
 .idxAbout .aboutmore{ border-color: var(--blue);  padding: 5px; }
 .idxNews{ background-color: #f5f6f7;}
 .newSwiper .pic{ width: 100% ; height: 230px; object-fit: cover;}
 .newSwiper  .swiper-slide  .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;
  }
 .newSwiper  .swiper-slide:hover .tit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}
 .newSwiper  .swiper-slide:hover { color: var(--blue);}
 .newSwiper  .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) ; }   

 .idxOnUl li{  width: calc(100% / 3); box-shadow: 5px 0 24px rgba(25, 135, 239, .15);}
 .idxOnUl li:hover img{animation: jello 1.2s;}
 .idxOnUl li:hover{ color: var(--blue); box-shadow: 5px 0 24px rgba(25, 135, 239, .5); transform: scale(1.05); position: relative; z-index: 6; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }

 footer{ background: url(../images/footbg.jpg) no-repeat left bottom; background-size: cover; color: #fff;}
 footer .top{  border-bottom: 1px solid rgba(255, 255, 255, .1);}
 footer .center .yuan{ width: 60px; height: 60px; background: rgba(255, 255, 255, .5);}
 footer .bottom{ border-top: 1px solid rgba(255, 255, 255, .1);}


 .h_nav{ height: 60px; width: 60px; background-color:var(--blue); padding: 18px 8px ;    align-items: flex-end; display: flex;}
 .h_nav.close{align-items: center; justify-content: center;}
 .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{ color: #fff !important; width: 100%; height: calc(100vh - 60px) ; transition:all .6s ; transform: translateX(100%); background-color: #000; position: fixed; top: 60px; right: 0; flex-direction: column; -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.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; font-size: 16px;}

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

 .neiBanImg{ max-height: 100vh; min-height: 220px; object-fit: cover; width: 100%;}
 .subnav{ box-shadow: 0  10px 10px rgba(0, 0, 0, .1);}
 .subnav a{ display: inline-block; line-height: 100px; margin: 0 5vw; position: relative;}
 .subnav a::after{ width: 80%; left: 10%; height: 2px; bottom: 0; display: block; content: ''; background-color: var(--blue); position: absolute;
    transform: scale(0,1); transition: all .36s; -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::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); }
 .subnav a.on, .subnav a:hover{ color: var(--blue);}
 .introduction{ background: url(../images/idxAboutBg.png) no-repeat center bottom; background-size: cover  ; padding-bottom: 250px;} 
 .introduction .desc{ width: 90%;}

 .culture{ margin-top: -150px; }
 .culture .con{ background: url(../images/cultureBg.jpg) no-repeat center center; background-size: cover; position: relative; background-attachment: fixed;}
 .cultureUl li{ width: calc(100% / 3);}
 .hononr { background: url(../images/honorbg.png) no-repeat bottom center; background-size: 100% auto;}


.hononr .img{ height: 400px;}
.hononr .txt{ padding-top: 0;}
.hononr .prev,.hononr .next{ 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%); }
.hononr .prev{left: -100px;}
.hononr .next{ right: -100px;}
.hononr .prev:hover,.hononr .next:hover{ background-color: var(--blue); color: #fff;}

.rjBox{ background: url(../images/rjBoxBg.png) no-repeat top center; background-size: cover;}
.rjlist li{ background: url(../images/riBg.png) no-repeat center right #fff;}
 
 
.commonlink {width: 170px;line-height: 50px; display: block;perspective: 500;-webkit-perspective: 500; }
.commonlink .w {position: relative;-webkit-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;-webkit-transform-style: preserve-3d;        transform-style: preserve-3d;pointer-events: none;}
.commonlink .t {position: absolute;  width: 100%;height: 100%; left: 0; top: -50px;-webkit-transform-origin: center bottom;    -ms-transform-origin: center bottom;        transform-origin: center bottom;-webkit-transform: rotateX(90deg);        transform: rotateX(90deg);-webkit-backface-visibility: hidden;        backface-visibility: hidden;}
.commonlink:hover .w { transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -webkit-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -moz-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -ms-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -o-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); }
.commonlink .t img{filter: grayscale(100%) brightness(500%);}
.rjlist 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) ; }
.rjlist li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .1); transform: translateY(-15px); -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); }

.yjlist li{ width: calc((100% - 80px )/3); margin-right: 40px; margin-bottom: 40px;}
.yjlist li:nth-child(3n){ margin-right: 0;}
.yjlist li .img{ width: 100%; height: 340px;}
.yjlist li .img i{ width: 0; height: 0; transition: all .36s; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: #f2f5fe; border-radius: 50%; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform:; -moz-transform:; -ms-transform:; -o-transform:; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s;
}
.yjlist li .shadow{ box-shadow: 0 0 10px rgba(25, 135, 239, .15);}
.yjlist li .txt{ padding-top: 0;}
.yjlist li  .more{background-color: #f2f5fe; height: 50px; border-radius: 30px; width:60%; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.yjlist li  .more::after{ position: absolute; left: 0; top: 0; width: 0; height: 100%; display: block; content: ''; background-image: linear-gradient(to right,#05b6ff,#004cff); transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.yjlist li:hover .more{ color: #fff; box-shadow: 0 0 10px rgba(25, 135, 239, .25); transform: scale(.95); -webkit-transform: scale(.95); -moz-transform: scale(.95); -ms-transform: scale(.95); -o-transform: scale(.95); }
.yjlist li:hover .more::after{ width: 100%;}
.yjlist li:hover .img i{  width: 240px; height: 240px;  }
.yjlist li:hover{ transform: scale(.95); -webkit-transform: scale(.95); -moz-transform: scale(.95); -ms-transform: scale(.95); -o-transform: scale(.95); }

.soluteBox,.newBox{ background-color: #f5f6f7;}
.soluteTop .w48 img{ width: 100%; height: 100%; object-fit: cover;}
.soluteTop .txt{ background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,.5)); }
.soluteTop .w48: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); }
.soluteTop .w48:hover{  box-shadow: 0 0 15px rgba(25, 135, 239, .15);}

.linka a:hover{ color: var(--blue);}
.soluteList li .img{ width: 32%;}
.soluteList li .img img{max-height: 270px; object-fit: cover; width: 100%;}
.soluteList li .text{ width: 65%;}
.soluteList 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); }
.soluteList li  .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;
 }
.soluteList li:hover .tit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}
.soluteList li:hover { transform: scale(.98); box-shadow: 0 0 0 5px var(--blue); -webkit-transform: scale(.98); -moz-transform: scale(.98); -ms-transform: scale(.98); -o-transform: scale(.98); }

.newslist li{ width: calc((100% - 45px )/4); margin-bottom: 25px; margin-right: 15px;}
.newslist li:nth-child(4n){ margin-right: 0;}
.picline::before {content: "";width: 100%;height: 100%;position: absolute;z-index: 1;left: 0px;}
.newslist li:hover .picline::before { animation: gradient-rectangle 1s 1; animation-delay: 0s; -webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96); -webkit-animation: gradient-rectangle 1s 1; }
.newslist li:hover{ transform: translateY(-10px); box-shadow: 0 0 10px rgba(25, 135, 239, .15); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.newslist 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); }
.newslist li  .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;
 }
.newslist li:hover .tit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}
.newslist li .img img{ width: 100%; height: 220px ; object-fit: cover;}


.newLeft{ width: 64%;}
.newRight{ width: 30%;}
.newRight .title{ line-height: 1; border-left: 3px solid var(--blue);}

.morenuewsUl li .img img{ width: 185px; height: 115px; object-fit: cover;}
.morenuewsUl li .txt{ width: calc(100% - 210px);}
.morenuewsUl 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); }
.morenuewsUl li:hover { color: var(--blue);}

.newsPage{  border-top: 3px solid #f1f1f1; }
.newsPage a{ width: 40%;}

.contactStyle{  width: 54%;}
.contactStyle::after{
 width: 100%;
 height: calc(100% - 180px);
 background-color: #f5f6f9;
 display: block;
 content: '';
 bottom: 0;
 left: 0;
 position: absolute;
 border-radius: 50px 0 0 0;
 -webkit-border-radius: 50px 0 0 0;
 -moz-border-radius: 50px 0 0 0;
 -ms-border-radius: 50px 0 0 0;
 -o-border-radius: 50px 0 0 0;
}
.gbookBox{ width: 46%; background-color: #eef0f5;  }

.contactStyle h1{font-weight: bold; font-size: 158px; color: #eeeff2;}
.contactStyle .title::after{  width: 8px; height: 100%; background-color: var(--blue); content: ''; display: block; position: absolute; left: 0; top: 0; }
.contactStyle .title::before{  width: 357px; height: 100%; background-image: linear-gradient( to right, var(--blue), rgba(25, 135, 239, .15)); content: ''; display: block; position: absolute; left: 15px; top: 0; }
.ewmImg{ width: 110px;}

.gbookBox .submit{ background-image: linear-gradient(to right,#00b5ff,#004cff); border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
.gbookBox .submit:hover{ transform:scale(.95) ; box-shadow: 0 0 10px rgba(25, 135, 239, .6); -webkit-transform:scale(.95) ; -moz-transform:scale(.95) ; -ms-transform:scale(.95) ; -o-transform:scale(.95) ; }

.orient{ margin-top: -100px; padding-top: 100px;}
.proInfoTop .maxImg{ height: 525px;}
.proInfoTop .button{ position: absolute; left: 0; bottom: 50px;}
.proInfoTop .button a{ width: 200px; height: 60px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.proInfoTop .button a:first-child{background-image: linear-gradient(to right,#00b5ff,#004cff); }
.proInfoTop .button a:first-child:hover{ color: #fff;}
.proInfoTop .button a:last-child:hover{ background-color: var(--blue); color: #fff; transform: scale(.96); box-shadow: 0 0 10px rgba(25, 135, 239, .5); -webkit-transform: scale(.96); -moz-transform: scale(.96); -ms-transform: scale(.96); -o-transform: scale(.96); }

.proinfoBoxleft{ width: 15.3%;}
.proinfoBoxleft ul{ padding-left: 0 !important;}
.proinfoBoxleft ul li:last-child{ margin-bottom: 0; padding-bottom: 0;}
.proinfoBoxleft ul::after{ width: 1px; height: 100% ; position: absolute; left: 3px; top: 6px;background-color: #e5e5e5; display: block; content: ''; z-index: 1;}
.proinfoBoxleft ul li:last-child::after{ display: none;}
.proinfoBoxleft ul li i{ width: 6px; height: 6px; display: block; background-color: #e5e5e5;}
.proinfoBoxright{  width: 80%;}
.proinfoBoxleft ul li.cur{ color: var(--blue);}
.proinfoBoxleft ul li.cur i{ background-color: var(--blue);}


.resultForm{ width: 40%;}
.resultForm .searcKey{ height: 66px; width: calc(100% - 66px); }
.resultForm .searcSubmit{ width: 66px; height: 66px;background: url(../images/search.png ) no-repeat center center; background-size: 32% auto;}
.resultList li{ } 
.resultList li::after{ width: 0; height: 1px; position: absolute; transition: all .5s; left: 0; bottom: 0; background-color: #fff; display: block; content: ''; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.resultList li .yuan{ width: 50px; height: 50px;  }
.resultList li:hover a{ color: var(--blue);}
.resultList li:hover::after{  width: 100%;}
.resultList li .txt{ width: calc(100% - 70px);}

       
.pop{ width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 200; display: none;}
.pop .popbg{ width: 100%; height: 100%; background-color: rgb(0 0 0 / 0.6); position: absolute; top: 0; left: 0; z-index: 1;}
.pop .con{ width: 1000px; position: absolute; top: 50%; left:50%; z-index: 5; transform: translate(-50%,-50%);}
.pop .con .close{ position: absolute;right: 0; top: 0; z-index: 10; cursor: pointer;}
.pop .con .close:hover{ color: red;}