*{-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
body{transition:none;}
a{text-decoration: none;}ul,li{ margin: 0; padding:0; list-style: none;}
.logo{ width: 218px; height: 55px; overflow: hidden;padding: 0; margin: 0 auto ;background: url(../img/logo/ibtlogo1.svg) no-repeat center center; overflow: hidden; text-indent: -999px;}
.w-navbar{transition:none; border: none;--bs-bg-opacity: 0;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}

.w-lunbotu{ background-color: #000;}
.w-lunbotu .carousel-item{position: relative; opacity: 0;transition: opacity 1s;height: 100%;overflow: hidden; background:no-repeat center center; background-size: cover; }
.w-lunbotu .carousel-item.active{ opacity: 1;}
/*.w-lunbotu .w-lb-bg{ z-index:1; animation: w-breath 20s linear infinite; position: absolute;background-position: center center;background-size: cover; background-repeat: no-repeat;  z-index: 0;  width: 100%;  top: 0;  left: 0;background-color:rgba(0,0,0,.35);}*/
.w-sounav{ position: absolute; right: 2px;}

.w-lunbotu .w-overlay{  position:absolute; top:0; bottom:0;z-index: 2; height:100%; left:-1px; right:-1px; background-color:rgba(0,0,0,.3); -webkit-transition:opacity .6s,-webkit-transform .3s; transition:opacity .6s,-webkit-transform .3s; -o-transition:transform .3s,opacity .6s; transition:transform .3s,opacity .6s; transition:transform .3s,opacity .6s,-webkit-transform .3s; pointer-events:none;}
.w-c1 p{ margin-bottom: 0;}
/*.fixed-top{ position: absolute;}*/
.w-a-header{ position: relative; overflow: hidden;}
.w-a-header .w-overlay{  position:absolute; top:0; bottom:0; z-index: 1; height:100%; left:-1px; right:-1px;  background-color:rgba(0,0,0,.3);pointer-events:none;}
.w-a-header .entry-title{ position: relative; z-index: 4; display: inline-flex;}
.w-a-header .entry-title:after{content: " ";  position: absolute;  bottom: -15px;  left: 50%;  -webkit-transform: translateX(-50%);  -ms-transform: translateX(-50%);  transform: translateX(-50%); background-color: #fff;  -webkit-transition: all .3s;  -o-transition: all .3s;  transition: all .3s;  opacity: 0.6;  height: 2px; width: 60%;}
.w-a-header .w-excerpt{ position: relative; z-index: 3;font-size: 20px;}
.w-a-header .w-e-title{ position: relative; z-index: 3;}
a.top-button{ width: 48px;height: 48px; background-color:  rgba(0,0,0,0.4); color: #fff;}
a.top-button:hover{ background-color: rgba(0,0,0,0.3);color: #fff;}
a.top-button:active{ background-color: rgba(0,0,0,0.3) !important; border: none; color: #fff !important;   }
a.top-button i{margin-top: 6px;}
.fa-chevron-up::before{ font-size: 24px;}
.w-a-header .w-blog-bg{animation: w-breath 20s linear infinite; position: absolute;height: 100%;  background-position: center center;background-size: cover; background-repeat: no-repeat;  z-index: 0;  width: 100%;  top: 0;  left: 0;background-color:rgba(0,0,0,.35); }
@keyframes w-breath {
  0%   {transform: scale(1.0); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1.0); }
}
.xian{ height: 14px; line-height: 14px; align-self: center; color: #fff;opacity: 0.7;}
.navbar-wwt{ padding:0px 0; margin-left: 15px;}
ul.navbar-wwt{ padding: 0px 0;}
.navbar-wwt li.nav-item{ padding: 17px 30px;}
.navbar-wwt li>a.nav-link.active{ color: #fff;background-color:rgba(0,0,0,0.2);}
.navbar-wwt li>a{-webkit-transition: all .5s cubic-bezier(.175,.885,.32,1.275);-ms-transition: all .5s cubic-bezier(.175,.885,.32,1.275);transition: all .5s cubic-bezier(.175,.885,.32,1.275);}
.navbar-wwt .dropdown-menu li.nav-item { padding:0;}
.navbar-wwt .dropdown ul.dropdown-menu{ border: none; margin-top: 10px;    box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb),.15)!important; }
.navbar-wwt .dropdown:hover .dropdown-menu { display: block;}
.navbar-wwt li.nav-item > a{border-radius:6px;  display: block; }
.navbar-wwt li.nav-item > a:hover{ background-color:rgba(29,32,136,1.0); color: #fff; }
.navbar-wwt li.nav-item > a:active,.navbar-wwt li.nav-item > a:visited,.navbar-wwt li.nav-item > a:link{color: #fff;}
.navbar-wwt li.nav-item .dropdown-menu li a{color: var(--bs-dropdown-link-color);}
.navbar-wwt .dropdown li.nav-item > a, .navbar-wwt .dropdown li.nav-item >a:active{border-radius:0px; background-color: #fff; color: #212529;  display: block; }
.navbar-wwt .dropdown li.nav-item > a:hover{ background-color:rgba(29,32,136,1.0); color: #fff;}
/*.navbar-wwt ul.dropdown-menu{ border: none; margin-top: -5px;visibility: visible;opacity: 0;transform: perspective(1px) scale(1.1);
    transition: visibility 0s linear 0.15s,opacity 0.15s 0s,transform 0.15s;}
.navbar-wwt:hover ul.dropdown-menu{  opacity: 1;visibility: visible;transform: perspective(1px) scale(1);
    transition: visibility 0s linear 0s,opacity 0.15s 0s,transform 0.15s;}*/

.navbar-wwt ul.dropdown-menu a.dropdown-item{ line-height:32px; padding: 10px 50px 10px 30px; }
.navbar-wwt ul.dropdown-menu a.dropdown-item:active{ background-color: rgba(29,32,136,1.0); color: #fff; }
.nav-coment{ margin-right:70px;}

/*.w-appmenu .offcanvas{z-index: 1029; top:0px; height: 100%;}
.w-appmenu .offcanvas-backdrop{z-index: 1028; top:0px;}*/
.w-appmenu {position: relative;}
.w-appmenu .btn-close{  width:50px; height: 50px; background-size: 1.6em; margin: 10px 0 0 4px; position: absolute;}
.w-menunav{ height: 100%;}
.w-menunav li.nav-item{ padding: 15px 0;}
.w-menunav ul a.nav-link{ color: #111; transition: var(--bs-offcanvas-transition);-webkit-transition: all .5s cubic-bezier(.175,.885,.32,1.275);-ms-transition: all .5s cubic-bezier(.175,.885,.32,1.275);transition: all .5s cubic-bezier(.175,.885,.32,1.275);}
.w-menunav ul a.nav-link:hover{ font-size: calc(1.275rem + .9vw)!important; }


.w-search svg,.w-earth svg{ width: 28px; height: 28px;fill:#fff;}
.w-search,.w-earth{ color: #fff;-webkit-transition: all .5s cubic-bezier(.175,.885,.32,1.275);-ms-transition: all .5s cubic-bezier(.175,.885,.32,1.275);transition: all .5s cubic-bezier(.175,.885,.32,1.275);}
a.w-search:hover{transform: scale(1.2);}
a.w-earth:hover{transform: scale(1.1);}
a.w-earth strong{ font-weight: 400; font-size: 20px;  color: #fff;-webkit-transition: all 1.8s cubic-bezier(.175,.885,.32,1.275);-ms-transition: all 1.8s cubic-bezier(.175,.885,.32,1.275);transition: all 1.8s cubic-bezier(.175,.885,.32,1.275);}
a.w-earth:hover,a.w-earth:link,a.w-earth:active,a.w-earth:visited{ color: #fff;}

.w-con-header{height:74px;position: fixed; background-color: #111 !important;;  top: 0;  left: 0; width: 100%; z-index:1;}
.w-footer{border-bottom:#11134f solid 1px ; background-color: #1D2088; color: #fff;}
.w-footer a{ color: #fff; }
.w-footer a:hover{ text-decoration: underline;color: #fff;  }

.bootscore-info{ border-top:#3035dd solid 0px ;background-color: #111; color: #fff; height: 50px; line-height: 48px;}

.foot-menu{ width:100%;}
.foot-menu h3{ font-size: 20px; border-left: rgba(255,255,255,1.0) solid 1px ;padding: 0px 20px; margin: 0;}
.foot-menu li{float: left; margin-right: 40px;margin-top: 20px;}
.foot-menu dl{border-left: rgba(255,255,255,0.2) solid 1px ;padding: 20px 20px 0 20px;}
.foot-menu dd,.foot-menu dd a{ font-size: 14px;}
.foot-menu .gzgzh{ width: 140px; margin-top: 10px;}
.foot-menu .gzgzh p{  text-align: center; line-height: 30px; font-size: 14px;}
.w-scroll{ position: fixed;}
.w-scroll.w-navbar{--bs-bg-opacity: 1;}



.w-scroll .navbar-wwt li.nav-item > a:active,.w-scroll .navbar-wwt li.nav-item > a:visited,.w-scroll .navbar-wwt li.nav-item > a:link{color: #111;}
.w-scroll .navbar-wwt li.nav-item > a:hover{ color: #fff;}
.w-scroll .navbar-wwt li.nav-item .dropdown-menu li a:hover{color:#fff;}
.w-scroll .navbar-wwt li>a.nav-link.active{ color: #111;background-color:rgba(0,0,0,0.05);}
.w-scroll .navbar-wwt li>a.nav-link.active:hover{ color: #fff;background-color:rgba(29,32,136,1.0);}

.w-scroll .w-search svg,.w-scroll .w-earth svg{fill:#111;}
.w-scroll .w-earth,.w-earth{ color: #111;}
.w-scroll a.w-earth strong{ color: #111;}
.w-scroll a.w-earth:hover,.w-scroll a.w-earth:link,.w-scroll a.w-earth:active,.w-scroll a.w-earth:visited{ color: #111;}
.w-scroll a.w-search:hover svg,.w-scroll .w-earth:hover svg{ fill:rgba(29,32,136,1.0);}
.w-scroll a.w-earth:hover strong{ color:rgba(29,32,136,1.0);}

.w-scroll .xian{color: #111;}
.w-scroll .menu--2 path{stroke: #111;}
.w-navbar.shadow{ box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb),0)!important;}
.w-scroll.shadow{ box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb),.15)!important;}
.w-scroll .logo{ background-image: url(../img/logo/ibtlogo.svg);}
/* Menu */

.wc-c-bg{background: url(../img/bg01.jpg) no-repeat top center;   }
.w-c1{ height: 470px; display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }
.w-c1 h2{  font-size: 38px; }
.addshow-w{ display: none; position: absolute; background-color: #fff; width: 100%;  top: 64px; left:0; z-index: 9999;}
.addshow-w.show{ display: block;}
.addshow-w.show .navbar-wwt li{ margin: 10px 0; }


.menu--2{ width: 70px; height: 60px; margin-top: -2px; margin-right: 5px; border: none;}
.menu--2 button,input,label.navbar-toggler{ display: none; border: none;}
.menu--2 svg{ width: 104px; height:104px;}
.menu--2 button {
  display: block;
  cursor: pointer;
  width: 60px;
  height: 60px;
  max-width: 60px;
  max-height: 60px;
	margin-top:0px;
	margin-left:-5px;
	overflow: hidden;
	background:transparent;
}

@media (min-aspect-ratio: 1/1) {
  .menu--2 button {
    width: 50vh;
    height: 50vh;
  }
}


.menu--2 path {
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  --length: 22;
  --offset: -38;
  stroke-dasharray: var(--length) var(--total-length);
  stroke-dashoffset: var(--offset);
  transition: all .3s cubic-bezier(0.42, 0, 0.58, 1.0);
}

.menu--2 button:hover+svg .line--1,
  .menu--2 button:hover+svg .line--3 {
    --length: 22.627416998;
  }

.menu--2 button:hover+svg .line--2 {
    --length: 0;
  }

.back button:hover+svg .line--1,
  .back button:hover+svg .line--3 {
    --length: 8.602325267;
  }

.menu--2 .line--1,.menu--2 .line--3 {
    --total-length: 111.22813415527344;
    --offset: -50;
  }
.menu--2 .line--2 {
    --total-length: 99;
  }
.menu--2 button:hover+svg path {
      transform: translateX(30px);
    }
.menu--2 button:hover+svg .line--1,.menu--2 button:hover+svg .line--3 {
      --offset: -16.9705627485;
    }
.menu--2 button:hover+svg .line--2 {
      --offset: -20;
    }



 .el-carousel__item h3 {
    color: #475669;
    font-size: 18px;
    opacity: 0.75;
    line-height: 300px;
    margin: 0;
  }
  
  .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
  }
  
  .el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
  }

.el-header, .el-footer {
    background-color: #B3C0D1;
    color: #333;
    text-align: center;
    line-height: 60px;
  }
  
  .el-aside {
    background-color: #D3DCE6;
    color: #333;
    text-align: center;
    line-height: 200px;
  }
  
  .el-main {
    background-color: #E9EEF3;
    color: #333;
    text-align: center;
    line-height: 160px;
  }
  
  body > .el-container {
    margin-bottom: 40px;
  }
  
  .el-container:nth-child(5) .el-aside,
  .el-container:nth-child(6) .el-aside {
    line-height: 260px;
  }
  
  .el-container:nth-child(7) .el-aside {
    line-height: 320px;
  }



.w-lunbotu .carousel-caption { top:50%; margin-top: -70px; z-index: 3;}
.w-lunbotu .carousel-caption h5{ font-size: 60px;  }
.w-lunbotu .carousel-caption p{ font-size: 20px;  }
.w-lunbotu .carousel-indicators { bottom:0px;}
.carousel-control-prev-icon,.carousel-control-next-icon{
	-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2)}
.carousel-control-prev-icon:hover,.carousel-control-next-icon:hover  {
	-webkit-transform: scale(2.5);
-ms-transform: scale(2.5);
transform: scale(2.5)}

.duik-icon-block--pull2top{  margin-top:-5rem;}


.offcanvas-backdrop.show{opacity: 1;}
.w-appmenu .offcanvas-backdrop.show{-webkit-backdrop-filter: blur(6px);  backdrop-filter: blur(6px);background-color: rgba(0, 0, 0, 0.3);}


/*二级页面标题*/

.w-erjitit{margin:50px 0 15px;}
.w-erjitit .cn{padding-bottom: 15px;font-size: 60px; color: #1D2088;text-align: center;}
.w-erjitit .en{height: 42px;line-height: 42px;text-align: center;text-transform: uppercase;color: #444;font-size: 10px;}
.w-erjitit .en span{font-size: 12px;color: #333;}


/*二级导航*/
.w-group-nav{ width: 100%;}
.w-list-nav{ margin: 30px auto;}
.w-list-nav li{margin:10px 20px;}
.w-list-nav li a{ display: inline-block; color: #000;word-break: keep-all;  text-align: center;  border: 1px solid #000000;  font-size: 14px;}
.w-list-nav li a:hover,.w-list-nav li a.active{background-color: #1D2088; color: #fff;border: 1px solid #1D2088;}


/*二级页面*/
.w-crumb{  bottom: 50px;  color: #fff; z-index: 3;}
.w-crumb .breadcrumb { margin-left: -10px;}
.w-crumb a{ color: #fff; text-decoration: none;margin: 0 10px 0 0px;}
.w-crumb a:hover{ color: #fff; text-decoration: underline;}
.w-crumb .breadcrumb-item.active{color: #fff;}
.breadcrumb-item+.breadcrumb-item::before{ color: #fff; margin-right: 10px;}
.w-cont_txton{ margin: 20px 0 40px 0; font-size: 18px;}


.w-contact{ background: rgb(245, 245, 245,1.0); padding: 20px;margin-bottom: 40px;}
.w-contact ul { padding: 0; margin:0px 30px 0px 30px; }
.w-contact ul li{ list-style: none; margin: 30px 0; }
.w-contact ul li i{ margin-right: 15px;}

.w-card .card{ border: none; }
#w-card-img{overflow: hidden;}
#w-card-img img{ height: initial;  transition-duration: .5s;}
#w-card-img:hover img{  transform: scale(1.2);}
.w-card .card-img-left-md img{border-bottom-left-radius:0;border-top-right-radius: 0;border-top-left-radius:0;}
.w-card a{ text-decoration: none; color:#111;}
.w-card a:hover{color:rgba(29,32,136,1.0);}
.w-card h2{ margin: 10px 0; font-size: 20px; font-weight: normal; text-align: center;}

.w-card .card-body{ padding: 1rem 1.5rem;}
.w-lb-card .card{border: none; width: 100%; }

.sc-modal{--bs-modal-width: 60%;--bs-modal-border: none;--bs-modal-bg:none;--bs-modal-margin:1px;--bs-mpdal-backdrop-opacity:0.7; }
.sc-modal .modal-header,.sc-modal .modal-content{border: none; padding: 0;}
.sc-modal .modal-header .btn-close{--bs-btn-close-opacity:1;--bs-btn-close-color:#fff;z-index: 1; position: absolute; top: -16px; right: -16px; width:30px; height: 30px; background-color:rgba(0,0,0,0.6); border-radius: 50%;  --bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") }
.sc-modal .modal-body{ position: relative; padding: 0;}
.sc-modal #title_show{ position: absolute; top: auto; bottom: 0; width: 100%; background-color: rgba(0,0,0,0.5);}
.sc-modal #title_show h2{ font-size: 20px; text-align: center; height: 38px; margin-bottom: 0; color: #fff; line-height: 38px;}
.sc-modal #img_show{  width: 100%;}

.w-img-rencaifaz,.w-img-zhiyefaz,.w-img-dyfl{text-align: center;}
.w-img-rencaifaz img{ max-width:1216px;}
.w-img-zhiyefaz img{ max-width: 843px;}
.w-img-dyfl img{ max-width: 1208px;}

.tab-content .js-card h2{ margin: 0px 0; }
.tab-content .js-card p{ margin: 0px 0 10px 0; line-height: 22px; font-size: 16px; }
.js-card .card{ border: none; }
#js-card-img{overflow: hidden; position: relative;}
#js-card-img img{ height: initial;transition-duration: .5s;}
#js-card-img:hover img{ transform: scale(1.2);}
#js-card-img h2{ z-index: 1; position: absolute;top: auto; bottom: 8px; width: 100%; height: 50px; line-height: 50px; color:#fff;background-color: rgba(0,0,0,0.6);}
.js-card .card-img-left-md img{border-bottom-left-radius:0;border-top-right-radius: 0;border-top-left-radius:0;}
.js-card a{ text-decoration: none; color:#111;}
.js-card a:hover{color:rgba(29,32,136,1.0);}
.js-card h2{ margin: 10px 0; font-size: 18px; font-weight: normal; text-align: center;}
.js-card .card-body{ padding: 1rem 1.5rem;}
.tab-content .js-card.scsb #js-card-img h2{ bottom: 0px; }

/*swiper样式*/
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;border-bottom-left-radius:0;
}
.w-new-home{ padding: 0px  15px 50px  15px; overflow: visible;}
.w-new-home .card-body p{ height: 54px; overflow: hidden;}
.w-new-home .blog-post-title{ height: 38px; overflow: hidden;}
.w-new-home .blog-post-title a{ color: #111; font-size: 20px;}
.w-new-home .card{ border: none;}
.w-new-home .swiper-pagination{ bottom: 0;}

.w-new-home a.read-more{display: inline-block; margin: 30px 0; border:#111 solid 1px; font-size: 14px; padding: 5px 15px; color:#111}
.w-new-home a.read-more:hover{background-color: #1D2088; color: #fff;border: 1px solid #1D2088;}



.group-box .bgimg img{

  height: 460px;
}
.group-box .group{
  margin-top: 20px;
  position: relative;
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.group-box .group .m-box{
  display: none;
}
.group-box .group .left{
  width: 45.7%;
}
.group-box .group .img-box{
  overflow: hidden;
}
.group-box .group .left img{
  width: 100%;
}
.group-box .group .right{
  position: absolute;
  right: 0;
  top: 0;
  width: 54.3%;
  height: 100%;
}
.group-box .group .right .item{
  display: block;
  height: 33.33%;
  width: 100%;
  padding: 20px 35px;
  border-bottom: 1px solid #eaeaea;
  transition: background-color .2s;
}
.group-box .group .tit{
  font-size: 18px;
  line-height: 28px;
  transition: color .2s;
}
.group-box .group .con{
  font-size: 14px;
  color: #999999;
  line-height: 24px;
  margin-top: 5px;
  transition: color .2s;
}
.group-box .group .time-box{
  margin-top: 10px;
  font-size: 0;
}
.group-box .group .time-box span{
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: 14px;
  line-height: 24px;
  transition: color .2s;
}
.group-box .group .time-box .time{
  font-family: arial;
  color: #999;
  margin-right: 10px;
  transition: all .2s;
}
.group-box .group .time-box .detail{
  color: #004ea2;
  font-weight: bold;
}
.group-box .group .right .item.cur{
  background-color: #194698;
}
.group-box .group .right .item.cur .tit,
.group-box .group .right .item.cur .con,
.group-box .group .right .item.cur .time,
.group-box .group .right .item.cur .detail{
  color: #fff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.group-box .m-box .btns{
  font-size: 0;
  text-align: center;
  margin-top: 20px;
}
.group-box .m-box .btns .swiper-pagination-bullet{
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #ccc;
  margin: 0 5px;
}
.group-box .m-box .btns .swiper-pagination-bullet-active{
  background-color: #004ea2;
}

/*产品页模板*/
.w-pro-bg{  background: #eaecf0;
  background: -webkit-linear-gradient(left, #e2e7ed , #f5f5f5); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #e2e7ed, #f5f5f5); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #e2e7ed, #f5f5f5); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #e2e7ed , #f5f5f5); /* 标准的语法 */}


.pro-item-right {
    width: 61.31%;
    float: right;
}

.pro-item-right li {
    width: 32.15%;
    float: left;
    margin-right: 1.7%;
    background: #fff;
}

.pro-item-right li:hover h4 a {
    color: #1D2088;
}

.pro-item-right li:hover .more {
    color: #1D2088;
    border-color: #1D2088;
}

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

.pro-item-right li:nth-child(n+4) {
    margin-bottom: 0;
}

.pro-item-right .pro-list-img {
    display: block;
    width: 100%;
    /* height: 225px; */overflow: hidden;
}

.pro-item-right .pro-list-img img {
    width: 100%;transition-duration: .5s;
}
.pro-item-right .pro-list-img:hover img {
  transform: scale(1.2);
}

.pro-item-right .tit-txt {

    overflow: hidden;
    text-align: center;
    margin-bottom: 22px;
}

.pro-item-right .tit-txt h4 {
    font-weight: 300;
}

.pro-item-right .tit-txt h4 a {
    color: #111;
    font-size: 14px;
}

/*
.pro-item-right .tit-txt h4 a:hover{ color:#cf000d;}
*/
.pro-item-right .tit-txt .more {
    color: #111;
    display: block;
    width: 90px;
    margin: 0 auto;
    line-height: 24px;
    border: 1px solid #111;
    font-size: 14px;
}







.w-pro-all{ padding-top: 30px;

}


.tit-box{
  font-size: 36px;
  color: #111; 
  line-height: 1.2;
}
.tit-box .tit-en{
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
}
.tit-box .tit-en .tit-d2{
  font-size: 12px;
  color: #999999;margin-top: 10px;
}
.w-pro-all .pro-list{
  padding: 30px 0;
}


.w-pro-all .pro-list .pro-item{
  background: #fff;
  text-align: center;
  position: relative;
  clear: both;
}
.w-pro-all .pro-list .pro-item .anchor{
  position: absolute;
  top: -100px;
  left: 0;
}
.w-pro-all .pro-list .pro-item:before{
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  background: #d7d7d8;
  left: 28%;
}
.w-pro-all .pro-list .pro-item + .pro-item{
  margin-top: 20px;
}
.w-pro-all .pro-list .pro-item-left{
  width: 28%;
  overflow: hidden;
  padding: 40px 0;
}
.w-pro-all .pro-list .pro-item-left .pro-item-ico{
  width: 55px;
  height: 55px;
  margin: 0 auto;
  background: no-repeat center/100% auto;
}
.w-pro-all .pro-list .pro-item-left .pro-item-tit{
  font-size: 20px;
  color: #1D2088; 
  font-weight: bold;
  padding-top: 25px;
}
.w-pro-all .pro-list .pro-item-left .pro-item-tit a{
  color: #1D2088; 

}
.w-pro-all .pro-list .pro-item-left .pro-item-con{
  font-size: 14px;
  line-height: 1.714;
  color: #1D2088;
  text-align: center;
  width: 280px;
  max-width: 80%;
  margin: 0 auto;
}

.w-pro-all .pro-list .pro-item:nth-child(1) .pro-item-left .pro-item-ico{
  background-image: url("../img/pro-icon1.png");
}
.w-pro-all .pro-list .pro-item:nth-child(2) .pro-item-left .pro-item-ico{
  background-image: url("../img/pro-icon2.png");
}
.w-pro-all .pro-list .pro-item:nth-child(3) .pro-item-left .pro-item-ico{
  background-image: url("../img/pro-icon3.png");
}
.w-pro-all .pro-list .pro-item:nth-child(4) .pro-item-left .pro-item-ico{
  background-image: url("../img/pro-icon4.png");
}
.w-pro-all .pro-list .pro-item:nth-child(5) .pro-item-left .pro-item-ico{
  background-image: url("../img/pro-icon1.png");
}
.w-pro-all .pro-list .pro-item:nth-child(6) .pro-item-left .pro-item-ico{
  background-image: url("../img/pro-icon3.png");
}
.w-pro-all .pro-list .pro-item-right{
  width: 72%;
}



.w-pro-all .pro-list .pro-item-right .pro-right-list{
  text-align: left;
  padding: 20px 20px 0px 20px;

}

.w-pro-all .pro-list .pro-right-item{
  display: inline-block;
  width: 25%;
  text-align: center;
  padding: 0 10px;
  margin-bottom: 20px;
  /* box-shadow: 0 0 30px rgba(0,0,0,0); */
  position: relative;
  /* transition: box-shadow .4s ease; */
}
.w-pro-all .pro-list .pro-right-item img{
 width: 100%;
}
.w-pro-all .pro-list .text{
  font-size: 14px;
  color: #fff;
  /* margin-top: 4px; */
  /* border-bottom: 1px solid #eeeeee; */
  /* background-color: rgba(0,0,0,.2); */
  line-height: 40px;
  height: 40px;
}












/*产品详情页*/
.w-pro-tit{
  padding: 40px 0 30px;
  border-bottom: 1px solid #dbdbdb;
}
.w-pro-tit .cn{
  font-size: 36px;
  line-height: 46px;
  color: #333;
}
.w-pro-tit .en{
  font-size: 18px;
  line-height: 28px;
  color: #ccc;
  font-family: arial;
  margin-top: 5px;
}


.w-proinfo{
  background-color: #f6f6f6;
  border-bottom: 1px solid rgba(88,88,88,.2);
}
.w-proinfo .w-protu{ width: 60%; margin: 0 auto;}



.w-product .proinfo-tit{
 font-size: 24px;
line-height: 36px;
color: #194698;
}
.w-product .pub-con{
  font-size: 16px;
  line-height: 30px;
  color: #666;
  margin-top: 30px;
  margin-bottom: 30px;
}

.w-proequ{
  padding: 55px 0 45px;
  border-bottom: 1px solid #ccc;
  position: relative;
  z-index: 3;
}


.w-proequ .item{

  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
}

.w-proequ .item .img-box{
  position: relative;
}
.w-proequ  .item img{
  width: 100%;
}

.w-proequ .mask{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(25, 70, 152, .5);
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all .2s;
}
.w-proequ .item .txt{
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  line-height: 40px;
  color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all .2s;
}
.w-proequ .item:hover .txt,
.w-proequ .item:hover .mask{
  opacity: 1;
  filter: alpha(opacity=100);
}
.w-proequ .item:nth-child(2n){
  border-right-color: transparent;
}

.w-proequ .right:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
  z-index: 3;
}

.w-proequ .right .dialog{
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  padding: 35px 40px 50px;
  z-index: 3;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 10px 10px rgba(0,0,0,.2);
  font-size: 14px;
  line-height: 24px;
}
.w-proequ .right .item:nth-child(2n) .dialog{
  right: 0;
  left: auto;
}
.w-proequ .right .item .arrow {
  position: absolute;
  top: -9px;
  left: 40px;
  width: 16px;
  height: 9px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../img/cool-sj.png");
  z-index: 5;
}
.w-proequ .right .item:nth-child(2n) .arrow{
  right: 40px;
  left: auto;
}


.tab-content h2{ margin: 50px 0 50px 0 ; text-align: center;}
.tab-content p{ margin: 20px 0 20px 0 ; line-height: 30px;}
.text-box p{ margin:0; }
.w-shehuizr .col-sm-6{width: 100%;}

.develop-box{
  padding: 65px 0 110px;
}

.develop-box .list li{
  padding: 30px 40px;
  border: 1px solid #e5e5e5;
  margin-bottom: 20px;
  position: relative;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
  background-color: #fff;
  transition: all .2s;
  display: flex;

}

.develop-box .list li:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background-color: #dcdcdc;
  transition: all .2s;
}
.develop-box .list li .year{
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 26px;
  color: #224393;
  margin-right: 30px;
  padding-left: 35px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("../img/trend.png");
  transition: all .2s;
  width: 100px;
}
.develop-box .list .con{
  font-size: 18px;
  line-height: 26px;
  color: #333333;
  padding-left: 35px;
  border-left: 1px solid #dedede;
  transition: all .2s;
  flex: 1;
  width: 100%;
}
.develop-box .list .con p{
  margin-bottom: 10px;
}

.develop-box .con-box{
  text-align: center;
  width: 67%;
  margin: 70px auto 0;
}
.develop-box .con-box .tit{
  font-size: 18px;
  line-height: 28px;
  color: #333;
}
.develop-box .con-box .con{
  font-size: 14px;
  line-height: 30px;
  margin-top: 15px;
  color: #666;
}





.ability-box{
  padding: 70px 0 60px; display: flex; justify-content: space-between;
}
.ability-box .left{
  overflow: hidden;
  width: 39.3%;
}
.ability-box .left img{
  width: 100%;
}
.ability-box .left .text-btns{
  font-size: 0;
  margin:25px auto 0;
  width: 85%;

}
.ability-box .left .text-btns a{
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: 14px;
  color: #666666;
  padding: 0 10px;
  position: relative;
  margin-bottom: 10px;
}
.ability-box .left .text-btns a:before{
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 10px;
  background-color: #dedede;
  transform: translateY(-50%);
}
.ability-box .left .text-btns a:last-child:before{
  display: none;
}
.ability-box .left .text-btns a .arrow{
  content: "";
  position: absolute;
  width: 7px;
  height: 4px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../img/ability-arrow.png");
  left: 50%;
  bottom: -6px;
  transform: translateX(-50%);
  opacity: 0;
  filter: alpha(opacity=0);
}

.ability-box .left .text-btns a:after{
  display: block;
  content: attr(title);
  font-weight: bold;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.ability-box .left .text-btns a.cur{
  color: #224393;
  font-weight: bold;
}
.ability-box .left .text-btns a.cur .arrow{
  opacity: 1;
  filter: alpha(opacity=100);
}
.ability-box .right{
  overflow: hidden;
  width: 53.57%;
}
.ability-box .right .tit{
  font-size: 18px;
  line-height: 36px;
}
.ability-box .right .con{
  margin-top: 30px;
}

.process-box{
  padding: 40px 0 100px;
}
.process-box .process-tit{
  text-align: center;
}
.process-box .process-tit .cn{
  font-size: 24px;
  line-height: 34px;
}

.process-box .list{
  margin-top: 35px;
}
.process-box .item{
  padding: 0 30px;
  width: 20%;
  float: left;
  margin-bottom: 40px;
}
.process-box .item .con-box{
  position: relative;
}
.process-box .item .con-box .img-box{
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
   border: 1px solid #ccc;
   border-radius: 8px;
   position: relative;
}
.process-box .item img{
  width: 100%;
}
.process-box .item .con-box .arrow{
  position: absolute;
  right: -40px;
  top: 50%;
  width: 20px;
  height: 10px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../img/process-arrow.png");
}
.process-box .item:nth-child(5n) .con-box .arrow{
  display: none;
}
.process-box .item:last-child .con-box .arrow{
  display: none;
}
.process-box .item .txt{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(25,70,152,.8);
  border-radius: 8px;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all .2s;
}
.process-box .item .txt span{
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  font-size: 24px;
  line-height: 34px;
  color: #fff;
  text-align: center;
}

.patent-box{
  padding: 60px 0 120px;
}
.patent-box .list .row{
  margin: 0 -12px;
}
.patent-box .list .item{
  padding: 0 12px;
  margin-bottom: 25px;
}
.patent-box .list .con-box{
  display: block;
  border: 1px solid #e5e5e5;
  padding: 20px 35px;
}
.patent-box .list img{
  width: 100%;
}
.patent-box .list .txt{
  text-align: center;
  margin: 10px 0 0;
}


/*关于我们*/
.manage-box{
  margin-top: 70px;
}
.manage-box .system-tit{
  padding: 0 5%;
}
.manage-box .list{
  border-bottom: 1px solid #dedede;
  margin-top: 20px;
}
.manage-box .list .item{
  border-right: 1px solid #dedede;
  padding: 35px 0;
}
.manage-box .list .item:nth-child(1){
   border-left: 1px solid #dedede;
}
.manage-box .list .icon{
  width: 77px;
  margin: 0 auto;
}
.manage-box .list .icon img{
  width: 100%;
}
.manage-box .list .txt{
  font-size: 18px;
  line-height: 34px;
  color: #666;
  text-align: center;
  margin-top: 25px;
}


.staff-box .list{
  margin-top: 30px;
}
.staff-box .list .row{
  margin: 0 -5px;
}
.staff-box .list .item{
  padding: 0 5px;
  margin-bottom: 10px;
}
.staff-box .list .con-box{
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background-color: #17459a;
  padding: 10px 20px;
}

.kycg {
	margin-top: 46px;
	margin-bottom: 70px
}

.kycg li {
	position: relative;
	display: inline-block;
	font-size: 14px;
	padding-right: 80px
}

.kycg li .tit {
	display: block;
	margin-bottom: 20px;
	line-height: 1em
}

.kycg li .big {
	font-size: 70px;
	line-height: 1em;
	font-family: Georgia;
}

.kycg li:after {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 54px;
	width: 1px;
	background: #ddd;
	display: block;
	content: ""
}

.kycg li:last-child {
	padding-right: 0
}

.kycg li:last-child:after {
	display: none
}


.duty-wrap .item-box{
  margin-top: 25px;
}
.duty-wrap .item-box .row{
  margin: 0 -10px;
}
.duty-wrap .item-box .item{
  padding: 0 10px;
}

.duty-wrap .item-box .con-box{
  padding: 50px;
  text-align: center;
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.duty-wrap .item-box .item:nth-child(1) .con-box{
  background-color: #17459a;
}
.duty-wrap .item-box .item:nth-child(2) .con-box{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../img/res-bg.jpg");
}
.duty-wrap .item-box .con-box .tit{
  font-size: 24px;
  color: #fff;
  line-height: 34px;
}
.duty-wrap .item-box .con-box .con{
  font-size: 18px;
  line-height: 34px;
  color: #fff;
  min-height: 68px;
  margin-top: 25px;
}
.duty-wrap .item-box .con-box .icon{
  width: 61px;
  margin: 5px auto 0;
}
.duty-wrap .item-box .con-box .icon img{
  width: 100%;
}
.duty-wrap .text-box{
  margin-top: 40px;
  position: relative;
}
.duty-wrap .text-box .tit{
  font-size: 24px;
  line-height: 34px;
}
.duty-wrap .text-box .row{
  margin: 0 -10px;
}
.duty-wrap .text-box .item{
  padding: 0 10px;
}
.duty-wrap .text-box .con-box{
  padding: 0 65px 50px;
  border-bottom: 1px solid #e0e0e0;
  position: relative;
}
.duty-wrap .text-box .con{
  font-size: 14px;
  color: #333;
  line-height: 30px;
  margin-top: 25px;
  height: 180px;
  overflow: hidden;
}
.duty-wrap .text-box:before{
  content: "";
  position: absolute;
  left: 50%;
  width: 1px;
  height: 90%;
  background-color: #e0e0e0;
}
.duty-wrap .text-box .icon{
  position: absolute;
  right: 10%;
  top: 25.8%;
  width: 100px;
}
.duty-wrap .text-box .icon img{
  width: 100%;
}

.talent-box{
  margin: 70px 0;
}
.talent-box .list{

}
.talent-box .list .row{
  margin: 0 -5px;
}
.talent-box .list .item{
  width: 20%;
  padding: 0 5px;
  float: left;
}
.talent-box .list .con-box{
  /* padding: 50px 15px 20px; */
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  line-height: 46px;
  height: 254px;
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
  position: relative;
}
.talent-box .list .item:nth-child(1) .con-box{
  background-color: #10409b;
}
.talent-box .list .item:nth-child(2) .con-box{
  background-color: #6663cf;
}
.talent-box .list .item:nth-child(3) .con-box{
  background-color: #2c97ce;
}
.talent-box .list .item:nth-child(4) .con-box{
  background-color: #144fc1;
}
.talent-box .list .item:nth-child(5) .con-box{
  background-color: #6666ff;
}
.talent-box .list .con-box .txt{
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}

/*时间轴*/
.timeline .timeline-item{ margin-bottom: 120px;}
.timeline .timeline-item:nth-of-type(2){ margin-top: 120px;}
.timeline .timeline-item > .timeline-event .timeline-heading h4{ margin-top: 20px;color: #1D2088;}
.timeline .timeline-item > .timeline-event.timeline-event-primary{ border:none;}
.timeline .timeline-item > .timeline-event:before{ border:none;}
.tab-content .timeline p{margin: 0px 0 20px 0;}
.timeline .timeline-item > .timeline-event .timeline-heading, .timeline .timeline-item > .timeline-event .timeline-body, .timeline .timeline-item > .timeline-event .timeline-footer{padding: 0px 30px 0px 30px;}
.timeline .timeline-item > .timeline-event.timeline-event-primary{ color: #111;}
.timeline .timeline-item > .timeline-point.timeline-point-primary{ color: #1D2088;}
.timeline .timeline-item > .timeline-event.timeline-event-primary p{ margin-bottom: 20px;}




/*首页*/



.c3 {
  position: relative;
  text-align: center;
  overflow: hidden;
  background-color:#000;
}
.c3 video{  position: initial;  top: 0;  left: 0;  width: 100%;  height: 100%;  object-fit: cover;  z-index: -1;}
.c3 video, .c3 .video {
  object-fit: cover;
  height: auto;
  background: url(../img/bnn2.jpg) no-repeat center;
  background-size: cover;
/*  
  -webkit-backface-visibility: hidden;
  -webkit-animation: w-breath 20s linear infinite 0s;
  -moz-animation: w-breath 20s linear infinite 0s;
  -o-animation: w-breath 20s linear infinite 0s;
  -ms-animation: w-breath 20s linear infinite 0s;
  animation: w-breath 20s linear infinite 0s;
*/
}
.c3 .zi {
  position: absolute;
  max-width: 1230px;
  padding: 0 15px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.3);
  flex: 1;
}
.c3 .zi h2 {
  color: #fff;
  font-size: 38px;
}
.c3 .zi h2:after {
  content: '';
  margin-left: auto;
  margin-right: auto;
  width: 212px;
  height: 2px;
  background-color: #eeeeee;
  display: block;
  margin-top: 32px;
}






.c3 .zi p {
  font-size: 18px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.9);
  margin-top: 22px;
}


.c3 .zi a.ck {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 260px;
  line-height: 50px;
  border: solid 1px #ffffff;
  color: #ffffff;
  font-size: 21px;
  background: url(../img/tubiaoi.png) no-repeat 210px 50%;
  margin-top: 40px;
  transition-duration: .3s;
}

.c3 .zi a:hover {
  border-color: rgba(29,32,136,1.0);
  background-color: rgba(29,32,136,1.0);
  color: #fff;
  transform: translateY(-10px);
}


.tix h2 {
  font-size: 25px;
  color: #333333;
  display: none;
}

.tix dd {
  font-size: 16px;
  color: #333333;
  opacity: 0.8;
  line-height: 24px;
  margin-top: 12px;
}



.tix h2 {
  font-size: 25px;
  color: #333333;
}

.tix dd {
  font-size: 16px;
  color: #333333;
  opacity: 0.8;
  line-height: 24px;
  margin-top: 12px;
}

.fen img {
  transition-duration: .5s;
}

.fen:hover img {
  transform: scale(1.3);
}


.c2 {
  padding-bottom: 1px;
  margin-top:-100px;
  margin-bottom: 2.03vw;
}

.c2 .fen {
  padding-left: 0vw;
  padding-right: 2.5vw;
}

.c2 .fen .img{
overflow: hidden;
}

.c2 .fen .list1 {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  margin-left: -6.5px;
  margin-right: -6.5px;
  justify-content: flex-start;
}



.c2 .fen .list1 li {
  width: 16.6666%;
  padding: 0 6.5px;
  cursor: pointer;
}


.c2 .fen .list1 li a {
  display: block;
  background: #fff;
  color: #111;
  transition-duration: .3s;
  line-height: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border: 1px #111 solid;
}

.c2 .fen .list1 li.on a ,.c2 .fen .list1 li:hover a {
  background-color: #1D2088;
  color: #fff;
  border: 1px #1D2088 solid;
}

.c2 .con .list2 {
  justify-content: flex-start;
  text-align: center;
  flex-wrap: wrap;
  margin-left: -1.3vw;
  margin-right: 1.3vw;
  display: flex;
}

.c2 .con .list2 li {
  padding: 0 1.3vw;
  width: 25%;
  margin-bottom: 1.3vw;
}



.c2 .con .list2 li .img img {
  width: 100%;
}

.c2 .con .list2 li h3 {
  color: #2d2d30;
  line-height: 44px;
  padding-top: 1.09375vw;
  padding-bottom: 1.09375vw;
  font-size: 14px;
  font-weight: 500;
  border: solid 1px #eeeeee;
  transition-duration: .3s;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.c2 .con .list2 li:hover h3 {
  color: #1D2088;
}

.c2 .jjsz {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  /* margin-bottom:30px; */
  margin-top: 30px;
}

.c2 .jjsz::before, .c2 .jjsz::after {
  content: '';
  display: block;
}

.c2 .jjsz li {
  font-size: 16px;
  color: #111;
}

.c2 .jjsz li .big {
  font-size: 70px;
  line-height: 1em;
  color: #1D2088;
  font-weight: 600;
}


.swiper-button-next, .swiper-button-prev{ color: #1D2088;}
.swiper-pagination-bullet-active{background:#1D2088;}



.w-swiper-container {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0px 0 50px 0;
}
.w-swiper-container .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
transition: 300ms;
transform: scale(0.8);
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;

}
.w-swiper-container .swiper-slide-active,.w-swiper-container .swiper-slide-duplicate-active{
  transform: scale(1);box-shadow: 0 .5rem 1rem rgba(var(--bs-body-color-rgb),.15) !important;
}

.w-swiper-container .swiper-slide:hover{
  transform: scale(0.85);
}
.w-swiper-container .swiper-slide-active:hover{ transform: scale(1.15);}
.w-swiper-container a.read-more {  display: inline-block;  margin: 10px 0 30px 0;;  border: #111 solid 1px;  font-size: 14px;  padding: 5px 15px;  color: #111;}
.w-swiper-container a.read-more:hover{background-color: #1D2088; color: #fff;border: 1px solid #1D2088;}




.w-c4{ background-color: #f3f3f3; overflow: hidden;}
.w-c4 .swiper-pagination{  bottom: -16px;}
.w-wiper-block .zi{ padding:30px 20px 0px 20px;}
.w-wiper-block h3{ color: #1D2088;}
.w-wiper-block p{ color: #111;}
.w-wiper-block img{ width: 100%;}
.w-c4 .swiper-button-next,.w-c4 .swiper-button-prev{top: auto; bottom:-26px;width:44px;  height: 44px;z-index: 11;opacity: 0.4; }
.w-c4 .swiper-button-next{right: 50%; margin-right: -150px;}
.w-c4 .swiper-button-prev{ left: 50%; margin-left: -150px; }
.w-c4 .swiper-button-next:after,.w-c4 .swiper-button-prev:after{content:'';  position: absolute;  top: 0%;  left: 0%;  width:44px;  height: 44px;}
.w-c4 .swiper-button-next:after{background: url('../img/youjiant.svg') no-repeat 0 0; background-size:100%;  }
.w-c4 .swiper-button-prev:after{background: url('../img/zuojiant.svg') no-repeat 0 0;  background-size:100%; }
.w-c4 .swiper-button-next:hover{ transform: translate(15%, 0);opacity: 1;}
.w-c4 .swiper-button-prev:hover{ transform: translate(-15%, 0);opacity: 1;}


/*应用领域*/

.map-inlineblk.active .point .point{
  animation: star 1.5s infinite linear;
}
.circuit-img .point2{
  animation: star 1.5s infinite linear;
}

@keyframes star {
    0% {
        opacity: 0;
      filter: alpha(opacity=0);
    }

    50% {
        opacity: 1;
      filter: alpha(opacity=100);
    }
    100% {
      opacity: 0;
      filter: alpha(opacity=0);
    }
}
.circuit-wrap .m-box img{
  width: 100%;
}
.circuit-img{
  max-width: 720px;
  margin: 40px auto 0;position: relative;
}
.circuit-img>img{
  width: 100%;
}
.point-box .item .point2{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  background-color: rgba(204,0,0,.2);
  opacity: 0;
  filter: alpha(opacity=0);
}

.point-box .item .point:before,
.point-box .item .point2:before{
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  /* background-color: #c00; */
  background-color: #2b66b0;
  opacity: .8;
  filter: alpha(opacity=80);
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.point-box .item .point2:before{
  background-color:#c00;
}

.point-box .item.active .text{
  z-index: 7;
display: none; 
}
.point-box a.item:hover .text{

display: block; 
}
.point-box .item.active .point{
  background-color: rgba(204,0,0,.2);
}

.point-box .item.active .point:before{
  background-color: #c00;
  opacity:1;
  filter: alpha(opacity=100);
}
.point-box .item{
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  width: 44px;
  height: 44px;
  /* pointer-events: none; */
}
.circuit-wrap .pc-box{
  position: relative;
}
.circuit-wrap .text-tab{
  position: absolute;
  right: 0;
  top: 0;
  width: 350px;
}
.circuit-wrap .text-tab .item{
  position: absolute;
  left: 0;
  top: 0;
  width: 300px;
  padding: 25px;
  background-color: #2b66b0;
  border-radius: 6px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, .1);
  display: none;
}
.circuit-wrap .text-tab .tit{
  font-size: 16px;
  line-height: 26px;
  color: #fff;
}
.circuit-wrap .text-tab .con{
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  margin-top: 10px;
}



.car-img .point-box .item:nth-child(1){
  left: 64.47%;
  top: 45.45%;
}
.car-img .point-box .item:nth-child(2){
  left: 94.22%;
  top: 54.54%;
}
.car-img .point-box .item:nth-child(3){
  left:27.78%;
  top: 67%;
}
.car-img .point-box .item:nth-child(4){
  left: 55.55%;
  top: 48.4848%;
}
.car-img .point-box .item:nth-child(5){
  left: 22.9%;
  top: 48.48%;
}
.car-img .point-box .item:nth-child(6){
  left: 26.4%;
  top: 21.21%;
}
.car-img .point-box .item:nth-child(7){
  left: 72.22%;
  top: 33.33%;
}
.car-img .point-box .item:nth-child(8){
  left: 45.14%;
  top: 9%;
}
.car-img .point-box .item:nth-child(9){
  left: 31.25%;
  top: 53%;
}
.car-img .point-box .item:nth-child(10){
  left: 11.11%;
  top: 69.7%;
}
.car-img .point-box .item .text{
  bottom: 20px;
  top: auto;
  min-width: 110px;
  width: auto;
  padding: 10px 25px;
  color:#fff;
  white-space: nowrap;
}
.point-box .item .point,
.point-box .item .point2{
  width: 44px;
  height: 44px;
  /* background-color: rgba(204,0,0,.2); */
  background-color: rgba(43,102,176,.2);
  border-radius: 100%;
  position: relative;
  z-index: 3;
  /* pointer-events: auto; */
}
.point-box .item .point2{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  background-color: rgba(0,0,0,.2);
  opacity: 0;
  filter: alpha(opacity=0);
}

.point-box .item .point:before,
.point-box .item .point2:before{
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  /* background-color: #c00; */
  background-color: #2b66b0;
  opacity: .8;
  filter: alpha(opacity=80);
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.point-box .item .point2:before{
  background-color:#c00;
}

.point-box .item .text{
  position: absolute;
  left: 30px;
  top: 20px;
  padding: 25px;
  width: 300px;
  background-color: #2b66b0;
  /* border: 1px solid #e5e5e5; */
  border-radius: 6px;
  /* box-shadow: 0 3px 7px rgba(0, 0, 0, .1); */
  display: none;
  z-index: 5;
}







@media (max-width: 1399.98px) {.process-box{
  padding: 40px 0;
}
.process-box .item{
  width: 25%;
}
.process-box .item:nth-child(5n) .con-box .arrow{
  display: block;
}
.process-box .item:nth-child(4n) .con-box .arrow{
  display: none;
}
.process-box .item:last-child .con-box .arrow{
  display: none;
}
.process-box .item .txt span{
  font-size: 20px;
  line-height: 30px;
}
.process-box .process-tit .cn{
  font-size: 20px;
  line-height: 30px;
}
.process-box .process-tit .en{
  font-size: 12px;
  line-height: 20px;
}
.w-lunbotu .carousel-caption h5{font-size: 50px;}
.w-lunbotu .carousel-caption p{font-size: 16px;}
}
@media (orientation: portrait){  .timeline.timeline .timeline-item .text-end{ text-align: left!important;}}
@media (max-width: 1353px){.navbar-wwt li.nav-item{ padding: 17px 16px;}.c3 .zi a.ck{ margin-top: 30px;}}
@media (max-width: 1199.98px) {.row-cols-md-4 > *{ width: 33.3333%;} }
@media (max-width: 1179px){.navbar-wwt li.nav-item{ padding: 17px 10px;}.logo{ width: 198px;}}
@media (max-width: 1077px){.navbar-wwt li.nav-item{ padding: 17px 4px;}}
@media (max-width: 991.98px){
  .w-swiper-container .swiper-slide-active:hover{ transform: scale(1);}
  .talent-box .list .item{ width: 33.33333%;margin: 5px 0;}r
  .duty-wrap .text-box .con-box{padding: 0 30px 50px;}
  .process-box .item{
  width: 33.33%;
  margin-bottom: 20px;
}
.process-box .item:nth-child(4n) .con-box .arrow{
  display: block;
}
.process-box .item:nth-child(3n) .con-box .arrow{
  display: none;
}
.ability-box{flex-direction: column;}.ability-box .left,.ability-box .right{ width: 100%;}.develop-box .list li{flex-direction: column;}.develop-box .list .con{border-left:none;}.row-cols-md-4 > *{ width: 50%;}.logo{ width: 160px;}.w-contact .w-con-vr{ display: none!important;}.w-pro-all .pro-list .pro-item{flex-direction: column;}.w-pro-all .pro-list .pro-item-left .pro-item-con{width: 100%;}.w-pro-all .pro-list .pro-item-left,.w-pro-all .pro-list .pro-item-right{ width: 100%;}.w-pro-all .pro-list .pro-item::before{ background: none;}.w-pro-all .pro-list .pro-item-right .pro-right-list{ padding-bottom: 0;}.w-pro-all .pro-list .pro-right-item{ width: 33.33%;}.w-pro-all .pro-list .pro-item-left{ padding:30px 0 10px 0;}
#container{ height: 400px !important;}
.process-box .list .row{
  margin: 0 -30px;
}
.process-box .item .txt{
  opacity: 1;
  filter: alpha(opacity=100);
  position: static;
  transform: translateY(0);
  background-color: transparent;
  text-align: center;
  font-size: 14px;
  margin-top: 10px;
}
.process-box .item .txt span{
  position: static;
  color: #333;
}
  .w-lunbotu .carousel-caption h5{font-size: 40px;}
  .w-lunbotu .carousel-caption p{font-size: 16px;}
  .w-erjitit .cn{font-size: 40px;}
  .w-c1 h2{font-size: 30px;}
  .w-c1 p{font-size: 14px;}
  .w-c1{ height: 360px;}
.w-c1-zhu{ margin-top: -70px;}
.c3 .zi p{ display: none;}
.c3 .zi h2{ font-size: 28px;}
.c3 .zi h2::after{ display: none;}
.foot-menu li{margin-right: 0px;}
.w-con-header{height:71px;}
}
@media (max-width: 767.98px){


  .timeline.timeline .timeline-item{padding-right: 10px;}

  .timeline.timeline .timeline-item.timeline-item-right, .timeline.timeline .timeline-item:nth-of-type(2n):not(.timeline-item-left){padding-right: 10px;}
.process-box{
  overflow: hidden;

}

.process-box .list .row{
  margin: 0 -.3rem;
}
.process-box .item{
  width: 50%;

}

.process-box .item:nth-child(3n) .con-box .arrow{
  display: block;
}
.process-box .item:nth-child(2n) .con-box .arrow{
  display: none;
}
.process-box .item:last-child .con-box .arrow{
  display: none;
}

.c3 .zi h2{ font-size: 24px;}
.c3 .zi h2:after {
margin-top: 20px;width: 100px;height: 1px;
}
.c3 .zi a.ck {
margin-top: 20px;
width: 130px;
line-height: 40px;
font-size: 16px;
}

.c2 .fen .list1 {
  flex-wrap: wrap;
}
.c2 .con .list2 li {
width: 50%;
}
.c2 .fen .list1 li {
width: 33.33%;
margin-bottom: 10px;
}
.talent-box .list .item{ width: 50%;}
.w-list-nav li a{ width: 100%; font-size: 12px;}
.w-list-nav li{padding: 5px 5px;margin:0px;}
.w-list-nav{margin: 10px auto;}

.duty-wrap .text-box .con-box{ border: none;}

.duty-wrap .item-box .item{width: 100%;}
}

@media (max-width: 575.98px){.w-crumb{ display: none !important;}.w-search, .w-earth{padding:0.5rem 0.7rem; }.w-sounav{ top: -2px;}.logo{width: 145px; /*margin-left: 44px;*/ height: auto;}.w-scroll .menu--2 path{stroke:#111;}.menu--2 button{ margin-top: -6px; height: 50px; margin-left: -10px; width: 50px;}.carousel-control-prev-icon,.carousel-control-next-icon{
	-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); display: none;}
.carousel-control-prev-icon:hover,.carousel-control-next-icon:hover  {
	-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2)}.w-pro-all .pro-list .pro-right-item{ width: 50%;}

.talent-box .list .item{ width: 100%;}
.talent-box{margin: 30px 0;}
.duty-wrap .text-box::before{ width: 0;}

 .c3 .zi h2{ font-size: 20px;}
 .c3 .zi a.ck{ margin-top: 20px;}
 .pro-item-right li {  width: 48.3%;}
 .pro-item-right li:nth-child(2n) {  margin-right: 0;}
 .pro-item-right li:nth-child(3n) {  margin-right: 1.7%;}
 .w-pro-all .pro-list{ padding-top: 0;}
 .w-pro-all{ padding-top: 20px;}
 .js-card{ margin-top: -50px;}
 .w-con-header{ height: 57px;}
}


@media (max-width: 480px) {
 
  .w-list-nav li{ width: 50%;}
  .c3 .zi {    padding: 0 15px;}

  .c3 .zi a.ck {      font-size: 14px;      background: none;      line-height: 36px;      margin-top: 20px;  }
  .c3 .zi a.ck:hover{background-color: #1D2088;}
.c3 {  height: auto;}

.c2 .fen .list1 li {  width: 50%;}
.c2 .jjsz {  margin-top:20px;}

.c2 .jjsz li {  font-size: 14px;}

.c2 .jjsz li .big {  font-size: 2em;}
.w-lunbotu .carousel-caption h5{font-size: 30px;}
.w-lunbotu .carousel-caption p{font-size: 14px;}
.w-c1 h2{font-size: 28px;}
.w-erjitit .cn{font-size: 36px;}

.row-cols-md-4 > *{ width: 100%;}
.sc-modal .modal-content{ width: 90%;  margin: 0 auto;}

}









@media (min-width: 992px){.nav-coment{ margin-right:0px;}.w-navbar{ padding: 0;}.w-contact hr{ display: none;}}












