/*#region 通用*/
body { color: #333; font-size: 16px; line-height:24px;font-family: 'Poppins', sans-serif;}
a{color: #333;}
a:hover{color: #00378C;}
.swiper-pagination-bullet-active{background: #00378C;}
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.long{max-width: 1630px;}
.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;}
}
/*#endregion*/

.header {z-index: 999;width: 100%;}
.header-desc{background:#00378C; 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: 15px;}
.top-lang .dropdown.lang .dropdown-toggle{background: transparent;border: solid 1px #333;color:#333;border-radius: 0;}

.public-social span,.public-social a{border-radius:25px;}

.header.fadeInDown .top-lang .dropdown.lang .dropdown-toggle{border: solid 1px #333;color:#333;}
.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: #00378C;font-size: 16px;color: #fff;cursor: pointer;padding: 8px 10px;border-radius: 10px;color:#fff; overflow: hidden;}
.top-search-box{z-index: 93;margin:0 10px;}
.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: #fff;font-size: 16px;}
.top-search-box li{padding-top: 20px;padding-bottom: 20px;}
.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;}


.navbar { padding: 0px;position: relative; z-index: 9999;}
.navbar-custom { top: 0; z-index: 2; justify-content: end;}
.navbar-custom .navbar-nav > .nav-item { font-size: 18px;margin: 0 20px;}
.navbar-custom .navbar-nav .nav-link {text-align: center;position: relative; color:#fff; padding: 0; height: 84px;display: flex;align-items: center;justify-content: center; font-size: 16px; }
.navbar-custom .navbar-nav .nav-link:before,.navbar-custom .navbar-nav .nav-link:before{content: "";width: 0px;height: 4px;margin-left: 0!important; background: #00378C;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: 100%; 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); }

.header.home .navbar-custom .navbar-nav .nav-link{color: #fff;}
.header.home.fadeInDown .navbar-custom .navbar-nav .nav-link{color: #333;}
.header.home .navbar-custom .navbar-nav .nav-item.active .nav-link,.header.home .navbar-custom .navbar-nav .nav-item:hover .nav-link{color: #fff;}
.header.home .top-search-box .search-tb i{color: #fff;}
.header.home .top-lang .dropdown.lang .dropdown-toggle{color: #fff;border: solid 1px #fff;}
.header.home.fadeInDown  .top-lang .dropdown.lang .dropdown-toggle{border: solid 1px #333;
    color: #333;}
@media(max-width:1480px) {
.navbar-custom .navbar-nav .nav-item { margin: 0 15px;}
}

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

/*#region 手机端*/
.header-mb{background: #181818;position: fixed;top: 0;left: 0;right: 0;width: 100%;z-index: 999;display:none;}
.header-mb .container-xl{height: 50px;}
.header-mb .top-logo{width: 50%;}
.header-mb .top-logo img{height: 25px;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(../image/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;}
	.header-mb{display:block;}
	
}
/*#endregion*/

@media(max-width:768px) {
    
}
/*#endregion*/

/*#region 栏目列表*/
.menu-collapse { border-radius: 6px 6px 0 0; border: 1px solid #e7e7e7; background: #fff; }
.menu-collapse .collapse-title { padding: 0.875rem; background: #ed7b1f; 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: #ed7b1f }
.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 #00378C;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: #00378C; 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 .nav-item.active .menu-horizontal-child{display: flex;background: #fff;}
.menu-horizontal-child { display: none; flex-wrap: wrap;margin-top: 10px; }
.menu-horizontal-child .nav-item-child{display: block; width: 100%;margin-bottom: 10px;}
.menu-horizontal-child .nav-link-child { width: 100%;position: relative; cursor: pointer; padding: 15px 30px; color: #333;display: block;text-align: left; border-radius: 5px;overflow: hidden;  font-size: 15px;  }
.menu-horizontal-child .nav-link-child:after{content: "\f061";font-family: cmsfont;font-size: 14px;position: absolute;right: 22px;top: 16px;display: block;z-index: 1;}
.menu-horizontal-child .nav-link-child.active { color: #00378C; background: #f8f8f8; }
.menu-horizontal-child .nav-link-child:hover{color: #00378C; background: #f8f8f8; }

.menu-horizontal-wrapper{margin-bottom: 0;}
.menu-horizontal-about{display: flex;flex-wrap: wrap;}
.menu-horizontal-about .nav-item-about { color: #333333;margin-right: 1px;background: #f4f4f4;min-width: 250px;}
.menu-horizontal-about .nav-link-about {color: #333333;padding: 0 20px; display: block;text-align: center; font-size: 20px; line-height: 72px; }
.menu-horizontal-about .nav-item-about.active,.menu-horizontal-about .nav-item-about:hover{background: #f08519;}
.menu-horizontal-about .nav-item-about.active .nav-link-about,.menu-horizontal-about .nav-item-about:hover .nav-link-about {color: #fff;}


@media(max-width:768px) {
    .ny-nav{padding: 25px 15px;display: none;}
    
}
/*#endregion*/

/*#region 位置导航*/
.banner{}
.banner.home{position:relative;}
.banner.home .banner-text{text-align: left;align-items:center;}
.banner.home .banner-text .container-xl{display: flex;align-items: center;justify-content: space-between;}
.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{background:#f5f5f5;padding:60px 0;}
.banner.ny .container-xl{display: flex;align-items: center;position:relative;height:332px;}
.banner.ny .container-xl .bg{height:auto;padding-left:10%;}
.banner.ny .container-xl .bg img{box-shadow:5px 0 57px rgba(0, 0, 0, 0.23);}
.banner.ny .box{position:absolute;z-index:2;left:15px;background:#fff;}
.banner.ny .box .page-title{position:relative;display:inline-block; height:235px;padding:75px 105px 0 85px;}
.banner.ny .ny-title{font-size:42px;line-height:42px;text-transform:uppercase;margin-bottom:20px;font-family:Barlow;font-weight:bold;color:#333;}
.banner.ny .box .page-title:before{content:"";width:22px;height:22px;background:url(https://www.cnnvvv.com/theme/junlin-EN/images/tb-k1.png) no-repeat;position:absolute;left:0;top:0;z-index:3}
.banner.ny .box .page-title:after{content:"";width:22px;height:22px;background:url(https://www.cnnvvv.com/theme/junlin-EN/images/tb-k2.png) no-repeat;position:absolute;right:0;bottom:0;z-index:3}

.banner .banner-text.about{text-align: center;padding-top: 60px;}
.banner .banner-text.about .title{font-size: 64px;margin-bottom: 25px;color: #fff;font-family: 'Poppins';font-weight: bold;text-transform: uppercase;}


@media(max-width:768px) {
  .banner.ny .container-xl{display:block;height:auto;}
  .banner.ny .container-xl .bg{padding-left:0;}
    .banner.ny{background:#f5f5f5;padding:15px 0 30px;}
    .banner.ny .box{position:relative;left:inherit;}
    .banner.ny .box .page-title{padding:15px 15px;height:auto;}
    .banner.ny .ny-title{text-align:center;font-size:26px;margin-bottom:5px;}
    
.banner .banner-text.about{padding-top: 0;}
.banner .banner-text.about .title{font-size: 30px;margin-bottom: 0;font-weight: bold;text-align: center;text-shadow: 0 0 20px rgba(0, 0, 0, 0.6);}
.banner .banner-text.about .page-title{display: none;}
}

.page-title {color:#333;}
.page-title  a{color:#333;}
.page-title  a:hover{color:#00378C;text-decoration:underline;}
.page-title .breadcrumb { justify-content: center;align-items: center; color: #333;font-size: 16px;}
.breadcrumb-item + .breadcrumb-item::before { color: #333;font-family: cmsfont; content: "\f054";font-size: 10px; margin-right: 10px;margin-left: 10px; }
.page-title .breadcrumb .breadcrumb-item:last-child a{font-weight:bold;color:#00378C;}

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

@media(max-width:768px) {
  .banner .ny-title{margin-bottom:0}
    .page-title{width: 100%;position:relative;top:inherit;}
    
    .page-title .breadcrumb { justify-content: center; }
    .wznav{background: #00378C;display: flex;align-items: center;justify-content: center;padding: 15px 20px;color: #fff!important;}
    .wznav a{font-size: 16px!important;color: #fff!important;}
    .page-title .breadcrumb { justify-content: center; }
    .wznav .breadcrumb-item + .breadcrumb-item::before { content: '';
      display: inline-block;
      width: 0;
      height: 0;
      overflow: hidden;
      border: .55em solid #fff;
      border-top-width: .3em;
      border-bottom-width: .3em;
      border-right: 0;
      border-top-color: transparent;
      border-bottom-color: transparent;
      vertical-align: middle;
      margin-right: .4em;
      margin-left: 0.4em;
      border-left-color: #fff;  }
    .page-title.wznav .breadcrumb:before {display: none;}
    .page-title.wznav .breadcrumb-item:last-child a{font-weight: bold;}
    
}
/*#endregion*/
.banner .banner-text.about{text-align: center;padding-top: 60px;}
.banner .banner-text.about .title{font-size: 64px;margin-bottom: 25px;color: #fff;font-family: 'Poppins';font-weight: bold;text-transform: uppercase;}
.page-title { display: block; }
.page-title .breadcrumb { justify-content: center;align-items: center; color: #fff;font-size: 16px;}
.breadcrumb-item + .breadcrumb-item::before { color: #fff;font-family: cmsfont; content: "\f054";font-size: 10px; margin-right: 10px;margin-left: 10px; }
.page-title .breadcrumb:before { content: ""; width: 30px;height: 30px;background: url(../image/wzdhtb.png) no-repeat;display: inline-block; margin-right: 15px; color: #fff;}

.content-crumb{margin-bottom: 30px;}
.content-crumb.pro{background: #eeeeee;}
.content-crumb .page-title{justify-content: flex-start;padding: 20px 0;}
.content-crumb .page-title .breadcrumb{justify-content: start;}
.content-crumb .page-title .breadcrumb {color: #333;}
.content-crumb .breadcrumb-item + .breadcrumb-item::before {color: #333;}
.content-crumb .page-title .breadcrumb:before { color: #333;}

@media(max-width:768px) {
  .content-crumb.pro{display: none;}
  .banner .banner-text.about{padding-top: 0;}
    .banner .banner-text.about .title{font-size: 30px;margin-bottom: 0;font-weight: bold;text-align: center;text-shadow: 0 0 20px rgba(0, 0, 0, 0.6);}
    .banner .banner-text.about .page-title{display: none;}

    .page-title{width: 100%;}
    .wznav{background: #00378C;display: flex;align-items: center;justify-content: center;padding: 15px 20px;color: #fff!important;}
    .wznav a{font-size: 16px!important;color: #fff!important;}
    .page-title .breadcrumb { justify-content: center; }
    .wznav .breadcrumb-item + .breadcrumb-item::before { content: '';
      display: inline-block;
      width: 0;
      height: 0;
      overflow: hidden;
      border: .55em solid #fff;
      border-top-width: .3em;
      border-bottom-width: .3em;
      border-right: 0;
      border-top-color: transparent;
      border-bottom-color: transparent;
      vertical-align: middle;
      margin-right: .4em;
      margin-left: 0.4em;
      border-left-color: #fff;  }
    .page-title.wznav .breadcrumb:before {display: none;}
    .page-title.wznav .breadcrumb-item:last-child a{font-weight: bold;}
}
/*#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;}


/*其他内容*/
/*#endregion*/

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

/*留言*/
.contact-wrapper .feedback-box .form-control{border-color: #fff;padding-top: 20px;padding-bottom: 20px;margin-bottom: 20px;border-radius: 6px;}
.contact-wrapper .feedback-box .form-feedback .btn {padding-top: 25px;padding-bottom: 25px;font-size: 18px;background: #333333;border-radius: 6px;}
.contact-wrapper .feedback-box .form-feedback .btn i{margin-left: 20px;}
.contact-wrapper .feedback-box .form-row{margin-left: -15px;margin-right: -15px;}
.contact-wrapper .feedback-box .col-md-6{padding-left: 15px;padding-right: 15px;}
.contact-wrapper .feedback-box .col-12{padding-left: 15px;padding-right: 15px;}
.contact-wrapper .feedback-box .form-feedback .btn:hover{background:#00378C;color: #fff; }

.form-feedback .form-control{ background: #fff; color: #9396a2;font-size: 16px; border-radius: 10px;overflow: hidden; border: 1px solid #a5a5a5; padding-top: 11px;padding-bottom: 11px;  }
.form-feedback .form-control::-webkit-input-placeholder{color: #9396a2;}
.form-feedback .btn { color: #fff; background: #00378C;border-radius: 10px; font-size: 22px;line-height: 22px;padding-top: 11px;padding-bottom: 11px;}
.form-feedback .btn:hover{background:#f0214b;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; overflow: hidden;border-bottom: 1px solid #B8B8B8;}
.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: #333333; font-size: 1.2rem; }
.search-group .btn:hover{background: #00378C;}
.search-group .btn:hover i{color: #fff;}


/*#表格*/
.table-wrapper table th, .table-wrapper table td { padding: 5px; vertical-align: middle; font-size: 14px; 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: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 {
    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;}
}


/*header*/
.header {z-index: 999;position: relative;transition: all 0.6s;background: transparent;}
.top-lang{cursor: pointer;display: flex;align-items: center;margin-left: 25px;}
.top-lang a{font-size:16px;margin-left: 3px;}
.dropdown-item{text-transform: uppercase;}
.header .top-lang .dropdown-item{border: 1px solid #777;font-size:16px;padding: 3px 1.25rem;}
.header #header-nav .dropdown-menu{top:80px;}
.header .top-lang .dropdown-item img{margin-right:6px;}
/*中文的hover事件*/
.header.home .top-lang .dropdown-item{border: 1px solid #fff;color:#333}
.header.home .top-lang .dropdown-item:hover{color: #212529;}
.header-nav .nav{display: flex;align-items: center;justify-content: space-between;}
.header-nav{padding: 0px 30px;}
.header-nav1{
		padding-left: 9%;
		padding-right: 2%;
	}
.top-search-box{z-index: 93;}
.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: #333;font-size: 18px;}
.top-search-box li{padding-top: 20px;padding-bottom: 20px;    display: flex;align-items: center;}
.top-search-box li:hover .top-search{opacity: 1; height: auto;overflow: hidden;width: auto;}
.top-search-box .top-search{
	opacity: 1;
    height: auto;
    overflow: hidden;
    width: auto;
    transition: all 0.5s;
    position: relative;
    right: initial;
    top: initial;
    z-index: 99;
    padding-top: initial;
}
.header.home .header-nav{background: transparent;padding: 20px 20px;}

.header.home.fadeInDown .top-search-box .search-tb i{color: #333;}
.header.home.fadeInDown .top-lang .dropdown-item{border: 1px solid #777;color:#333}
.banner a{color: #fff;}
.header.fadeInDown{height: 66px;background: #fff;width: 100%;position: fixed;top: 0;right: 0;left: 0;}
.header.fadeInDown .header-nav{padding: 0px 30px;background: #fff;}
.header.fadeInDown .navbar-custom .navbar-nav .nav-link:before,.header.fadeInDown .navbar-custom .navbar-nav .nav-link:before{}
.navbar { padding: 0px;position: relative; z-index: 9999;}
.navbar-custom {top: 0;z-index: 2;justify-content: end;left: 12%;}
.navbar-custom .navbar-nav > .nav-item { font-size: 18px;margin: 0 5px;}
.navbar-custom .navbar-nav .nav-link {text-align: center;position: relative;color:#333333;padding: 0;padding-left: 15px;padding-right: 15px;line-height: 46px;display: flex;align-items: center;justify-content: center;text-transform: uppercase;font-weight: 600;font-family: 'Poppins';font-size: 16px;}
.navbar-custom .navbar-nav .nav-link:before,.navbar-custom .navbar-nav .nav-link:before{content: "";width: 100%;height: 0px;background: #00378C;position: absolute;z-index: -1;}
.navbar-custom .navbar-nav .nav-item:hover .nav-link:before,.navbar-custom .navbar-nav .nav-item.active .nav-link:before{height: 92px; transition: all 0.3s;}
.navbar-custom .navbar-nav .nav-item:hover .nav-link{color: #fff;}
.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-item.active .nav-link{color: #fff;}
.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); }


.pro-nav-child{position: absolute;background: #f3f3f3;box-shadow: 0 6px 12px rgba(0,0,0,.175);width: 1200px;left: -390%;top: 66px;display: none;}
.pro-nav-child .item{text-align: center;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;padding: 10px 15px 15px;}
.pro-nav-child .item .img{padding: 5px 20px 10px;}
.pro-nav-child .item .t1{font-size: 16px;line-height: 22px;text-transform: uppercase;}
.pro-nav-child .item .img img{mix-blend-mode: multiply!important;}
.navbar-custom .navbar-nav .nav-item:hover .pro-nav-child{display: flex;}

@media(max-width:1500px) {
.navbar-custom .navbar-nav .nav-item { margin: 0 5px;}
.navbar-custom .navbar-nav .nav-link{font-size: 14px;padding-left: 5px;padding-right: 5px;}
.dropdown.lang .dropdown-toggle{padding: 5px 10px;font-size: 14px;}
.top-lang{margin-left: 10px;}
.top-search-box .search-tb{width: 35px;}
.top-search-box{margin: 0;}
}
@media(max-width:768px) {
.header{display: none;}
.header-mb{display: block;}

.banner>img, .swiper-slide>img {
    margin-top: 0px !important;
}
.header-mb .top-logo img {
    height: 24px;
    width: auto;
    position: relative;
    top: -3px;
    left: 7px;
}

.navbar-toggler {
	font-size: 1.3rem;
}

	#nav>.select {
	    font-size: 16px !important;
	}

}

/*banner*/
.banner{margin-top: -140px;}
.banner.home .banner-text{text-align: left;}
.banner.home .banner-text .container-xl{display: flex;align-items: center;justify-content: space-between;}
.banner.home .banner-text .img{display: flex;align-items: center; justify-content: flex-end; width: 50%;animation: left-animation 1s infinite;animation-iteration-count: 1;}
.banner.home .banner-text .box{width: 50%;padding: 0;animation: up-animation 1s infinite;animation-iteration-count: 1;}
.banner.home .banner-text .box .title{font-size: 64px;line-height: 86px; color: #333;margin-bottom: 45px;font-family: 'Poppins';text-transform: uppercase;}
.banner.home .banner-text .box p{font-size: 18px;color: #333;line-height: 32px;}
.banner.home .banner-text .box .more{font-weight: bold; font-size: 24px;color: #fff;font-family: 'Poppins';box-shadow: 10px 0 40px rgba(237, 27, 38, 1.0); text-transform: uppercase; background: #00378C;display: inline-block;margin-top: 60px;width: 334px;height: 90px;line-height: 90px;border-radius: 50px;overflow: hidden;text-align: center;padding: 0;}
.banner.home .banner-text .box .more:hover{color: #fff;background: #e25a07;transition: all 0.5s;}

.banner.home .banner-text .box .dx{text-transform:uppercase;}
.banner.home .banner-text .box.two{width:80%;position:relative;}
.banner.home .banner-text .box .t1{display:flex;align-items:center;font-size:52px;color:#000;line-height:52px;text-transform:uppercase;}
.banner.home .banner-text .box .t1 .year{font-size:85px;font-weight:bold;color:#ffffff;position:relative;padding-right:40px;margin-right:15px;line-height: 110px;}
/* .banner.home .banner-text .box .t1 .year:after{content:"+";font-size:64px;display:block;position:absolute;right:0;top:0;line-height:1px;} */
.banner.home .banner-text .box .t1 h1{font-size: 52px;
    font-weight: 400;}
.banner.home .banner-text .box .list{display:flex;flex-wrap:wrap;width:70%;position:relative;margin-top:30px;}
.banner.home .banner-text .box .t2{font-size:21px;line-height:31px;color:#A0B0CE;width:50%;display:flex;align-items:center;margin-bottom:15px;}
/* .banner.home .banner-text .box .t2:before{content:"";width:19px;height:19px;background:url(../image/banner-tb.png) no-repeat;display:block;margin-right:12px;} */
.banner.home .banner-text .box.two .more{
	background: #003A8B;
    margin-bottom: 40px;
    margin-top: 20px;
    box-shadow: none;
    font-size: 14px;
    height: 55px;
    line-height: 55px;
    width: 205px;
    padding: 0;
}
.banner.home .banner-text .box.two .more i{margin-left:5px}
.banner.home .banner-text .box.two .more:hover{
	background:#ffffff;color:#003A8B;
}



@media(max-width:1630px) {
  .banner.home .banner-text .box .title{font-size: 56px;line-height: 66px;}
}

@media(max-width:768px) {
  .banner{margin-top: 0px;}
  .banner.home .banner-text .box .title{font-size: 22px;line-height: 26px;margin-bottom: 15px;}
  .banner.home .banner-text .box .more{font-size: 14px;width: 160px;height: 40px;line-height: 40px;margin-top: 0;}
}

/*index*/
.whole-t1{font-size: 42px;font-weight: 600;line-height: 60px;color: #000000;}
.whole-t2{font-size: 24px;font-weight: 500;color: #ffffff;}
.whole-p{line-height: 28px;color: #666666;}
.whole-a{width: 220px;height: 60px;background-color: #00378C;border-radius: 32px;display: flex;align-items: center;justify-content: center;font-size: 24px;font-weight: 500;color: #ffffff;transition: all 0.3s ease;border: 1px solid #00378C;}
.whole-a:hover{background-color: #ff000d00;color: #00378C;}
.home-most{padding: 100px 0 70px 0;}
.home-most .whole-t1{width: 80%;}
.home-most .box{display: flex;justify-content: space-between;margin-bottom: 60px;}
.home-most .box .left{display: flex;flex: 0 0 40%;align-items: center;}
.home-most .box .left .whole-a{margin-top: 40px;}
.home-most .box .right{flex: 0 0 60%;}
.home-most .vid{position: relative;}
.home-most .vid .ply{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

@media(max-width:768px) {
    .whole-t1{font-size: 22px;line-height: 28px;}
    .whole-p{line-height: 22px;}
    .whole-a{width: 120px;height: 30px;font-size: 14px;}
    .whole-t2{font-size: 18px;}
    .home-most{padding: 20px 0;}
    .home-most .whole-t1{width: auto;}
    .home-most .box{margin-bottom: 10px;flex-direction: column-reverse;}
    .home-most .box .left .whole-a{margin-top: 10px;}

}

.home-products{background-color: #f8f8f8;padding: 80px 0;text-align: center;}
.home-products .container-xl{max-width: 1690px;}
.home-products .whole-p{margin: 30px 0;}
.home-products .box{display: flex;justify-content: space-between;padding: 20px;background-color: #ffffff;border-radius: 8px;text-align: left;margin-bottom: 30px;}
.home-products .box .left{flex: 0 0 45%;overflow: hidden;}
.home-products .box .right{flex: 0 0 50%;display: flex;flex-direction: column;justify-content: center;}
.home-products .box .right .whole-t1{font-size: 22px;line-height: 30px;transition: all 0.3s ease;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;min-height: 60px;}
.home-products .box .right .whole-t1:hover{color: #00378C;}
.home-products .box .right .whole-p{margin: 20px 0;width: auto;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size: 14px;line-height: 22px;min-height: 66px;}
.home-products .box .right .pr-a{font-size: 14px;font-weight: bold;line-height: 14px;color: #e20102;position: relative;overflow: hidden;}
.home-products .box .right .pr-a::after{content: '';width: 0;height: 0;border: 6px solid transparent;border-left: 10px solid #000000;display: inline-block;margin-left: 5px;}
.home-products .box .right .pr-a::before{content: '';position: absolute;height: 1px;background-color: #e20102;transition: all 0.3s ease-in-out;width: 0;bottom: 0;}
.home-products .box .right .pr-a:hover::before{width: 100%;}

@media(max-width:768px) {
    .home-products{padding: 20px 0;}
    .home-products .whole-p{margin: 10px 0;}
    .home-products .box{margin-bottom: 10px;padding: 10px;}
    .home-products .box .right .whole-t1{font-size: 14px;line-height: 22px;min-height: auto;}
    .home-products .box .right .whole-p{margin: 0;font-size: 12px;line-height: 18px;min-height: auto;}
    .home-products .box .right .pr-a{font-size: 12px;}

}
.home-solution{width:100%;background: url(../image/home-solution-bg.png) no-repeat;padding: 11% 0;text-align: center;background-size: cover;position: relative;overflow-y: hidden;}
.home-solution .container-xl{max-width: 1310px;position: relative;z-index: 1000;}

.home-solution video {
    top: 0;
    position: absolute;
    left: 0;
    background-size: cover;
    bottom: 0;
    width: 100%;
    right: 0;
    z-index: 999;
}
.home-solution .whole-t1{color: #ffffff;margin-bottom: 20px;}
.home-solution .whole-p{color: #ffffff;width: 85%;margin: 0 auto;    font-size: 18px;    line-height: 35px;}

.home-solution .container-xl .whole-a{
    background-color: #ffffff;
    border-radius: 32px;
    font-size: 24px;
    color: #353535;
    border: none;
	margin: 100px auto 0;
}

.home-solution .container-xl .whole-a:hover {
    background-color: #00378C;
    color: #ffffff;
}

.home-solution .box{display: flex;margin-top: 80px;}
.home-solution .box .boxs{flex: 0 0 16.5%;position: relative;}
.home-solution .box .boxs .text{position: absolute;width: 100%;height: 100%;background-color: #0000008c;padding: 20px;top: 0;left: 0;display: flex;align-items: flex-end;}
.home-solution .box .boxs .text .te{font-size: 14px;font-weight: 600;line-height: 20px;color: #ffffff;border-bottom: solid 3px #fff;transition: all 0.3s ease;width: 100%;text-align: left;padding-bottom: 10px;}
.home-solution .box .boxs .text .te i{margin-right: 10px;transition: all 0.3s ease;}
.home-solution .box .boxs:hover .text .te{border-bottom: solid 3px #00378C;}
.home-solution .box .boxs:hover .text .te i{color: #00378C;}
@media(max-width:768px) {
    .home-solution{padding: 10px 0;}
    .home-solution .whole-t1{margin-bottom: 10px;font-size: 18px;}
    .home-solution .whole-p{width: auto;}
    .home-solution .box{margin-top: 10px;flex-wrap: wrap;}
    .home-solution .box .boxs{flex: 0 0 33%;}
    .home-solution .box .boxs .text{padding: 20px 5px;}
    .home-solution .box .boxs .text .te{font-size: 12px;text-align: center;line-height: 20px;}
    .home-solution .box .boxs .text .te i{margin-right: 5px;}
}

.home-choose{padding-bottom: 120px;text-align: center;}
.home-choose .container-xl{max-width: 1690px;}
.home-choose .whole-t1{margin-bottom: 20px;}
.home-choose .row{margin-top: 70px;}
.home-choose .box{border: solid 1px #cccccc;transition: all 0.5s ease;padding: 45px;cursor: pointer;height: 100%;}
.home-choose .box:hover{border: solid 1px #ffffff;box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.2);}
.home-choose .box .t1{font-size: 24px;font-weight: bold;color: #000000;margin: 40px 0 20px 0;}


@media(max-width:768px) {
    .home-choose{padding: 20px 0;}
    .home-choose .whole-t1{margin-bottom: 10px;}
    .home-choose .row{margin: 10px 0;}
    .home-choose .box{padding: 10px;margin-bottom: 10px;height: auto;}
    .home-choose .box .t1{margin: 10px 0;font-size: 18px;}
}




/* .home-certified{background: url(../image/home-certified-bg.png) no-repeat top left;padding: 80px 0 0 0;} */
.home-certified .box{display: flex;justify-content: space-between;margin-bottom: 100px;}
.home-certified .box .left{flex: 0 0 44%;display: flex;flex-direction: column;justify-content: center;}
.home-certified .box .left .whole-p{margin: 20px 0 50px 0;}
.home-certified .box .right{overflow: hidden;}
.home-certified .box:nth-child(2n){flex-direction: row-reverse;}
.home-certified .box:nth-child(2n) .right{flex:0 0 45%;}
.home-certified .swiper-button-next,.home-certified .swiper-button-prev{width: 64px;height: 64px;background-color: #0000009a;border-radius: 50px;transition: all 0.3s ease;    background-size: 15px;}
.home-certified .swiper-button-prev:after,.home-certified  .swiper-button-next:after{color: #fff;font-size: 0px;}
.home-certified .swiper-button-next:hover,.home-certified .swiper-button-prev:hover{background-color: #000;}

@media(max-width:768px) {
    .home-certified{padding: 20px 0;}
    .home-certified .box{margin-bottom: 20px;flex-direction: column;}
    .home-certified .box .left{margin-bottom: 25px;}
    .home-certified .box .left .whole-p{margin: 10px 0;}
    .home-certified .box:nth-child(2n){flex-direction: column;}
	.home-certified .swiper-button-next, .home-certified .swiper-button-prev {
	    width: 35px;
	    height: 35px;
	}	
}


.home-team{padding-bottom: 80px;text-align: center;}
.home-team .whole-p{color: #000;margin-top: 20px;}
.home-team .box{margin: 70px 0;box-shadow: 0px 0px 17px 0px  rgba(0, 0, 0, 0.2);border-radius: 10px;text-align: left;}
.home-team .box .img img{border-radius: 6px 6px 0px 0px;}
.home-team .box .text{padding: 20px;}
.home-team .box .text .t1{font-size: 22px;font-weight: 600;color: #000000;margin-bottom: 10px;}
.home-team .box .text .t2{color: #999999;font-weight: 500;}
.home-team .whole-a{width: 320px;margin: 0 auto;}

@media(max-width:768px) { 
    .home-team{padding-bottom: 20px;}
    .home-team .whole-p{margin-top: 0;}
    .home-team .box{margin: 10px 0;}
    .home-team .box .text{padding: 10px;}
    .home-team .box .text .t1{font-size: 16px;margin: 0;}
}


.home-premium{
	width: 100%;
    color: #fff;
    height: 145px;}
	
.home-premium .container-xl{
	max-width: initial;padding: 0;height: 100%;cursor:pointer;
}
.home-premium .box{display: flex;height: 100%;}
.home-premium .box .left{flex: 0 0 38.5%;display: flex;flex-direction: column;justify-content: center;    background-color: #003A8B;}
.home-premium .box .left .whole-t1{font-size: 24px;color: #fff;text-align: right;line-height: 50px;    margin-right: 25px;font-weight: 500;}
.home-premium .box .right{flex: 0 0 40%;margin-left: 6%;}
/* .home-premium .box .right .row:nth-child(1){justify-content: center;} */
.home-premium .box .right .row{flex-wrap: initial;
	display: flex;
    align-items: center;
    justify-content: space-between;
	height: 100%;
	margin-top: 10px;
}
.home-premium .box .right .img{margin-bottom: 20px;}
.home-premium .box .right .img:hover{    transform: scale(1.1);
	transition: 0.5s;}
@media(max-width:768px) { 
    .home-premium .box{flex-direction: column;}
    .home-premium .box .left{margin-bottom: 10px;}
    .home-premium .box .left .whole-t1{margin-bottom: 10px;line-height: 30px;}
}

.home-explore{padding: 100px 0;}
.home-explore .whole-t1{text-align: center;}
.home-explore .box{	box-shadow: 0px 5px 20px 0px  rgba(0, 0, 0, 0.1);border-radius: 10px;margin: 60px 0;}
.home-explore .box .img{transition: all 0.5s ease;overflow: hidden;}
.home-explore .box .img img{border-radius: 10px;}
.home-explore .box .text{padding: 20px;}
.home-explore .box .text .t1{font-size: 18px;font-weight: 600;line-height: 41px;color: #000000;transition: all 0.5s ease;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.home-explore .box .text .t1:hover{color: #00378C;}
.home-explore .whole-a{width: 320px;margin: 0 auto;}
/*ydd*/
@media(max-width:768px) {
    .home-explore{padding: 20px 0;}
    .home-explore .box{margin-bottom: 10px;margin-top: 10px;}
    .home-explore .box .text{padding:10px ;min-height: auto }
    .home-explore .box .text .t1{font-size: 16px;line-height: 30px;}
}



.home-contact{background-color: #00378C;padding: 75px 0;}
.home-contact .container-xl{display: flex;justify-content: space-between;align-items: center;position: relative;}
.home-contact .container-xl .left{width: 70%;font-size: 41px;font-weight: 500;line-height: 57px;color: #ffffff;}
.home-contact .container-xl .more{cursor: pointer;padding: 25px 60px;display: inline-block;font-size: 28px;line-height: 28px;color: #333333;border-radius: 40px;overflow: hidden;background-color: #ffffff;font-weight: 500;}
.home-contact .container-xl .more:hover{text-decoration: underline;}

@media(max-width:768px) {
  .home-contact{padding: 20px 0;}
  .home-contact .container-xl{flex-wrap: wrap;justify-content: center;text-align: center;}
  .home-contact .container-xl .left{width: 100%;font-size: 18px;line-height: 24px;margin-bottom: 10px;}
  .home-contact .container-xl .more{padding: 5px 30px;font-size: 16px;}
}


/*footer*/
footer {background: #EFEFEF;position: relative;color: #6D6D6D;}
footer .footer-top{padding: 90px 7% 65px 7%;}
footer .footer-top .about{padding-right: 50px;}
footer .footer-top .footer-logo{margin-bottom: 40px;}
footer .footer-top .desc{font-size: 18px;line-height: 30px;margin-bottom: 30px;font-weight: 300;}
footer .footer-top .footer-tk{border: 1px solid #4a4a4a;display: flex;justify-content: space-between;padding: 20px 35px 20px 20px;cursor: pointer;}
footer .footer-top .footer-tk:hover{border-color: #00378C;transition: all 0.3s;}
footer .footer-top .links{}
footer .footer-top .col-md-2 {
    -ms-flex: 0 0 14%;
    flex: 0 0 15%;
    max-width: 15%;
}

footer .footer-top .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

footer .footer-top .list{display: flex;flex-direction: column;justify-content: space-between;flex-wrap: wrap;}
footer .footer-top .list p{width: 100%;}
/* footer .footer-top .list p:before{content: "";width: 11px;height: 11px;background: url(../image/footer-tb.png) no-repeat;margin-right: 15px;display: inline-block;} */
footer .footer-top .list a{font-size: 16px;line-height: 43px;color: #707070;}
footer .footer-top .list a:hover{color: #00378C; text-decoration: underline;transition: all 0.3s;}
footer .footer-top .title{    font-size: 20px;
    color: #333333;
    margin-bottom: 15px;line-height: 30px;font-family: 'Poppins';font-weight: 500;}
footer .footer-top .fguanzhu{display:flex;}
footer .footer-top .addr{display: flex;font-size: 18px;line-height: 42px;font-weight: 300;    margin-right: 20px;cursor:pointer}
footer .footer-top .addr img{width:30px}
footer .footer-top .addr span{min-width: 30px;font-size: 14px;color:#333333;font-weight: 400;}
footer .footer-top .addr a{    color: #ec430b;
    font-weight: 600;
    font-size: 24px;transition: all 0.3s ease;}
/* footer .footer-top .addr a:hover{color: #00378C;} */
footer .footer-top .col-md-3 .title{ 
    margin-bottom: 10px;
}

footer .fabout img{width:160px;margin-top:100px}


footer .footer-bottom{padding: 30px 7%;font-size: 18px;line-height: 30px;font-weight: 300;
	background: #003A8B;
    color: #6179AA;
    font-size: 14px;
	}
footer .footer-bottom .right a{color: #6179AA;}
footer .footer-bottom .right a:hover{text-decoration: underline;}
footer .footer-bottom .container-xl{display: flex;justify-content: space-between;align-items: center;max-width: initial;padding-left:initial;padding-right:initial}
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;}
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 a:hover{background: #00378C;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: #00378C!important;}
footer .footer-social span:before{color: rgba(255, 255, 255, 1);font-size: 16px;}

@media(max-width:768px) {
    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;}
    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;}
    footer .footer-top .addr{font-size: 16px;line-height: 24px;margin-bottom: 10px;}
    footer .footer-bottom{padding: 20px 0;background: #2d2d2d;color: #fff;}
    footer .footer-bottom .right a {
        color: #ffffff;
    }
    footer .footer-bottom .container-xl{flex-wrap: wrap;justify-content: center;text-align: center;font-size: 13px;}
    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: 13px;}
    
}



.container-xl.long{max-width: 1675px;margin-right: 0; padding-right: 0;padding-left: 30px;}
.about-top{padding: 105px 0;}
.about-top .container-xl.long{max-width: 1675px;margin-right: 0; padding-right: 0;padding-left: 15px;}
.about-top .whole-t1{color: #000000;}
.about-top .box{display: flex;justify-content: space-between;}
.about-top .box .left{flex: 0 0 51%;}
.about-top .whole-t2{margin: 20px 0;color: #000000;}
.about-top .box .left p{margin-bottom: 80px;}
.about-top .box .right{flex: 0 0 46%;}
.about-top .box .right .vioimg{position: relative;}
.about-top .box .right .vioimg .img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.about-top .box .right img{border-radius: 6px;}
.about-top .box .right .ab-row{display: flex;justify-content: space-between;margin-top: 20px;}
.about-top .box .right .ab-row .top-img{flex: 0 0 49%;overflow: hidden;}

@media(max-width:768px) {
    .about-top{padding: 20px 0;}
    .about-top .container-xl.long{padding-right: 15px;}
    .about-top .whole-t1{margin-bottom: 10px;}
    .about-top .box{flex-direction: column-reverse;}
    .about-top .box .left p{margin-bottom: 20px;}
    .about-top .whole-t2{margin: 10px 0;}
}

.about-wrapper2{background: linear-gradient(to right,#333333 50%,#fff 50%);padding: 100px 0;}
.about-wrapper2 .container-xl{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about-wrapper2 .container-xl .left{width: 50%;padding-right: 75px;}
.about-wrapper2 .container-xl .left .title{font-size: 58px;color: #fff;font-family: 'Poppins';font-weight: bold;text-transform: uppercase;margin-bottom: 110px;line-height: 80px;}
.about-wrapper2 .container-xl .right{width: 50%;padding-left: 75px;}
.about-wrapper2 .container-xl .right p{font-size: 16px;line-height: 32px;color: #666666;margin-bottom: 35px;}
.about-wrapper2 .container-xl .right p:last-child{margin-bottom: 0;}

@media(max-width:768px) {
    .about-wrapper2{padding: 20px 0;background: linear-gradient(to bottom,#333333 33%,#fff 20%);}
    .about-wrapper2 .container-xl{flex-direction: column;}
    .about-wrapper2 .container-xl .left,.about-wrapper2 .container-xl .right{width: 100%;padding: 0;margin: 10px 0;}
    .about-wrapper2 .container-xl .left .title{font-size: 28px;margin-bottom: 20px;line-height: 34px;}
    .about-wrapper2 .container-xl .right p{font-size: 14px;margin: 0; margin-top: 10px;line-height: 24px;}
}

.about-our{padding: 100px 0;}
.about-our .box{padding: 80px 0;}
.about-our .box .container-xl{display: flex;justify-content: space-between;}
.about-our .box .container-xl .left{flex: 0 0 49%;display: flex;flex-direction: column;justify-content: center;}
.about-our .box .container-xl .left .whole-p{margin: 30px 0;}
.about-our .box .container-xl .right{flex:  0 0 46%;overflow: hidden;border-radius: 6px;}
.about-our .box .container-xl .right img{border-radius: 6px;}
.about-our .box:nth-child(2n) .container-xl{flex-direction: row-reverse;}
.about-our .box:nth-child(2){background: linear-gradient(to right,#f8f8f8 60%,#fff 30%);padding: 100px 0;}
.about-our .box:nth-child(2) .left{background: #fff;padding: 20px 0; padding-left: 80px;}
.about-our .box:nth-child(4){background: linear-gradient(to left,#f8f8f8 60%,#fff 30%);padding: 100px 0;}

@media(max-width:768px) {
    .about-our{padding: 20px 0;}
    .about-our .box{padding: 20px 0;}
    .about-our .box .container-xl{flex-direction: column;}
    .about-our .box .container-xl .left{margin-bottom: 10px;}
    .about-our .box .container-xl .left .whole-p{margin: 10px 0;}
    .about-our .box:nth-child(2n) .container-xl{flex-direction: column;}
    .about-our .box:nth-child(2),.about-our .box:nth-child(4){padding: 20px 0;background: linear-gradient(to right,#f8f8f8 0%,#fff 0%);}
    .about-our .box:nth-child(2) .left{padding-left: 10px 0;}
}

.quality-top{padding: 130px 0 100px 0;}
.quality-top .container-xl{display: flex;justify-content: space-between;}
.quality-top .left{display: flex;flex-direction: column;justify-content: center;flex: 0 0 39%;}
.quality-top .left .whole-t1{color: #333333;margin-bottom: 60px;}
.quality-top .left .whole-p{font-size: 14px;color: #666666;font-weight: 600;}
.quality-top .left .whole-p span{color: #00378C;font-weight: 900;}
.quality-top .right{overflow: hidden;flex: 0 0 50%;}

.quality-rigorous{background: linear-gradient(to bottom,#f4f4f4 50%,#fff 50%);padding: 90px 0;}
.quality-rigorous .whole-t1{text-align: center;margin-bottom: 80px;}
.quality-rigorous .container-xl{display: flex;justify-content: space-between;}
.quality-rigorous .container-xl.long{margin-bottom: 110px;}
.quality-rigorous .container-xl.long .left{overflow: hidden;flex: 0 0 37%;}
.quality-rigorous .container-xl.long .right{background-color: #fff;flex: 0 0 58%;padding-left: 60px;display: flex;flex-direction: column;justify-content: center;}
.quality-rigorous .container-xl.long .right .box{display: flex;align-items: center;margin: 10px 0;width: 65%;}
.quality-rigorous .container-xl.long .right .box .shuz{background-color: #00378C36;border-radius: 50px;padding: 7px;width: 46px;height: 46px;margin-right: 30px;}
.quality-rigorous .container-xl.long .right .box .shuz .sz{background-color: #00378C;border-radius: 50px;width: 32px;height: 32px;text-align: center;line-height: 32px;font-size: 14px;color: #fff;}
.quality-rigorous .container-xl.long .right .box .text{font-size: 14px;font-weight: 600;line-height: 24px;color: #666666;}

.quality-rigorous .container-xl .left{display: flex;flex-direction: column;justify-content: center;flex: 0 0 39%;}
.quality-rigorous .container-xl .left .whole-t1{margin-bottom: 50px;text-align: left}
.quality-rigorous .container-xl .left .whole-p{font-size: 14px;font-weight: 600;}
.quality-rigorous .container-xl .right{overflow: hidden;flex: 0 0 47%;}


.quality-the{background-color: #00378C;padding: 90px 0 120px 0;text-align: center;}
.quality-the .whole-t1{color: #fff;margin-bottom: 100px;}
.quality-the .com-num .num-items{display: flex;justify-content: space-between;}
.quality-the .com-num .num-items .one{display: flex;align-items: center;justify-content: center;}
.quality-the .com-num .num-items .num-title{font-size: 90px;line-height: 90px;color: #ffffff;font-weight: 600;}
.quality-the .com-num .num-items span{font-size: 90px;line-height: 90px;color: #ffffff;}
.quality-the .com-num .num-items .num-subtitle{font-size: 14px;line-height: 24px;color: #ffffff;}


.home-contact.quality-contact{background-color: #fff;}
.home-contact.quality-contact .container-xl .left{color: #333333;}
.home-contact.quality-contact .container-xl .more{background-color: #ed1b26;box-shadow: 0px 10px 40px 0px #ed1b26;color: #fff;}

@media(max-width:768px) {
    .quality-top{padding: 20px 0;}
    .quality-top .container-xl{flex-direction: column;}
    .quality-top .left .whole-t1{margin-bottom: 10px;}
    .quality-top .left{margin-bottom: 10px;}    
    .quality-rigorous{padding: 20px 0;}
    .quality-rigorous .container-xl.long{margin-bottom: 10px;flex-direction: column-reverse;padding-right: 15px;padding-left: 15px;}
    .quality-rigorous .whole-t1{margin-bottom: 10px;}
    .quality-rigorous .container-xl.long .right{padding: 10px;}
    .quality-rigorous .container-xl.long .right .box{width: auto;margin: 5px 0;}
    .quality-rigorous .container-xl.long .right .box .text{font-size: 12px;line-height: 16px;}
    .quality-rigorous .container-xl{flex-direction: column;margin: 10px 0;}
    .quality-rigorous .container-xl .left .whole-t1{margin-bottom: 10px;}
    .quality-the{padding: 20px 0;}
    .quality-the .whole-t1{margin-bottom: 10px;}
    .quality-the .com-num .num-items{flex-wrap: wrap;}
    .quality-the .com-num .num-items .num-item{flex: 0 0 50%;margin: 10px 0;}
    .quality-the .com-num .num-items .num-title,.quality-the .com-num .num-items span{font-size: 30px;line-height: 40px;}
    .quality-the .com-num .num-items .num-subtitle{font-size: 12px;}
    .home-contact.quality-contact .container-xl .more{box-shadow: 0px 2px 14px 0px #ed1b26;}
}

.factory-top{padding: 90px 0;}
.factory-top .img,.factory-center .img{overflow: hidden;}
.factory-top .img img,.factory-center .img img{border-radius: 6px;}
.factory-top .top-box{display: flex;justify-content: space-between;align-items: center;padding: 100px 0;}
.factory-top .top-box .left{font-size: 48px;font-weight: 600;line-height: 70px;color: #000000;flex: 0 0 50%;}
.factory-top .top-box .right{font-size: 16px;line-height: 28px;color: #666666;flex: 0 0 50%;}
.factory-center .top-center{display: flex;justify-content: space-between;align-items: center;padding:90px 0;}
.factory-center .top-center .top-left{flex: 0 0 47%;}
.factory-center .top-center .top-left .t1{font-size: 36px;font-weight: 600;line-height: 60px;color: #333333;margin-bottom: 20px;}
.factory-center .top-center .top-left .t2{color: #666666;font-size: 16px;line-height: 32px;font-weight: 400;}
.factory-center .top-center .top-right{flex: 0 0 46%;}
.factory-center:nth-child(2n){background: linear-gradient(to right,#f8f8f8 50%,#fff 50%);}
.factory-center:nth-child(2n) .top-center{flex-direction: row-reverse;}
.factory-bottom{text-align: center;padding: 100px 0;}
.factory-bottom .whole-p{width: 90%;margin: 60px auto;}
.factory-bottom .bottom-box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.factory-bottom .bottom-box .text{flex: 0 0 46%;text-align: left;margin: 40px 0;}
.factory-bottom .bottom-box .text .t1{font-size: 32px;font-weight: 600;line-height: 40px;color: #333333;margin: 20px 0;min-height: 80px;display: flex;align-items: center;}
.factory-bottom .bottom-box .text .t2{font-size: 16px;line-height: 32px;color: #666666;}
@media(max-width:768px) {
    .factory-top{padding: 20px 0;}
    .factory-top .top-box{padding: 10px 0;flex-direction: column;}
    .factory-top .top-box .left{font-size: 22px;font-weight: 600;line-height: 30px;}
    .factory-top .top-box .right{font-size: 14px;line-height: 22px;}
    .factory-center .top-center{padding: 20px 0;flex-direction: column;}
    .factory-center .top-center .top-left{margin-bottom: 10px;}
    .factory-center .top-center .top-left .t1{font-size: 22px;line-height: 30px;margin: 0;}
    .factory-center .top-center .top-left .t2{font-size: 14px;line-height: 22px;}
    .factory-center:nth-child(2n) .top-center{flex-direction: column;}
    .factory-center:nth-child(2n){background: linear-gradient(to bottom,#f8f8f8 58%,#fff 50%);}
    .factory-bottom{padding: 20px 0;}
    .factory-bottom .whole-p{width: auto;margin: 10px 0;}
    .factory-bottom .bottom-box .text{flex: 0 0 100%;margin: 10px 0;}
    .factory-bottom .bottom-box .text .t1{font-size: 18px;line-height: 20px;margin: 10px 0;min-height: auto;}
    .factory-bottom .bottom-box .text .t2{font-size: 14px;line-height: 22px;}
}


.team{padding: 110px 0;}
.team .whole-p{margin: 20px 0;color: #666666;}
.team .box{margin: 25px  0;}
.team .row{margin-top: 50px;margin-bottom: 50px;}
@media(max-width:768px) {
    .team{padding: 20px 0;}
    .team .row{margin-top: 10px;margin-bottom: 10px;}
    .team .whole-p{margin: 10px 0;}
    .team .box{margin: 10px 0;}

}


.pro-service-top{padding: 120px 0 80px 0;}
.pro-service-top .top{background-color: #f8f8f8;text-align: center;padding: 90px;}
.pro-service-top .top .whole-p{margin-top: 40px;}
.pro-service-top .row{margin-top: 60px;}
.pro-service-top .row .box{box-shadow: 0px 0px 40px 0px  rgba(0, 0, 0, 0.05);border-radius: 6px;padding: 80px 60px;text-align: center;}
.pro-service-top .row .box .boxs{display: flex;justify-content: center;align-items: center;margin: 50px 0;}
.pro-service-top .row .box .boxs .co{flex: 0 0 25%;}
.pro-service-top .row .box .boxs .co .text{min-height: 78px;font-size: 18px;font-weight: 500;line-height: 26px;color: #333333;margin-top: 30px;}
.pro-service-top .row .box .whole-a{width: 100%;border-radius: 6px;}

@media(max-width:768px) {
    .pro-service-top{padding: 20px 0;}
    .pro-service-top .top{padding: 10px;}
    .pro-service-top .top .whole-p{margin-top: 10px;}
    .pro-service-top .row{margin: 10px 0;}
    .pro-service-top .row .box{padding: 10px;}
    .pro-service-top .row .box .boxs{justify-content: space-around;align-items: flex-start; margin: 10px 0;}
    .pro-service-top .row .box .boxs .co{flex: 0 0 22%;}
    .pro-service-top .row .box .boxs .co .text{min-height: auto;font-size: 12px;line-height: 20px;margin-top: 10px;}

}

.se-point .head{background-color: #333333;padding: 140px 0;text-align: center;font-size: 63px;font-weight: 600;line-height: 60px;color: #ffffff;}
.se-point .po-to{padding: 80px 0;}
.se-point .po-to .box{position: relative;margin: 15px 0;}
.se-point .po-to .box img{border-radius: 6px;}
.se-point .po-to .box .text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 50px;display: flex;flex-direction: column;justify-content: flex-end;}
.se-point .po-to .box .text .t1{font-size: 20px;font-weight: 600;line-height: 30px;color: #ffffff;margin-bottom: 20px;}
.se-point .po-to .box .text .t2{font-size: 14px;line-height: 24px;color: #ffffff;}

@media(max-width:768px) {
    .se-point .head{padding: 20px 0;font-size: 30px;line-height: 30px;}
    .se-point .po-to{padding: 20px 0;}
    .se-point .po-to .box{margin: 10px 0;}
    .se-point .po-to .box .text{padding: 10px;}
    .se-point .po-to .box .text .t1{font-size: 14px;margin-bottom: 10px;line-height: 20px;}
    .se-point .po-to .box .text .t2{font-size: 12px;line-height: 14px;}
}

.se-view{background-color: #f4f4f4;padding: 80px 0;}
.se-view .whole-t1{text-align: center;margin-bottom: 50px;}
.se-view .box{text-align: right;background-color: #fff;margin: 40px 0;}
.se-view .box .img{overflow: hidden;}
.se-view .box .text{padding: 20px;font-size: 16px;font-weight: 500;line-height: 22px;text-align: left;}
.se-view .box .text .t1{color: #333333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.se-view .box .text .t2{color: #999999;margin: 10px 0;}
.se-view .box .p-a{height: 60px;position: relative;display: inline-block;z-index: 1;font-size: 16px;font-weight: 500;color: #ffffff;line-height: 60px;padding: 0 20px;}
.se-view .box .p-a span{white-space: nowrap;margin-right: 22px;opacity: 0;transition: all 0.3s ease}
.se-view .box .p-a::after{position: absolute;content: '';width: 60px;background-color: #00378C;border-radius: 4px;top: 0;right: 0;transition: all 0.3s ease;height: 100%;z-index: -1;}
.se-view .box .p-a:hover::after{width: 160px;}
.se-view .box .p-a:hover span{opacity: 1;}
@media(max-width:768px) {
    .se-view{padding: 20px 0;}
    .se-view .whole-t1{margin-bottom: 10px;}
    .se-view .box{margin: 10px 0;}
    .se-view .box .text{padding: 10px;font-size: 14px;line-height: 20px;}
    .se-view .box .text .t2{margin: 5px 0;}
    .se-view .box .p-a{height: 40px;font-size: 14px;padding: 0px 15px;line-height: 40px;}
    .se-view .box .p-a::after{width: 40px;}
}

.pre-top{padding: 110px 0;}
.pre-top .container-xl{display: flex;justify-content: space-between;align-items: center;}
.pre-top .container-xl .left{flex: 0 0 45%;}
.pre-top .container-xl .right{flex: 0 0 47%;}
.pre-top .container-xl .right .whole-t1{color: #333333;}
.pre-top .container-xl .right .t2{font-size: 14px;line-height: 28px;color: #666666;font-weight: 500;margin-top: 20px;}
.pre-top .container-xl .right .t2 span{font-weight: bold;color: #000;}

.pre-center{background: linear-gradient(to bottom,#f4f4f4 60%,#353535 40%);padding: 120px 0;text-align: center;}
.pre-center .whole-t1{color: #333333;}
.pre-center .whole-p{font-size: 14px;font-weight: 500;color: #666666;width: 90%;margin:0 auto;margin-top: 30px;margin-bottom: 80px;}
.pre-center .box{background-color: #ffffff;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);border-radius: 6px;padding: 35px;}
.pre-center .box .text{background-color: #faebeb;border-radius: 6px;padding: 30px;text-align: left;margin-top: 40px;}
.pre-center .box .text .texts{margin: 20px 0;}
.pre-center .box .text .t1{font-size: 20px;font-weight: 600;line-height: 32px;color: #333333;margin: 12px 0;}
.pre-center .box .text .t2{font-size: 14px;line-height: 24px;color: #666666;}
.pre-center .box .text .t2 span{margin-right: 20px;}

.pre-bottom{padding: 90px 0;}
.pre-bottom .container-xl{display: flex;justify-content: space-between;align-items: center;}
.pre-bottom .left{flex: 0 0 50%;}
.pre-bottom .left .whole-t1{font-size: 48px;color: #333333;}
.pre-bottom .left .whole-p{	font-size: 14px;font-weight: 500;line-height: 28px;color: #666666;margin: 30px 0;}
.pre-bottom .left .se-a{background-color: #00378C;border-radius: 4px;font-size: 16px;font-weight: 500;color: #ffffff;width: 160px;height: 60px;}
.pre-bottom .left .se-a i{margin-left: 20px;}
.pre-bottom .left .se-a:hover{  background-color: #ff000d00; color: #00378C;}

@media(max-width:768px) {
    .pre-top{padding: 20px 0;}
    .pre-top .container-xl{flex-direction: column-reverse;}
    .pre-top .container-xl .right .t2{margin: 10px 0;}
    .pre-center{padding: 20px 0;}
    .pre-center .whole-p{width: auto;margin: 10px 0;}
    .pre-center .box{padding: 10px;margin: 10px 0;}
    .pre-center .box .text{padding: 10px;margin-top: 10px;}
    .pre-center .box .text .texts{margin: 10px 0;}
    .pre-center .box .text .t1{font-size: 16px;line-height: 20px;margin: 10px 0;}
    .pre-bottom{padding: 20px 0;}
    .pre-bottom .container-xl{flex-direction: column;}
    .pre-bottom .left .whole-t1{font-size: 22px;}
    .pre-bottom .left .whole-p{margin: 10px 0;line-height: 22px;}
    .pre-bottom .left .se-a{width: 140px;height: 35px;font-size: 14px;margin-bottom: 10px;}
    .pre-bottom .left .se-a i{margin-left: 10px;}
}

.after-our .box:nth-child(2){background: linear-gradient(to left,#f8f8f8 60%,#fff 30%);}
.after-our .box:nth-child(4){background: linear-gradient(to right,#f8f8f8 60%,#fff 30%);}
.after-our{padding: 100px 0 200px 0;}

@media(max-width:768px) {
    .after-our{padding: 20px 0;}
    .about-our.after-our .box .container-xl{flex-direction: column-reverse;}
    .after-our .box:nth-child(2),.after-our .box:nth-child(4){background: linear-gradient(to bottom,#f8f8f8 0%,#fff 0%);}
}


.whole-top{background-color: #353535;}
.whole-top .container-xl{display: flex;}
.whole-top .item{width: 200px;height: 90px;font-size: 18px;font-weight: 600;line-height: 28px;color: #ffffff;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;text-transform: uppercase;}
.whole-top .item:hover{background-color: #00378C;}
.whole-top .item.active{background-color: #00378C;}

@media(max-width:768px) {
.whole-top{margin-top: 10px;}
    .whole-top .item{width: 110px;height: 40px;font-size: 14px;}

}

.faq{padding: 80px 0;}
.faq .text{margin: 70px 0;border: solid 1px #dddddd;padding: 50px;}
.faq .text .whole-p{color: #666666;margin: 20px 0;}
.faq-wrapper .item{background-color: #fafafa;margin-bottom: 20px;}
.faq-wrapper .item .item-head{display: flex;justify-content:space-between;align-items: center;}
.faq-wrapper .item-head .title-head{margin-left: 50px;padding:35px 0;display: flex;align-items: center;}
.faq-wrapper .item-head .title-head .q{width: 42px;height: 42px;margin-right: 30px;font-size: 25px;font-weight: 600;color:#fff;background-color: #000;display: flex;align-items: center;justify-content: center;}
.faq-wrapper .item-head .title-head p{font-size: 24px;font-weight: bold;}
.faq-wrapper .item-head .push{width: 50px;height: 50px;background-color: rgba(225, 225, 225, 1.0);display: flex;align-items: center;justify-content: center;cursor: pointer;}
.faq-wrapper .item-head .push i:nth-child(1), .faq-wrapper .item .item-head .push.open i:nth-child(2){display: block;}
.faq-wrapper .item-head .push i:nth-child(2),.faq-wrapper .item .item-head .push.open i:nth-child(1){display: none;}
.faq-wrapper .item .item-contact{margin:0 50px;border-top:1px dashed #ddd;padding:40px 0;display: flex;}
.faq-wrapper .item .item-contact .a{min-width:42px;width: 42px;height: 42px;margin-right: 30px;font-size: 25px;font-weight: 600;color:#fff;background-color: #cc0013;display: flex;align-items: center;justify-content: center;}
.faq-wrapper .item .item-contact p{font-size: 16px;line-height: 28px;color:#666;margin-top: -6px;}

@media (max-width:768px){
.faq{padding: 20px 0;}
    .faq .text{margin: 20px 0;padding: 10px;}
    .faq .text .whole-p{margin: 10px 0;}
	.faq-wrapper .item-head .title-head{margin-left:10px;padding: 10px 0;}
	.faq-wrapper .item-head .title-head .q,.faq-wrapper .item .item-contact .a{margin-right: 10px;width: 30px;min-width:30px;height: 30px;font-size: 18px;}
	.faq-wrapper .item-head .title-head p{font-size: 16px;}
    .faq-wrapper .item-head .push{width: 30px;height: 30px;}
	.faq-wrapper .item .item-contact{margin:0 10px;padding: 10px 0;}
	.faq-wrapper .item .item-contact p{font-size: 12px;line-height: 20px;}
}


.video .top{display: flex;justify-content: space-between;padding: 95px 0;}
.video .top .left{padding: 40px 0;flex:  0 0 50%;position: relative;z-index: 1;}
.video .top .left .text{background-color: #f8f8f8;display: flex;flex-direction: column;justify-content: center;margin-right: -60px;height: 100%;padding-left: 70px;}
.video .top .left .text .whole-t1{font-weight: bold;}
.video .top .left .text .whole-p{line-height: 32px;width: 80%;margin-top: 30px;}
.video .top .right{position: relative;flex: 0 0 50%;}
.video .top .right .img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.video .center{padding-bottom: 100px ;}
.video .center .t1{font-size: 36px;font-weight: bold;line-height: 28px;color: #000000;margin-bottom: 50px;}
.video .center .box{box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.1);margin-bottom: 30px;}
.video .center .box .img{position: relative;}
.video .center .box .img .ply{position: absolute;width: 100%;height: 100%;background-color: #000000a2;display: flex;align-items: flex-end;justify-content: flex-end;padding: 50px ;top: 0;}
.video .center .box .text{padding: 20px;text-align: center;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;font-size: 20px;font-weight: 600;line-height: 30px;color: #333333;min-height: 100px;}

@media (max-width:768px){
    .video .top{flex-direction: column;padding: 20px 0;}
    .video .top .left{padding: 0px;margin-bottom: 10px;}
    .video .top .left .text{margin: 0;padding: 10px;text-align: center;}
    .video .top .left .text .whole-p{line-height: 24px;margin-top: 10px;width: auto;}
    .video .center{padding-bottom: 20px;}
    .video .center .t1{font-size: 22px;line-height: 28px;margin-bottom: 10px;}
    .video .center .box{margin-bottom: 10px;}
    .video .center .box .img .ply{padding: 0;align-items: center;justify-content: center;}
    .video .center .box .text{padding: 5px;font-size: 14px;line-height: 18px;min-height: auto;}
}


/*certificate*/
.certificate{padding: 90px 0;text-align: center;}
.certificate .col-md-3{margin: 30px 0;}
.certificate .boxs{padding: 20px 30px;border: solid 6px #f7f7f7;height: 100%;}
.certificate .boxs .h2{line-height: 22px;color: #666666;transition: all 0.3s ease;padding: 5px 0;margin-top: 15px;font-size: 18px;}
@media(max-width:768px) {
    .certificate{padding: 20px 0;}
    .certificate .home-t1{margin-bottom: 10px;}
    .certificate .col-md-3{margin: 10px 0;}
    .certificate .boxs{padding: 10px;}
    .certificate .boxs .h2{line-height: 14px;padding: 5px 0;margin-top: 5px;font-size: 12px;}
}


/*#region contact-wrapper*/
.contact-top{padding-top: 80px;}
.contact-top .container-xl{display: flex;flex-wrap: wrap;max-width: 1630px;}
.contact-top .container-xl .box{flex: 0 0 33.3%;border-top:solid 1px #dddddd;border-left:solid 1px #dddddd;padding: 40px 10px 40px 60px;}
.contact-top .container-xl .box .t1{font-size: 22px;font-weight: 500;line-height: 36px;color: #333333;margin: 20px 0;}
.contact-top .container-xl .box .t2{line-height: 32px;color: #333333ab;}
.contact-top .container-xl .box:nth-child(3),.contact-top .container-xl .box:nth-child(6){border-right:solid 1px #dddddd;}
.contact-top .container-xl .box:nth-child(4),.contact-top .container-xl .box:nth-child(5),.contact-top .container-xl .box:nth-child(6){border-bottom:solid 1px #dddddd;}
.contact-wrapper{padding: 70px 0 120px}
.contact-wrapper .container-xl{max-width: 1630px;}
.contact-wrapper .contact-box{display: flex;flex-wrap: wrap;}
.contact-wrapper .contact-box .text{width: 46.5%;background: #00378C;color: #fff;padding: 70px 75px;}
.contact-wrapper .contact-box .feedback-box{background: #f8f8f8;padding: 80px 100px;width: 53.5%;}
.contact-wrapper .addr{display: flex;margin-bottom: 35px;}
.contact-wrapper .addr .left{width: 64px;min-width: 64px;}
.contact-wrapper .addr .right{padding-left: 30px;}
.contact-wrapper .addr .addr-title{font-size: 22px;line-height: 22px;color: #fafafa;margin: 20px 0;}
.contact-wrapper .addr p{font-size: 16px;line-height: 32px;color: #fafafa8f;}
.contact-wrapper .addr a{color: #fafafa8f;margin-right: 10px;}
.contact-wrapper .addr a:hover{color: #fafafa;}
.contact-wrapper .feedback-box .title{font-size: 28px;line-height: 36px;font-weight: 500;margin-bottom: 15px;}
.contact-wrapper .feedback-box .desc{font-size: 16px;line-height: 28px;color: #999999;margin-bottom: 30px;}

@media(max-width:768px) {
    .contact-top{padding-top: 20px;}
    .contact-top .container-xl .box{flex:  0 0 100%;padding: 10px;border:solid 1px #dddddd;margin-bottom: 10px;}
    .contact-top .container-xl .box .t1{font-size: 18px;line-height: 30px;margin: 0;}
    .contact-top .container-xl .box .t2{line-height: 22px;}
    .contact-wrapper{padding: 20px 0;}
    .contact-wrapper .contact-box .text{width: 100%;padding: 15px;}
    .contact-wrapper .contact-box .feedback-box{width: 100%;padding: 15px;}
    .contact-wrapper .feedback-box .title{font-size: 22px;line-height: 30px;margin-bottom: 10px;}
    .contact-wrapper .feedback-box .desc{font-size: 14px;line-height: 20px;margin-bottom: 15px;}
    .contact-wrapper .feedback-box .form-control{padding-top: 10px;padding-bottom: 10px; margin-bottom: 10px;}
    .contact-wrapper .feedback-box .form-feedback .btn{padding-top: 10px;padding-bottom: 10px;font-size: 16px;}
    .contact-wrapper .feedback-box .btn-box{padding-right: 15px;padding-left: 15px;}
    .contact-wrapper .addr p{line-height: 24px;}
    .contact-wrapper .addr{margin-bottom: 10px;}
    .contact-wrapper .addr .left{width: 50px;min-width: 50px;}
    .contact-wrapper .addr .right{padding-left: 10px;}
    .contact-wrapper .addr .addr-title{font-size: 18px;line-height: 30px;margin: 0;}
    .contact-wrapper .addr p{line-height: 20px;font-size: 14px;}
    
}
/*#endregion*/



/*#region 文章列表*/
/*#region news list*/
.news-wrapper {padding: 120px 0 90px;background: #fff;}
.news-col{margin-bottom: 60px;}
.news-col .img{position: relative;}
.news-col .img a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;}
.news-col .img:before{content: "";width: 20px;height: 40px;background: #00378C;position: absolute;left: 30px;top: -20px;display: block;z-index: 2;}
.news-col .img .time{position: absolute;z-index: 1;left: 40px;top: 0; width: 60px;height: 90px;background: #fff;display: block;text-align: center;padding-top: 10px;}
.news-col .img .time .day{font-size: 27px;font-weight: bold;font-family: 'Poppins';line-height: 27px;}
.news-col .img .time .month{font-size: 12px;line-height: 18px;color: #666666;margin-top: 5px;}
.news-col .img .time .year{font-size: 12px;line-height: 18px;color: #666666;}
.news-col .text{padding: 35px;}
.news-col .text .title{font-size: 18px;font-weight: bold; line-height: 26px;height: 52px; display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.news-col .text p{font-size: 14px;line-height: 26px;color: #999999;margin-top: 20px;margin-bottom: 40px;height: 104px;display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.news-col .text .more{display: inline-block;padding: 12px 25px;border: 2px solid #dddddd;border-radius: 5px;overflow: hidden;}
.news-col .text .more i{margin-left: 8px;}
.news-col:hover{box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);}
.news-col:hover .more{background: #00378C;border-color: #00378C;color: #fff;}
.news-col .text .more:hover{text-decoration: underline;}

@media(max-width:768px) {
    .news-wrapper {padding: 40px 0;}
    .news-col .img:before{display: none;}
    .news-col .text p{line-height: 20px;height: auto;margin-bottom: 20px;}
    .news-col{box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);}
}
/*#endregion*/

/*#region 产品中心*/
.profl-nr{background: #fff;padding: 50px 0 72px;}
.profl-nr .t1{font-size: 28px;font-weight: bold;text-align: center;margin-bottom: 35px;}
.profl-nr p{font-size: 14px;line-height: 28px;color: #999999;margin-bottom: 30px;text-align: center;}
.profl-nr .more-box{display: flex;align-items: center;justify-content: center;margin-top: 50px;}
.profl-nr .more-box .more{display: block;background: #00378C;cursor: pointer;border-radius: 5px;overflow: hidden; width: 168px;height: 42px;text-align: center;font-size: 16px;line-height: 42px;color: #fff;margin-left: 5px;margin-right: 5px;}
.profl-nr .more-box .more:nth-child(2n){background: #333333;}
.profl-nr .more-box .more:hover{text-decoration: underline;transition: all 0.3s;}

.profl-wrapper{background: #f8f8f8;padding: 46px 0 80px;}
.profl-wrapper .col-md-8{padding-left: 60px;}
.profl-box{background: #fff;padding: 40px;margin-bottom: 30px;display: flex;align-items: center;flex-wrap: wrap;position: relative;}
.profl-box .img{width: 38%;}
.profl-box .text{width: 62%;padding-left: 35px;}
.profl-box .text .h2{font-size: 24px;line-height: 36px;font-family: 'Poppins';margin-bottom: 15px;}
.profl-box .text .h3{font-size: 18px;color: #999999;margin-bottom: 20px;}
.profl-box .text .desc{font-size: 16px;line-height: 40px;color: #666666;}
.profl-box .more{transition: all 0.3s; display: flex;align-items: center;justify-content: center; width: 60px;height: 60px;line-height: 60px;background: #00378C;font-size: 16px;color: #fff;position: absolute;bottom: 0;right: 0;border-radius: 5px;overflow: hidden;}
.profl-box .more span{display: none;overflow: hidden;position: relative;margin-right: 8px;line-height: 18px;}
.profl-box .more:hover{width: 160px;}
.profl-box .more:hover span{display: block;}

@media(max-width:1430px) {
  .profl-wrapper .col-md-8{padding-left: 30px;}
  .product-head .product-thumb{height: 600px;}
}

@media(max-width:768px){
  .product-head .product-thumb{width: 100%;height: auto;border-radius: 0;}
  .profl-nr p{line-height: 20px;margin-bottom: 0;}
  .profl-nr .desc{display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;}
.profl-nr .t1{margin-bottom: 25px;}
.profl-nr .more-box{margin-top: 30px;}
}

/*#region 产品列表*/
.pro-col{background: #fff;padding: 20px 30px 80px;position: relative;margin-bottom: 30px;}
.pro-col .img{margin-bottom: 15px;}
.pro-col .t3{font-weight: bold; font-size: 16px;line-height: 22px;height: 64px;
word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
}
.pro-col .desc{display:none;font-size: 16px;line-height: 22px;color: #999999;margin-top: 10px;height: 44px;overflow: hidden;}
.pro-col .more{transition: all 0.3s; display: flex;align-items: center;justify-content: center; width: 60px;height: 60px;line-height: 60px;background: #00378C;font-size: 16px;color: #fff;position: absolute;bottom: 0;right: 0;border-radius: 5px;overflow: hidden;}
.pro-col .more span{display: none;overflow: hidden;position: relative;margin-right: 8px;line-height: 18px;}
.pro-col .more:hover{width: 160px;}
.pro-col .more:hover span{display: block;}

@media(max-width:768px) {
  .profl-nr{padding: 20px 0 40px;}
  .profl-wrapper{padding: 40px 0;}

  .profl-box .img{width: 100%;}
  .profl-box .text{width: 100%;padding-left: 0;}
  .profl-box{padding: 25px 15px 70px;}
  .profl-box .text .h2{font-size: 20px;line-height: 28px;}
  .profl-box .text .desc{line-height: 24px;}

  .profl-wrapper .row{margin-left: -7px;margin-right: -7px;}
  .profl-wrapper .row .col{padding-left: 7px;padding-right: 7px;}
  .pro-col{padding: 15px 15px 40px;}
  .pro-col .more{width: 40px;height: 40px;line-height: 40px;}
}
/*#endregion*/


/*产品内容*/
.pronr-wrapper{background: #fff;padding: 28px 0;}
.product-head .product-thumb {width: 78%; height: 626px; border: 0px solid #dddddd; display: flex;align-items: center; justify-content: center; background: transparent; }
.product-head { margin-bottom: 1.5rem; }
.product-head .product-text{padding-left: 30px;padding-top: 80px;}
.product-head .product-text .title{font-size: 36px;line-height: 36px;margin-bottom: 25px;font-family: 'Poppins';font-weight: bold;}
.product-head .product-text .subtitle{font-size: 14px;line-height: 28px;margin-bottom: 20px;font-family: 'Poppins';color: #999999;}
.product-head .product-text .desc{margin-bottom: 30px;}
.product-head .product-text .desc p{font-size: 18px;line-height: 40px;}
.product-head .product-text .ser-box{display: flex;align-items: center;margin-bottom: 20px;}
.product-head .product-text .ser-box .more{cursor: pointer; display: inline-block;cursor: pointer; padding: 12px 25px;border: 2px solid #00378C;border-radius: 5px;overflow: hidden; background: #fff;font-size: 16px;color: #00378C;margin-right: 15px;}
.product-head .product-text .ser-box .more:first-child{background: #00378C;color: #fff;}
.product-head .product-text .ser-box .more i{margin-right: 5px;}
.product-head .product-text .ser-box .more:first-child i{margin-left: 10px;margin-right: 0;}
.product-head .product-text .ser-box .more:hover{text-decoration: underline;}
.product-thumb-box{display: flex;justify-content: space-between;position: relative;}
.product-thumb-box .product-thumb{position: relative;}
.product-thumb-box .zz{z-index: 10;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.product-thumb-box .product-thumb figure.mz-figure{background: #f7f7f7;border-radius:50%;overflow:initial;}
.product-thumb-box .product-thumb img{mix-blend-mode: multiply!important;}
.product-thumb-box .product-thumbs{width: 22%;position: relative;}
.product-thumb-box .product-thumbs .swiper-wrapper{height: 430px;margin-bottom: 10px;}
.product-thumb-box .swiper-container{padding-left: 9px;padding-right: 9px;padding-top: 10px;}
#swiper-button-prev-product-thumbs{position: relative;width: 60px;border: 1px solid #00378C;background: #00378C; border-radius: 50%;opacity: 1; overflow: hidden; height: 60px;margin: 0 auto;display: flex;align-items: center;justify-content: center; left: initial;right: initial; top: initial;}
#swiper-button-prev-product-thumbs:after{content: "\f062";font-family: cmsfont;font-size: 18px;font-weight: bold;color: #fff;}
#swiper-button-next-product-thumbs{position: relative;width: 60px;border: 1px solid #00378C;background: #00378C; border-radius: 50%;opacity: 1; overflow: hidden; height: 60px;margin: 0 auto;display: flex;align-items: center;justify-content: center; top: initial;left: initial;right: initial; top: initial;}
#swiper-button-next-product-thumbs:after{content: "\f063";font-family: cmsfont;font-size: 18px;font-weight: bold;color: #fff;}
#swiper-button-next-product-thumbs.swiper-button-disabled,#swiper-button-prev-product-thumbs.swiper-button-disabled{border: 1px solid #dfdfdf;background: #fff;}
#swiper-button-next-product-thumbs.swiper-button-disabled:after,#swiper-button-prev-product-thumbs.swiper-button-disabled:after{color: #00378C;}
.mz-thumb.mz-thumb-selected img{border: 3px solid #00378C;}
.mz-thumb{position: relative;}
.mz-thumb.mz-thumb-selected:before{content: "";width: 9px;height: 25px;background: url(../image/pronr-tbjt.jpg) no-repeat;z-index: 10; display: inline-block;position: absolute;top: 30px;left: -9px;}

.pro-social-box .t2{font-size: 14px;line-height: 24px;color: #999999;font-weight: bold;margin-bottom: 5px;}
.pro-social{display: flex;align-items: center;}
.pro-social .social{display: flex;align-items: center;color: rgba(255, 255, 255, 0.4);font-size: 16px;border: 2px solid #e8e8e8;padding: 4px;margin-right: 10px;border-radius: 50%;overflow: hidden;}
.pro-social .social:last-child{margin-right: 0;}
.pro-social .social a{background: #00378C;border-radius: 50%;overflow: hidden;width: 28px;color: rgba(255, 255, 255, 0.4);margin-right: 0px;display: block;height: 28px;font-size: 15px;padding: 6px;}
.pro-social .social a:hover{background: #00378C;transition: all 0.3s;}
.pro-social span{background: #00378C!important;margin-right: 0px!important;border-radius: 50%!important;width: 28px;height: 28px;padding: 6px;}
.pro-social span:hover{background: #00378C!important;}
.pro-social span:before{color: rgba(255, 255, 255, 1);font-size: 15px;}

.content-wrapper.product{background: #fff;height: 100%;}
.content-wrapper.product .table-wrapper{padding: 40px;}
.content-wrapper.product .title{background: #fff;}
.content-wrapper.product .title .h2{width: 230px;font-weight: bold; height: 56px; border-top: 7px solid #00378C; line-height: 56px; font-size: 18px;color: #333;margin-bottom: 0;position: relative;display: flex;justify-content: center;}
.content-wrapper.product .title .h2:after{content: "";width: 12px;height: 8px;background: url(../image/pronr-tb1.jpg) no-repeat;display: block;position: absolute;bottom: -8px;}
.content-wrapper.product h5{font-size: 20px;color: #00378C;font-weight: bold; line-height: 30px;margin-bottom: 20px;margin-top: 20px;padding-left: 12px;border-left: 4px solid #00378C;}
.content-wrapper.product p{font-size: 14px;line-height: 36px;color: #666666;margin-bottom: 20px;}
.content-wrapper.product table td p,.content-wrapper.product table td{font-size: 16px;line-height: 30px;margin-bottom: 0;}

.hot-pro{background: #fff;padding: 30px 50px;margin-top: 40px;}
.hot-pro .t1{font-size: 20px;line-height: 26px;margin-bottom: 25px;font-weight: bold;}
.hot-pro .pro-col{background: #f8f8f8;}
.hot-pro .pro-col .img img{mix-blend-mode: multiply;}

@media(max-width:1480px) {

}

@media(max-width:768px) {
  .product-head .product-text{padding-left: 0;padding-top: 0px;}
  .product-head .product-text .title{font-size: 26px;}
  .product-head .product-text .ser-box .more{padding: 10px 10px;}
  .product-thumb-box{margin-top: 20px;}
  .hot-pro{padding: 30px 15px;display: none;}
  .profl-wrapper .col-md-8{padding-left: 0px;}
  .content-wrapper.product .table-wrapper{padding: 20px 15px;}
  .product-head .product-text .desc p{font-size: 16px;line-height: 22px;}
  .product-head .product-thumb{width: 100%;height: auto;border-radius: 0;background: none;}
.content-wrapper.product table{display:none;}
}

/*#region 新闻详情*/
.newsnr-container{ padding: 0 0 100px;background: #f8f8f8;}
.newsnr-container .title { font-size: 32px; line-height: 47px; color: #000000; margin-bottom: 45px; text-align: center;font-weight: bold; font-family: 'Poppins';}
.newsnr-container .content h5{font-size: 20px;color: #00378C;margin: 20px 0;border-left: 4px solid #00378C;padding-left: 12px;font-weight: bold;}
.newsnr-container .content { margin-bottom: 20px;font-size: 14px;color: #999999;line-height: 28px; }
.newsnr-container .content img{max-width: 100%;height: auto;}
.newsnr-container .content ul,.newsnr-container .content li{list-style: initial;}
.newsnr-container .content ul{padding-left: 40px;}
.newsnr-container .content table p{margin-bottom: 0;}
.newsnr-left{background: #ffffff;border-bottom: 6px solid #333333;border-radius: 10px;position: relative;}
.newsnr-left .img{position: relative;}
.newsnr-left .img img{border-radius: 10px;overflow: hidden;}
.newsnr-left .img:before{content: "";width: 20px;height: 40px;background: #00378C;position: absolute;left: 50px;top: -20px;display: block;z-index: 2;}
.newsnr-left .img .time{position: absolute;z-index: 1;left: 60px;top: 0; width: 60px;box-shadow:0 0 15px rgba(0, 0, 0, 0.1); height: 90px;background: #fff;display: block;text-align: center;padding-top: 10px;}
.newsnr-left .img .time .day{font-size: 27px;font-weight: bold;font-family: 'Poppins';line-height: 27px;}
.newsnr-left .img .time .month{font-size: 12px;line-height: 18px;color: #666666;margin-top: 5px;}
.newsnr-left .img .time .year{font-size: 12px;line-height: 18px;color: #666666;}
.newsnr-left .text{padding: 110px 60px 60px;}
.newsnr-left .newsnr-service{display: flex;justify-content: space-between;flex-wrap: wrap;border-top: 2px solid #dddddd;padding-top: 35px;margin-top: 40px;}
.newsnr-left .newsnr-service .subtitle{font-size: 14px;font-weight: bold;margin-bottom: 15px;font-family: 'Poppins';}
.newsnr-left .newsnr-service .left{width: 70%;}
.newsnr-left .newsnr-service .newsnr-tag a{border: 2px solid #dddddd;padding: 6px 12px;color: #00378C; display: inline-block;font-size: 12px;margin-right: 10px;}
.newsnr-left .newsnr-service .newsnr-tag a:hover{background: #00378C;color: #fff;border-color: #00378C;transition: all 0.3s;}
.newsnr-container .row{margin-left: -36px;margin-right: -36px;}
.newsnr-container .row .col-md-8{padding-left: 36px;padding-right: 36px;}
.newsnr-container .row .col-md-4{padding-left: 36px;padding-right: 36px;}

@media(max-width:1500px) {
  .newsnr-container .row{margin-left: -15px;margin-right: -15px;}
  .newsnr-container .row .col-md-8{padding-left: 15px;padding-right: 15px;}
  .newsnr-container .row .col-md-4{padding-left: 15px;padding-right: 15px;}
}

.newsnr-social{display: flex;align-items: center;}
.newsnr-social .social{display: flex;align-items: center;color: rgba(255, 255, 255, 0.4);font-size: 16px;border: 2px solid #e8e8e8;padding: 4px;margin-right: 10px;border-radius: 50%;overflow: hidden;}
.newsnr-social .social:last-child{margin-right: 0;}
.newsnr-social .social a{background: #00378C;border-radius: 50%;overflow: hidden;width: 28px;color: rgba(255, 255, 255, 0.4);margin-right: 0px;display: block;height: 28px;font-size: 15px;padding: 6px;}
.newsnr-social .social a:hover{background: #00378C;transition: all 0.3s;}
.newsnr-social span{background: #00378C!important;margin-right: 0px!important;border-radius: 50%!important;width: 28px;height: 28px;padding: 6px;}
.newsnr-social span:hover{background: #00378C!important;}
.newsnr-social span:before{color: rgba(255, 255, 255, 1);font-size: 15px;}

.news-search{background: #00378C;padding: 40px 50px;border-radius: 5px;overflow: hidden;margin-bottom: 40px;}
.news-search .t3{font-size: 18px;color: #fff;margin-bottom: 15px;font-weight: bold;}
.news-search .search-group { width: 100%; background: #ffffff; border: 2px solid #eaeaea;border-radius: 5px;}
.news-search .search-group .btn {border-radius: 5px;background:#fff; height: 42px;  width: 42px; padding: 6px 15px; margin-bottom: 0; }
.news-search .search-group .btn:hover{background: #00378C;}
.news-hot-box{background: #fff;border-top: 5px solid #00378C;padding: 50px;}
.news-hot-box .t3{font-size: 18px;color: #333;margin-bottom: 25px;font-weight: bold;}
.hot-news .item{display: flex;align-items: center;justify-content: space-between;margin-bottom: 30px;position: relative;}
.hot-news .item a{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;}
.hot-news .item .img{min-width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;overflow: hidden;border-radius: 5px;}
.hot-news .item .img img{height: 100%;width: auto;}
.hot-news .item .text{padding-left: 22px;}
.hot-news .item .text h3{font-size: 14px;line-height: 20px;}
.hot-news .item .text time{font-size: 12px;color: #999999;line-height: 24px;}
.hot-news .item:hover .text h3{color: #00378C;}

@media(max-width:768px) {
  .newsnr-left .text{padding: 35px 15px;}
  .newsnr-container .title{font-size: 22px;line-height: 30px;}
  .newsnr-container .content h5{font-size: 18px;}
  .newsnr-left .newsnr-service .left{width: 100%;margin-bottom: 30px;}

  .news-search{padding: 25px 15px;}
  .news-hot-box{padding: 25px 15px;}
  .newsnr-container{padding-bottom: 40px;margin-top: 60px;}
  .newsnr-left .img:before{display: none;}
  .newsnr-container .content{line-height: 20px;}
}

.content-other{padding: 30px 0px;display: flex;align-items: center;justify-content: space-between;}
.content-other a{width: 60px;line-height: 60px;display: block;font-size: 14px;line-height: 60px;border: 2px solid #e8e8e8;text-align: center;}
.content-other a:hover{ color: #fff;background: #00378C; border-color: #00378C; transition: all 0.3s; }
.content-other .prev,.content-other .next{display: flex;align-items: center;font-weight: bold;}
.content-other .prev a{margin-right: 10px;}
.content-other .next a{margin-left: 10px;}

@media(max-width:768px) {
 
}


@media(max-width:768px) {
    
}

.sol-wrapper{padding: 120px 0;}
.sol-wrapper .title{font-size: 36px;font-family: 'Poppins';font-weight: bold;text-transform: uppercase;margin-bottom: 65px;text-align: center;line-height: 1.5;}
.sol-wrapper .row{margin-left: -20px;margin-right: -20px;}
.sol-wrapper .row .col-md-4{padding-left: 20px;padding-right: 20px;}
.sol-wrapper .box{margin-bottom: 40px;background: #fff;}
.sol-wrapper .box .img{position: relative;}
.sol-wrapper .box .img .sub-title{width: 80%;height: 70px;background: #fff;position: absolute;left: 0;bottom: 0;border-radius: 0 20px 0 0;overflow: hidden;z-index: 1;}
.sol-wrapper .box .img .sub-title a{font-size: 28px;line-height: 70px;padding-left: 40px;font-weight: bold;font-family: 'Poppins';}
.sol-wrapper .box .text{padding: 40px 32px;}
.sol-wrapper .box .text p{font-size: 14px;line-height: 26px;color: #666666;height: 104px;overflow: hidden;margin-bottom: 30px;}
.sol-wrapper .box .text .more{display: inline-block;padding: 12px 25px;border: 2px solid #dddddd;border-radius: 5px;overflow: hidden;}
.sol-wrapper .box .text .more i{margin-left: 8px;}
.sol-wrapper .box:hover{box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);}
.sol-wrapper .box:hover .more{background: #00378C;border-color: #00378C;color: #fff;}
.sol-wrapper .box .text .more:hover{text-decoration: underline;}

.sol-container{background: #f8f8f8;padding: 110px 0;}
.sol-container .col-md-4{padding-right: 70px;}
.sol-container .sol-title{font-size: 22px;line-height: 26px;color: #666666;margin-bottom: 15px;font-weight: bold;}
.sol-container .sol-content p{font-size: 14px;line-height: 28px;margin-bottom: 20px;}
.sol-container .sol-content img{max-width: 100%;height: auto;}

@media(max-width:1500px) {
  .sol-wrapper .row{margin-left: -15px;margin-right: -15px;}
.sol-wrapper .row .col-md-4{padding-left: 15px;padding-right: 15px;}
.sol-container .col-md-4{padding-right: 30px;}
}

.sol-pro{margin-top: 50px;}
.sol-pro .desc{font-size: 16px;line-height: 22px;margin-bottom: 30px;height: 44px;overflow: hidden;margin-top: 10px;}
.sol-pro .pro-box{background: #fff;padding: 30px 30px 90px;position: relative;}
.sol-pro .pro-box .img{margin-bottom: 15px;}
.sol-pro .pro-box h3{font-weight: bold; font-size: 16px;line-height: 22px;height: 44px;display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.sol-pro .pro-box p{font-size: 16px;line-height: 22px;color: #999999;}
.sol-pro .pro-box .more{transition: all 0.3s; display: flex;align-items: center;justify-content: center; width: 60px;height: 60px;line-height: 60px;background: #00378C;font-size: 16px;color: #fff;position: absolute;bottom: 0;right: 0;border-radius: 5px;overflow: hidden;}
.sol-pro .pro-box .more span{display: none;overflow: hidden;position: relative;margin-right: 8px;line-height: 18px;}
.sol-pro .pro-box .more:hover{width: 160px;}
.sol-pro .pro-box .more:hover span{display: block;}

@media(max-width:768px) {
.sol-container{padding: 40px 0;}
.sol-container .col-md-4{padding-right: 0px;}
.sol-container .sol-title{margin-top: 30px;}
.sol-pro .desc{font-size: 16px;line-height: 22px;margin-bottom: 0;}
.sol-pro .row{margin-left: -7px;margin-right: -7px;}
.sol-pro .row .col{padding-left: 7px;padding-right: 7px;}
.sol-pro .pro-box{margin-bottom: 20px;padding: 10px 15px 50px;}
.sol-pro .pro-box .more{width: 40px;height: 40px;line-height: 40px;}
.sol-pro .pro-box .more:hover{width: 100%;}

.sol-wrapper{padding: 40px 0;}
.sol-wrapper .title{font-size: 26px;line-height: 34px;margin-bottom: 30px;}
.sol-container .sol-content p{line-height: 20px;}
.sol-wrapper .box .img .sub-title{width: auto;height: 50px;}
.sol-wrapper .box .img .sub-title a{font-size: 16px;line-height: 55px;padding: 0 20px;}
.sol-wrapper .box .text{padding: 20px;}
.sol-wrapper .box .text p{margin-bottom: 20px;}
}

.service-wrapper{padding: 160px 0 0;background: #fff;}
.service-row .text{display: flex;align-items: center;padding-right: 60px;}
.service-row .text .title{font-size: 42px;line-height: 60px; font-family: 'Poppins';font-weight: bold;margin-bottom: 45px;}
.service-row .text p{font-size: 14px;line-height: 28px;color: #666666;margin-bottom: 20px;}
.service-row:nth-child(2n) .text{order: 13;padding-left: 60px;padding-right: 0;}
.service-row:nth-child(2n) .img{order: -1;}
.service-wrapper2{background: linear-gradient(to right,#00378C 51%,#fff 49%);}
.service-wrapper2 .service-row .text .title{color: #fff;}
.service-wrapper2 .service-row .text p{color: #fff;}
.service-wrapper3{background: linear-gradient(to right,#fff 48%,#f4f4f4 52%);margin-bottom: 170px;}
.service-wrapper3 .service-row{background: #f4f4f4;}
.service-wrapper3 .service-row .text{padding-left: 60px;padding-right: 0;}
.service-row .text .more{display: inline-block;background: #00378C;padding: 15px 20px;font-size: 16px;color: #fff;border-radius: 5px;overflow: hidden;margin-top: 80px;}
.service-row .text .more:hover{text-decoration: underline;}

@media(max-width:768px) {
  .service-wrapper{padding: 40px 0;}
  .service-row .text{padding-right: 0px;}
  .service-row .text .title{font-size: 26px;margin-bottom: 20px;line-height: 32px;margin-top: 20px;}
  .service-row:nth-child(2n) .text{padding-left: 0;order: -1;}
  .service-row:nth-child(2n) .img{order: 13;}
  
  .service-wrapper2{background: #00378C;padding-bottom: 15px;}
  .service-wrapper3{margin-bottom: 0px;background: #f4f4f4;}
  .service-wrapper3 .service-row .text{padding-left: 0;padding-bottom: 20px;}
  .service-row .text .more{margin-top: 0px;}
  .service-row .text p{line-height: 20px;}
}


.shengchan-wrapper{display: flex;flex-wrap: wrap;background: #fff;align-items: center;}
.shengchan-wrapper .left{width: 53%;padding-left: 262px;padding-right: 120px;}
.shengchan-wrapper .left .title{font-size: 42px;line-height: 60px;font-weight: bold;font-family: 'Poppins';text-transform: uppercase;margin-bottom: 25px;}
.shengchan-wrapper .left p{font-size: 14px;line-height: 28px;color: #888888;margin-bottom: 25px;}
.shengchan-wrapper .right{width: 47%;}

.shengchan-qh{display: flex;flex-wrap: wrap;align-items: center; background: url(../image/shengchan-qhbg.jpg) no-repeat;background-size: cover;padding: 92px 0;}
.shengchan-qh .left{width: 53%;overflow: hidden;position: relative;display: flex;justify-content: flex-end;}
.shengchan-qh .left .swiper-container{position: relative;margin-left: -400px;}
.shengchan-qh .left .img{border-radius: 5px;overflow: hidden;}
.shengchan-qh .right{width: 47%;padding-left: 80px;padding-right: 240px;}
.shengchan-qh .right .title{font-size: 42px;line-height: 60px;font-weight: bold;font-family: 'Poppins';text-transform: uppercase;color: #fff;margin-bottom: 25px;}
.shengchan-qh .right p{font-size: 14px;line-height: 28px;color: #fff;margin-bottom: 55px;}
.shengchan-qh .swiper-button{margin-bottom: 95px;position: relative;}
.shengchan-qh .swiper-pagination-bullet{width: 30px;height: 8px;border-radius: 0;background: #ffffff;opacity: 0.4;margin-right: 15px;}
.shengchan-qh  .swiper-pagination-bullet-active{background: #ffffff;opacity: 1;}
.shengchan-qh .swiper-button-next{top: 30px;left: 64px;right: initial;}
.shengchan-qh .swiper-button-prev{top: 30px;left: 0px;}
.shengchan-qh .swiper-button-prev:after{content: "";width: 54px;height: 52px;background: url(../image/shengchan-qhtb1.png) no-repeat;display: block;}
.shengchan-qh .swiper-button-next:after{content: "";width: 54px;height: 52px;background: url(../image/shengchan-qhtb2.png) no-repeat;display: block;}

.shengchan-work{background: #fff;padding: 140px 0;}
.shengchan-work .container-xl>.title{text-align: center; font-size: 42px;line-height: 60px;font-weight: bold;font-family: 'Poppins';text-transform: uppercase;margin-bottom: 25px;}
.shengchan-work p{font-size: 14px;line-height: 30px;color: #666666;margin-bottom: 110px;text-align: center}
.shengchan-work .box{display: flex;}
.shengchan-work .box .left{width: 29%;display: block;}
.shengchan-work .box .left a{display: block;}
.shengchan-work .box .left .item{background: #f4f4f4;border-bottom: 1px solid #ededed;text-align: center;padding: 50px 0;position: relative;}
.shengchan-work .box .left .item .bg{background: #00378C;position: absolute;width: 0;left: 0;top: 0;bottom: 0;border-radius: 5px;overflow: hidden;z-index: 1;}
.shengchan-work .box .left .item .title{font-size: 18px;line-height: 33px;text-transform: uppercase;z-index: 2;position: relative;}
.shengchan-work .box .left .item .title:after{content: "\f061";font-family: cmsfont;font-size: 18px;position: absolute;right: 20px;top: 0px;display: none;z-index: 1;}
.shengchan-work .box .left a.active .bg{width: 436px;}
.shengchan-work .box .left a.active .title{color: #fff;}
.shengchan-work .box .left a.active .title:after{display: block;}
.shengchan-work .box .right{width: 71%;}

@media(max-width:1480px) {
  .shengchan-wrapper .left{padding-left: 150px;}
  .shengchan-qh .right{padding-right: 120px;}
}

@media(max-width:768px) {
  .shengchan-wrapper .left{width: 100%;padding: 30px 15px 0;}
  .shengchan-wrapper .left .title{font-size: 26px;line-height: 34px;}
  .shengchan-wrapper .right{width: 100%;padding: 0 15px 30px;}

  .shengchan-qh{padding: 40px 15px;}
  .shengchan-qh .left .swiper-container{margin-left: 0;}
  .shengchan-qh .left{width: 100%;}
  .shengchan-qh .right{width: 100%;padding: 20px 0;}
  .shengchan-qh .right .title{font-size: 26px;line-height: 34px;}
  .shengchan-qh .right p{margin-bottom: 25px;line-height: 20px;}

  .shengchan-work{padding: 40px 0;}
  .shengchan-work p{margin-bottom: 30px;line-height: 20px;}
  .shengchan-work .box{flex-wrap: wrap;}
  .shengchan-work .box .left{width: 100%;}
  .shengchan-work .box .right{width: 100%;}
  .shengchan-work .box .left .bg{display: none;}
  .shengchan-work .container-xl>.title{font-size: 26px;line-height: 34px;}
  .shengchan-work .box .left .item{padding: 5px 0;}
  .shengchan-work .box .left a.active .item{background: #00378C;}
  .shengchan-wrapper .left p{line-height: 20px;}
    .shengchan-work .swiper-slide .box{padding-bottom: 50px;}
  .shengchan-work .swiper-slide .title{background: #00378C;width: 100%;color: #fff; text-align: center;font-size: 16px;text-transform: uppercase;padding: 8px 10px;text-align: center;}
}




.shuxin-box{margin-bottom:15px;display:flex;}
.shuxin-box .title{min-width:110px;width:110px;font-size:18px;line-height:38px;font-weight:bold;}
.shuxin-box .list{display:flex;flex-wrap:wrap;}
.shuxin-box .list a{font-size:18px;line-height:38px;margin-right:25px;margin-bottom:5px;display:flex;align-items:center;}
.shuxin-box .list a:before{content:"";width:20px;height:20px;background:#fff;border:1px solid #cccccc;display:inline-block;margin-right:8px;}
.shuxin-box .list a.active,.shuxin-box .list a:hover{color:#00378C;}
.shuxin-box .list a.active:before,.shuxin-box .list a:hover:before{background:#00378C;}
.shuxin-box .list a:first-child:before{display:none;}
.pp1 {
    text-align: center;
    color: #000;
    font-size: 16px;
  
    margin-bottom: 1%;
}

.pp2 {
    text-align: center;
    color: #000;
    font-size: 16px;
  
    margin-bottom: 1%;
}

.pp3 {
	margin-top:2%;
    text-align: center;
    color: #5977a4;
	font-size: 24px;
	font-weight: bold;
  
}


.shengchan-qh .swiper-button-next,.shengchan-qh .swiper-button-prev{display: inherit;}
.tujian-xinwen{background: #ffffff;border-bottom: 6px solid #333333;border-radius: 10px;overflow: hidden;padding: 30px 10px;overflow: hidden;}
.title-chanpin{font-size: 20px;line-height: 26px;margin-bottom: 25px;font-weight: bold;margin-left: 10px;}
.tujian-xinwen li{float: left;width:22.6%;margin: 0px 10px;background: #f8f8f8;}
.tujian-xinwen li img{mix-blend-mode: multiply;}
.tujian-xinwen li p{margin-top:15px; display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-align: center;margin-bottom: 15px;padding: 0px 10px;}

.feed-proinside,.pro-newlist{padding:0px 40px;}
.content-wrapper.product .feed-proinside p,.pro-newlist .t1{font-size: 18px;color: #333;}
.new-xinwei li{border-bottom:1px dashed #ccc;}
.content-wrapper.product .new-xinwei p{width:85%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:0px;}
.new-xinwei span{display:none;}
.new-xinwei time{float:right; color:#999;line-height: 36px;}

@media(max-width:768px) {
.content-wrapper.product .new-xinwei p{width: 64%;}
}




.list-a .menu-horizontal{display: flex;flex-wrap: wrap;justify-content: flex-start;padding:0 0 20px 0;}
.list-a .menu-horizontal .nav-item .nav-link:after{content: '';}
.list-a .menu-horizontal .nav-item .nav-link{background-color: #fff;}
.list-a .menu-horizontal .nav-item{margin-right: 20px;}
.list-a .menu-horizontal .nav-item.active .nav-link,.list-a .menu-horizontal .nav-link:hover{background: #00378C;color: #fff;}

@media(max-width:768px){
.list-a{display:none;}
}
.public-wrapper{background:#fff;padding:120px 0}
.public-wrapper h4{font-size: 20px;font-weight: bold; line-height: 32px;margin-bottom: 20px;margin-top: 20px;border-left:4px solid #6085cb;padding-left:15px;}
.public-wrapper p{font-size: 16px;line-height: 26px;color: #666666;margin-bottom: 20px;font-weight: 100;}


/*浮动*/
#float{position:fixed;right:5px;bottom:150px; margin-top:-60px;z-index:999;    background: #00378C;
    border-radius: 7px;}
#float .ico{
	display: flex;
    width: 70px;
    text-align: center;
    position: relative;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 15px 10px 15px;
}
#float .ico>i{font-size:30px;line-height:55px;display:block;color:#fff;position:relative;z-index:9999;background:#00378C;}
#float .ico>span{font-size:14px;color:#fff;}
#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:0; right:-350px;padding:0px 20px;line-height:55px; font-size:16px;background-color:#00378C;color:#FFF;transition:all 0.3s;z-index:0;white-space: nowrap;}
#float .ico p a{font-size:16px;color:#FFF}
#float .ico:hover>.img{display:block;}
#float .ico:hover p{right:72px;}
@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;}
	#float .ico:hover p {
	    right: 43px;
	}
}


@media(max-width:768px) {
	
	.banner.home .banner-text .box .list {
		width: 100%;
		margin-top: 5px;
	}	
	
	.banner.home .banner-text .box.two .more {
		font-size: 12px;
		height: 35px;
		line-height: 35px;
		width: 120px;
		margin-bottom: 0px;
		margin-top: 5px;
	}	
	
	.banner.home .banner-text .box .t2 {
		font-size: 16px;
		color: #fff;
		width: 100%;
		margin-bottom: 5px;
	}	
	
.banner.home .banner-text .box.two {
    width: 100%;
}	

.banner.home .banner-text .box .t1 .year {
    font-size: 25px;
    color: #ffffff;
    line-height: 35px;
}
.home-premium .box .left .whole-t1 {
    font-size: 16px;text-align: center;margin-right: 0px;margin-bottom: 0px;
}

.home-solution .whole-p p{
    font-size: 12px;
    line-height: 20px;
	display:none;
}
.home-solution .whole-p .zcwp1{
	display:block;    position: relative;
    top: -20px;
}
.home-solution .whole-p {
    line-height: 0px;
}
.home-solution .container-xl .whole-a {
    font-size: 14px;
    margin: 0 auto;
    margin-top: -8px;
}
.home-premium .box .right {
    flex: 0 0 40%;
    margin-left: 0%;
}
.home-premium .box .right .row {
    justify-content: center;
    padding: 0 10%;
}
.home-premium .box .right .img {
    margin-left: 15px;
}


footer .footer-top{
	display:none;
}

#float .ico {
    width: 42px;
    padding: 30px 5px 15px 5px;
}

#float .ico img{
    width: 16px;
}
#float .ico p img {
	width: 110px;
}
#float .ico>span {
    font-size: 12px;
}

}

@media(max-width:1550px) {
	.header-nav1 .navbar-custom {
	    left: 5%;
	}
	
    .header-nav1 {
        padding-left: 4%;
        padding-right: 0%;
    }	
    
    footer .footer-top .addr img {
        width: 20px;
    }
footer .footer-top .addr span {
    min-width: 20px;
}   
footer .footer-top .addr a {
    font-size: 14px;
}

}