/*#region 通用*/
body{color: #333; font-size: 16px; line-height:24px;font-family: 'Barlow', sans-serif;}
body.indexbg{background: url(../../images/body-banner.png) no-repeat;}
a{color: #333;}
a:hover{color: #0c459b;}
.swiper-pagination-bullet-active{background: #0c459b;}
body, div, p, img, ul, ol, li, form, input, label, span, dl, dt, dd, h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0; }
img {
  aspect-ratio: attr(width) / attr(height);
}
ul, ol, li, dl, dd, dt {list-style-type: none; }
.img-width{width: 100%;height: auto;}
.main-container { margin-bottom: 40px; margin-top: 40px; }
.tkanniu{cursor:pointer;}
.bghui{background: #f9f9f9;}
.card-thumb img{transition: all 0.5s ease;}
.card-thumb:hover img{transform: scale(1.05);}
.container-xl{max-width: 1630px;}
.container-xl.long{max-width: 1630px;}
.container-xl.short{max-width: 1430px;}
.container-xl.small{max-width: 1290px;}
.money{cursor:pointer;transition:all 0.5s ease}
.money:hover{transform:scale(1.1)}
@media(max-width:768px) {
    .main-container { margin: 20px 0; }
    body {font-size:14px;line-height:20px;background: none;}
}
/*#endregion*/

.header {z-index: 999;width: 100%;position: fixed;top: 0;right: 0;left: 0;}
.header-desc{background:#dc0b07; padding: 8px 0;color:#fff;}
.header-desc .container-xl{display: flex;align-items: center;justify-content: space-between;}
.header-desc .desc{width: 60%;display: flex;justify-content: flex-end;align-items: center;}
.top-tel{color: #fff;font-size: 16px;display: flex;width: 40%;}
.top-tel a{color: #fff;}
.top-tel a:hover{text-decoration:underline;}
.top-lang{margin-left: 5px;}
.top-lang .dropdown.lang .dropdown-toggle{background: transparent;border: 0;color:#000;line-height: 0;}
.public-social span,.public-social a{border-radius:25px;}
.header-top .logo p{font-size:16px;text-align:center;}
.header-top .logo-text{margin-left:20px;color:#0c459b;padding:10px 15px;background:#008ac5;color:#fff;border-radius:10px 0 0 10px;overflow:hidden;clip-path: polygon(85% 0, 100% 100%, 100% 100%, 0 100%, 0% 0);}

.header-top{background: #0f0e0e;padding: 20px 0;}
.header-top .nav{display: flex;align-items: center;justify-content: flex-end;}
.header-top .nav .service{display: flex;justify-content: flex-end;align-items: center;position: relative;}
.header-top .nav .service .tkbtn{background: #dc0b07;font-size: 16px;color: #fff;cursor: pointer;padding: 8px 10px;border-radius: 10px;color:#fff; overflow: hidden;}
.top-search-box{z-index: 93;margin-right:20px;}
.top-search-box .search-tb{width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;border-radius: 50%;overflow: hidden;}
.top-search-box .search-tb i{color: #000;font-size: 16px;font-weight: bold;}
.top-search-box li{padding-top: 30px;padding-bottom: 30px;transition: all 0.5s ease-in-out;}
.top-search-box li:hover .top-search{opacity: 1; height: auto;overflow: hidden;width: auto;}
.top-search-box .top-search{opacity: 0; height: 0;overflow: hidden; transition: all 0.5s;width: 0; position: absolute;right: 50px;top: 50px;z-index: 99;padding-top: 10px;}
.header.fadeInDown{position: fixed;top: 0;right: 0;left: 0;}
.header.fadeInDown .header-desc{display: none;}
.header.fadeInDown .header-top{padding: 0;}
.header.fadeInDown .desc{display: none;}
.top-lang .dropdown-menu{min-width:initial;left:initial;right:0;}
.top-lang .dropdown-menu .dropdown-item{padding:10px;}
.top-lang .dropdown-menu .dropdown-item:hover::before{display:none;}

/*he*/

/*header*/
.header-top{padding: 0 30px;background: transparent;transition: all 0.5s;}
.header-top .nav{padding: 10px 0;}
.header-top .box{justify-content: space-between;}
.header-top .box .le1{flex: 0 0 9%;}
.header-top .box .le2{flex: 1;}
.header-top .top-lang .dropdown.lang .dropdown-toggle::after{border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #000;font-size: 0;}
.navbar-custom .navbar-nav > .nav-item{margin: 0 10px;}
.navbar-custom .navbar-nav .nav-link:before, .navbar-custom .navbar-nav .nav-link:before{height: 0;}
.navbar-custom .navbar-nav .nav-link{height: auto;padding: 5px 15px;font-weight: bold;font-size: 18px;text-transform: uppercase;}
.navbar-custom .navbar-nav .nav-item:last-child .nav-link::after{content: '';position: absolute;width: 100%;height: 100%;background-color: #0c459b;z-index: -1;transition: all 0.5s ease;border-radius: 0;}
.navbar-custom .navbar-nav .nav-item:last-child .nav-link{color: #fff;font-weight: 400;}
.dropdown.lang .dropdown-toggle{font-weight: bold;font-size: 16px;}
.top-search-box{position: relative;}
.top-search-box .top-search{right: 0;}
.header.fadeInDown .header-top{padding: 0 30px;background: #fff;}
.header.fadeInDown .top-search-box li{padding-top: 15px;padding-bottom: 15px;}
.top-search-box{margin-right: 0;}
.header-top .d-flex{justify-content: space-between;}
.header-top .he-img{transition: all 0.5s;margin-right: 18%;}
.header.fadeInDown .he-img{margin-bottom: -44px;}


.navbar { padding: 0px;position: relative; z-index: 9999;}
.navbar-custom { top: 0; z-index: 2; justify-content: end;}
.navbar-custom .navbar-nav .nav-link {text-align: center;position: relative; color:#000; padding:5px 15px; height: auto;display: flex;align-items: center;justify-content: center; font-size: 20px; font-weight: 400;text-transform: capitalize;}
.navbar-custom .navbar-nav .nav-link:before,.navbar-custom .navbar-nav .nav-link:before{content: "";width: 0px;height: 4px;margin-left: 0!important; background: #0c459b;position: absolute; bottom: 0;}
.navbar-custom .navbar-nav .nav-item:hover .nav-link:before,.navbar-custom .navbar-nav .nav-item.active .nav-link:before{width:80%; transition: all 0.3s;}
.navbar-custom .navbar-nav .nav-link:hover{}
.navbar-custom .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); }
.navbar-custom .navbar-nav .show > .nav-link,
.navbar-custom .navbar-nav .active > .nav-link,
.navbar-custom .navbar-nav .nav-link.show,
.navbar-custom .navbar-nav .nav-link.active{}
.navbar-custom .navbar-text { color: rgba(0, 0, 0, 0.5); }
.navbar-custom .navbar-text a { color: rgba(0, 0, 0, 0.9); }
.navbar-custom .navbar-text a:hover, .navbar-custom .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); }
.dropdown-item{color: #0c459b;display: flex;align-items: center;position: relative;padding: 10px 50px 10px 10px;}
.dropdown-item:hover{color: #0c459b;background: #fff;text-decoration:underline;}
.pro-nav .dd-box{display: flex;justify-content: space-between;padding: 30px 100px 0 70px;align-items: center;}
.pro-nav .dd-box .dd-left{flex: 0 0 41%;margin-top: -50px;}
.pro-nav .dd-box .dd-left .dd-a{font-size: 24px;line-height: 60px;color: #0c459b;display: flex;align-items: center;}
.pro-nav .dd-box .dd-left .dd-a:hover,.pro-nav .dd-box .dd-left .dd-a.active{text-decoration:underline;}
.pro-nav .dd-box .dd-right{flex: 0 0 48%;height: 320px;padding-top: 30px;}
.pro-nav .dd-box .dd-right .ap{display: none;}
.pro-nav .dd-box .dd-right .ap.active{display: block;}
.pro-nav .dd-box .dd-right .ap .img{position: relative;}
.pro-nav .dd-box .dd-right .ap .img .imgtwo{position: absolute;right: 0;top: -30px;width: 88px;}
.pro-nav .dd-box .dd-right .ap:nth-child(2) .img .imgtwo{transform: rotateY(180deg);}
.navbar-custom .navbar-nav .pro-head .nav-item  .nav-link{color: #000;font-weight: 400;}
.navbar-custom .navbar-nav .pro-head .nav-item  .nav-link::after{background:transparent;}
.navbar-custom .navbar-nav .pro-head .dropdown{position: inherit;}
.navbar-custom .navbar-nav .pro-head .dropdown .dropdown-menu{top: 35px;}
.dropright .dropdown-toggle::after{color: transparent;}
@media(max-width:1480px) {
.navbar-custom .navbar-nav .nav-item { margin: 0 15px;}
.navbar-custom .navbar-nav .nav-link{padding: 5px;font-size: 16px;}
.header-top{padding: 0 5px;}
.header.fadeInDown .header-top{padding: 0 5px;}
}

@media(max-width:1300px) {
.navbar-custom .navbar-nav .nav-item { margin: 0 8px;}
}

.header .header-top .col-md-9{position:initial;}
.navbar{position:initial;}
.navbar-custom .navbar-nav .pro-head{}
.navbar-custom .navbar-nav .pro-head .x1-pronav{display:none;position:absolute;left:0;right:0;width:100%;background:#fff;box-shadow:5px 0 10px rgba(0, 0, 0, 0.1);padding:60px ;}
.navbar-custom .navbar-nav .pro-head .x1-pronav .container-xl{display:flex;align-items:flex-start;justify-content:center;}
.navbar-custom .navbar-nav .pro-head .x1-pronav .container-xl .item{width:18%;margin:0 1%;}
.navbar-custom .navbar-nav .pro-head .x1-pronav .container-xl .item .title{font-size:18px;color:#0c459b;margin-bottom:25px;margin-top:20px;}
.navbar-custom .navbar-nav .pro-head .x1-pronav .container-xl .item .title a{color:#0c459b;}
.navbar-custom .navbar-nav .pro-head .x1-pronav .container-xl .item a:hover{text-decoration:underline;}
.navbar-custom .navbar-nav .pro-head .x1-pronav .container-xl .item .img{background:#f3f4f5;padding:6px;}
.navbar-custom .navbar-nav .pro-head .x1-pronav .container-xl .item .img img{mix-blend-mode:multiply;}
.navbar-custom .navbar-nav .pro-head .x1-pronav .container-xl .item .child{margin-bottom:15px;}
.navbar-custom .navbar-nav .pro-head .x1-pronav .container-xl .item .child .child-title{font-size:16px;}
.navbar-custom .navbar-nav .pro-head .x1-pronav .container-xl .item .child .child-speed{font-size:14px;color:#008ac5;}
.navbar-custom .navbar-nav .pro-head .x1-pronav .container-xl .item .child:hover .child-speed{color:#d73333;}
.navbar-custom .navbar-nav .pro-head .nav-item:hover .x1-pronav{display:block;}

/*#region 手机端*/
.header-mb{background: #0c459b;position: fixed;top: 0;left: 0;right: 0;width: 100%;border-bottom: 1px solid #fff;z-index: 999;}
.header-mb .container-xl{height: 50px;}
.header-mb .top-logo{width: 50%;}
.header-mb .top-logo img{height: 30px;width: auto;}
.header-mb .top-mb{display: flex; align-items: center;width: 50%;justify-content: flex-end; }
.header-mb .top-mb .dropdown.lang .dropdown-toggle{background: transparent; padding: 0;}
.header-mb .top-mb .dropdown-menu{min-width: 80px;margin-top: 8px;}
.header-mb .top-mb .top-mb-search{padding: .5rem .4rem; margin-left: 10px; width: 30px; text-align: center; }
.header-mb .top-mb .top-mb-search i{font-size: 16px;color: #fff}
.header-mb .top-mb .icon-bars{color: #fff;}
.header-mb .top-mb .dropdown.lang .dropdown-toggle{color: #fff;}
.top-mb-search-box{display: none; position: fixed;background: #fff; top: 50px; padding: 6px 15px 10px;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);z-index: 998;width: 100%; }
.top-mb-search-box .search-group{width: 100%;height: 38px;}
.top-mb-feed i{font-size: 16px;color: #fff}


.mobile-head-item .main-content-wrap {
  background: #FFF;
  top: 0;
  display: block;
  z-index: 99999;
 }
 .mobile-head-item .main-content-wrap .content-wrap {
  overflow-y: auto;
  height: 100%;
  padding: 15px 10px;
  background-color: #fff;
 }
 .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap {
  overflow-y: hidden;
 }
 .mobile-head-item .side-content-wrap {
  position: fixed;
  display: block;
  right: -80%;
  width: 80%;
  height: 100%;
 }
 .mobile-head-item .middle-content-wrap {
  position: absolute;
  right: 0;
  width: 100%;
  height: auto;
  padding: 20px 0;
  opacity: 0;
  visibility: hidden;
 }
 .mobile-head-item .middle-show-content-wrap {
  top: 30px;
  visibility: visible;
  opacity: 1;
 }
 /* header */.head_top .top_left {
  display: none;
 }
 
 /*nav */.head_nav {
  width: 100%;
  padding: 0 5px;
 }
 .head_nav li {
  padding-left: 28px;
  padding-top: 4px;
  padding-bottom: 4px;
 }
 .head_nav li,
 .head_nav li a {
  color: #111;
 }
 .head_nav li.has-child {
  padding-left: 28px;
  margin-top: 0;
  margin-bottom: 0;
 }
 .head_nav li.has-child>a {
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 35px;
 }
 .head_nav li.has-child>ul {
  display: none;
 }
 .head_nav li.siblings-no-menu {
  position: relative;
  padding-left: 15px;
 }
 .head_nav li a {
  display: block;
  height: auto;
  line-height: 1.4em;
  position: relative;
 }
 .head_nav li a:hover {
  color: inherit;
 }
 .head_nav li em {
  display: block;
  height: 1.4em;
  overflow: hidden;
 }
 .head_nav li li {
  font-size: 14px;
 }
 .head_nav li li li {
  font-size: 12px;
 }
 .head_nav li li a {
  color: #666;
 }
 .head_nav li.has-child a b {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #111;
  border-radius: 2px;
  overflow: hidden;
  line-height: 15px;
  position: absolute;
  right: -35px;
  top: 1px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
 }
 .head_nav li.has-child a b:before,
 .head_nav li.has-child a b:after {
  content: '';
  display: block;
  width: 9px;
  height: 1px;
  background-color: #111;
  position: absolute;
  left: 3px;
  top: 50%;
  margin-top: -.5px;
 }
 .head_nav li.has-child a b:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
 }
 .head_nav li.has-child a:hover b {
  border-color: #111;
 }
 .head_nav>li {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f2f2f2;
 }
 .head_nav>li>a {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: -1px;
  position: relative;
  text-transform: uppercase;
  position: relative;
 }
 .head_nav li,
 .head_nav li.has-child {
  padding-left: 0;
 }
 .head_nav li li,
 .head_nav li li.has-child {
  padding-left: 15px;
 }
 .head_nav li.active>a>b:after {
  display: none;
 }
 .head_nav li.active>a>b {
  background-color: #111;
 }
 .head_nav li.active>a>b:before,
 .head_nav li.active>a>b:after {
  background-color: #fff;
 }

 .mobile-ico-close {
  width: 30px;
  height: 30px;
  background: #fff url(../../images/mobile_close.png) center center no-repeat;
  background-size: 50% auto;
  position: absolute;
  left: -35px;
  top: 0;
  cursor: pointer;
 }
/*#endregion*/

@media(max-width:768px) {
    body{padding-top: 50px;}
}
/*#endregion*/

@media(max-width:768px) {
    .header{display: none;}
}
/*#endregion*/

/*#region 栏目列表*/
.menu-collapse { border-radius: 6px 6px 0 0; border: 1px solid #e7e7e7; background: #fff;margin-bottom:20px; }
.menu-collapse .collapse-title { padding: 0.875rem; background: #5371b3; color: #fafafa; }
.menu-collapse .collapse-title h5 { font-size: 1.25rem; font-weight: 500; }
.menu-collapse .collapse-title .navbar-toggler { color: #fff; }
.menu-collapse .menu-link { transition: background-color ease 0.2s; color: #666; border-bottom: 1px solid #e7e7e7 }
.menu-collapse ul ul .menu-link { padding: 12px 16px 12px 30px; }
.menu-collapse .menu-link:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: #5371b3 }
.menu-collapse .menu-link:hover { background: #f8f9fa; }
.menu-collapse .drop { }
.menu-collapse .menu-link.active { background: #f6f6f6; color: #666 }

.ny-nav{background: #ffffff;border-top: 7px solid #0080d6;padding: 35px 50px;}
.ny-nav .nav-title{font-size: 20px;font-weight: bold;line-height: 26px;margin-bottom: 25px;}
.ny-nav .menu-horizontal-wrapper { margin-bottom: 0px; font-size: 18px; background: #fff; }
.menu-horizontal { display: block;}
.menu-horizontal .nav-item {display: block; margin-bottom: 10px; }
.menu-horizontal .nav-item:last-child{margin-bottom: 0;}
.menu-horizontal .nav-link {width: 100%;position: relative; cursor: pointer; padding: 15px 30px; color: #333;display: block;text-align: left; border-radius: 5px;overflow: hidden;  font-size: 16px; background: #f8f8f8; }
.menu-horizontal .nav-item.active .nav-link,.menu-horizontal .nav-link:hover {background: #0080d6; color: #fff; transition: all 0.3s; }
.menu-horizontal .nav-item .nav-link:after{content: "\f061";font-family: cmsfont;font-size: 14px;position: absolute;right: 22px;top: 16px;display: block;z-index: 1;}
.menu-horizontal .nav-item.child .nav-link:after{content: "\f067";}
.menu-horizontal .nav-item.child.active .nav-link:after{content: "\f068";}


.menu-horizontal-child { display: flex; flex-wrap: wrap;margin-top: 20px; }
.menu-horizontal-child .nav-item-child { color: #333333;margin-right: 10px;margin-bottom:10px; background: #fff;border:1px solid #fff;border-radius:50px;overflow:hidden;}
.menu-horizontal-child .nav-item-child .nav-link-child{color: #333333;padding: 0 25px; display: block;text-align: center; font-size: 16px; line-height: 54px; }
.menu-horizontal-child .nav-item-child .nav-link-child:before { content: "●"; font-size: 16px; margin-right: 12px; color: #5371b3 }
.menu-horizontal-child .nav-item-child.active,.menu-horizontal-child .nav-item-child:hover{border-color:#5371b3;}
.menu-horizontal-child .nav-item-child.active .nav-link-child,.menu-horizontal-child .nav-item-child:hover .nav-link-child {color: #5371b3;}

.menu-horizontal-wrapper{margin-bottom: 0;}
.menu-horizontal-about{display: flex;flex-wrap: wrap;justify-content:center;margin-top:40px;margin-bottom:40px;font-family:Barlow;}
.menu-horizontal-about .nav-item-about { color: #666666;margin-right: 10px;margin-bottom:10px; background: #fff;border-radius:5px;overflow:hidden;border:1px solid #e0e0e0;}
.menu-horizontal-about .nav-item-about .nav-link-about{color: #666666;padding: 0 35px; display: block;text-align: center; font-size: 20px; line-height: 54px;}
.menu-horizontal-about .nav-item-about.active,.menu-horizontal-about .nav-item-about:hover{background: #86c442;border-color:#86c442;}
.menu-horizontal-about .nav-item-about.active .nav-link-about,.menu-horizontal-about .nav-item-about:hover .nav-link-about {color: #fff;}

.menu-horizontal-wrapper{margin-bottom: 0;}
.menu-horizontal-pro{display: flex;flex-wrap: wrap;margin-bottom:30px;}
.menu-horizontal-pro .nav-item-pro { color: #fff;margin-right: 10px;margin-bottom:10px; background: #1f1f1f;}
.menu-horizontal-pro .nav-item-pro .nav-link-pro{color: #fff;padding: 0 35px 0 20px; display: block;text-align: center; font-size: 18px; line-height: 54px;}
.menu-horizontal-pro .nav-item-pro .nav-link-pro:before{ content: "●"; font-size: 16px; margin-right: 12px; color: #fff }
.menu-horizontal-pro .nav-item-pro.active,.menu-horizontal-pro .nav-item-pro:hover{background: #dc0b07;}
.menu-horizontal-pro .nav-item-pro.active .nav-link-pro,.menu-horizontal-pro .nav-item-pro:hover .nav-link-pro {color: #fff;}

@media(max-width:768px) {
    .ny-nav{padding: 25px 15px;display: none;}
    .menu-horizontal-about .nav-item-about{margin-right:0;}
}
/*#endregion*/

/*#region 位置导航*/

.banner.home{position:relative;background: url(../../images/home-banner.jpg) repeat;background-size: 100%;}
.banner.home .banner-text{text-align: left;align-items:center;position: relative;}
.banner.home .banner-text .container-xl{display: flex;align-items: center;justify-content: space-between;position: relative;}
.banner.home .banner-text .img{display: flex;align-items: center; justify-content: flex-end; width: 48%;animation: left-animation 1s infinite;animation-iteration-count: 1;}
.banner.home .banner-text .box{width: 52%;padding: 0;animation: up-animation 1s infinite;animation-iteration-count: 1;}
.banner.home .banner-text .box .title{font-size: 52px;color: #fff;line-height:85px; margin-bottom: 35px;font-weight: bold;text-transform: uppercase;font-family:Barlow;}
.banner.home .banner-text .box p{font-size: 16px;color: rgba(255, 255, 255, 1);line-height: 32px;}
.banner.home .banner-text .box .more{ font-size: 22px;color: #333;text-transform: uppercase;font-family:Barlow; background: #ffffff;display: inline-block;margin-top: 100px;padding:18px 35px; text-align: center;}
.banner.home .banner-text .box .more:hover{color: #fff;background: #0080d6;transition: all 0.5s;}

.banner.ny{padding:120px 0 20px;background:#f9fafc;text-align:center;}
.banner.ny .ny-title{font-size: 42px;font-weight: 400;line-height: 80px;color: #000000;}

@media(max-width:768px) {
    .banner.ny{padding:40px 0 40px;text-align:center;}
    .banner.ny .ny-title{text-align:center;font-size:26px;margin-top:15px;}
    .banner.ny .box .page-title:before{width: 0;}
}



.page-title {color:#333;}
.page-title  a{color:#333;}
.page-title .breadcrumb { justify-content: center;align-items: center; color: #333;font-size: 16px;}
.page-title .breadcrumb .breadcrumb-item:last-child a{font-weight:bold;color:#dc0b07;}
.page-title .breadcrumb { justify-content: center;align-items: center; color: #333;font-size: 16px;}
.breadcrumb-item + .breadcrumb-item::before { font-family: cmsfont; content: "\f054";color:#0c459b;margin-right: 10px;margin-left:10px;}
.page-title .breadcrumb:before { font-family: cmsfont; content: "\f016"; margin-right: 10px;color:#0c459b; }

.page-title.pro{background:#f1f1f1;padding:15px 0;}
.page-title.pro .breadcrumb{justify-content: flex-start;}


.banner-top{background-color: #f4f4f4;padding: 20px 0;}
.page-title a{font-weight: bold;color: #333333;font-size: 16px;line-height: 32px;color: #0c459b;}
.page-title .breadcrumb .breadcrumb-item:last-child a{color: #0c459b9a;}
.page-title a img{margin: 0 30px 0 20px;}
.page-title  a:hover span{text-decoration: underline;}
.breadcrumb-item+.breadcrumb-item{padding: 0;margin-top: 0px;}
@media(max-width:768px) {
  .banner .ny-title{margin-bottom:0}
    .page-title{width: 100%;position:relative;top:inherit;}
  
    
}
/*#endregion*/




/*#region 详情页*/
/*默认设置*/
.content-wrapper { line-height: 1.7;  margin-bottom: 1.5rem; }
.content-wrapper h2 { font-size: 1rem; font-weight: 600; margin-bottom: 0.75rem; }
.content-wrapper h3 { font-size: 0.875rem; font-weight: 600; margin-bottom: 0.75rem; }
.content-wrapper img { max-width: 100% !important; height: auto !important; }
.content-wrapper ol { margin-left: 1em; padding-left: 1em; }
.content-wrapper video { max-width: 100% !important; height: auto !important; }
.content-wrapper iframe { max-width: 100%; }
.content-wrapper table { width: 100%; margin-bottom: 1rem; color: #212529; }
.content-wrapper table p{margin-bottom: 0;}
.content-wrapper table th, .content-wrapper table td { padding: 0.5rem; vertical-align: middle; border: 1px solid #dee2e6; text-align: center; }
.content-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }
.content-wrapper table tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); color: #555; }
.content-wrapper table p{ margin-bottom: 0;}

/*产品内容*/
.pronr-wrapper{background:#f5f5f5;padding:0 0 60px;}
.pronr-wrapper .pronr-title{font-size:36px;font-weight:bold;margin-bottom:30px;}
.product-head { background:#e1e1e1;padding:35px 35px 60px;}
.product-head .img{padding:15px 20px;box-shadow:7px 0 30px rgba(0, 0, 0, 0.05);background:#fff;position:relative;}
.product-head .img .down{width:216px;height:53px;text-align:center;color:#fff;display:flex;align-items:center;justify-content:center; font-size:18px;background:#c80805;border-radius:30px;overflow:hidden;position:absolute;bottom:-24px;left:calc(50% - 108px);}
.product-head .img .down span{margin-right:10px;}
.product-head .img .down:hover{text-decoration:underline;}
.product-head .feedback-box{padding:35px;}
.product-head .feedback-box .h2{font-size:30px;text-align:center;font-weight:bold;margin-bottom:40px;}

.content-wrapper.product{background: #fff;height: 100%;}
.content-wrapper.product .hot-sub-title{margin-bottom:0;}
.content-wrapper.product .table-wrapper{padding: 40px;}
.content-wrapper.product h5{font-size: 20px;color: #dc0b07;font-weight: bold; line-height: 30px;margin-bottom: 20px;margin-top: 20px;padding-left: 12px;border-left: 4px solid #dc0b07;}
.content-wrapper.product p{font-size: 16px;color: #666666;margin-bottom: 20px;}
.content-wrapper.product table td p,.content-wrapper.product table td{font-size: 16px;margin-bottom: 0;}
.content-wrapper.product .content{padding:32px;}
.content-wrapper.product .content .imgs{display:flex;border:1px solid #000000;margin-bottom:30px;}
.content-wrapper.product .content .imgs .img{width:50%;}
.content-wrapper.product .content .imgs .img:nth-child(2n){border-left:1px solid #000000;}
.content-wrapper.product .content .canshu{background:#f5f5f5;text-align:center;padding:50px 30px;margin-bottom:40px;}
.content-wrapper.product .content .canshu p{font-size:24px;margin-bottom:0;}
.content-wrapper.product .content .t3{font-size:26px;font-weight:bold;margin-bottom:25px;}

@media(max-width:768px) {
  .pronr-wrapper{padding:0 0 15px;}
  .product-head{padding:15px;}
  .pronr-wrapper .pronr-title{font-size:26px;margin-bottom:20px;}
  .product-head .feedback-box{padding:60px 0 0;}
  .product-head .feedback-box .h2{font-size:20px;margin-bottom:25px;}
  .content-wrapper.product .content{padding:15px;}
  .content-wrapper.product p{font-size:14px;line-height:22px;}
  .content-wrapper.product .content .canshu{padding:20px;margin-bottom:20px;}
  .content-wrapper.product .content .canshu p{font-size:18px;}
  .content-wrapper.product .content .t3{font-size:22px;}
}


/*#endregion*/

/*#region 其他*/
/*分页*/
.page-link { padding: .5rem 0.875rem;}
.page-item.active .page-link { color: #fff; background-color: #0c459b; border-color: #0c459b; }

/*留言*/
.form-feedback .form-control{ background: #fff;color: #999999;font-size: 20px; border-radius: 6px;overflow: hidden; border: 1px solid #dddddd; padding-top: 15px;padding-bottom: 15px;}
.form-feedback .form-control::-webkit-input-placeholder{color: #9396a2;}
.form-feedback .btn {padding-top: 15px;padding-bottom: 15px;background-color: #0c459b;border-radius: 6px;font-size: 22px;font-weight: bold;color: #fafafa;transition: all 0.3s ease;}
.form-feedback .btn i{margin-left: 15px;}
.form-feedback .btn:hover{background:#369487;color: #fff;}

@media(max-width:768px) {
    .form-feedback .form-control{padding-top: 10px;padding-bottom: 10px;font-size: 16px;}
    .form-feedback .btn{padding-top: 10px;padding-bottom: 10px;}
    
}


/*搜索*/
.pro-search .search-group{width: 100%;background:#fff;border:0; border-bottom:1px solid #dddddd;border-radius:0;}
.pro-search .search-group .form-control{font-size:18px;color:#333;padding-left:0;}
.pro-search .search-group .form-control::-webkit-input-placeholder{color: #333;font-size:18px;font-weight:bold;}
.search-group { width: 200px; height: 45px; background: #f7f7f7; overflow: hidden;border: 1px solid #f7f7f7;border-radius: 10px;}
.search-group .form-control { border: none; border-radius: 0px ;background: transparent;color: #5c5352;height: 45px;}
.search-group .form-control::-webkit-input-placeholder{color: #5c5352;}
.search-group .btn {border-radius: 0px;height: 45px;  width: 45px;display: flex;justify-content: center;align-items: center; padding: 6px 15px; margin-bottom: 0; }
.search-group i { color: #0c459b; font-size: 1.3rem; }
.search-group .btn:hover{background: #0c459b;}
.search-group .btn:hover i{color: #fff;}


/*#表格*/
.table-wrapper table th, .table-wrapper table td { padding: 5px; vertical-align: middle; font-size: 16px; border: 1px solid #dee2e6; text-align: center; }
.table-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }
.table-wrapper table tbody tr:first-child td{background-color: #0c459b;color: #fff;}
.table-wrapper table tbody tr:first-child td p{color: #fff;}
.table-wrapper table tbody tr:hover { background-color: #dee2e6; color: #555; }
.table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
@media (max-width: 575.98px) {
    .table-wrapper-sm table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media(max-width:768px) {
    .table-wrapper-md table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 991.98px) {
    .table-res-lg table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 1500.98px) {
    .table-wrapper-xl table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}


/*#弹出留言表单*/
.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 1000;
    display: none;
    top: 0;
    left: 0;
    background: rgba(00, 00, 00, 0.8);
}

.reveal-modal#mb-jsq{top:100px;}

.reveal-modal#mb-jsq .title{color: #1e3a8a;font-weight:bold;}

.reveal-modal {
    visibility: hidden;
    top: 250px;
    left: 50%;
    margin-left: -25%;
    width: 50%;
    position: absolute;
    z-index: 1001;
    padding: 35px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    background-color: #FFF;
}

.reveal-modal .title {
    font-size: 30px;
    text-align: center;
    margin-bottom: 25px;
}

.reveal-modal .close-reveal-modal {
    font-size: 30px;
    line-height: 0.5;
    position: absolute;
    top: 8px;
    right: 11px;
    color: #333;
    text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
    font-weight: bold;
    cursor: pointer;
}

@media(max-width:768px) {
    .reveal-modal {
        visibility: hidden;
        top: 50px;
        left: 50%;
        margin-left: -45%;
        width: 90%;
        position: absolute;
        z-index: 1001;
        padding: 25px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
        -box-shadow: 0 0 10px rgba(0, 0, 0, .4);
        background-color: #FFF;
    }
    .reveal-modal .title {
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
    }
}


.feedpc{position:fixed;right: 0px;top:60%;cursor: pointer;z-index: 70;}
.feedpc .feed{display: flex;align-items: center;}
.feedpc .feed .img{z-index: 60;margin-right: -20px;}
.feedpc .feed p{background: #414141;height: 50px;font-size: 18px;font-weight: bold;color: #fff;text-align: center;line-height: 50px;padding: 0 15px 0 25px;}

@media(max-width:768px) {
    .feedpc .feed .img{margin-right: 0px;}
    .feedpc .feed .img img{width: 50px;height: 50px;}
    .feedpc .feed p{display: none;}
    .totop{z-index:10;}
}

.whole-p{font-size: 18px;font-weight: 400;line-height: 36px;color: #333333;}
.whole-p span{/*text-decoration: underline;*/}
.whole-t1{font-size: 48px;line-height: 70px;letter-spacing: -1px;color: #333333;font-weight: 400;}
.whole-t1 span{color: #0c459b;padding-bottom: 2px;border-bottom: 4px solid #0c459b;}
.whole-a{font-size: 24px;font-weight: 600;line-height: 32px;color: #0c459b;display:inline-block;position: relative;}
.whole-a::before{display:none;}
.whole-a:hover::before{right: 30px;}
.whole-a img{margin-left: 40px;transition: all 0.3s ease-in-out;}
.whole-a:hover img{margin-left: 10px;}
.kuai{width: 5px;height: 27px;background-color: #0c459b;display: inline-block;margin: 20px 0;}
.banner{padding: 100px 0 140px 0;}
.banner a{color: #0c459b;}
.banner .big-box{display: flex;align-items: center;background: linear-gradient(to left,#0c459b1e 75%,#fff0 30%);padding: 80px 0;}
.banner .big-box .big-left{width: 41%;}
.banner .kuai{margin: 40px 0;}
.banner .big-box .whole-p{font-size: 24px;}
.banner .big-box .whole-p a{text-decoration:underline;}
.banner .big-box .whole-t1{font-size: 38px;line-height:60px;}
.banner .big-box .whole-t1 span{border-bottom: 0;}
.banner .big-box .whole-a{margin: 110px 0 40px 0;cursor: pointer;}
.whole-a.xcnew{background:#0a52a6;color:#fff;display:inline-block;padding:10px 30px;border-radius:10px;}
.whole-a.xcnew:hover{background:#00a0e9;transition:all 0.5s;}
.banner .big-box .big-right{width: 59%;}
.banner .big-box .big-right .img{margin-right: -150px;}
@media(max-width:1650px) {
    .banner .big-box .big-right .img{margin-right: 0;}
}
@media(max-width:768px) {
    .kuai{display: none;}
    .banner{padding: 20px 0;}
    .whole-p{font-size: 14px;line-height: 20px;}
    .whole-t1{font-size: 24px;line-height: 30px;margin-bottom: 15px;}
    .whole-t1 span{border-bottom: 2px solid #0c459b;}
    .whole-a{font-size: 16px;font-weight: 600;line-height: 20px;padding-right: 40px;}
    .whole-a::before{background: url(../../images/a-jtsm.png) no-repeat;width: 32px;height: 21px;}
    .kuai{width: 2px;height: 15px;margin: 10px 0;}
    .banner .big-box{flex-direction: column;padding: 20px 0;background: linear-gradient(to left,#0c459b1e 0%,#fff0 0%);}
    .banner .big-box .big-left{width: auto;margin-bottom: 20px;}
    .banner .big-box .whole-p{font-size: 14px;line-height: 20px;display: none;}
    .banner .kuai{margin: 10px 0;display: none;}
    .banner .big-box .whole-t1{font-size: 20px;line-height: 30px;}
    .banner .big-box .whole-a{margin: 20px 0;display: none;}
    .banner-mb{background: #99999914;margin-bottom: 20px;}
    .banner .big-box .big-right{width: 80%;}
    .whole-a:hover::before{right: 0;}
}

.home-provide .container-xl{max-width: 1610px;margin-left: 0;padding-left: 0;display: flex;justify-content: space-between;align-items: center;}
.home-provide .left{flex: 0 0 58%;}
.home-provide .left .img{overflow: hidden;clip-path: polygon(85% 0, 100% 20%, 100% 100%, 0 100%, 1% 0);}
.home-provide .right{flex: 0 0 36%;}
.home-provide .right .kuai{margin: 30px 0;}
.home-provide .right .whole-p{margin-bottom: 50px;}
.home-provide .right .whole-p span{color:#0c459b;text-decoration:initial;}
@media(max-width:768px) {
    .home-provide .container-xl{flex-direction: column-reverse;padding-left: 15px;}
    .home-provide .right{margin-bottom: 20px;}
    .home-provide .right .kuai{margin: 10px 0;}
    .home-provide .right .whole-p{margin-bottom: 15px;}
}



.com-num{padding: 100px 0;}
.com-num .num-items{display: flex;justify-content:space-between;}
.com-num .num-items .num{min-height: 85px;display: flex;align-items: center;}
.com-num .num-items .num img{mix-blend-mode: darken;}
.com-num .num-items .num-item{position: relative;width: 230px;}
.com-num .num-items .num-item::before{content: '';position: absolute;top: 0;left: -50px;width: 230px;height: 140px;clip-path: polygon(85% 0, 100% 20%, 100% 100%, 0 100%, 1% 0);background-color: #e5f5fd;z-index: -1;}
.com-num .num-items .text{font-size: 72px;font-weight: 600;line-height: 90px;color: #333333;display: flex;}
.com-num .num-items .num-subtitle{font-size: 18px;font-weight: 400;line-height: 50px;color: #666666;position: relative;}
.com-num .num-items .num-subtitle::before{position: absolute;content: '';width: 10px;height: 3px;background-color: #c5c5c5;top: 0;left: 0;}


@media(max-width:768px) {
    .com-num{padding:20px 0;}
    .com-num .num-items{flex-wrap: wrap;}
    .com-num .num-items .num-item{width: 30%;padding-left: 20px;margin-bottom: 20px;}
    .com-num .num-items .num-item::before{width: 100%;height: 100%;left: 0;}
    .com-num .num-items .text{font-size: 20px;line-height: 20px;}
    .com-num .num-items .num-subtitle{font-size: 16px;line-height: 35px;}
    .com-num .num-items .num img{width: 35px;}
    .com-num .num-items .num{min-height: 55px;}
    .com-num .num-items .num-subtitle::before{display: none;}
}


.home-premium{padding: 90px 0;background: #e6ecf5;}
.home-premium .top{display: flex;justify-content: space-between;}
.home-premium .top .left{flex: 0 0 60%;}
.home-premium .top .whole-a{line-height: 80px;}
.home-premium .top .whole-p{line-height: 30px;margin-top: 10px;}
.home-premium .box{clip-path: polygon(85% 0, 100% 20%, 100% 100%, 0 100%, 1% 0);overflow: hidden;position: relative;margin: 60px 0 0;}
.home-premium .box .img{overflow: hidden;background:#fff;}
.home-premium .box .imgtwo{position: absolute;top: 50px;left: 50px;display: none;}    
.home-premium .premium-col:nth-child(1) .box .imgtwo,.home-premium .premium-col:nth-child(3) .box .imgtwo{transform: rotateY(180deg);}
.home-premium .box .text{font-size: 18px;line-height: 30px;color: #333333;position: relative;padding: 30px 10px;transition: all 0.5s;}
.home-premium .box .text .texts{position: relative;text-align:center; z-index: 1;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.home-premium .box .boxs{position: absolute;top: 0;left: 0;transition: all 0.5s;opacity: 0;width: 100%;height: 100%;padding: 0 60px;display: flex;flex-direction: column;background-color: #0c459bf0;justify-content: center;align-items: flex-start;}
.home-premium .box .boxs .text{color: #fff;padding: 30px 60px 30px 0;}
.home-premium .box .boxs .text::after{background-color: #3e88c9;left: -60px;}
.home-premium .box .boxs .whole-p{color: #ffffffa6;margin: 30px 0 60px 0;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;line-height: 30px;}
.home-premium .box .boxs .whole-a{color: #fff;}
.home-premium .box .boxs .whole-a::before{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(71deg) brightness(108%) contrast(110%);}
.home-premium .box .boxs .whole-a img{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(71deg) brightness(108%) contrast(110%);}
.home-premium .box:hover .boxs{opacity: 1;}
.home-premium .box:hover .boxs .text{opacity: 1;}
.home-premium .box:hover .text{opacity: 1;}
.home-premium .premium-row{display: flex;justify-content: space-between;flex-wrap:wrap;}
.home-premium .premium-row .premium-col{flex: 0 0 30%;}
.bd{display: flex;align-items: center;justify-content: center;}
.ss-t3{font-size:20px;line-height:27px;background:#0c459b;padding:10px 40px;color:#fff;border-radius:50px;cursor:pointer;border: 1px solid #0c459b;transition: all 0.3s;}
.ss-t3:hover{background:#0c459b00;color:#0c459b;}

@media(max-width:1300px) {
    .home-premium .box .text{font-size: 30px;}
    .home-premium .box .boxs{padding: 0 30px;display: none;}
}
@media(max-width:768px) {
    .home-premium{padding: 20px 0;background: linear-gradient(to left,#e6ecf5 100%,#fff0 20%);}
    .home-premium .top{flex-direction: column;}
    .home-premium .top .left{padding-left: 0;}
    .home-premium .top .whole-a{line-height: 50px;}
    .home-premium .premium-row{flex-direction: column;padding: 0 15px;}
    .home-premium .box{margin: 20px 0;padding-bottom: 0px;}
    .home-premium .box .imgtwo{left: 10px;top: 10px;width: 20%;}
    .home-premium .box .text{font-size: 18px;line-height: 30px;width: auto;padding: 10px 20px 20px  20px;text-align: right;}
    .home-premium .box .text::after{height: 50px;}
    .home-premium .box .boxs .whole-p{margin: 20px 0;}
    .home-premium .box .boxs{padding: 0 20px;}
    .home-premium .box .boxs .text{padding: 10px;}
    .home-premium .box .text .texts{min-height: auto;margin-bottom: 20px;text-align: left;}
    .home-premium .box .img{padding: 10px;}
    .ss-t3{font-size: 16px;padding: 5px 30px;}
    .home-premium .top .whole-p{line-height: 22px;}
}




.home-discover{padding: 140px 0 20px 0;}
.home-discover .container-xl{max-width: 1610px;margin-right: 0;padding-right: 0;}
.home-discover .top{display: flex;justify-content: space-between;align-items: center;}
.home-discover .top .left{position: relative;flex: 0 0 40%;}
.home-discover .top .left::before{position: absolute;content: '';left: -60%;top: 50%;background-color: #333333;opacity: 0.3;height: 1px;width: 50%;}
.home-discover .top .right{flex: 0 0 50%;position: relative;}
.home-discover .top .right .text{color: #999999;line-height: 40px;margin-top: 20px;}
.home-discover .top .right::before{position: absolute;content: '';right:0;top: 50%;background-color: #333333;opacity: 0.3;height: 1px;width: 100%;}
.home-discover .center{display: flex;justify-content: space-between;align-items: center;padding: 80px 0;}
.home-discover .center .left{flex: 0 0 41%;}
.home-discover .center .left .box{margin: 35px 0;}
.home-discover .center .left .box .item{display: flex;align-items: center;cursor: pointer;}
.home-discover .center .left .box .item .img{min-width: 48px;margin-right: 30px;}
.home-discover .center .left .box .item .text{font-size: 24px;line-height: 28px;color: #333333;display: flex;transition: all 0.5s;}
.home-discover .center .left .box .item .text i{font-weight: 600;margin-left: 60px;}
.home-discover .center .left .box .item-con{line-height: 30px;color: #333333;padding: 20px 0 20px 80px;display: none;}
.home-discover .center .left .box:hover .item .text{color: #0c459b;}
.home-discover .center .left .box.active .item .text{color: #0c459b;}
.home-discover .center .left .box.active .item-con{display: block;}
.home-discover .center .left .box.active .item-con p span{font-weight:bold;}
.home-discover .center .right{flex: 0 0 50%;}
.home-discover .center .right .img{clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%, 0 80%);overflow: hidden;display: none;}
.home-discover .center .right .img.active{display: block;}
.home-discover .bottom .kuai{margin: 30px 0;}
.home-discover .bottom .whole-p{width: 75%;}
.home-discover .bottom .whole-p span{text-decoration: underline;}
.public-ly2{box-shadow:5px 0 9px rgba(0, 0, 0, 0.1);width:80%;margin:0 0 50px 0;border-radius:50px;overflow:hidden;display:flex;justify-content:space-between;align-items:center;padding:18px 18px 18px 40px;}
.public-ly2 .ss-t1{font-size:18px;line-height:27px;color:#333;width:70%;font-weight:bold;}
.public-ly2 .ss-t3{font-size:20px;line-height:27px;background:#0c459b;padding:10px 40px;color:#fff;border-radius:50px;cursor:pointer;}
@media(max-width:768px) {
    .home-discover{padding: 20px 0;}
    .home-discover .container-xl{padding-right: 15px;}
    .home-discover .top{flex-direction: column;align-items: flex-start;}
    .home-discover .top .left{margin-bottom: 20px;}
    .home-discover .top .right{display: none;}
    .home-discover .center{flex-direction: column;padding:0 0 20px 0;}
    .home-discover .center .left .box{margin: 20px 0;}
    .home-discover .center .left .box .item .img{min-width: 30px;margin-right: 10px;}
    .home-discover .center .left .box .item .img img{width: 30px;}
    .home-discover .center .left .box .item .text{font-size: 16px;line-height: 20px;}
    .home-discover .center .left .box .item-con{line-height: 24px;padding: 15px 0 15px 40px;}
    .home-discover .bottom .kuai{margin: 10px 0;}
    .home-discover .bottom .whole-p{width: auto;}
    .home-discover .center .right{display: none;}
}

@media(max-width:768px) {
    .public-ly{width:150px;height:42px;line-height:42px;font-size:16px; margin:25px auto 0;}
    .public-ly2{margin:0px auto 30px;display:block;padding:10px;width:100%;border-radius:0;position:relative;}
    .public-ly2 .ss-t1{font-size:16px;width:100%;}
    .public-ly2 .ss-t3{font-size:16px;padding:10px 20px;text-align:center; margin:15px auto 0;display:block;}
    .pro-wrapper .public-ly2{margin:30px auto;}
  }

.home-air .container-xl{max-width: 1290px;}
.home-air .box{display: flex;justify-content: space-between;align-items: center;padding: 70px 0;}
.home-air .box .left{flex: 0 0 50%;}
.home-air .box .left .img{overflow: hidden;clip-path: polygon(80% 0, 100% 30%, 100% 100%, 0 100%, 1% 0);}
.home-air .box .right{flex: 0 0 42%;}
.home-air .box .right .t1{font-size: 30px;line-height: 42px;color: #333333;margin-bottom: 20px;}
.home-air{position: relative;}
.home-air::before{position: absolute;height: 100%;width: 0%;transition: all 0.5s ease-in-out;content: '';background-color: #e6ecf5;z-index: -1;}
.home-air.two .box .left .img{clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%, 0 70%);}
.home-air.two .box .right .t1 i{color: #0c459b;margin-right: 20px;font-size: 20px;font-weight: 600;}
.home-air.two .box .right .t1 span{font-size: 36px;}
.home-air .box .right .whole-a{margin-top: 40px;opacity: 1;transition: all 0.5s ease;}
.home-air:hover::before{width: 85%;}
.home-air:hover .box .right .whole-a{opacity: 1;}

@media(max-width:768px) {
    .home-air{background-color: #e6ecf5;}
    .home-air .box{flex-direction: column-reverse;padding: 20px 0;}
    .home-air .box .left{margin-bottom: 20px;}
    .home-air .box .right .t1{font-size: 22px;line-height: 30px;margin-bottom: 10px;}
    .home-air.two .box .right .t1 span{font-size: 22px;}
    .home-air .box .right .whole-a{margin: 10px 0;}
    .home-air::before{display: none;}
}


.home-trusted .bottom{position: relative;margin: 150px 0;}
.home-trusted .bottom .home-case{width: 90%;margin: 0 auto;}
.home-trusted .bottom .home-case .box{text-align: center;}
.home-trusted .bottom .swiper-left{left:0;font-size: 16px;color: #fff;transition: all 0.5s ease;width: 42px;height: 42px;background-color: #09090a;opacity: 0.2;}
.home-trusted .bottom .swiper-left:hover,.home-trusted .bottom .swiper-right:hover{opacity: 1;}
.home-trusted .bottom .swiper-right{right: 0;font-size: 16px;color: #fff;transition: all 0.5s ease;width: 42px;height: 42px;background-color: #09090a;opacity: 0.2;}
.home-trusted .bottom .swiper-left::after,.home-trusted .bottom .swiper-right::after{font-size: 0;}
/*ydd*/
@media(max-width:768px) {
    .home-trusted .bottom{margin: 20px 0;}
}


.home-map{text-align: center;}
.home-map .img{padding: 100px 0 60px 0;}
@media(max-width:768px) {
    .home-map{padding: 20px 0 0 0;}
    .home-map .img{padding: 20px 0;display: none;}
}


.home-contact{background: url(../../images/home-contact.jpg) no-repeat;padding: 100px 0;}
.home-contact .whole-t1{color: #ffffff;margin-bottom: 80px;}
.home-contact .box{width: 75%;}
.bb{display: flex;justify-content: flex-end;}
.home-contact .whole-a{color: #fff;}
.home-contact .whole-a::before{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(71deg) brightness(108%) contrast(110%);}

@media(max-width:768px) {
    .home-contact{padding: 20px 0;display: none;}
    .home-contact .box{width: auto;}
    .home-contact .whole-t1{margin-bottom: 20px;}

}


.home-news{padding: 130px 0;background: linear-gradient(to left,#ebf4f8 38%,#fff0 20%);}
.home-news .container-xl{display: flex;justify-content: space-between;}
.home-news .left{flex: 0 0 65%;}
.home-news .whole-t1{font-size: 42px;margin-bottom: 40px;}
.home-news .left .box{display: flex;justify-content: space-between;background: #fff;}
.home-news .left .box .boxs{box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);flex: 0 0 49%;display: flex;flex-direction: column;}
.home-news .left .box .boxs:first-child{padding: 20px;}
.home-news .t1{font-size: 18px;font-weight: 500;line-height: 26px;color: #333333;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: 10px;transition: all 0.3s;}
.home-news .t2{font-size: 16px;font-weight: 400;line-height: 26px;color: #333333;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 40px;}
.home-news .sj{font-size: 14px;font-weight: 400;line-height: 28px;color: #999999;margin-bottom: 10px;}
.home-news .left .box .boxs .top{padding: 40px;flex: 0 0 50%;}
.home-news .left .box .boxs .top:first-child{box-shadow: 0px 0px 40px 0px  rgba(0, 0, 0, 0.05);}
.home-news .left .text{padding-top: 40px;}
.home-news .img{overflow: hidden;}
.home-news .t1:hover{color: #0c459b;}
.home-news .left .whole-a{margin-top: 40px;}
.home-news .right{flex: 0 0 30%;}
.home-news .right .box{background-color: #fff;padding: 20px;box-shadow: 0px 0px 40px 0px rgba(12, 66, 150, 0.05);}
.home-news .right .box .t3{color: #999999;font-weight: 400;margin: 10px 0;}
.home-news .right .box .t1{font-size: 20px;}
.home-news .right .box .t3 span{color: #000000;font-weight: 400;}
.home-news .right .box .text{padding: 65px 20px;}
.home-news .right .box .img{margin-top: 40px;}
@media(max-width:768px) {
    .home-news{padding: 20px 0;background: linear-gradient(to left,#ebf4f8 100%,#fff0 20%);}
    .home-news .container-xl{flex-direction: column;}
    .home-news .whole-t1{font-size: 22px;margin-bottom: 10px;}
    .home-news .left .box{flex-direction: column;}
    .home-news .left .text{padding-top: 10px;}
    .home-news .t2{font-size: 14px;line-height: 22px;margin-bottom: 10px;}
    .home-news .left .box .boxs .top{padding:10px 20px;}
    .home-news .sj{display: none;}
    .home-news .left .whole-a{margin-top: 20px;}
    .home-news .right .box .img{margin-top: 0;}
    .home-news .right .box .text{padding: 20px 0 10px 0;}
    .home-news .right .box .img.jt img{width: 30px;}
    .home-news .left .box .boxs:first-child{padding-bottom: 10px;}
    .home-news .right .box .t3.sj{display: none;}
}



/*footer*/
footer{position: relative;color: #ffffff;}
footer .footer-top{padding: 130px 0 80px;background: #0c459b;}
footer .footer-top .about{padding-left: 50px;}
footer .footer-top .footer-logo{margin-bottom: 40px;}
footer .footer-top .desc{font-size: 18px;line-height: 30px;margin-bottom: 30px;font-weight: 400;}
footer .footer-top .footer-tk{border: 1px solid #ffffff5b;width:80%;margin-top:20px; display: flex;justify-content: space-between;padding: 20px 35px 20px 20px;cursor: pointer;font-size: 18px;color: #fff;margin: 10px 0 40px 0;}
footer .footer-top .footer-tk:hover{border-color: #ffffff;transition: all 0.3s;}
footer .footer-top .links{padding-left: 50px;}
footer .footer-top .list p:before{content: "";width: 11px;height: 11px;background: url(../../images/footer-tb.png) no-repeat;margin-right: 15px;display: inline-block;}
footer .footer-top .list a{font-size: 18px;line-height: 43px;color: rgba(255, 255, 255, 0.4);font-weight: 400;}
footer .footer-top .list a:hover{color: #ffffff; text-decoration: underline;transition: all 0.3s;}
footer .footer-top .title{font-size: 24px;color: #fff;margin-bottom: 30px;line-height: 43px;}
footer .footer-top .addr{display: flex;font-size: 18px;line-height: 30px;font-weight: 400;margin-bottom: 20px;}
footer .footer-top .addr span{min-width: 40px;}
footer .footer-top .addr a{color: #ffffff5b;transition: all 0.3s ease;}
footer .footer-top .addr a:hover{color: #ffffff;}
footer .footer-top .list p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


footer .footer-bottom{padding: 15px 0;font-size: 18px;line-height: 30px;font-weight: 400;background-color: #000000;}
footer .footer-bottom .right a{color: rgba(255, 255, 255, 0.4);margin-left: 15px;}
footer .footer-bottom .right a:hover{text-decoration: underline;}
footer .footer-bottom .container-xl{display: flex;justify-content: space-between;align-items: center;}
footer .footer-social{display: flex;align-items: center;}
footer .footer-social .social{display: flex;width: 100%;align-items: center;color: rgba(255, 255, 255, 0.4);font-size: 16px;opacity: 0.5;transition: all 0.3s;}
footer .footer-social .social a{background: #5c5c5c;border-radius: 5px;overflow: hidden;width: 32px;color: rgba(255, 255, 255, 0.4);margin-right: 20px;display: block;height: 32px;}
footer .footer-social .social:hover{opacity: 1;}
footer .footer-social .social:hover span{background: #00a0e9!important;}
footer .footer-social .social a:hover{background: #00a0e9;transition: all 0.3s;}
footer .footer-social span{background: #5c5c5c!important;margin-right: 20px!important;border-radius: 5px!important;}
footer .footer-social span:hover{background: #00a0e9!important;}
footer .footer-social span:before{color: rgba(255, 255, 255, 1);font-size: 16px;}
footer .ab-a{font-size: 26px;font-weight: 400;line-height: 43px;color: #ffffff;background-color: #00a0e9;border-radius: 4px;display: inline-block;padding:0 20px;}
footer .ab-a i{font-size: 20px;margin-right: 5px;}
footer .ab-a:hover{text-decoration: underline;}
footer .footer-top .about .title{margin-bottom: 50px;}
footer .footer-top .mb-fo{display: none;}
@media(max-width:768px) {
    footer{color: #ffffff;}
    footer .footer-top .addr a{color: #ffffff;}
    footer .footer-top{padding: 20px 0;}
    footer .footer-top .desc{font-size: 14px;line-height: 20px;margin-bottom: 10px;}
    footer .footer-top .footer-logo{margin-bottom: 10px;}
    footer .footer-top .title{font-size: 18px;margin-bottom: 10px;line-height: 30px;}
    footer .footer-top .footer-tk{padding: 10px;margin: 10px 0;}
    footer .footer-top .links{padding-left: 15px;margin-top: 25px;}
    footer .footer-top .list{margin-bottom: 20px;}
    footer .footer-top .list a{font-size: 16px;line-height: 24px;color: #ffffffab;}
    footer .footer-top .addr{font-size: 16px;line-height: 24px;margin-bottom: 10px;}
    footer .footer-bottom{padding: 20px 0;}
    footer .footer-top .about{padding-left: 15px;display: none;}
    footer .footer-top .about .title{margin-bottom: 10px;}
    footer .footer-top .mb-fo{display: block;}
    footer .footer-top .mb-fo .list{display: flex;flex-wrap: wrap;}
    footer .footer-top .mb-fo .list p{flex: 0 0 50%;}
    footer .footer-bottom .container-xl{flex-wrap: wrap;justify-content: center;text-align: center;}
    footer .footer-bottom .container-xl .left .footer-social{padding-left: 20px;}
    footer .footer-social{justify-content: center;margin-bottom: 5px;}
    footer .footer-bottom .container-xl .right{width: 100%;line-height: 24px;font-size: 14px;}
    
}


.content-cost-hl{background-color: #ffffff;box-shadow: 0px 0px 50px 0px rgba(12, 69, 155, 0.1);border-radius: 4px;padding: 0;position: fixed;z-index: 99;right: 90px;
    width: 0;bottom: 100px;transition: all 0.5s;overflow: hidden;height: 0;opacity: 0;transform: scale(0) rotate3d(1, 1, 1, 90deg);
    transform-origin: bottom right;}
  .content-cost-hl .top{display: flex;align-items: center;justify-content: space-between;}
  .content-cost-hl .top .ca{font-size: 18px;font-weight: bold;color: #0c459b;}
  .content-cost-hl .center div{display: flex;flex-wrap: wrap;align-items: center;}
  .content-cost-hl p{font-size: 13px;font-weight: 400;line-height: 27px;color: #000000;margin-right: 10px;}
  .content-cost-hl span{flex: 1;display: block;text-align: center;font-size: 15px;font-weight: 500;line-height: 27px;color: #000000;margin: 8px 0;background-color: #dddddd;}
  .content-cost-hl .jieguo{background-color: #ffffff;border: solid 1px #dddddd;}
  .content-cost-hl .center div:first-child span{flex: 0 0 100%;}
  .content-cost-hl{width: 430px;height: 410px;padding: 30px;opacity: 0;}
  .content-cost-hl.active{transform: scale(1) rotate3d(1, 1, 1, 0deg);opacity: 1;}
  @media (min-width:1px) and (max-width:991px){
      .content-cost-hl{bottom: 100px;right: 65px;transform:none;display:none;}
       .content-cost-hl.active{transform:none;display:block;}
  }


.content-cost-hl{background-color: #0c469c;box-shadow: 0px 0px 20px 0px rgba(11, 74, 159, 0.2);border-radius: 4px;}
.content-cost-hl .tj-top{position: relative;}
.content-cost-hl .tj-top .tj-t1{font-size: 20px;line-height: 27px;color: #2c2c2c;margin-top: 10px;}
.content-cost-hl .tj-top .tj-t1 strong{font-weight: 400;}
.content-cost-hl .tj-top .tj-right{background-color: #00be82;border-radius: 10px 0px 0px 10px;font-size: 20px;line-height: 27px;color: #ffffff;padding: 2px 30px;position: absolute;right: -40px;top: 0;}
.content-cost-hl .tj-center{display: flex;justify-content: space-between;padding: 35px 0;}
.content-cost-hl .tj-center .tj-ri-top{display: flex;justify-content: space-between;text-align: center;padding: 0 40px 0 0;}
.content-cost-hl .tj-center .tj-ri-top .top-le .tj-img img{width: 81px;}
.content-cost-hl .tj-center .tj-ri-top .top-le{font-size: 14px;}
.content-cost-hl .tj-center .tj-le{flex: 0 0 54%;}
.content-cost-hl .tj-center .tj-ri{flex: 0 0 40%;}
.content-cost-hl .form-feedback .form-control{border-radius:0;border: solid 1px #5d5d5d00;background-color: #fff;text-align: left;padding-left: 5px;font-size: 14px;padding-top: 0px; padding-bottom: 0px;}
.content-cost-hl .first{padding: 20px 0;}
.content-cost-hl .first .h2{display:flex;align-items:baseline;margin-bottom: 20px;}
.content-cost-hl .first .h2 .two{line-height:30px;color:#404040;margin-left:10px;font-size: 12px;}
.content-cost-hl .first .h2 .two:hover{text-decoration: underline;}
.content-cost-hl .form-feedback  .form-control{position: relative;}
.content-cost-hl .form-feedback .t5{font-size: 14px;line-height: 24px;color: #ffffff;}
.content-cost-hl .form-feedback .contact-textarea{padding: 10px;}
.content-cost-hl .form-feedback .btn{background-color: #00be8200;box-shadow: transparent;padding-top: 5px;padding-bottom: 5px;font-size: 14px;font-weight: 400;text-align: left;padding-left: 0; display: flex; align-items: center;}
.content-cost-hl-hl .form-feedback .btn:hover{background: #04e09a;}
.content-cost-hl .xx{position: absolute;top: 15px;right: 15px;width: 15px;cursor: pointer;}
.content-cost-hl .xx img{filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(114deg) brightness(112%) contrast(101%);}
.content-us-hl .us-he{font-size: 24px;font-weight: bold;line-height: 29px;color: #ffffff;margin-bottom: 20px;}


.content-cost-whatsapp{background-color: #0c469c;box-shadow: 0px 0px 20px 0px rgba(11, 74, 159, 0.2);border-radius: 4px;padding: 0;position: fixed;z-index: 99;right: 90px;
    width: 0;bottom: 100px;transition: all 0.5s;overflow: hidden;height: 0;opacity: 0;transform: scale(0) rotate3d(1, 1, 1, 90deg);
    transform-origin: bottom right;}
  .content-cost-whatsapp .top{display: flex;align-items: center;justify-content: space-between;}
  .content-cost-whatsapp .top .ca{font-size: 18px;font-weight: bold;color: #0c459b;}
  .content-cost-whatsapp .center div{display: flex;flex-wrap: wrap;align-items: center;}
  .content-cost-whatsapp p{font-size: 13px;font-weight: 400;line-height: 27px;color: #000000;margin-right: 10px;}
  .content-cost-whatsapp span{flex: 1;display: block;text-align: center;font-size: 15px;font-weight: 500;line-height: 27px;color: #000000;margin: 8px 0;background-color: #dddddd;}
  .content-cost-whatsapp .jieguo{background-color: #ffffff;border: solid 1px #dddddd;}
  .content-cost-whatsapp .center div:first-child span{flex: 0 0 100%;}
  .content-cost-whatsapp{width: 430px;height: 320px;padding: 30px;opacity: 0;}
  .content-cost-whatsapp.active{transform: scale(1) rotate3d(1, 1, 1, 0deg);opacity: 1;}
  @media (min-width:1px) and (max-width:991px){
      .content-cost-whatsapp{bottom: 100px;right: 65px;}
      .content-cost-whatsapp{width:300px;height:350px;}
      .content-cost-whatsapp{transform:none;display:none;}
      .content-cost-whatsapp.active{transform:none;display:block;}
  }
.content-cost-whatsapp .form-feedback .form-control{border-radius:0;border: solid 1px #5d5d5d00;background-color: #fff;text-align: left;padding-left: 5px;font-size: 14px;padding-top: 0px; padding-bottom: 0px;}
.content-cost-whatsapp .form-feedback  .form-control{position: relative;}
.content-cost-whatsapp .form-feedback .t5{font-size: 14px;line-height: 24px;color: #ffffff;}
.content-cost-whatsapp .form-feedback .contact-textarea{padding: 10px;}
.content-cost-whatsapp .form-feedback .btn{background-color: #00be8200;box-shadow: transparent;padding-top: 5px;padding-bottom: 5px;font-size: 14px;font-weight: 400;text-align: left;padding-left: 0; display: flex; align-items: center;}
.content-cost-whatsapp .xx{position: absolute;top: 15px;right: 15px;width: 15px;cursor: pointer;}
.content-cost-whatsapp .xx img{filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(114deg) brightness(112%) contrast(101%);}
.content-cost-whatsapp .us-he{font-size: 24px;font-weight: bold;line-height: 29px;color: #ffffff;margin-bottom: 20px;}





@media (min-width:1px) and (max-width:991px){
    #float .ico{width:40px;height:40px;}
    #float .ico>i{font-size:22px;line-height:40px;}
    #float .ico>.img{right:40px;}
    #float .ico p{line-height:40px;padding:0 15px;height:40px;}
	#float.product-float .jsq{width:40px;height:40px;}
.content-cost-hl{padding: 50px 20px 20px 20px;width: 300px;height: 485px;overflow-y: visible;}
.content-cost-hl .tj-jt{position: relative;
    bottom: 0;
    right: 20px;
    cursor: pointer;
    top: -20px;}
.content-cost-hl .tj-top .tj-right{font-size: 18px;
    line-height: 20px;
    color: #ffffff;
    padding: 6px 20px;
    position: absolute;
    right: -25px;
    top: -60px;}
.content-cost-hl .tj-top .tj-t1{font-size: 16px;
    line-height: 16px;}
.content-cost-hl .form-feedback .form-control{font-size: 12px;
    padding-bottom: 5px;}
.content-cost-hl .tj-center{padding: 20px 0;
    flex-direction: column;}
.content-cost-hl .first{padding: 10px 0;}
.content-cost-hl .first .h2 .two{line-height: 18px;}
.content-cost-hl.content-us-hl{padding: 30px 20px 20px 20px;}
.content-cost-hl.content-us-hl .tj-jt{top: 0;}
.content-us-hl .us-he{margin: 10px 0;font-size: 16px;
    line-height: 22px;}
.content-cost-hl .form-group{margin-bottom: 10px;}
#float{bottom: 60px;}
}



/*about*/

.ny-bg{position: absolute;right: 0;top: 0;width: 100%;height: 100%;}
.ny-bg .container-xl{display: flex;justify-content: flex-end;}
.banner.ny .box .container-xl{max-width: 1610px; margin-right: 0;padding-right: 0;display: flex;justify-content: space-between;align-items: center;}
.banner.ny .box .whole-p{font-size: 24px;width: 65%;}

.banner.ny .box .left{flex: 0 0 40%;}
.banner.ny .box .right{flex: 1;background: url(../../images/ny-boxbg.png) no-repeat left top;padding-top: 60px;padding-left: 50px;}
.banner.ny .box .right img{clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%, 0 35%);}

@media(max-width:768px) {
    .banner.ny .ny-title{font-size: 26px;margin-bottom: 0;text-align: center;line-height: 30px;}
    .banner.ny .box .page-title{padding: 10px 0 10px 0;margin: 10px 0;}

    .page-title a{font-size: 14px;line-height: 16px;}
    .page-title a img{margin: 0 5px 0 0;max-width: 20px;}
    .banner.ny .box .right{padding-top: 20px;padding-left: 20px;}
    .breadcrumb-item+.breadcrumb-item{margin-top: 0;}
}

.about-us{text-align: left;padding:60px 0}
.about-us .container-xl{max-width: 1610px; margin-left: 0;padding-left: 0;}
.about-us .top{font-size: 20px;font-weight: bold;color: #00a0e9;}
.about-us .box{display: flex;justify-content: space-between;}
.about-us .box .left{flex: 0 0 50%;}
.about-us .box .left .img{overflow: hidden;    clip-path: polygon(0 100%, 85% 100%, 100% 75%, 100% 0, 0 0);}
.about-us .box .right{flex: 0 0 45%;text-align:left;}
.about-us .box .right .kuai{display: inline-block;margin: 20px 0;}
.about-us .box .right .whole-p{margin-bottom: 25px;}
.about-us .whole-t1{margin-bottom:20px;}
.about-us .box .right .whole-p{line-height:32px;}
@media(max-width:768px) {
    .about-us{padding: 20px 0;text-align: left;}
    .about-us .container-xl{padding-left: 15px;}
    .about-us .top{margin-bottom: 10px;}
    .about-us .box .left{margin-top: 30px;}
    .about-us .box{flex-direction: column-reverse;}
}

.about-ustwo .top{display: flex;justify-content: space-between;align-items: center;}
.about-ustwo .top .left{flex: 0 0 65%;position: relative;}
.about-ustwo .top .left .text{line-height: 40px;margin-top: 20px;font-size: 16px;font-weight: 500;letter-spacing: 4px;color: #0c459b;}
.about-ustwo .top .left::before{position: absolute;content: '';right:0;top: 50%;background-color: #333333;opacity: 0.3;height: 1px;width: 100%;}
.about-ustwo .box{padding: 30px;position: relative;margin: 90px 0 50px 0;width: 95%;}
.about-ustwo .box::before{content: '';position: absolute;bottom: 0;background-color: #e5f5fd;left: 0;clip-path: polygon(80% 0, 100% 30%, 100% 100%, 0 100%, 1% 0);width: 100%;height: 74%;z-index: -1;}
.about-ustwo .box .t1{font-size: 24px;line-height: 32px;color: #0c459b;width: 95%;}
.about-ustwo .box .img{text-align: center;margin: 30px 0;min-height: 70px;}
.about-ustwo .bd{margin-bottom: 120px;}
@media(max-width:768px) {
    .about-ustwo .top{margin-top: 20px;justify-content: flex-end;}
    .about-ustwo .top .left{display: none;}
    .about-ustwo .top .left .text{line-height: 20px;}
    .about-ustwo .box{width: auto;padding: 10px;margin: 10px 0;}
    .about-ustwo .box .img{margin: 10px 0;}
    .about-ustwo .box .t1{font-size: 14px;line-height: 20px;width: auto;}
    .about-ustwo .bd{margin: 20px 0;}
}

.about-our{background: #f4f6f9;padding: 80px 0;}
.about-our .container-xl{}
.about-our .box{margin-bottom: 40px;}
.about-our .box .top{font-size: 20px;font-weight: bold;color: #00a0e9;}
.about-our .boxs{display: flex;justify-content: space-between;}
.about-our .whole-t1{margin-bottom:20px;}
.about-our .boxs .left{width:43%;}
.about-our .boxs .right{width:50%;}
.about-our .boxs .text{font-size: 20px;font-weight: 400;line-height: 53px;color: #333333;position: relative;padding-left: 40px;}
.about-our .boxs .text::before{content: '';position: absolute;width: 19px;height: 19px;background-color: #00a0e9;left: 0;top: 20px;}
.about-our .boxs .head{margin-top:30px;}
.about-our .boxs .whole-p{line-height:28px;margin-top:40px;}
@media(max-width:768px) {
    .about-our{padding: 30px 0;background: none;}
    .about-our .container-xl{padding-right: 15px;}
    .about-our .box{flex-direction: column;margin-bottom: 20px;}
    .about-our .box .left{padding: 20px 0;}
    .about-our .box .right{display: none;}
    .about-our .box .top{margin-bottom: 10px;}
    .about-our .box .kuai{margin: 10px 0;}
    .about-our .boxs{width: auto;flex-direction: column;}
    .about-our .boxs .text{font-size: 16px;line-height: 30px;padding-left: 30px;}
    .about-our .boxs .text::before{top: 8px;}
}



.about-quality .box{display: flex;justify-content: space-between;text-align: right;}
.about-quality .box .head{font-size: 20px;font-weight: bold;color: #00a0e9;margin-bottom: 30px;}
.about-quality .box .kuai{margin: 20px 0;}
.about-quality .box .left{flex: 0 0 45%;}
.about-quality .box .left .img{margin-top: -85px;overflow: hidden;clip-path: polygon(0 100%, 80% 100%, 100% 75%, 100% 0, 0 0);}
.about-quality .box .right{flex: 0 0 53%;padding: 30px 0;}
.about-quality .top{display: flex;justify-content: space-between;align-items: center;}
.about-quality .top .left{flex: 0 0 55%;position: relative;}
.about-quality .top .left .text{line-height: 40px;margin-top: 20px;font-size: 16px;font-weight: 500;letter-spacing: 4px;color: #0c459b;}
.about-quality .top .left::before{position: absolute;content: '';right:0;top: 50%;background-color: #333333;opacity: 0.3;height: 1px;width: 100%;}
@media(max-width:768px) {
    .about-quality{padding-bottom: 30px;background-color: #f3f6fa;}
    .about-quality .box{flex-direction: column-reverse;}
    .about-quality .box .left .img{margin-top: 0;}
    .about-quality .box .right{padding: 30px 0;text-align: left;}
    .about-quality .box .head{margin-bottom: 10px;}
    .about-quality .box .kuai{margin: 10px 0;}
    .about-quality .top{justify-content: flex-end;}
    .about-quality .top .left .text{line-height: 20px;}
    .about-quality .top .whole-a{font-size: 16px;}
    .about-quality .top{margin: 20px 0;}
    .about-quality .top .left{display: none;}
    .about-history .box .whole-t1 br{display: none;}
}



.about-history{padding: 100px 0 100px;}
.about-history .box{}
.about-history .box .top{font-size: 20px;font-weight: bold;color: #00a0e9;margin-bottom: 10px;}
.about-history .box .whole-t1{font-size: 42px;}
.about-history .his-qh{margin-top:30px;display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;align-items:flex-end;}
.about-history .his-qh .swiper-container{width:93%;margin:0}
.about-history .his-qh .his-con-swp{width:5%;position:relative;text-align:right;padding-bottom:11px;}
.about-history .his-qh .his-con-swp .swiper-button-prev,.about-history .his-qh .his-con-swp .swiper-button-next{width:50px;height:50px;background:#00a0e9;position:relative;left:inherit;right:inherit;top:inherit;bottom:inherit;margin:10px 0 0 0;}
.about-history .his-qh .his-con-swp .swiper-button-prev:after{content:"\f062";font-size:24px;font-family:Cmsfont;color:#fff}
.about-history .his-qh .his-con-swp .swiper-button-next:after{content:"\f063";font-size:24px;font-family:Cmsfont;color:#fff}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:1;background:#f9f9f9!important;}
.swiper-button-next.swiper-button-disabled:after, .swiper-button-prev.swiper-button-disabled:after{color:#333!important;}
.about-history .his-qh .swiper-slide{display:flex;flex-wrap:wrap;justify-content:space-between;}
.about-history .his-qh .swiper-slide .item{width:48%;display:flex;align-items:center;margin-top:11px;margin-bottom:11px;}
.about-history .his-qh .swiper-slide .item .head{width:25%;font-size:26px;color:#fff;font-weight:bold;text-align:center;padding:25px 0;background:#0a52a6;border-radius:10px 0 0 10px;position:relative;}
.about-history .his-qh .swiper-slide .item .head:after{
  z-index: 10;
  content: "";
  border-top: 14px solid transparent;
  border-right: 14px solid #f4f4f4;
  border-bottom: 14px solid transparent;
  border-left: 14px solid transparent;
  position: absolute;
  right: 0;
  top: calc(50% - 14px);
}
.about-history .his-qh .swiper-slide .item .texts{width:75%;background:#f4f4f4;border-radius:10px;padding:0 15px;height:168px;display:flex;align-items:center;}
.about-history .his-qh .swiper-slide .item .texts p{line-height:22px;}

@media(max-width:768px) {
    .about-history{padding: 20px 0; }
    

}


.history-rotation{position: relative;height: 650px;display: flex;align-items: center;}
.history-rotation .main{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.history-rotation .main .main-con{height: 100%;position: relative;padding: 0 16.5% 0 17%;}
.history-rotation .main .swiper{height: 100%;}
.history-rotation .main .box{height: 100%;display: flex;flex-direction: column;}
.history-rotation .main .box .box-top{flex: 0 0 50%; display: flex;flex-direction: column;justify-content: flex-end;}
.history-rotation .main .box .box-bot{flex: 0 0 50%;}
.history-rotation .main .box .head{font-size: 27px;line-height: 36px;color: #0c459b;}
.history-rotation .main .box .texts{font-size: 14px;font-weight: 400;line-height: 27px;color: #333333;margin: 10px 0;margin-right: -49%;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
.history-rotation .main .box .box-top .img{margin-bottom: -5px;}
.history-rotation .main .swiper-slide:nth-child(2n) .box{flex-direction: column-reverse;}
.history-rotation .main .swiper-slide:nth-child(2n) .box .box-top{flex-direction: column-reverse;}
.history-rotation .main .swiper-slide:nth-child(2n) .box .box-top .img img{transform: rotate(180deg);}
.history-rotation .main .swiper-slide:nth-child(2n) .box .box-top .img{margin-bottom: 0;margin-top: -8px;}
.history-rotation .main .swiper-slide-prev .text{opacity: 0;}
.history-rotation .main .swiper-left::after,.history-rotation .main .swiper-right::after{font-size: 0;}
.history-rotation .main .swiper-left i{color: #0c459b;font-size: 20px;transition: all 0.3s ease;}
.history-rotation .main .swiper-button-next,.history-rotation .main .swiper-button-prev{top: 49.5%;}
.history-rotation .main .swiper-button-prev{left:7%;width: 50px;height: 50px;background-color: #ffffff;border: solid 1px #0c459b;display: flex;align-items: center;justify-content: center;border-radius: 50%;color: #0c459b;opacity: 1;}
.history-rotation .main .swiper-button-next{width: 50px;height: 50px;background-color: #0c459b;border: solid 1px #0c459b;display: flex;align-items: center;justify-content: center;border-radius: 50%;color: #ffffff;opacity: 1;right: 7%;}
.history-rotation .main .swiper-right i{color: #fff;font-size: 20px;}


@media(max-width:768px) {
    .history-rotation{height: auto;}
.history-rotation .main{position: relative;}
    .history-rotation .main .main-con{padding:0 15px;}
    .himg{opacity: 0;}
    .history-rotation .main .box{width: 100%;margin: 0 auto;}
    .history-rotation .main .box .texts{font-size: 12px;line-height: 20px;margin: 10px 0;}
    .history-rotation .main .box .box-top .img{display: none;}
    .history-rotation .main .swiper-button-next, .history-rotation .main .swiper-button-prev{top: 100%;transform: translateY(50%);}
    .history-rotation .main .swiper-button-next{left: inherit;right: 7%;}
    .history-rotation .main .swiper-button-prev{left: inherit;right: 24%;}

}


.about-cover{background: url(../../images/about-cover.png) no-repeat center top;background-size: cover;height:815px;padding-top:150px;}
.about-cover .box .head{font-size: 20px;font-weight: bold;color: #00a0e9;margin-bottom: 10px;}
.about-cover .box .kuai{margin: 20px 0;}
.about-cover .box .whole-p{width: 57%;margin-bottom: 80px;}
.about-cover .box .whole-t1 span{border-bottom: 0;}
.about-cover .box img{margin-right: 50px;}
@media(max-width:768px) {
    .about-cover{margin-top: 70px;padding: 30px 0;background: none;border-top: 2px dashed #85a1cd;}
    .about-cover .box .kuai{margin: 10px 0;}
    .about-cover .box .whole-p{width: auto;margin-bottom: 20px;}
    .about-cover .box img{margin-right: 20px;margin-bottom: 10px;}
}

.about-comprehensive{padding: 100px  0 100px 0;}
.about-comprehensive .box{background-color: #ffffff;border-bottom: 10px solid  #0c459b;padding: 50px 10px 50px 30px;box-shadow: 0px -20px 40px 0px rgba(12, 69, 155, 0.1);width: 95%;text-align: right;transition: all 0.5s;}
.about-comprehensive .box .t1{font-size: 27px;line-height: 36px;color: #333333;text-align: left;transition: all 0.5s;}
.about-comprehensive .box .t2{font-size: 18px;line-height: 28px;color: #666666;margin: 35px 0;text-align: left;transition: all 0.5s;}
.about-comprehensive .box .whole-a{font-size: 18px;padding-right: 60px;margin-right: 20px;}
.about-comprehensive .box .whole-a::before{background: url(../../images/a-jtsm.png) no-repeat;width: 32px;height: 21px;}
.about-comprehensive .box .whole-a:hover::before{right: 25px;}
.about-comprehensive .box:hover{background-color: #0c459b;}
.about-comprehensive .box:hover .t1,.about-comprehensive .box:hover .t2{color: #ffffff;}
.about-comprehensive .box:hover .whole-a{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(71deg) brightness(108%) contrast(110%);}
@media(max-width:1400px) {
    .about-comprehensive .box .t1{font-size: 24px;}
}
@media(max-width:768px) {
    .about-comprehensive{padding: 20px 0;background: linear-gradient(to top,#e5f5fd 100%,#fff0 20%);}
    .about-comprehensive .box{padding: 20px;margin-top: 20px;}
    .about-comprehensive .box .t1{font-size: 22px;line-height: 30px;}
    .about-comprehensive .box .t2{font-size: 16px;margin: 15px 0;}

}
.justify-content-center{padding: 20px 0;}

.head{font-size: 20px;font-weight: bold;color: #00a0e9;margin-bottom: 10px;}

.quality{padding: 60px 0 60px 0;border-bottom: 2px dashed  #85a1cd;}
.quality .kuai{margin: 20px 0;}
.quality .whole-t1{width: 90%;}
.quality .bd{margin: 30px 0;position:relative;}
.quality .imgs{display:flex;align-items:center;flex-wrap:wrap;margin-top:40px;}
.quality .imgs img{margin-right:50px;}

@media(max-width:768px) {
    .quality{padding: 20px 0;}
    .quality .kuai{margin: 10px 0;}
    .quality .whole-t1{margin-bottom: 15px;}
    .quality .imgs{margin-top:20px;}
    .quality .imgs img{margin-right:10px;}
}


.quality .d-flex{flex-wrap:wrap;height:auto;}
.quality .d-flex .left{width:50%;}
.quality .d-flex .right{width:50%;display:flex;align-items:center;justify-content:center;position:relative;}
.quality .d-flex .right:before{content:"";width:80%;height:500px;background:linear-gradient(to bottom , #f8f8f8 , #fff);border-radius:10px;position:absolute;}
.quality .d-flex .right .img{position:relative;z-index:1;}
.quality .d-flex .left .whole-p h5{margin-bottom:10px;font-size:18px;line-height:24px;}
.quality .d-flex .left .whole-p p{font-size:18px;line-height:24px;}
.quality .d-flex .left .ny-title{margin-bottom:20px;}
.quality .d-flex .left .whole-p h6{font-weight:400;margin-bottom:8px;display:flex;font-size:18px;line-height:24px;}
.quality .d-flex .left .whole-p h6:before{content: "●";color:#0c459b;display:inline-block;margin-right:10px;}

.quality-usage{text-align: center;padding: 80px 0;}
.quality-usage .kuai{margin: 20px 0;}
.quality-usage .box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.quality-usage .box .boxs{flex: 0 0 45%;text-align: left;margin-top: 80px;}
.quality-usage .box .boxs .text{font-size: 36px;line-height: 62px;color: #333333;padding: 20px 40px;}
.quality-usage .box .boxs .jux{width: 27px;height: 3px;background-color: #0c459b;margin-top: 20px;}
@media(max-width:768px) {
    .quality-usage{padding: 20px 0;}
    .quality-usage .box{flex-direction: column;}
    .quality-usage .box .boxs{margin-top: 20px;background: #fff;padding: 15px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
    .quality-usage .box .boxs .text{font-size: 20px;line-height: 30px;padding: 10px;}
}

.quality-we{text-align: center;background: linear-gradient(to bottom, #ebf0f7,#ebf0f7, #ffffff);padding: 110px 0 160px 0;}
.quality-we .container-xl{max-width: 1650px;}
.quality-we .kuai{margin: 40px 0;}
.quality-we .box{text-align: left;display: flex;justify-content: space-between;margin-top:40px;}
.quality-we .box .boxs{padding: 30px;padding-bottom: 270px; position: relative;background-color: #fff;overflow: hidden;flex: 0 0 31%;cursor: pointer;}
.quality-we .box .boxs::before{content: '';position: absolute;bottom: 0;width: 100%;background-color: #fff;height: 45px;z-index: 1;}
.quality-we .box .boxs .text{position: absolute;left: 0;width: 100%;height: 100%;background: #fff;padding: 30px;top: 60%;transition: all 0.7s ease-in-out;}
.quality-we .box .boxs .text .jux{width: 100px;height: 3px;background-color: #0c459b;margin: 10px 0;}
.quality-we .box .boxs .text .t1{font-size: 28px;line-height: 40px;color: #333333;margin-bottom: 10px;width: 90%;min-height: 80px;}
.quality-we .box .boxs:hover .text{top: 45%;}

@media(max-width:768px) {
    .quality-we{padding: 20px 0;background:#ebf0f7;}
    .quality-we .kuai{margin: 10px 0;}
    .quality-we .box{flex-direction: column;margin-top: 20px;}
    .quality-we .box .boxs{padding: 20px;margin-bottom: 20px;}
    .quality-we .box .boxs .text{top: 50%;padding: 20px;}
    .quality-we .box .boxs .text .t1{font-size: 20px;line-height: 30px;margin-bottom: 10px;min-height: auto;}
    .quality-we .box .boxs:hover .text{top: 0;}
    .quality-we .box .boxs .text{top: 40%;position: relative;}
}


.quality-each{text-align: center;padding-bottom: 160px;}
.quality-each .kuai{margin: 40px 0;}
.quality-each .box{display: flex;justify-content: space-between;margin-top: 60px;}
.quality-each .box .boxs{flex: 0 0 26%;position: relative;text-align: left;}
.quality-each .box .boxs::before{content: '';position: absolute;background: url(../../images/eachjt.png) no-repeat;width: 33px;height: 21px;left: -27%;top: 20%;}
.quality-each .box .boxs:first-child::before{width: 0;}
.quality-each .box .boxs .img{overflow: hidden;}
.quality-each .box .boxs .t1{font-size: 62px;font-weight: bold;line-height: 70px;color: #0c459b;font-family: 'Arial';border-bottom: 2px solid #0c459b;margin: 40px 0;}
.quality-each .box .boxs .t2{line-height: 28px;color: #666666;}


@media(max-width:768px) {
    .quality-each{padding: 30px 0;}
    .quality-each .kuai{margin: 10px 0;}
    .quality-each .box{flex-direction: column;margin-top: 20px;}
    .quality-each .box .boxs .t1{font-size: 30px;line-height: 50px;margin: 10px 0;}
    .quality-each .box .boxs{margin-bottom: 10px;}
}
.service{border: 0;}

.service-process{text-align: center;padding-bottom: 100px;}
.service-process .whole-t1{font-size: 42px;}
.service-process .kuai{width: 27px;height: 6px;margin: 30px 0;}
.service-process .whole-p{margin-bottom: 60px;}
.service-process .ser-row{display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;}
.service-process .ser-row::before{position: absolute;content: '';width: 113%;height: 100%;top: 0;background: url(../../images/service-process.png) no-repeat center;left: -11%;}
.service-process .boxs{flex: 0 0 25%;}
.service-process .box{padding: 30px;position: relative;margin-bottom:50px;text-align: left;background: url(../../images/ser-row.png) no-repeat bottom left;}
.service-process .box .t1{font-size: 24px;line-height: 32px;color: #0c459b;width: 60%;min-height: 64px;display: flex;align-items: flex-end;}
.service-process .boxs:nth-child(7) .box .t1{width: auto;}
.service-process .box .img{margin: 30px 0 0 0 ;min-height: 68px;display: flex;align-items: flex-end;}
.service-process .boxs:nth-child(5) .box,.service-process .boxs:nth-child(6) .box,.service-process .boxs:nth-child(7) .box,.service-process .boxs:nth-child(8) .box{background: url(../../images/ser-row-bo.png) no-repeat bottom left;}


@media(max-width:768px) {
    .service-process .ser-row{overflow: hidden;overflow-x: scroll;flex-wrap: nowrap;}
    .service-process .whole-t1{font-size: 22px;}
    .service-process .kuai{margin: 10px 0;}
    .service-process .whole-p{margin-bottom: 10px;}
    .service-process .ser-row::before{background: transparent;}
    .service-process .boxs{flex: 0 0 50%;}
    .service-process .box{padding: 10px;margin-bottom: 10px;margin-left: 10px;background: #00a0e90f;}
    .service-process .boxs:nth-child(5) .box, .service-process .boxs:nth-child(6) .box, .service-process .boxs:nth-child(7) .box, .service-process .boxs:nth-child(8) .box{background: #00a0e90f;}
    .service-process .box .t1{font-size: 15px;min-height: 48px;line-height: 24px;width: auto;}
    .service-process .box .img{justify-content: center;}
    .service-process{padding-bottom: 20px;}
}



.service-center{background: url(../../images/service-center-bg.png) no-repeat;padding-top: 250px;}
.service-center .box{display: flex;justify-content: space-between;margin-bottom: 30px;}
.service-center .box .left{flex: 0 0 44%;}
.service-center .box .left .img{overflow: hidden;margin-top: -110px;clip-path: polygon(80% 0, 100% 30%, 100% 100%, 0 100%, 1% 0);}
.service-center .box .right{text-align: right;flex: 0 0 48%;}
.service-center .top{display: flex;justify-content: space-between;align-items: center;}
.service-center .top .left{flex: 0 0 55%;position: relative;}
.service-center .top .left .text{line-height: 40px;margin-top: 20px;font-size: 16px;font-weight: 500;letter-spacing: 4px;color: #0c459b;}
.service-center .top .left::before{position: absolute;content: '';right:0;top: 50%;background-color: #333333;opacity: 0.3;height: 1px;width: 100%;}
.service-center.service-center-two{background: url(../../images/service-center-bg.png) no-repeat right bottom;}
.service-center.service-center-two .box{flex-direction: row-reverse;}
.service-center.service-center-two .box .left .img{clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%, 0 70%);}
.service-center.service-center-two .right{text-align: left;}
.service-center.service-center-two .right .whole-p{margin-bottom: 60px;}
.service-center.service-center-three{background: url(../../images/service-center-bg.png) no-repeat bottom left;padding-top: 200px;}
.service-center.service-center-three .top{flex-direction: row-reverse;margin-bottom: 40px;}
.service-center.service-center-three .top .left{flex: 0 0 43%;}
.service-center.service-center-three .top .left .text{font-size: 16px;font-weight: 400;line-height: 32px;color: #999999;letter-spacing: 0;}
.service-center.service-center-three .box .right .whole-p{margin-bottom: 70px;}

@media(max-width:768px) {
    .service-center{padding: 20px 0;background: url(../../images/service-center-bg.png);}
    .service-center .box{flex-direction: column-reverse;}
    .service-center .top .left{display: none;}
    .service-center .box .left .img{margin-top: 20px;}
    .service-center .top .left .text{line-height: 20px;}
    .service-center.service-center-two{background: transparent;}
    .service-center.service-center-two .box{flex-direction: column-reverse;}
    .service-center .box .right{text-align: left;}
    .service-center .box .right .whole-p{margin-bottom: 20px;}
    .mb-sera{display: flex;align-items: center;justify-content: flex-end;}
    .service-center.service-center-two .right .whole-p{margin-bottom: 10px;}
    .service-center .box .left{margin-top: 10px;}
    .service-center.service-center-three{padding-top: 20px;background: url(../../images/service-center-bg.png);}
    .service-center.service-center-three .top{margin-bottom: 20px;}
    .service-center.service-center-three .box .right .whole-p{margin-bottom: 20px;}

}



.service-our{padding: 150px 0;text-align: center;}
.service-our .le{font-size: 32px;color: #26a9eb;text-align: left;line-height: 53px;}
.service-our .ri{text-align: right;}
.service-our .text span{margin:0 10px;font-size: 20px;line-height: 36px;color: #333333;}
.service-our .text i{color: #ffce5a;margin:0 2px;font-size: 16px;}

@media(max-width:768px) {
    .service-our{padding: 20px 0;}
    .service-our .le{font-size: 16px;line-height: 30px;}
    .service-our .text i{font-size: 12px;}
    .service-our .text span{font-size: 14px;}
}



.solution-center .box{display: flex;justify-content: space-between;margin-bottom: 170px;}
.solution-center .box .left{flex: 0 0 47%;padding-right: 130px;padding-bottom: 60px;position: relative;}
.solution-center .box .left .img{overflow: hidden;clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%, 0 20%);}
.solution-center .box .left .img-two{overflow: hidden;position: absolute;bottom: 0;right: 0;}
.solution-center .box .right{flex: 0 0 48%;}
.solution-center .box .right .text{background: linear-gradient(to right,#f3f6fa 55%,#fff0 20%);padding-left: 70px;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;height: 100%;}
.solution-center .box .right .text .whole-p{margin-bottom: 70px;}
.solution-center .box:nth-child(even){flex-direction: row-reverse;}
.solution-center .box:nth-child(even) .left{padding: 0;padding-left: 130px;padding-bottom: 60px;}
.solution-center .box:nth-child(even) .left .img{clip-path: polygon(80% 0, 100% 20%, 100% 100%, 0 100%, 1% 0);}
.solution-center .box:nth-child(even) .left .img-two{left: 0;}
.solution-center .box:nth-child(even) .right{text-align: right;}
.solution-center .box:nth-child(even) .right .text{align-items: flex-end;background: linear-gradient(to left,#f3f6fa 55%,#fff0 20%);padding: 0; padding-right: 70px;}


@media(max-width:768px) {
    .solution-center .box{flex-direction: column-reverse;margin-bottom: 20px;}
    .solution-center .box .right .text{ margin-bottom: 40px;padding: 20px 0 20px 20px;}
    .solution-center .box .right .text .whole-p{margin-bottom: 20px;}
    .solution-center .box .left{padding-right: 20px;padding-bottom: 20px;}
    .solution-center .box .left .img-two{text-align: right;}
    .solution-center .box .left .img-two img{width: 50%;}
}

.solution-expertise{background-color: #ebf0f7;padding: 110px 0;}
.solution-expertise .box{margin-bottom: 60px;width: 90%;}
.solution-expertise .box .whole-t1{font-size: 52px;width: 80%;}
.solution-expertise .box .t1{font-size: 62px;font-weight: bold;line-height: 70px;color: #0c459b;font-family: 'Arial';border-bottom: 2px solid #0c459b;}
.solution-expertise .box .t2{line-height: 28px;color: #666666;}
.solution-expertise .box .t3{font-size: 32px;font-weight: 600;line-height: 53px;color: #333333;margin: 10px 0;}


@media(max-width:768px) {
    .solution-expertise{padding: 20px 0;}
    .solution-expertise .box .whole-t1{font-size: 24px;width: auto;}
    .solution-expertise .box{width: auto;margin-bottom: 20px;}
    .solution-expertise .box .t1{font-size: 30px;line-height: 40px;}
    .solution-expertise .box .t3{font-size: 22px;line-height: 30px;}
    .solution-expertise .box .t2{line-height: 22px;}
}


.solution-news{text-align: center;padding: 80px 0;}
.solution-news .box{margin: 20px 0;text-align: left;width: 95%;}
.solution-news .box .img{overflow: hidden;}
.solution-news .box .t1{font-size: 36px;line-height: 40px;color: #333333;margin-top: 20px;}
.solution-news .box .kuai{width: 27px;height: 3px;}
.solution-news .box .whole-p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 30px;min-height: 90px;margin-bottom: 30px;}
.solution-news .col-md-4:nth-child(1) .box .img{clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%, 0 30%);}
.solution-news .col-md-4:nth-child(2) .box .img{clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%, 0 70%);}
.solution-news .col-md-4:nth-child(3) .box .img{clip-path: polygon(80% 0, 100% 30%, 100% 100%, 0 100%, 1% 0);}

@media(max-width:768px) {
    .solution-news{padding: 20px 0;}
    .solution-news .box{width: auto;text-align: right;}
    .solution-news .box .t1{font-size: 22px;line-height: 30px;color: #333333;margin-top: 10px;text-align: left;}
    .solution-news .box .whole-p{min-height: auto;line-height: 22px;margin-bottom: 20px;text-align: left  ;}
}

.solution-content .box{display: flex;justify-content: space-between;margin-bottom: 170px;}
.solution-content .box .left{flex: 0 0 38%;}
.solution-content .box .left .img{overflow: hidden;clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%, 0 20%);}
.solution-content .box .left .img-two{overflow: hidden;position: absolute;bottom: 0;right: 0;}
.solution-content .box .right{width: 53%;background: url(../../images/so-con-bg.png) no-repeat;padding-top: 60px;}
.solution-content .box .right .text{padding-left: 70px;}
.solution-content .box .right .text .whole-p{margin-bottom: 10px;}
.solution-content .box .right .item{background-color: #ffffff;box-shadow: 0px 0px 35px 0px rgba(12, 69, 155, 0.1);width: 90%;margin: 30px 0;padding-bottom: 10px;}
.solution-content .box .right .item .img{overflow: hidden;}
.solution-content .box .right .item .title-c{font-size: 14px;color: #333333;padding:10px 0 5px 20px;background: linear-gradient(to right,#e5f5fd 20%,#fff0 20%);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.solution-content .box .right .item .title-c:hover{color: #0c459b;text-decoration: underline;}
.solution-content .box .right .swiper-pagination{bottom: 50%;left: 97%;width: 100%;display: flex;flex-direction: column;transform: translateY(50%);}
.solution-content .box .right .swiper-pagination .swiper-pagination-bullet{background: #0c459b;opacity: 1;margin: 5px;position: relative;}
.solution-content .box .right .swiper-pagination .swiper-pagination-bullet::before{content: '';position: absolute;width: 16px;height: 16px;background-color: #ffffff00;opacity: 0;border-radius: 50%;left: 0;top: 0;transform: translate(-25%, -25%);border: 1px solid #0c459b;}
.solution-content .box .right .swiper-pagination .swiper-pagination-bullet-active::before{opacity: 1;}
.solution-content .box:nth-child(even){flex-direction: row-reverse;}
.solution-content .box:nth-child(even) .left .img{clip-path: polygon(80% 0, 100% 20%, 100% 100%, 0 100%, 1% 0);}
.solution-content .box:nth-child(even) .left .img-two{left: 0;}
.solution-content .box:nth-child(even) .right{text-align: right;background: url(../../images/so-con-bg.png) no-repeat right top;}
.solution-content .box:nth-child(even) .right .text{align-items: flex-end;padding-right: 70px;}
.solution-content .box:nth-child(even) .right .item{margin: 30px 0 30px auto;text-align: left;}
.solution-content .box:nth-child(even) .right .swiper-pagination{left: 0;}


.solution-content-new .box{margin: 0 0 70px 0;}
.solution-content-new .box .left{flex: 0 0 46%;}
.solution-content-new .box .right{width: 46%;padding:0;display: flex;flex-direction: column;justify-content: center;background: url(../../images/so-con-bgtwo.png) no-repeat;}
.solution-content-new .box .right .text{padding-left: 40px;}
.solution-content-new .box .right .whole-t1{font-size: 42px;line-height: 70px;}
.solution-content-new .tj{margin:80px 0;}
.solution-content-new .so-text{background: url(../../images/so-text-bg.png) no-repeat bottom left;padding-bottom: 100px;}
.solution-content-new .so-text .t1{	font-size: 36px;line-height:40px;color: #333333;margin-bottom: 30px;}
.solution-content-new .so-text .t2{font-size: 20px;line-height: 30px;color: #00a0e9;font-weight: 500;}
.solution-content-new .so-text .t3{font-size: 20px;color: #333333;line-height: 30px;width: 47%;}
.solution-content-new .so-text .box{display: flex;flex-direction: column;box-shadow: 0px 0px 50px 0px rgba(12, 69, 155, 0.1);clip-path: none;margin: 50px 0 0 0;width: auto;}
.solution-content-new .so-text .box .img{padding: 20px;}
.solution-content-new .so-text .box .texts{min-height: 120px;}
.solution-content-new .so-text .box .text{padding: 0 20px 0 20px;}
.solution-content-new .proli-center{background-color: transparent;padding: 0;}
.solution-bo{padding: 80px 0;}


@media(max-width:768px) {
    .solution-bo{padding: 20px 0;}
    .solution-content-new .box{flex-direction: column-reverse;margin: 0 0 10px 0;}
    .solution-content-new .box .right{width: auto;margin-bottom: 20px;padding: 20px 0;}
    .solution-content-new .box .right .text{padding-left: 20px;}
    .solution-content-new .box .right .whole-t1{font-size: 20px;line-height: 32px;}
    .solution-content-new .tj{margin: 20px 0;}
    .solution-content-new .so-text{padding: 20px 0;background: url(../../images/so-text-bg.png) bottom left;}
    .solution-content-new .so-text .t1{font-size: 22px;line-height: 30px;margin-bottom: 0;}
    .solution-content-new .so-text .t3{font-size: 14px;width: auto;line-height: 20px;}
    .solution-content-new .so-text{padding-bottom: 20px;}
    .solution-content-new .so-text .box{padding-bottom: 20px;}
    .solution-content-new .so-text .box .text{padding: 0 20px 10px 20px;overflow: hidden;}
}


.whole-top{margin-bottom: 40px;}
.whole-top.prolist{position:relative;padding-top:80px;margin-bottom:0;}

.whole-top .box{display: flex;flex-wrap: wrap;align-items: center;}
.whole-top .box .box-a{display: block;font-size: 20px;font-weight: 600;line-height: 32px;color: #ffffff;padding: 15px 20px 15px 30px;background-color: #00a0e9;border-radius: 4px;transition: all 0.5s;margin-right: 20px;margin-bottom: 10px;}
.whole-top .box .box-a img{margin-left: 20px;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(71deg) brightness(108%) contrast(110%);}
.whole-top .box .box-a:hover{background-color: #0c459b;}
.whole-top .box .box-a.active{background-color: #0c459b;}

@media(max-width:1400px) {
    .whole-top .box .box-a{margin-bottom: 20px;}
}


@media(max-width:768px) {
    .whole-top{margin-bottom: 20px;}
    .whole-top .box .box-a{font-size: 16px;line-height: 20px;margin-right: 10px;margin-bottom: 10px;padding: 10px;}
    .whole-top .box .box-a img{max-width: 30px;margin-left: 10px;}
}


.video-center{padding: 60px 0 200px 0;}
.video-center .box{margin: 40px 0;position: relative;overflow: hidden;clip-path: polygon(0 0, 75% 0%, 100% 30%, 100% 100%, 25% 100%, 0% 70%);width: 90%;}
.video-center .box .bf{position: absolute;top: 30px;left: 30px;}
.video-center .box .text{position: absolute;bottom: 30px;right: 30px;font-weight: 500;font-size: 18px;line-height: 26px;color: #ffffff;text-align: right;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 75%;}

@media(max-width:768px) {
    .video-center{padding: 20px 0;}
}

.faq-center{padding: 60px 0;}
.faq-center .box{margin-bottom: 50px;width: 75%;}
.faq-center .box .top{font-size: 27px;font-weight: 600;line-height: 32px;color: #0c459b;margin-bottom: 20px;}
.faq-center .box .whole-p{line-height: 30px;display: flex;}
@media(max-width:768px) {
    .faq-center{padding: 20px 0;}
    .faq-center .box{width: auto;margin-bottom: 20px;}
    .faq-center .box .top{font-size: 18px;margin-bottom: 10px;}
}

.down-center .box{margin: 60px 0;padding: 60px 0 30px 0;display: flex;justify-content: space-between;position: relative;cursor: pointer;}
.down-center .box::before{content: '';position: absolute;top: 0;left: 40px;width: 70%;height: 100%;clip-path: polygon(85% 0, 100% 20%, 100% 100%, 0 100%, 1% 0);background-color: #e4eaf3;z-index: -1;}
.down-center .box .left{flex: 0 0 37%;background: #fff;}
.down-center .box .left .img{overflow: hidden;box-shadow: 8px 13px 15px 0px rgba(12, 69, 155, 0.2);padding: 20px 10px;}
.down-center .box .right{flex: 0 0 54%;position: relative;overflow: hidden;}
.down-center .box .right .top{font-size: 24px;line-height: 32px;color: #0c459b;margin-top: 30px;}
.down-center .box .right .bottom{position: absolute;bottom: -42px;left: 0;transition: all 0.3s;}
.down-center .box .right .bottom .text{font-size: 18px;font-weight: 500;line-height: 32px;color: #0c459b;margin-top: 10px;}
.down-center .box:hover .right .bottom{bottom: 0;}

@media(max-width:768px) {
    .down-center .box{margin: 20px 0;padding: 20px 0;}
    .down-center .box .right .top{font-size: 18px;line-height: 30px;}
}



.certificate-center{padding-bottom: 150px;padding-top:20px;}
.certificate-center .box{margin: 0px 0 40px;position: relative;padding: 30px 40px 30px 70px;width: 75%;}
.certificate-center .box::before{content: '';position: absolute;bottom: 0; left:0;width:100%;height: 83%;clip-path: polygon(85% 0, 100% 20%, 100% 100%, 0 100%, 1% 0);background-color: #e6ecf5;z-index: -1;}
.certificate-center .box .top{font-size: 24px;line-height: 32px;color: #0c459b;margin-bottom: 30px;min-height: 64px;}
.certificate-center .box .img{background-color: #ffffff;box-shadow: 8px 13px 15px 0px rgba(12, 69, 155, 0.2);padding: 20px 10px;width: 78%;overflow: hidden;}
.certificate-center .col-md-4{display: flex;flex-direction: column;}
.certificate-center .col-md-4:nth-child(3n+2){align-items: center;}
.certificate-center .col-md-4:nth-child(3n){align-items: flex-end;}

@media(max-width:768px) {
    .certificate-center{padding-bottom: 20px;}
    .certificate-center .box .top{font-size: 18px;line-height: 20px;margin-bottom: 20px;min-height: auto;}
    .certificate-center .box{padding: 20px;width: auto;margin: 10px 0;}
    .certificate-center .box .img{width: auto;padding: 10px;}
}


.contact-wrapper{padding: 60px 0;}
.contact-wrapper .title{font-size:35px;line-height:38px;color:#0c459b;margin-bottom:55px;text-align:center;}
.contact-wrapper .feed-box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.contact-wrapper .left{width:50%;padding:70px 40px 0;background:#f4f4f4;}
.contact-wrapper .right{width:45.8%;position:relative;}
.contact-wrapper .left .t1{font-size:32px;line-height:36px;text-align:center;margin-bottom:20px;}
.contact-wrapper .left .desc{font-size:16px;color:#4e4e4e;margin-bottom:40px;text-align:center;}

.contact-top .off{display: flex;margin-bottom:20px;}
.contact-top .off .img{min-width: 34px;margin-right: 20px;}
.contact-top .off .t1{font-size: 20px;font-weight: 600;line-height: 26px;color: #0c459b;}
.contact-top .off .whole-p{position: relative;}
.contact-top .off a:hover .whole-p{text-decoration: underline;}

@media(max-width:768px) {
    .contact-wrapper{padding: 20px 0;}
    .contact-wrapper .title{font-size:25px;line-height:30px;}
    .contact-wrapper .left .t1{font-size:20px;line-height:26px;}
    .contact-wrapper .left .desc{font-size:14px;line-height:20px;}
    .contact-top .off .img{margin-right: 15px;}
    .contact-top .off .t1{font-size: 18px;line-height: 30px;margin-bottom: 10px;}
    .contact-top .off{margin-bottom: 20px;}
    .contact-top .off:first-child{margin-bottom: 20px;}
    .contact-wrapper .left{width:100%;padding:20px 15px;}
    .contact-wrapper .right{width:100%;position:relative;padding-top:25px;}
}


.contact-center{padding: 150px 0;background: url(../../images/contact-bg.jpg) no-repeat;background-size: cover;}
.contact-center .head{margin-bottom: 60px;position: relative;line-height: 34px;padding-left: 10px;}
.contact-center .head::before{content: '';position: absolute;width: 38px;height: 39px;background-color: #0093de;opacity: 0.2;top: 0;left: 0;}
.contact-center .form-feedback .form-control{border-radius: 0;color: #0c459b;padding-top: 20px; padding-bottom: 20px;font-family: 'Arial';background-color: transparent;font-size: 16px;}
.contact-center .form-feedback .inp{background:linear-gradient(to top,#00a0e91a 100%,#fff0 20%);margin-bottom: 30px;position: relative;}
.contact-center .form-feedback .inp p{font-size: 20px;color: #0c459b;position: absolute;left: 12px;top:0;transform: translateY(-50%);font-weight: 500;}
.was-validated textarea.form-control:invalid{background-position: right calc(0.375em + 0.1875rem) center;}
.contact-center .form-feedback .btn{font-size: 24px;margin-top: 30px;}
.contact-center .form-feedback .btn img{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(71deg) brightness(108%) contrast(110%);margin-left: 20px;}
.contact-center .form-feedback .btn:hover{background-color: #00a0e9;}
.contact-center .form-feedback .form-control::-webkit-input-placeholder{color:#0c459b}

.product-box{margin-bottom: 40px;position:relative;padding-top:80px;}
.product-box .box{display: flex;justify-content: space-between;align-items: center;}
.product-box .box .left{flex: 0 0 48%;padding: 50px 0;}
.product-box .box .left .img{position: relative;}
.product-box .box .left .imgtwo{position: absolute;right: 0;top: -80px;}
.product-box .box .right{flex: 0 0 46%;padding-bottom:80px;}
.product-box .box .right .whole-t1{color: #0c459b;}
.product-box .box .right .whole-t1:hover{text-decoration:underline;}
.product-box .box .right .whole-p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.product-box .box .right .whole-a{margin-top: 60px;border-bottom:4px solid #0a52a6;display:inline-block;padding-right:0;}
.product-box .box .right .whole-a:hover{color:#00a0e9;border-color:#00a0e9;transition:all 0.5s;}
.product-center .product-box:nth-child(even){background: #fafafa;}
.product-center .product-box:nth-child(even) .box{flex-direction: row-reverse;}
.product-center .product-box:nth-child(2) .box .left .imgtwo,.product-center .product-box:nth-child(3) .box .left .imgtwo{left: 0;}
.product-center .product-box:nth-child(3) .box .left .imgtwo img{transform: rotateY(180deg);}
.product-center .product-box:nth-child(even) .box .right{text-align: left;}


@media(max-width:768px) {
    .product-box{margin-bottom: 0; padding: 40px 0;background: transparent;}
    .product-box .box{flex-direction: column-reverse;}
    .product-box .box .left{padding: 40px 10px 10px 10px;margin-top: 30px;background: #fff;}
    .product-box .box .left .imgtwo{top: -30px;}
    .product-box .box .left .imgtwo img{width: 80px;}
    .product-box .box .right .whole-a{margin-top: 20px;}
    .product-center .product-box:nth-child(even) .box{flex-direction: column-reverse;}
    .product-center .product-box:nth-child(even){background: transparent;}
    .product-box .box .right .whole-t1,.product-box .box .right .whole-p{text-align: left;}
    .product-center .product-box:nth-child(even) .box .right{text-align: right;}
    .product-center .product-box:nth-child(odd){background-color: #f3f6fa;}

}


.product-shou{padding: 160px 0;}
.product-shou .container-xl{display: flex;}
.product-shou .tab-box{display: flex;height: 530px;}
.product-shou .tab-box .left{background-color: #0093de;padding: 90px 0;text-align: center;min-width: 110px;margin-left: 4px;position: relative;}
.product-shou .tab-box .left::before{content: '';background: url(../../images/sk.png) no-repeat;width: 99px;height: 97px;left: -89%;top: 0;position: absolute;}
.product-shou .tab-box .left::after{content: '';background: url(../../images/sk.png) no-repeat;width: 99px;height: 97px;right: -5px;top: 0;position: absolute;filter: grayscale(100%) brightness(220%);}
.product-shou .tab-box .t1{font-size: 36px;font-weight: 600;line-height: 32px;color: #ffffff;position: relative;}
.product-shou .tab-box .t2{font-size: 20px;transform: rotate(90deg);position: absolute;bottom: -50px;left: 70px;transform-origin: top left;}
.product-shou .tab-box .right{display: none;overflow: hidden;margin-left: 4px;}
.product-shou .tab-box .right .le{text-align: center;min-width: 100px;}
.product-shou .tab-box .right .le .t1{color: #0c459b;}
.product-shou .tab-box .right .le .t2{color: #0c459b;transform: rotate(90deg);bottom: -50px;left: 65px;transform-origin: top left;}
.product-shou .tab-box .right .box{background: url(../../images/product-shou1.jpg) no-repeat;display: flex;padding: 90px 0;height: 100%;}
.product-shou .tab-box .right .ri{flex: 0 0 57%;margin-left: 50px;margin-top: -20px;}
.product-shou .tab-box .right .ri .whole-t1 span{color: inherit;}
.product-shou .tab-box:nth-child(2) .right .box{background: url(../../images/product-shou2.jpg) no-repeat;}
.product-shou .tab-box:nth-child(3) .right .box{background: url(../../images/product-shou3.jpg) no-repeat;}
.product-shou .tab-box:nth-child(1) .left::before{width: 0;}
.product-shou .tab-box:nth-child(1) .left::after,.product-shou .tab-box:nth-child(2) .left::after{width: 0;}

@media(max-width:768px) {
    .product-shou{padding: 20px 0;}
    .product-shou .container-xl{flex-direction: column;}
    .product-shou .container-xl .right{margin-bottom: 20px;}
    .product-shou .container-xl .ydd-box .t1{display: flex;font-size: 18px;font-weight: 600;line-height: 32px;color: #0c459b;}
    .product-shou .container-xl .ydd-box .t2{margin-left: 10px;}
}



.banner.ny.product-li .box{position: relative;z-index: 1;}
.banner.ny.product-li .box .container-xl{max-width: 1320px;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.banner.ny.product-li .box .left{}
.banner.ny.product-li .box .right{padding: 0;background: transparent;flex: 0 0 58%;}
.banner.ny.product-li .box .page-title{margin-right: -45%;}
.banner.ny.product-li .box .right img{clip-path:inherit;}

.proli-center{background-color: #f3f6fa;padding: 50px 0 100px 0;}
.proli-center .box{margin: 50px 0;background-color: #fff;width: 100%;clip-path: polygon(85% 0, 100% 15%, 100% 100%, 0 100%, 1% 0);}
.proli-center .box .img{position:relative;overflow:hidden;}
.proli-center .pro-row{margin-left:-45px;margin-right:-45px;}
.proli-center .pro-row .col-md-6{position:relative;padding-left:45px;padding-right:45px;}
.proli-center .yp{position:absolute;top:30px;left:40px;z-index:2;}
.proli-center .yp img{width:70%;}
.proli-center .box .text{font-size: 19px;line-height: 35px;color: #333333;position: relative;transition: all 0.5s;padding: 0 40px 30px 40px;}
.proli-center .box .text::after{display:none; position: absolute;content: '';width: 130px;height: 130px;background-color: #e5f5fd;left: 0;top: 0;transition: all 0.5s;}
.proli-center .box .text .texts{position: relative;z-index: 1;font-size:18px;line-height:26px; font-weight:bold;min-height: 52px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: all 0.5s ease;cursor: pointer;margin-top:15px;}
.proli-center .box .text .texts:hover{color: #0c459b;}
.proli-center .box .text .desc{}
.proli-center .box .text .desc p{position:relative;font-size:16px;line-height:24px;}
.proli-center .box .text .desc p:before{content:"●";display:inline-block;margin-right:8px;color:#0c459b;}
.proli-center .box:hover .text .whole-a{left: 55%;}
.proli-center .box:hover .text .whole-a span{opacity: 1;}
.proli-center .box .text .whole-a span{opacity: 0;transition: all 0.5s ease-in-out;}
.proli-center .box .text .whole-a{position: absolute;bottom: 40px;left: -110px;transition: all 0.5s ease-in-out;}

@media(max-width:1400px) {
    .proli-center .pro-row{margin-left:-15px;margin-right:-15px;}
    .proli-center .pro-row .col-md-6{position:relative;padding-left:15px;padding-right:15px;}
    .proli-center .yp{position:absolute;top:30px;left:45px;z-index:2;}
}

@media(max-width:768px) {
    .proli-center{padding: 20px 0;}
    .proli-center .box{margin: 10px 0;width: auto;}
    .proli-center .box .text{font-size: 18px;padding:10px 20px 60px 20px;line-height: 30px;}
    .proli-center .box .text .texts{padding: 0;min-height: auto;-webkit-line-clamp: 1;}
    .proli-center .box .text .whole-a{bottom: 15px;left: inherit;right: 20px;}
    .proli-center .box .text .whole-a span{opacity: 1;}
    .proli-center .box .text::after{height: 50px;}
    .proli-center .box:hover .text .whole-a{left: inherit;}
    .proli-center .yp{position:absolute;top:0px;left:30px;z-index:2;}
    .proli-center .yp img{width:80px;}
}


.proli-browse{padding: 140px 0 160px;text-align: center;}
.proli-browse-center{text-align: left;position: relative;margin-top: 150px;}
.proli-browse-center .box::before{width: 100%;content: '';position: absolute;left: 0;top: 0;height: 100%;background-color: #e5f5fd;z-index: -1;opacity: 0;}
.proli-browse-center .box{cursor: pointer;padding: 30px 30px 30px 70px;position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;flex-direction: row-reverse;}
.proli-browse-center .box .boxs{flex: 0 0 51%;}
.proli-browse-center .box .boxs .item{display: flex;}
.proli-browse-center .box .img-box{flex: 0 0 42%;position: relative;}
.proli-browse-center .box .img-box .img{position: absolute;left: 0;right: 0;top: 50%;background: #fff;opacity: 0;clip-path: polygon(100% 0, 100% 80%, 80% 100%, 0 100%, 0 20%, 20% 0);overflow: hidden;transform: translateY(-50%);}
.proli-browse-center .box .item .img{width: 40px;height: 40px;background-color: #0c459b;display: flex;align-items: center;justify-content: center;font-size: 22px;font-weight: bold;color: #ffffff;margin-right: 40px;}
.proli-browse-center  .item .text{font-size: 32px;line-height: 40px;letter-spacing: -1px;color: #333333;margin-bottom: 10px;}
.proli-browse-center .box.active::before{opacity: 1;}
.proli-browse-center .box.active .img-box .img{opacity: 1;}

@media(max-width:768px) {
    .proli-browse{padding: 20px 0;}
    .proli-browse-center{margin-top: 0;}
    .proli-browse-center .box{padding: 20px;flex-direction: column;}
    .proli-browse-center .box .boxs{margin-bottom: 20px;}
    .proli-browse-center .box .item .img{width: 30px;height: 30px;font-size: 16px;margin-right: 10px;}
    .proli-browse-center .item .text{font-size: 16px;line-height: 28px;margin-bottom: 10px;}
    .proli-browse-center .box .img-box .img{position: relative;transform: translateY(0%);opacity: 1;}
}

.proli-we{background: #f3f6fa;}
.proli-we .container-xl{max-width: 1600px;}
.proli-we .box .boxs{flex: 0 0 47%;}

.proli-what{padding: 150px 0;}
.proli-what .container-xl{display: flex;justify-content: space-between;align-items: center;}
.proli-what .left{flex: 0 0 48%;}
.proli-what .left .whole-a{margin-top: 60px;}
.proli-what .left .whole-a:hover{text-decoration:underline;}
.proli-what .right{flex: 0 0 45%;}
.proli-what .right .img{overflow: hidden;}

@media(max-width:768px) {
    .proli-what{padding: 30px 0;}
    .proli-what .whole-t1{margin: 20px 0;}
    .proli-what .left .whole-a{margin: 20px 0;}
    .proli-what .container-xl{flex-direction: column;}
}

.page{padding: 200px 0 60px 0;}
.pro-con-top{padding: 60px 0 0;}
.pro-con-top .whole-t1{font-size: 42px;margin-bottom: 30px;line-height:46px;}
.pro-con-top .whole-p{color: #000000;font-size: 17px;}
.pro-con-top .two .top{font-size: 18px;font-weight: bold;color: #0c459b;margin-bottom: 10px;}
.pro-con-top .two .social>span,.pro-con-top .two .social>a{padding: 0;margin: 0;}
.pro-con-top .two .social img{mix-blend-mode: darken;}
.pro-con-top .pro-get{background-color: #0c459b;border-radius: 4px;text-align: center;padding:16px 29px;color: #fff;display: inline-block;font-size: 24px;font-weight: bold;
line-height: 32px;margin: 30px 0;}
.pro-con-top .pro-get img{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(71deg) brightness(108%) contrast(110%);margin-left: 10px;}
.pro-con-top .yss{display: flex;flex-wrap: wrap;margin-bottom: 10px;}
.pro-con-top .yss .ite{flex: 0 0 33%;padding: 10px;margin-bottom: 20px;}
.pro-con-top .yss .ite img{border: 2px solid #fff;transition: all 0.3s;}
.pro-con-top .yss .ite:hover img{border: 2px solid #0c459b;}
.product-thumb{border: 0;position: relative;}
.product-thumb::after{position: absolute;width: 100%;height: 100%;background: transparent;z-index: 1;content: '';left: 0;top: 0;}
.product-thumbs .mz-thumb{padding: 10px;}
.product-thumbs .mz-thumb .img{background-color: #e4e9f3;}
.product-thumbs .mz-thumb.mz-thumb-selected .img{background-color: #fdfdfe;box-shadow: 0px 0px 10px 0px rgba(12, 69, 155, 0.1);}
a[data-zoom-id] img, .mz-thumb img{border: 0;}
.mz-thumb.mz-thumb-selected img{border: 0;}
.mz-thumb:not(.mz-thumb-selected):hover img{border: 0;}
.product-thumbs .swiper-button-prev:after,.product-thumbs .swiper-button-next:after{font-size: 22px;font-weight: bold;}
.product-thumb .a-provideo{position:absolute;z-index:10;right:40px;bottom:40px;cursor:pointer;transform:scale(1.0);transition:all 0.5s;}
.product-thumb .a-provideo:hover{transform:scale(1.1);}


.pro-con-cen{border-bottom: 1px solid #dddddd;margin: 50px 0;}
.pro-con-cen.fadeInDown{position:fixed;top:85px;left:0;right:0;z-index:2;background:#fff;margin:0;}
.pro-con-cen .container-xl{display: flex;}
.pro-con-cen a{display:block;font-size: 18px;font-weight: bold;color: #999;padding: 30px 0;position: relative;margin: 0 80px 0 0;transition: all 0.3s ease;}
.pro-con-cen a:hover{color: #0c459b;}
.pro-con-cen a.active{color: #0c459b;}
.pro-con-cen a::before{position: absolute;left: 50%;bottom: -1px;width: 0%;height: 4px;background-color: #0c459b;content: '';transform: translate(-50%);transition: all 0.3s ease;}
.pro-con-cen a:hover::before{width: 100%;}
.pro-con-cen a.active::before{width: 100%;}
.pro-con-cen.fadeInDown a{padding:20px 0;}

.pro-con{padding: 50px 0;}
.pro-con .pro-content{margin: 50px 0 0 0;display: flex;justify-content: space-between;}
.pro-con .pro-content .left{flex: 0 0 30%;}
.pro-con .pro-content .left .head{position: relative;padding-left: 10px;}
.pro-con .pro-content .left .head::before{content: '';position: absolute;width: 38px;height: 38px;background-color: #0093de;opacity: 0.2;left: 0;top: 0;}
.pro-con .pro-content .right{flex: 1;}
.pro-con .pro-content p{font-size: 18px;font-weight: 400;line-height: 36px;color: #333333;}
/* .pro-con .pro-content .box{display: flex;justify-content: space-between;flex-wrap: wrap;} */
.pro-con .pro-content .box .boxs{display: flex;justify-content: space-between;padding: 30px 0;border-bottom: 3px dashed #b6c7e1;}
.pro-con .pro-content .box .boxs .img{flex: 0 0 44%;}
.pro-con .pro-content .box .boxs .text{flex: 0 0 50%;padding: 20px 0;}
.pro-con .pro-content .box .boxs .text dl{font-size: 18px;line-height: 36px;color: #0c459b;font-weight: 500;}
.pro-con .pro-content .box .boxs .text dl::before{content: '';display: inline-block;width: 5px;height: 5px; background-color: #0c459b;border-radius: 50%;margin-bottom: 4px;margin-right: 10px;margin-left: 5px;}
.pro-con .pro-content .box .boxs .text dt{font-size: 18px;font-weight: 400;color: #333333;}
.pro-con .pro-content .box .boxs .text dt strong{font-weight: bold;}



@media(max-width:768px) {
    .page{padding: 20px 0;}
    .pro-con-top{padding: 20px 0;}
    .pro-con-top .whole-t1{font-size: 24px;margin-bottom: 10px;line-height:30px;}
    .head{font-size: 16px;}
    .pro-con-top .pro-get{padding: 5px 15px;color: #fff;display: inline-block;font-size: 16px;font-weight: bold;line-height: 28px;margin: 10px 0;}
    .pro-con-top .pro-get img{width: 30px;}
    .pro-con-top .two .top{font-size: 16px;}
    .pro-con-top .whole-p{margin-bottom: 10px;}
    .pro-con-cen{margin: 10px 0;}
    .pro-con-cen .container-xl{flex-wrap: wrap;}
    .pro-con-cen a.active{display: block;}
    .pro-con-cen a.active::after{content: ''; width: 0;height: 0;border: 10px solid transparent;
        border-top: 10px solid #0c459b;
        position: absolute;
        bottom: -2px;
        transition: all 0.5s ease;
        right: -35px;}
    .pro-con-cen a{font-size: 16px;padding: 10px 0;margin: 0 30px 0 0;}
    .pro-con-cen .dd{display: none;}
    .pro-con{padding: 20px 0;}
    .pro-con .pro-content{margin: 10px 0;flex-direction: column;}
    .pro-con .pro-content p{font-size: 14px;line-height: 24px;}
    .table-wrapper table th, .table-wrapper table td{padding: 5px;}
    .pro-con .pro-content .box .boxs{flex-direction: column-reverse;padding: 0 0 20px 0;}
    .pro-con .pro-content .box .boxs .text dl{font-size: 16px;line-height: 24px;}
    .pro-con .pro-content .box .boxs .text dt{font-size: 16px;}
    .product-thumb{margin: 20px 0;}
    .product-thumb::after{width: auto;height: auto;}
    .swiper-pagination-bullet-active{background: #0093de;}
    .pro-con .pro-content .left .head{line-height: 38px;}
    .pro-con .pro-content .left .head br{display: none}
}


.pro-center{background-color: #f2f9fd;padding: 100px 0;}
.pro-center .head{position: relative;padding-left: 10px;}
.pro-center .head::before{content: '';position: absolute;width: 38px;height: 38px;background-color: #0093de;opacity: 0.2;left: 0;top: -5px;}
.pro-center .box .text .texts{font-size: 17px;padding: 5px 0;}
.pro-center .box .text::after{width: 85px;height: 84px;display:none;}
.pro-center .box .text{padding: 0 20px 0px 20px;}
.pro-center .box .text .whole-a{font-size: 18px;bottom: 30px;left: -100px;}
.pro-center .box:hover .text .whole-a{left: 40%;}
@media(max-width:768px) {
    .pro-center{padding: 20px 0;}
    .pro-center .box .text{padding: 10px 20px 60px 20px;}
    .pro-center .box .text::after{height: 60px;}
    .pro-center .box .text .whole-a{font-size: 16px;left: inherit;bottom: 20px;}
    .pro-center .box:hover .text .whole-a{left: inherit;}
}


.pro-news{padding: 100px 0 150px 0;}
.pro-news .head{position: relative;margin-bottom: 80px;padding-left: 10px;}
.pro-news .head::before{content: '';position: absolute;width: 38px;height: 38px;background-color: #0093de;opacity: 0.2;left: 0;top: -5px;}
.pro-news .box{position: relative;width: 90%;padding-bottom: 50px;overflow: hidden;}
.pro-news .box .img{overflow: hidden;clip-path: polygon(100% 30%, 100% 100%, 20% 100%, 0 70%, 0 0, 80% 0);margin-bottom: 40px;}
.pro-news .box .t1{font-size: 18px;font-weight: 500;line-height: 26px;color: #333333;transition: all 0.3s;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;min-height: 78px;}
.pro-news .box .t1:hover{color: #0c459b;}
.pro-news .box .sj{font-size: 14px;line-height: 28px;color: #264273;margin: 10px 0;}
.pro-news .box .sj i{font-size: 20px;margin-right: 5px;}
.pro-news .box .t2{color: #666666;line-height: 24px;margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;min-height: 72px;}
.pro-news .box .whole-a span{opacity: 0;transition: all 0.8s ease-in-out;}
.pro-news .box:hover .whole-a span{opacity: 1;}
.pro-news .box .whole-a{position: absolute;bottom: 40px;left: -110px;transition: all 0.5s ease-in-out;}
.pro-news .box .whole-a{font-size: 18px;bottom: 0;left: -120px;}
.pro-news .box:hover .whole-a{left: 40%;}

@media(max-width:768px) {
    .pro-news{padding: 30px 0;}
    .pro-news .head{margin-bottom: 30px;}
    .pro-news .box .img{margin-bottom: 20px;}
    .pro-news .box .whole-a{left:-125px;}
    .pro-news .box .t1{min-height: auto;}
    .pro-news .box{width: auto;padding-bottom: 20px;}
    .pro-news .box .whole-a{left:inherit;right: 0;}
    .pro-news .box .whole-a span{opacity: 1;}
    .pro-news .box:hover .whole-a{left: inherit;right: 0;}
}


.news-center{padding: 60px 0 40px;}
.pro-center.newsnr{padding:80px 0 40px;}
.pro-center.newsnr .box .text{padding: 0 20px 0px 20px;}

.news-center .right .box{position: relative;width: 90%;padding-bottom: 0px;overflow: hidden;margin-bottom: 80px;}
.news-center .right .box .img{overflow: hidden;clip-path: polygon(100% 30%, 100% 100%, 20% 100%, 0 70%, 0 0, 80% 0);margin-bottom: 40px;background: #f8f8f8;}
.news-center .right .box .img img{mix-blend-mode: darken;}
.news-center .right .box .t1{font-size: 18px;font-weight: 500;line-height: 26px;color: #333333;transition: all 0.3s;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;min-height: 78px;}
.news-center .right .box .t1:hover{color: #0c459b;}
.news-center .right .box .sj{font-size: 14px;line-height: 28px;color: #264273;margin: 10px 0;}
.news-center .right .box .sj i{font-size: 20px;margin-right: 5px;}
.news-center .right .box .t2{color: #666666;line-height: 24px;margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;min-height: 72px;}
.news-center .right .box .whole-a span{opacity: 0;transition: all 0.8s ease-in-out;}
.news-center .right .box:hover .whole-a span{opacity: 1;}
.news-center .right .box .whole-a{position: absolute;bottom: 40px;left: -110px;transition: all 0.5s ease-in-out;}
.news-center .right .box .whole-a{font-size: 18px;bottom: 0;left: -125px;}
.news-center .right .box:hover .whole-a{left: 0;}
.news-center .right .col-md-6:nth-child(even) .box{margin-right: 0;margin-left: auto;}
.news-nav{display:flex;justify-content:center;margin-bottom:50px;}
.news-nav a{display:inline-block;background:#00a0e9;font-size:24px;line-height:30px;padding:16px 50px;margin:0px 10px 10px;color:#fff;border-radius:10px;overflow:hidden;}
.news-nav a:hover{background:#0c459b;transition:all 0.5s;}
.news-nav a.active{background:#0c459b;}

@media(max-width:768px) {
    .news-center{padding: 40px 0 20px;}
    .news-center .right .box{width: auto;margin: 20px 0;padding-bottom: 20px;}
    .news-center .right .box .img{margin-bottom: 20px;}
    .news-center .right .box .t1{min-height: auto;}
}

.news-con .box{display:flex;justify-content:space-between;}
.news-con .ri-t1{font-size: 36px;line-height: 48px;color: #254170;margin-bottom: 40px;font-weight: 400;width: 85%;}
.news-con .summary{font-size: 14px;line-height: 24px;color: #264273;margin-bottom: 40px;}
.news-con .summary i{font-size: 20px;margin-right: 5px;}
.news-con .summary span{margin-right: 50px;}
.news-content{padding: 50px 0;border-bottom: 1px dashed #b4c5df;border-top: 1px dashed #b4c5df;}
.news-content p{font-size: 18px;line-height: 28px;color: #666666;}
.news-chang{padding: 30px 0;}
.news-chang .one{background: url(../../images/news-chang1.png) no-repeat bottom left;padding-left: 80px;padding-right: 40px;margin-bottom: 40px;padding-bottom: 10px;}
.news-chang .two{background: url(../../images/news-chang2.png) no-repeat;padding-left: 80px;padding-right: 40px;padding-top: 10px;}
.news-chang .text{font-size: 18px;line-height: 48px;color: #254170;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news-chang .text:hover{text-decoration: underline;}
.news-con .box .right{width:65%;}
.news-con .box .left{width:26%;}
.news-con .box .left .rel-news .title{font-size:24px;text-align:center;color:#fff;background:#0c459b;padding:10px;border-radius:10px;overflow:hidden;margin-bottom:30px;}
.news-con .box .left .rel-news .box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:35px;}
.news-con .box .left .rel-news .box .bo-left{width:30%;border-radius:5px;overflow:hidden;border:1px solid #ddd;}
.news-con .box .left .rel-news .box .bo-right{width:70%;padding-left:15px;}
.news-con .box .left .rel-news .box .bo-right .t1{font-weight:bolder;margin-bottom:8px; display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}

@media(max-width:768px) {
    .news-con .ri-t1{font-size: 22px;width: auto;margin: 0px 0 20px 0;text-align: center;line-height: 30px;}
    .news-con .summary{text-align: center;}
    .news-content{padding: 20px 0;}
    .news-content p{font-size: 14px;}
    .news-chang{padding: 0;}
    .news-chang .one{padding-left: 50px;padding-right: 40px;margin-bottom: 20px;padding-bottom: 10px;}
    .news-chang .text{font-size: 16px;}
}

/*factory*/
.factory-march{padding:0px 0 120px 0;text-align: center;}
.factory-march .home-t1{color: #3d3d3d;}
.factory-march .boxs{margin-top: 50px;background: url(../../images/fa-bg.png) no-repeat top center;width: 95%;padding-bottom: 30px;}
.factory-march .boxs .h1{overflow: hidden;}
.factory-march .boxs .h2{text-align: left;line-height: 30px;color: #3d3d3d;padding: 10px 0;font-size: 24px;color: #0c459b;padding-left: 70px;}
/*ydd*/
@media(max-width:768px) {
    .factory-march{padding: 20px 0;}
    .factory-march .boxs{margin-top: 10px;width: auto;padding-bottom: 0;}
    .factory-march .boxs .h2{line-height: 20px;padding: 5px 0;font-size: 14px;text-align: center;}
    
}


.case-center .container-xl{max-width: 1610px;margin-left: 0;padding-left: 0;}
.case-center .box{display: flex;justify-content: space-between;margin-bottom: 100px;margin-top:60px;}
.case-center .box .left{flex: 0 0 57%;}
.case-center .box .right{flex: 0 0 40%;}
.case-center .box .right .text{background: linear-gradient(to right,#f3f6fa 34%,#fff0 20%);padding-left: 40px;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;height: 100%;}
.case-center .box .right .whole-t1{text-decoration: underline;color: #0c459b;font-size: 42px;}
.case-center .box .right .text .whole-p{margin: 30px 0;width: 87%;}
.case-center .box .right .text .whole-p span{color: #0c459b;}

@media(max-width:768px) {
    .case-center .container-xl{padding-left: 15px;padding-right: 15px;}
    .case-center .box{margin-bottom: 20px;flex-direction: column-reverse;padding: 20px 0;margin-top:0;}
    .case-center .box .left{margin-top: 20px;}
    .case-center .box .right .text{background: transparent;padding: 0;}
    .case-center .box .right .whole-t1{font-size: 24px;margin-bottom: 0;}
    .case-center .box .right .text .whole-p{width: auto;margin: 15px 0 0 0;}

}

.case .head{padding: 100px 0;font-size: 42px;line-height: 72px;color: #0c459b;text-decoration: underline;}
.case .box{padding: 50px 0;margin-bottom: 20px;position: relative;cursor: pointer;background-color: #f3f6fa00;}
.case .box:hover{background-color: #f3f6fa;transition: all 0.5s;}
.case .box .container-xl{display: flex;justify-content: space-between;align-items: center;}
.case .box .right{flex: 0 0 49%;overflow: hidden;}
.case .box .right .t1{font-size: 26px;line-height: 32px;color: #333333;margin-bottom: 30px;}
.case .box .right .whole-a{margin-top: 30px;margin-left: -24%;transition: all 0.5s;}
.case .case-big{padding-bottom: 190px;}
.case .case-big .box:nth-child(4n+1) .left{clip-path: polygon(80% 0, 100% 30%, 100% 100%, 0 100%, 1% 0);}
.case .case-big .box:nth-child(4n+2) .left{clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%, 0 70%);}
.case .case-big .box:nth-child(4n+3) .left{clip-path: polygon(100% 0, 100% 75%, 80% 100%, 0 100%, 0 0);}
.case .case-big .box:nth-child(4n+4) .left{clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%, 0 30%);}
.case .box:hover .right .whole-a{margin-left: 0;}

@media(max-width:768px) {
    .case .head{padding: 0;font-size: 24px;line-height: 32px;}
    .case .case-big{padding-bottom: 30px;}
    .case .box{padding: 15px 0;margin-bottom: 20px;}
    .case .box .container-xl{flex-direction: column-reverse;}
    .case .box .right{text-align: right;}
    .case .box .right .t1{font-size: 16px;line-height: 22px;margin-bottom: 15px;text-align: left;}
    .case .box .right .whole-p{text-align: left;}
    .case .box .right .whole-a{margin: 20px 0;}

}



.case-content{padding:60px  0 200px 0;}
.case-content .container-xl{max-width: 1610px;margin-left: 0;padding-left: 0;}
.case-content .case-con{display: flex;justify-content: space-between;}
.case-content .left{flex: 0 0 47%;}
.case-content .right{flex: 0 0 47%;}
.case-content .right .case-he{font-size: 36px;line-height: 48px;color: #254170;font-weight: 400;}
.case-content .right h5{font-size: 24px;font-weight: bold;line-height: 32px;color: #0c459b;}
.case-content .right p{font-size: 18px;font-weight: 400;line-height: 32px;color: #666666;}




@media(max-width:768px) {
    .case-content{padding: 30px 0;}
    .case-content .container-xl{padding-left: 15px;}
    .case-content .case-con{flex-direction: column-reverse;}
    .case-content .right .case-he{font-size: 24px;line-height: 32px;}
    .case-content .right h5{font-size: 16px;line-height: 24px;}
    .case-content .right p{font-size: 14px;line-height: 22px;}
    .case-content .right{margin-bottom: 20px;}
}






.whole-contact{background: #e7f6fd;padding: 40px 0;}
.whole-contact .whole-t1{color: #0c459b;line-height: 72px;font-size:36px;line-height:42px;margin-bottom:15px;}
.contact-center.whole-contact .form-feedback .form-control{padding-top:15px;padding-bottom:15px;}
.contact-center.whole-contact .form-feedback .btn{padding-top:5px;padding-bottom:5px;font-size:18px;}
.whole-contact .t2{font-size: 18px;color: #0c459b;line-height: 26px;margin-bottom: 30px;}
.whole-contact .form-feedback .inp{background: linear-gradient(to top,#ffffff 100%,#fff0 20%);margin-bottom:10px;}
.whole-contact.about-con{background: url(../../images/contact-bg.jpg) no-repeat;background-size: cover;}
.whole-contact.about-con .form-feedback .inp{background: linear-gradient(to top,#00a0e91f 100%,#fff0 20%);position: relative;}
.whole-contact.about-con .form-feedback .inp p{position: absolute;left: 15px;top: 0;transform: translateY(-50%);font-size: 20px;color: #0c459b;font-family: 'Arial';}
/* .whole-con{padding: 130px 0 95px 0;text-align: right;background-color: #e5f5fd;}
.whole-con.about-con{background-color: #fff;}
.whole-con .t1{text-align: left;font-size: 48px;line-height: 72px;color: #0c459b;}
.whole-con .t2{font-size: 32px;color: #0c459bd9;text-align: left;line-height: 45px;margin: 10px 0 20px 0;} */
@media(max-width:768px) {
    .whole-contact{padding: 20px 0;}
    .whole-contact .whole-t1{line-height: 40px;}
    .whole-contact .t2{font-size: 16px;line-height: 28px;margin-bottom: 20px;}
    .whole-contact.about-con .form-feedback .inp p{font-size: 18px;}
    .whole-contact .form-feedback .inp{margin-bottom: 10px;}
    .contact-center .form-feedback .form-control{padding-top: 10px;padding-bottom: 10px;}
    .contact-center .form-feedback .btn{font-size: 20px;margin-top: 10px;}
    .contact-center .form-feedback .btn img{max-width: 40px;}
    .contact-center{padding: 20px 0;}
    .contact-center .head{margin-bottom: 30px;}
    .contact-center .form-feedback .inp p{font-size: 16px;}
    .contact-center .form-feedback .inp{margin-bottom: 10px;}
    .pro-con .pro-content p{font-size: 14px;}
}

/*浮动*/
#float{position:fixed;right:5px;bottom:55px; margin-top:-60px;z-index:999;}
#float .ico{display:block;width:55px;height:55px; text-align:center;position:relative;cursor:pointer;margin-bottom:5px;}
#float .ico>i,.product-float .jsq{font-size:30px;line-height:55px;border-radius:50%;display:block;color:#fff;position:relative;z-index:9999;background:#0c459b;}
#float .ico>.img{position:absolute;right:55px;width:140px;top:0;display:none;background-color:#fff;}
#float .ico>.img>img{width:100%;}
#float .ico p{position:absolute;top:0;border-radius:10px; right:-350px;padding:0px 20px;line-height:55px; font-size:16px;height:55px;background-color:#0c459b;color:#FFF;transition:all 0.5s;z-index:0;white-space: nowrap;}
#float .ico:hover>.img{display:block;}
#float .ico:hover p{right:55px;}

#float .ico.zh{background:#fff;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow: 1px 2px 4px 0px rgb(0 0 0 / 20%);}

#float.product-float{padding: 20px 10px;background-color: #eeeeee;border-radius: 34px;}
#float.product-float .ico>i,.product-float .jsq{background-color: #000000;box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.52);transition:all 0.5s;}
.product-float .jsq.active{background:#057fc5;}
#float.product-float .ico.active>i{background:#057fc5;}
#float.product-float .jsq{display: flex;align-items: center;justify-content: center;width:55px;height:55px; text-align:center;position:relative;cursor:pointer;margin-bottom:5px;}
#float.product-float .ico p{background-color:#057fc5;}


.solu-con{text-align: center;padding-bottom: 80px;padding-top:60px;}
.solu-con .kuai{width: 27px;height: 5px;margin: 30px 0;}
.so-ne{text-align: center;}
.so-ne .kuai{width: 27px;height: 5px;margin: 30px 0;}
.solu-march .boxs{margin-top: 50px;background: url(../../images/fa-bg.png) no-repeat bottom center;width: 95%;padding-bottom: 30px;}
.solu-march .boxs .h1{overflow: hidden;}
.solu-march .boxs .h2{text-align: left;line-height: 30px;color: #3d3d3d;padding: 10px 0;font-size: 24px;color: #0c459b;padding-left: 70px;width: 70%;min-height: 80px;
margin-bottom: 30px;}
/*ydd*/
@media(max-width:768px) {
    .solu-march{padding: 20px 0;}
    .solu-march .boxs{margin-top: 10px;width: auto;padding-bottom: 0;}
    .solu-march .boxs .h2{line-height: 20px;padding: 5px 0;font-size: 14px;text-align: center;}
    .solu-con .kuai{margin: 10px 0;}
    .solu-con{padding: 20px 0;}
    .solu-con .whole-t1{margin-bottom: 0;}
    .solu-march .boxs .h2{min-height: 50px;margin-bottom: 10px;width: auto;}
    .so-ne .kuai{margin: 10px 0;}
}


.content-cost{background-color: #ffffff;box-shadow: 0px 0px 50px 0px rgba(12, 69, 155, 0.1);border-radius: 4px;padding: 0;position: fixed;z-index: 99;right: 20px;
  width: 0;bottom: 330px;transition: all 0.5s;overflow: hidden;height: 0;opacity: 0;}
.content-cost .top{display: flex;align-items: center;justify-content: space-between;}
.content-cost .top .ca{font-size: 18px;font-weight: bold;color: #0c459b;}
.content-cost .center div{display: flex;flex-wrap: wrap;align-items: center;}
.content-cost p{font-size: 13px;font-weight: 400;line-height: 27px;color: #000000;margin-right: 10px;}
.content-cost span{flex: 1;display: block;text-align: center;font-size: 15px;font-weight: 500;line-height: 27px;color: #000000;margin: 8px 0;background-color: #dddddd;}
.content-cost input{flex: 1;display: block; text-align: center; width: 100%;background-color: #ffffff;border: solid 1px #dddddd;margin: 8px 0;}
.content-cost .jieguo{background-color: #ffffff;border: solid 1px #dddddd;}
.content-cost .center div:first-child span{flex: 0 0 100%;}
.content-cost.active{width: 310px;height: 491px;padding: 10px;opacity: 1;}
.content-cost.active{transform: scale(1) rotate3d(1, 1, 1, 0deg);opacity: 1;}
@media (min-width:1px) and (max-width:991px){
    #float .ico,#float.product-float .jsq{width:40px;height:40px;}
    #float .ico>i{font-size:22px;line-height:40px;}
    #float .ico>.img{right:40px;}
    #float .ico p{line-height:40px;padding:0 15px;height:40px;}
	.content-cost{bottom: 30px;right: 55px;}
}
.main-mask{position:absolute;background-color:#000;opacity:.4;width:100%;height:100vh;z-index:9;display:none}

.xc-dflex{display:flex;align-items:center;}
.xc-dflex .two{display:flex;align-items:center;margin-left:35px;}
.xc-dflex .two .top{margin-bottom:0;}

.xc-canshu{display:flex;margin-top:15px;margin-bottom:35px;}
.xc-canshu .item{display:flex;margin-right:50px;}
.xc-canshu .item:last-child{margin-right:0;}
.xc-canshu .item .tb{min-width:31px;width:31px;margin-right:12px;}
.xc-canshu .item .t3{font-size:22px;font-weight:bold;line-height:30px;margin-bottom:5px;}
.xc-canshu .item .t4{font-size:16px;}

@media(max-width:1230px) {
    .xc-dflex .two{margin-left:15px;}
    .xc-canshu{margin-bottom:20px;justify-content:space-between;}
    .xc-canshu .item{margin-right:0;width:49%;}
    .xc-canshu .item .t3{font-size:18px;}
    .xc-canshu .item .t4{font-size:14px;}
}

.new-prolist-ser{background:#fff;padding:80px 0 60px;}
.new-prolist-ser .head{text-align:center;}
.new-prolist-ser .whole-t1{text-align:center;}
.new-prolist-ser .kuai{text-align:center;margin:20px auto;display:block;}

.proser-qh{position:relative;padding-top:50px;}
.proser-qh .swiper-slide{display:flex;align-items:center;justify-content:space-between;position:relative;padding-bottom:90px;}
.proser-qh .swiper-slide:before{content:"";width:380px;height:580px;background:#f3f6fa;position:absolute;;left:0;top:-40px;display:block;}
.proser-qh .swiper-slide .text{width:54%;padding-left:65px;padding-right:40px;position:relative;z-index:1;}
.proser-qh .swiper-slide .img{width:46%;}
.proser-qh .swiper-slide .text .t1{font-size:32px;line-height:40px;position:relative;}
.proser-qh .swiper-slide .text .t1:after{content:"";width:3px;height:27px;background:#0c459b;display:block;margin-top:30px;}
.proser-qh .swiper-slide .text p{margin-top:30px;font-size:18px;line-height:32px;}
.proser-qh .swiper-pagination-clickable .swiper-pagination-bullet{width:42px;height:5px;background:#0c459b;border-radius:0;}
.proser-qh .proser-btn{position:absolute;bottom:22px;width:444px;margin:0 auto;left:calc(50% - 222px); display:flex;align-items:center;justify-content:space-between;}
.proser-qh .proser-btn .swiper-button-proser:after{display:none;}
.proser-qh .proser-btn .swiper-button-prev{width:80px;height:52px;background:url(../../images/new-prolist-jt1.jpg) no-repeat;}
.proser-qh .proser-btn .swiper-button-next{width:80px;height:52px;background:url(../../images/new-prolist-jt2.jpg) no-repeat;}

.new-prolist-faq{background:linear-gradient(to bottom,#f3f6fa 50% ,#ffffff 50%);padding:110px 0;}
.new-prolist-faq .head{text-align:center;}
.new-prolist-faq .whole-t1{text-align:center;}
.new-prolist-faq .kuai{text-align:center;margin:20px auto;display:block;}
.new-prolist-faq .box{border:2px dashed #0068b7;border-radius:10px;overflow:hidden;background:#fff;padding:48px;}
.new-prolist-faq .list{margin-top:40px;}
.new-prolist-faq .list .item{margin-bottom:20px;}
.new-prolist-faq .list .item .q{font-size:26px;color:#0c459b;line-height:30px; font-weight:bold;margin-bottom:15px;}
.new-prolist-faq .list .item .a{font-size:18px;line-height:26px;}

@media(max-width:768px) {
    .new-prolist-ser{padding:30px 0;}
    .proser-qh{position:relative;padding-top:20px;}
    .proser-qh .swiper-slide{flex-wrap:wrap;}
    .proser-qh .swiper-slide .text{width:100%;padding:20px 0;}
    .proser-qh .swiper-slide .img{width:100%;order:-1;}
    .proser-qh .swiper-slide:before{display:none;}
    .proser-qh .proser-btn{display:none;}
    .proser-qh .swiper-slide .text .t1{font-size:22px;line-height:26px;}
    .proser-qh .swiper-slide .text .t1:after{margin-top:15px;display:none;}
    .proser-qh .swiper-slide .text p{font-size:14px;line-height:20px;margin-top:15px;}
    .proser-qh .swiper-slide{padding-bottom:20px;}

    .new-prolist-faq{padding:30px 0;}
    .new-prolist-faq .box{padding:15px;}
    .new-prolist-faq .list{margin-top:20px;}
    .new-prolist-faq .list .item .q{font-size:17px;line-height:24px;}
    .new-prolist-faq .list .item .a{font-size:14px;line-height:20px;}
}

.public-contact{background:url(../../images/new-bg1.jpg);padding:90px 0;}
.public-contact .container-xl{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.public-contact .left{width:45%;}
.public-contact .left .t1{font-size:48px;line-height:48px;line-height:52px;color:#0c459b;margin-bottom:15px;}
.public-contact .left .t2{font-size:24px;line-height:30px;color:#515151;}
.public-contact .more{cursor:pointer; display:inline-flex;align-items:center;background:#0a52a6;font-size:18px;font-weight:bold; padding:10px 30px;border-radius:50px;color:#fff;}
.public-contact .more img{margin-right:8px;}
.public-contact .more:hover{background:#00a0e9;transition:all 0.5s;}


.content-other{padding: 25px 40px;font-size: 18px;color: #0a52a6;background:#f5f5f5;}
.content-other .prev{margin-bottom:10px;}
.content-other a{color: #303f5f;}
.content-other a:hover{ color: #0a52a6;transition: all 0.3s;text-decoration:underline; }
.content-other .box{display:block;}

.pro-service{padding:20px 0 80px;}
.pro-service .title{font-size:42px;font-weight:bold;margin-bottom:50px;line-height:46px;}
.pro-service .ser-box{margin-bottom:20px;}
.pro-service .ser-box .text{background:#f4f7fb;padding:30px;height:308px;}
.pro-service .ser-box .text .t1{font-size:26px;line-height:30px;color:#333;margin-bottom:20px;}
.pro-service .ser-box .text p{font-size:16px;line-height:24px;}

.new-discover{padding:80px 0;}
.new-discover .center{margin-top:40px;}
.new-discover .center .box{border-radius:10px;height:266px; overflow:hidden;box-shadow:17px 0 29px rgba(0, 0, 0, 0.07);border:1px solid #bfcedf;margin-bottom:45px;padding:30px 55px;}
.new-discover .center .box .item{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
.new-discover .center .box .item .img{order:13;}
.new-discover .center .box .item .text{font-size:22px;line-height:32px;color:#0a52a6;}
.new-discover .center .box .item-con p{font-size:16px;line-height:24px;}
.new-discover .center .box .item-con p span{font-weight:bold;}
.new-discover .public-ly2{margin:30px auto 0;}

.new-news{padding:10px 0 100px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.new-news .whole-t1{font-size:42px;line-height:44px;margin-bottom:40px;}
.new-news .left{width:48.5%;display:flex;justify-content:flex-end;padding-right:50px;}
.new-news .right{width:51.5%;}
.new-news .left .news-list{width:570px;}
.new-news .left .news-item{box-shadow:0 0 40px rgba(0, 0, 0, 0.05);margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;}
.new-news .left .news-item .nr{padding:10px 30px;width:84%;}
.new-news .left .news-item .more{height:162px;background:#e7e7e7;width:16%;display:flex;align-items:center;justify-content:center;}
.new-news .left .news-item:hover .more{background:#0a52a6;color:#fff;}
.new-news .left .news-item .t1{font-size:18px;font-weight:bold;line-height:24px;}
.new-news .left .news-item .sj{font-size:14px;line-height:20px;color:#999999;margin-top:8px;margin-bottom:8px;}
.new-news .left .news-item .t2{font-size:16px;line-height:24px;color:#666666;display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.new-news .right .news-box{background:#ebf4f8;padding:35px 35px;}
.new-news .right .news-box .row{width:675px;}
.new-news .right .news-box .news-col{background:#fff;padding:20px;}
.new-news .right .news-box .news-col .img{margin-bottom:15px;}
.new-news .right .news-box .news-col .text span{font-weight:bold;color:#333;}
.new-news .right .news-box .news-col .text .t1{font-size:18px;line-height:24px;height:48px; font-weight:bold;margin-top:8px;margin-bottom:8px;display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.new-news .right .news-box .news-col .text .t3{color:#999999;}

@media(max-width:1400px) {
  .new-news .left{width:44%;padding-right:20px;}
  .new-news .left .news-list{width:530px;}
  .new-news .right{width:56%;}
  .new-news .right .news-box .row{width:655px;}
}

@media(max-width:768px) {
  .news-nav{display:none;}

  .public-contact{padding:40px 0;}
  .public-contact .left{width:100%;margin-bottom:20px;}
  .public-contact .left .t1{font-size:30px;line-height:34px;}
  .public-contact .left .t2{font-size:15px;line-height:23px;}

  .news-con .box{flex-wrap:wrap;}
  .news-con .box .right{width:100%;}
  .news-con .box .left{width:100%;}

  .content-other{padding:20px 15px;font-size:16px;margin-bottom:30px;}

  .product-box .box .right{padding-bottom:0}
  .product-center .product-box:nth-child(even) .box .right{text-align:left;}

  .pro-service .title{font-size:24px;margin-bottom:30px;line-height:32px;}
  .pro-service .ser-box .text .t1{font-size:22px;line-height:26px;}
  .pro-service .ser-box .text{height:auto;padding:20px 15px;}
  .pro-service{padding-bottom:30px;}

  .quality .d-flex .left{width:100%;}
  .quality .d-flex .right{width:100%;}
  .quality .d-flex .right:before{display:none;}
  .quality .d-flex{height:auto;}

  .about-us .box .right .whole-p{line-height:22px;}
  .about-us .box .left{margin-top:0;}
  .about-our .boxs{flex-wrap:wrap;}
  .about-our .boxs .left{width:100%;}
  .about-our .boxs .right{width:100%;padding-top:20px;}

  .about-history .box .whole-t1{font-size:24px;}
  .about-history .his-qh .swiper-container{width:100%;}
  .about-history .his-qh .his-con-swp{width:100%;display:flex;justify-content:center;margin-top:20px;}
  .about-history .his-qh .swiper-slide .item{width:100%;}
  .about-history .his-qh .swiper-slide .item .head{font-size:18px;}
  .about-history .his-qh .swiper-slide .item .texts{padding:10px;font-size:14px;}
  .about-history .his-qh .swiper-slide .item .texts p{line-height:16px;}
  .about-cover{height:auto;}
  .about-comprehensive{background:#fff;}
  .about-comprehensive .box{width:100%;text-align:left;}

  .home-premium .box{margin:20px 0 0}
  .home-premium .box .text .texts{font-size:16px;line-height:24px;margin-bottom:0;}

  .new-discover{padding:40px 0;}
  .new-discover .center .box{height:auto;padding:20px 15px;margin-bottom:20px;}
  .new-discover .center .box .item .text{font-size:18px;line-height:24px;}
  .new-discover .center .box .item{margin-bottom:10px;}
  .new-discover .center .box .item-con p{font-size:14px;line-height:22px;}

  .new-news{padding-bottom:40px;}
  .new-news .left{width:100%;padding:0 15px;}
  .new-news .right{width:100%;padding:0 15px;margin-top:25px;}
  .new-news .whole-t1{font-size:24px;line-height:30px;margin-bottom:25px;}
  .new-news .left .news-list{width:100%;}
  .new-news .right .news-box{padding:20px 15px;}
  .new-news .right .news-box .row{width:auto;}
  .new-news .left .news-item .nr{padding:10px;}
  .new-news .left .news-item .t1{font-size:16px;line-height:24px;}
  .new-news .left .news-item .t2{font-size:14px;line-height:22px;}
  .new-news .right .news-box .news-col{margin-bottom:20px;}
}

/*cookies板式一*/
.google-cookies{position:fixed;z-index:80;bottom:50px;left:50px;width:450px;box-shadow:8px 0 15px rgba(0, 0, 0, 0.2);background:#fff;padding:20px;border-radius:10px;}
.google-cookies.off{display:none;}
.google-cookies .container-xl{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.google-cookies .left{width:100%;}
.google-cookies .right{text-align:center;display:flex;justify-content:flex-end;width:100%;}
.google-cookies .t1{font-size:20px;font-weight:bold;color:#0c459b;margin-bottom:5px;}
.google-cookies .p1{font-size:14px;line-height:22px;}
.google-cookies .p1 a{font-weight:bold;text-decoration:underline; margin-right:10px;}
.google-cookies .cookies-btn{display:block;font-size:16px;padding:8px 25px;margin-top:15px;margin-left:10px; background:#fff;border:1px solid #0c459b; transition: all 0.5s;border-radius:10px;color:#0c459b;cursor:pointer;}
.google-cookies .cookies-btn:hover{text-decoration:underline;}
.google-cookies .cookies-btn:first-child{background:#0c459b;color:#fff;margin-top:15px;}


@media(max-width:768px) {
  .google-cookies{padding:10px 0;bottom:0;left:0;right:0;border-radius:0;width:100%;}
  .google-cookies .left{width:100%;}
  .google-cookies .t1{font-size:16px;line-height:24px;}
  .google-cookies .p1{font-size:14px;line-height:16px;width:80%;}
  .google-cookies .right{width:100%;text-align:left;justify-content:flex-start;}
  .google-cookies .cookies-btn{padding:5px 10px;border-radius:0;font-size:14px;display:inline-block;margin-left:0;margin-right:10px;}
}


.zhbox{background-color: #ffffff;box-shadow: 0px 0px 50px 0px rgba(12, 69, 155, 0.1);border-radius: 25px;padding: 0;position: fixed;z-index: 99;right: 90px;
    width: 0;bottom: 100px;transition: all 0.5s;overflow: hidden;height: 0;opacity: 0;transform: scale(0) rotate3d(1, 1, 1, 90deg);
    transform-origin: bottom right;}
.zhbox .title{font-size:16px;line-height:24px;font-weight:bold;}
.zhbox .title span{color:#1c97cb;}
.zhbox .nr{margin-top:15px;min-height:168px;}
.zhbox .nr p{font-size:16px;line-height:28px;color:#666666;}
.zhbox .nr .date{color:#1c97cb;}
.zhbox .nr .booth{color:#1c97cb;font-weight:bold;}
.zhbox .more-box{display:flex;width:100%;justify-content:flex-end;}
.zhbox .more-box .more{color:#fff;background:#0a52a6;padding:5px 18px;font-size:20px;line-height:20px;border-radius:20px;cursor:pointer;}
.zhbox{width: 430px;height: 310px;padding: 30px;opacity: 0;}
.zhbox.active{transform: scale(1) rotate3d(1, 1, 1, 0deg);opacity: 1;}
@media (min-width:1px) and (max-width:991px){
    .zhbox{bottom: 100px;right: 65px;transform:none;display:none;width:300px;padding: 15px;}
    .zhbox.active{transform:none;display:block;}
}

.x1-profl{padding:60px 0;}
.x1-profl .d-flex{flex-wrap:wrap;justify-content:space-between; align-items:center;}
.x1-profl .d-flex .left{width:48%;}
.x1-profl .d-flex .left .ny-title{font-size:48px;font-weight:bold;line-height:56px;position:relative;margin-bottom:30px;}
.x1-profl .d-flex .left .img{position:relative;display:flex;align-items:center;justify-content:center;}
.x1-profl .d-flex .left .img .videopaly{position:absolute;cursor:pointer;transition:all 0.5s}
.x1-profl .d-flex .left .img .videopaly:hover{transform:scale(1.1);}
.x1-profl .d-flex .left .img img.on{display:block}
.x1-profl .d-flex .left .img img.off{display:none}
.x1-profl .d-flex .left .img:hover img.on{display:none}
.x1-profl .d-flex .left .img:hover img.off{display:block}

.x1-profl .d-flex .right{width:48%;display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;}
.x1-profl .d-flex .right .item{width:48%;margin:30px 0 60px;}
.x1-profl .d-flex .right .item .title{font-size:24px;font-weight:bold;margin:15px 0 25px;}

.x1-app-title{font-size:36px;font-weight:bold;margin-bottom:60px;margin-top:60px;}
.x1-app .img{border-bottom:4px solid transparent;}
.x1-app:hover .img{border-bottom:4px solid #0c459b;}
.x1-app .title{font-size:24px;color:#0c459b;margin:15px 0 20px;}

.x1-title1{font-size:48px;font-weight:bold;line-height:56px;position:relative;margin-bottom:40px;}
.x1-pronav{flex-wrap:wrap;border-bottom:2px solid #adbdd5;display:flex;margin-bottom:40px;}
.x1-pronav .x1-pronav-item{font-size:18px;font-weight:bold;display:inline-block;padding:12px 20px;border:2px solid #adbdd5;margin-right:10px;margin-bottom:-2px;}
.x1-pronav .x1-pronav-item.active{border-bottom:2px solid #f3f6fa;color:#0c459b;}

.x1-sd{display:inline-flex;background:#daedf8;border-radius:50px;padding:6px 20px;align-items:center;justify-content:center;box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.1);}
.x1-sd .x1-sd-title{font-size:18px;line-height:37px;margin-left:10px;text-decoration:underline;color:#0c459b;}

.proli-center .pro-row .col-md-4{padding-left:40px;padding-right:40px;}

@media(max-width:768px) {
  .x1-profl{padding:40px 0;}
  .x1-profl .d-flex .left{width:100%;}
  .x1-profl .d-flex .left .ny-title{font-size:26px;line-height:32px;margin-bottom:20px;}
  .x1-profl .d-flex .left .ny-title:after{display:none}
  .x1-profl .d-flex .right .item .title{font-size:18px;margin-bottom:15px;}
  .x1-profl .d-flex .right{width:100%;}
  .x1-profl .d-flex .right .item{margin:20px 0 20px; }
  .x1-app-title{font-size:22px;margin-top:30px;margin-bottom:30px;}
  .x1-app .title{font-size:16px;line-height:24px;margin-top:6px;}
  .rows-md-5{display:flex;justify-content:space-between;flex-wrap:wrap;}
  .x1-app{width:50%;flex-basis: initial;}
  .x1-title1{font-size:26px;line-height:32px;margin-bottom:20px;}
  .x1-pronav{display:none;}
  .proli-center .pro-row .col-md-4{padding-left:15px;padding-right:15px;}
}