/*#region 通用*/
body { color: #333333; font-size: 14px;  font-family: 'Poppins', sans-serif;}
a{color: #333333;}
a:hover{color: #0166C1;}
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;}
.img-width1{width: auto;height: 210px;}
.img-width1:hover {
    transform: scale(1.2);
	transition: 0.7s;
}

.main-container { margin-bottom: 40px; margin-top: 40px; }
.bghui{background: #f2f2f2;}
.card-thumb img{transition: all 0.5s ease;display: flex;justify-content: center;}
.card-thumb:hover img{transform: scale(1.05);}
.container-xl.long{max-width: 1780px;}
.pc{display:block;}
.mb{display:none;}
@media(max-width:768px) {
    .main-container { margin: 20px 0; }
    .pc{display:none;}
    .mb{display:block;}
	.img-width1{width: 100%;height: auto;}	
}
/*#endregion*/

.header {z-index: 999;width: 100%;}
.header-top{background: #f3f3f3;}
.header-top .logo{}
.header-top .desc{width: 100%;display: flex;justify-content: flex-end;align-items: center;padding: 5px 0;}
.top-tel{color: #7e7e7e;font-size: 16px;margin-right: 15px;}
.top-lang{margin-right: 15px;}
.top-mb-whatsapp{margin-right: 15px;}
.top-mb-whatsapp i{font-size: 16px;}
.top-lang .dropdown.lang .dropdown-toggle{background: #fff;border: 1px solid #7b7b7b;}
.top-social span{background: #f3f3f3!important;border: 1px solid #e1e1e1;border-radius: 50%!important;overflow: hidden;}
.top-social span:hover{background: #f3f3f3!important;}
.top-social span:before{color: #8893ac;font-size: 16px;}
.top-social a{background: #f3f3f3!important;border: 1px solid #e1e1e1;border-radius: 50%!important;overflow: hidden;}
.top-social a:hover{background: #f3f3f3!important;}
.top-social a:before{color: #8893ac;font-size: 16px;}
.social-whatsapp:before{content: "\f232";font-family: CmsFont;display: block;text-align: center;}
.social-whatsapp{background: #089533;}
.social-whatsapp:hover{background: rgba(8, 149, 51, 0.8);}
.top-img{margin-left: 8px;margin-right: 24px;}
.top-search{margin-right: 10px;}
.header-nav{background: #fff;padding: 20px 0;}
.header-nav .nav{display: flex;align-items: center;justify-content: flex-end;}
.header-nav .nav .tkbtn{background: #0166C1;font-size: 18px;color: #fff;text-transform: uppercase; font-weight: bold; cursor: pointer;padding: 8px 20px;margin-left: 30px;font-family: 'Jost', sans-serif;}

.header.fadeInDown{position: fixed;top: 0;right: 0;left: 0;height: 66px;}
.header.fadeInDown .header-top{display: none;}
.header.fadeInDown .header-nav{padding: 10px 0;}

.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 24px;  }
.navbar-custom .navbar-nav .nav-link {text-align: center;position: relative; color:#9396a2;text-transform: uppercase;font-weight: bold; padding: 0; line-height: 46px; display: flex;align-items: center;justify-content: center; font-size: 18px;font-family: 'Jost', sans-serif; }
.navbar-custom .navbar-nav .nav-link:before,.navbar-custom .navbar-nav .nav-link:before{z-index: 10;
  content: "";
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  position: absolute;
  bottom:0;
  left: calc(50% - 10px);}
.navbar-custom .navbar-nav .nav-item:hover .nav-link:before,.navbar-custom .navbar-nav .nav-item.active .nav-link:before{border-bottom: 10px solid #0166C1;transition:all 0.3s;}

.navbar-custom .navbar-nav .nav-link:hover{color: #0166C1;}
.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{color: #0166C1;}
.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); }

.navbar-nav .dropdown-menu{padding:19px 8px;background:#0166C1;border-radius:10px;min-width:200px;}
.navbar-nav .dropdown-menu .dropdown-item{padding:10px 20px 10px 20px;display:flex;border-radius:10px; align-items:center;justify-content:space-between;color:#fff;font-size:15px;}
.navbar-nav .dropdown-menu .dropdown-item:hover{color:#0166C1;background:#fff;}
.dropright .dropdown-toggle::after{content:"\f054";color:#fff;margin-top:0;border-left:0;margin-left:8px;}
.dropright .dropdown-toggle.dropdown-item:hover::after{color:#0166C1;}

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

@media(max-width:1450px) {
.navbar-custom .navbar-nav .nav-item {margin: 0 10px; }
.navbar-custom .navbar-nav .nav-link {font-size:16px;}
}

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

/*#region 手机端*/
.header-mb{background: #fff;position: fixed;top: 0;left: 0;right: 0;width: 100%;border-bottom: 1px solid #fff;z-index: 999;}
.header-mb .container-xl{height: 50px;}
.header-mb .top-logo{width: 50%;}
.header-mb .top-logo img{height: 30px;width: auto;}
.header-mb .top-mb{display: flex; align-items: center;width: 50%;justify-content: flex-end; }
.header-mb .top-mb .dropdown.lang .dropdown-toggle{background: transparent; padding: 0;}
.header-mb .top-mb .dropdown-menu{min-width: 80px;margin-top: 8px;}
.header-mb .top-mb .top-mb-search{padding: .5rem .4rem; margin-left: 10px; width: 30px; text-align: center; }
.header-mb .top-mb .top-mb-search i{font-size: 16px;color: #333}
.header-mb .top-mb .icon-bars{color: #333;}
.header-mb .top-mb .dropdown.lang .dropdown-toggle{color: #333;}
.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: #333}

.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;}
    
}
/*#endregion*/

/*#endregion*/

/*#region 栏目列表*/
.menu-collapse { border-radius: 6px 6px 0 0; border: 1px solid #e7e7e7; background: #fff; }
.menu-collapse .collapse-title { padding: 0.875rem; background: #237ae4; 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: #237ae4 }
.menu-collapse .menu-link:hover { background: #f8f9fa; }
.menu-collapse .drop { }
.menu-collapse .menu-link.active { background: #f6f6f6; color: #666 }

.menu-horizontal { display: flex;justify-content: flex-start;margin-bottom: 10px;flex-wrap: wrap;}
.menu-horizontal .nav-item {display: block; margin-bottom: 2px;margin-right: 10px;margin-bottom: 10px; background: #eeeeee;padding: 0px; position: relative; }
.menu-horizontal .nav-link {width: 100%; padding: 13px 25px;display: block;text-align: left; font-size: 18px; }
.menu-horizontal .nav-item:hover,.menu-horizontal .nav-item.active{background: #0166C1;}
.menu-horizontal .nav-item:hover:after{color: #fff;}
.menu-horizontal .nav-item:hover .nav-link,.menu-horizontal .nav-item.active .nav-link{color: #fff;}

.menu-horizontal .nav-item.active .menu-horizontal-child{display: flex;background: #ebf2ff;}
.menu-horizontal-child { display: none; flex-wrap: wrap; padding-left: 10px; }
.menu-horizontal-child .nav-item-child{display: flex;align-items: center;position: relative;width: 100%;border-bottom: 2px solid #ececec;}
.menu-horizontal-child .nav-item-child:last-child{border-bottom: 0;}
.menu-horizontal-child .nav-link-child { color: #000;font-size: 16px;line-height: 24px; padding: 15px 25px; width: 100%;display: block; }
.menu-horizontal-child .nav-link-child.active { color: #237ae4; }
.menu-horizontal-child .nav-link-child:hover{color: #237ae4;  }

.menu-horizontal-wrapper{margin-bottom: 0;}
.menu-horizontal-about{display: flex;justify-content: center;margin-top: 40px;flex-wrap: wrap;}
.menu-horizontal-about .nav-item-about { color: #fff;margin-right: 10px;margin-left: 10px; background: transparent;border-radius: 30px;overflow: hidden;border: 1px solid #fff;}
.menu-horizontal-about .nav-link-about {padding: 17px 30px; color: #fff;display: block;text-align: center; font-size: 18px; min-width: 220px; }
.menu-horizontal-about .nav-item-about.active,.menu-horizontal-about .nav-item-about:hover{background: #fff;}
.menu-horizontal-about .nav-item-about.active .nav-link-about,.menu-horizontal-about .nav-item-about:hover .nav-link-about {color: #333333;}

.pro-nav{text-align: center;width: 100%;padding: 0 30px;}
.pro-nav .menu-horizontal-about{flex-wrap: nowrap;}
.pro-nav .menu-horizontal-about .nav-item-about{border-radius: 50px;overflow: hidden;}
.pro-nav .menu-horizontal-about .nav-link-about{text-align: center;padding: 13px 30px;min-width: initial;}

.ny-nav-child{margin-top: 30px;padding-bottom: 10px;}
.ny-nav-child .nav-link-about{border: 1px solid #ebebeb;font-size: 20px;line-height: 24px;text-align: center;display: flex;align-items: center;justify-content: center; margin-bottom: 20px;height: 96px;}
.ny-nav-child .row-cols-md-5{margin-left: -10px;margin-right: -10px;}
.ny-nav-child .row-cols-md-5 .col{padding-left: 10px;padding-right: 10px;}
.ny-nav-child .nav-link-about:hover{background: #0166C1;color: #fff;border-color: #0166C1;}
.ny-nav-child .nav-link-about.active{background: #0166C1;color: #fff;border-color: #0166C1;}


@media(max-width:1620px) {
    .pro-nav .menu-horizontal-about .nav-link-about{padding: 13px 10px;font-size: 16px;}
    .menu-horizontal-about .nav-link-about {padding: 13px 30px; color: #fff;display: block;text-align: center; font-size: 18px; min-width: 190px; }
}

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

/*#region 位置导航*/
.banner .banner-text{text-align: left;}
.banner .banner-text .container-xl{max-width: 100%;}
.banner.home .banner-text .container-xl{max-width: 1630px;}
.banner.home .banner-text .box{width: 50%;padding: 40px;background: rgba(26, 36, 58, 0.8);}
.banner.home .banner-text .box h3{font-size: 20px;color: #fff;margin-bottom: 5px;}
.banner.home .banner-text .box h2{font-size: 46px;color: #fff;font-weight: bold;margin-bottom: 15px;font-family: 'Jost', sans-serif;}
.banner.home .banner-text .box p{font-size: 16px;color: rgba(255, 255, 255, 0.8);line-height: 24px;}
.banner.home .banner-text .box .more{padding: 8px 20px;font-size: 16px;color: #fff;background: #0166C1;text-transform: uppercase;display: inline-block;margin-top: 30px;font-family: 'Jost', sans-serif;}
.banner.home .swiper-pagination{text-align: left;padding-left: 8%;z-index: 40;}
.banner.home #swiper-pagination-products{width: 20%;left:20%;bottom: 33px;right: inherit;}
.banner.home .swiper-pagination-bullet{width: 40px;height: 8px;border: 0;border-radius: 0;background: rgba(255, 255, 255, 0.2);opacity: 1;}
.banner.home .swiper-pagination-bullet-active{background: rgba(255, 255, 255, 1)}

@media(max-width:768px) {
    .banner.home .banner-text .box{width: 100%;padding: 20px;background: none;}
    .banner.home .banner-text .box h2{font-size: 24px;margin-bottom: 15px;text-shadow: 2px 4px 10px rgba(0, 0, 0, 1);}
    .banner.home .banner-text .box .more{margin-top: 0;font-size: 15px;padding: 4px 10px;}
    .banner.home .swiper-pagination{text-align: center;padding-left: 0%;}
    .banner.home #swiper-pagination-products{bottom: 20px;}
    .banner.home .swiper-pagination-bullet{width: 20px;height: 4px;}
}

.banner.new .banner-text{align-items:flex-start;padding-top:85px;}
.banner.new .banner-text .container-xl{max-width: 1630px;}
.banner.new .banner-text .box{width: 100%;padding: 40px;}
.banner.new .banner-text .box h2{font-size: 56px;color: #ed6c00;font-weight: bold;margin-bottom: 15px;font-family: 'Jost', sans-serif;text-transform:uppercase;}
.banner.new .banner-text .box h2 a{color: #ed6c00;}
.banner.new .banner-text .box h2 a:hover{text-decoration:underline;}
.banner.new .banner-text .box p{font-size: 20px;color: #3e3a39;line-height: 32px;}
.banner.new .swiper-pagination{text-align: left;padding-left: 8%;z-index: 40;}
.banner.new #swiper-pagination-products{width: 20%;left:20%;bottom: 33px;right: inherit;}
.banner.new .swiper-pagination-bullet{width: 40px;height: 8px;border: 0;border-radius: 0;background: rgba(255, 255, 255, 0.2);opacity: 1;}
.banner.new .swiper-pagination-bullet-active{background: rgba(255, 255, 255, 1)}

.banner.new .banner-text .box.two h2{color: #fff;}
.banner.new .banner-text .box.two h2 a{color: #fff;}
.banner.new .banner-text .box.two p{color: #fff;}
.banner.new .banner-text .box.two .desc{display:flex;align-items:center;margin-bottom:15px;}
.banner.new .banner-text .box.two .desc span{background:#ed6c00;display:inline-block;padding:0 24px;font-size:20px;color:#fff;border-radius:50px;overflow:hidden;margin-right:22px;}


@media(max-width:1500px) {
  .banner.new .banner-text .box h2{font-size: 50px;}
  .banner.new .banner-text{align-items:flex-start;padding-top:55px;}
}

@media(max-width:1380px) {
  .banner.new .banner-text .box h2{font-size: 45px;}
  .banner.new .banner-text{align-items:flex-start;padding-top:35px;}
}

@media(max-width:768px) {
  .banner.new .banner-text{align-items:flex-start;padding-top:15px;}
  .banner.new .banner-text .box{width: 100%;padding: 10px;background: none;}
    .banner.new .banner-text .box h2{font-size: 24px;margin-bottom: 15px;text-shadow: 2px 4px 10px rgba(255, 255, 255, 1);}
    .banner.new .banner-text .box p{display:none;}
    .banner.new .swiper-pagination{text-align: center;padding-left: 0%;}
    .banner.new #swiper-pagination-products{bottom: 20px;}
    .banner.new .swiper-pagination-bullet{width: 20px;height: 4px;}
}

.banner .banner-text.about{text-align: center;}
.banner .banner-text.about .title{font-size: 50px;font-weight: bold;font-family: 'Jost', sans-serif;margin-bottom: 15px;color: #fff;text-transform: uppercase;}
.banner .banner-text.about .desc{text-align: center;font-size: 18px;line-height: 28px;color: rgba(255, 255, 255, 0.6);max-width: 100%;}
.banner .banner-text.about .jt{margin-top: 55px;}

.ny-crumb{border-bottom: 1px solid #e4e4e4;padding: 19px 0;}
.ny-crumb .container-xl{display: flex;align-items: center; }
.page-title { display: block; }
.page-title .title{font-size: 36px;font-weight: bold; color: #fff;text-align: center;margin-bottom: 10px;}
.page-title .breadcrumb { justify-content: center; }
.breadcrumb-item + .breadcrumb-item::before { color: #333;font-family: cmsfont; content: "\f054";font-size: 10px; padding-right: 18px; }
.page-title .breadcrumb:before {content: "";width: 18px;height: 18px;background: url(../image/crumb-tb.jpg) no-repeat; margin-right: 10px;}
.breadcrumb-item+.breadcrumb-item{padding-left: 18px;}

@media(max-width:768px) {
    .banner .banner-text.about .title{font-size: 28px;margin-bottom: 0;}
    .banner .banner-text.about .desc,.banner .banner-text.about .jt{display: none;}
}
/*#endregion*/

/*#region 底部*/
footer {background: #1d2231;position: relative;padding-top: 50px;padding-bottom: 60px;}
footer .top-bg{
	background: #f7f7f7;
	height: 412px;position: absolute;width: 100%;left: 0;right: 0;top: 0;z-index: 1;}
footer .footer-feed{background: #fff;padding: 45px 40px;z-index: 2;position: relative;margin-bottom: 60px;}
footer .footer-feed h2{font-size: 58px;font-weight: bold;color: #333333;text-align: center;text-transform: uppercase;}
footer .footer-feed h2:after{content: "";width: 40px;height: 3px;background: #0166C1;display: block;margin: 27px auto 40px;}
footer .footer-feed .btn{width: 220px;}
footer h3 a{color: #dddddf;}
footer h3 a:hover{text-decoration: underline;}
footer .footer-feed .btn-box{display: flex;justify-content: center;flex-wrap: wrap;}
.feedback-result{width:100%;}
footer h3{font-size: 24px;color: #dddddf;font-weight: bold;margin-bottom: 30px;}
footer p{font-size: 14px;color: rgba(255, 255, 255, 0.6) ;line-height: 24px;margin-bottom: 7px;}
footer p a{color: rgba(255, 255, 255, 0.6);}
footer p a:hover{text-decoration: underline;}
footer .footer-bottom{width: 100%;position: relative;margin-top: 50px;}
footer .footer-bottom .footer-hr{height: 1px;width: 75%;background: #343946;position: absolute;right: 0;top: 30px;z-index: 1;}
footer .footer-bottom .container-xl{display: flex;justify-content: space-between;}
footer .footer-bottom .right{padding-top: 50px;text-align: right;}
footer .footer-bottom .left{z-index: 2;position: relative;}
footer .footer-social{margin-top: 30px;}
footer .footer-social span{background: #717887!important;}
footer .footer-social span:hover{background: #f3f3f3!important;}
footer .footer-social span:before{color: #3b4659;font-size: 16px;}
footer .footer-social a{background: #717887!important;border-radius: 0!important;}
footer .footer-social a:hover{background: #f3f3f3!important;}
footer .footer-social a:before{color: #3b4659;font-size: 16px;}


@media(max-width:768px) {
    footer {padding-top: 20px;padding-bottom: 30px;}
    footer .footer-feed h2{font-size: 28px;}
    footer .footer-feed{padding: 45px 15px;margin-bottom: 10px;}
    footer h3{margin-top: 30px;}
    footer .footer-bottom .footer-hr{width: 100%;}
    footer .footer-bottom .left{display: none;}
}
/*#endregion*/

/*#region 首页*/
.home-about{margin-top: 60px;z-index: 30;padding-bottom: 40px;position: relative;}
.home-about .text{padding: 15px 60px 0 0;}
.home-about .text h2{font-size: 50px;color: #333333;text-transform: uppercase;margin-bottom: 10px;font-weight: bold;font-family: 'Poppins', sans-serif;}
.home-about .text h1{font-size: 28px;color: #333333;line-height: 44px;}
.home-about .text h1:after{content: "";width: 50px;height: 4px;background: #0166C1;display: block;margin-top: 20px;margin-bottom: 30px;}
.home-about .text p{font-size: 20px;color: #9396a2;line-height: 32px;padding-right:80px;}
.home-about h3{font-size:26px;line-height:44px;color:#0166C1;margin-bottom:20px;}
.home-about .text h2:after{content: "";width: 50px;height: 4px;background: #0166C1;display: block;margin-top: 20px;margin-bottom: 30px;}
.home-about .tb-box{display:flex;padding:45px 80px; border-radius:25px;box-shadow:30px 0 125px rgba(0, 0, 0, 0.1);background:#fff; position:relative;width:90%;margin-top:-100px;flex-wrap:wrap;z-index:10;}
.home-about .tb-box .item{width:33%;display:flex;align-items:center;margin-top:10px;margin-bottom:10px;font-size:20px;color:#9396a2;}
.home-about .tb-box .item .tb{margin-right:22px;}
.home-about .tb-box .item strong{color:#333333;font-weight: bold;font-family: 'Jost', sans-serif;margin-right:8px;}

@media(max-width:1580px) {
    .home-about h3{font-size:20px;line-height:34px;margin-bottom:10px;}
    .home-about .text p{font-size:18px;line-height:26px;padding-right:0;}
    .home-about .tb-box .item{font-size:16px;}
}

@media(max-width:1380px) {
    .home-about .text p{font-size:16px;line-height:24px;padding-right:0;}
    .home-about .text {padding: 15px 20px 0 0;}
}

@media(max-width:768px) {
    .home-about h3{font-size:18px;line-height:34px;margin-bottom:10px;}
    .home-about .tb-box{padding:15px;width:100%;margin-top:10px;}
    .home-about .tb-box .item{width:100%;}
    .home-about .tb-box .item{font-size:16px;margin-top:7px;padding-bottom:8px;}
}

.home-about .text .list{margin-top: 40px;display: flex;}
.home-about .text .list .item{width: 23%;}
.home-about .text .list .item h4{font-size: 36px;color: #333333;font-weight: bold;margin-bottom: 10px;}
.home-about .text .list .item p{font-size: 18px;color: #9396a2;line-height: 24px;}
.home-about .text .more{display: inline-block;padding: 12px 30px;background: #0166C1;font-size: 18px;color: #fff;margin-top: 40px;border-radius: 30px; overflow: hidden;}
.home-about .imgs{position: relative;display: flex;align-items: center;justify-content: center;}
.home-about .videoplay{position: absolute;z-index: 10px;cursor: pointer;}
.home-about .videoplay img{transform: scale(0.9);transition: all 0.5s;}
.home-about .videoplay:hover img{transform: scale(1.0);}
.home-about .col-md-6{margin-bottom: 35px;}
.home-about .col-6{margin-top: 25px;cursor: pointer;}
.home-about .itemoff{display: flex;border: 1px solid #dddddd;border-left: 0;align-items: center;justify-content: center;padding: 30px;}
.home-about .col-6:first-child .itemoff{border-left: 1px solid #dddddd;}
.home-about .itemoff .right{font-size: 22px;color: #333333;text-transform: uppercase;margin-left: 30px;font-weight: bold;line-height: 29px;}
.home-about .itemon{color: #fff;padding: 22px 50px; font-size: 16px;line-height: 27px;text-align: center;height: 100%;display: none;}
.home-about .col-6:hover .itemon{display: block;}
.home-about .col-6:hover .itemoff{display: none;}
.home-about .col-6:first-child .itemon{background: url(../image/home-abtb5.jpg) no-repeat bottom right #0166C1;}
.home-about .col-6:nth-child(2) .itemon{background: url(../image/home-abtb6.jpg) no-repeat bottom right #0166C1;}
.home-about .col-6:nth-child(3) .itemon{background: url(../image/home-abtb7.jpg) no-repeat bottom right #0166C1;}
.home-about .col-6:nth-child(4) .itemon{background: url(../image/home-abtb8.jpg) no-repeat bottom right #0166C1;}

@media(max-width:768px) {
    .home-about{margin-top: 35px;}
    .home-about .text{padding: 0;}
    .home-about h3{font-size:18px;line-height:24px;margin-bottom:10px;}
    .home-about .text h2{font-size: 28px;}
    .home-about .text h1{font-size: 18px;line-height: 32px;}
    .home-about .text p{font-size: 14px;line-height: 24px;}
    .home-about .text .list{margin-top: 30px;}
    .home-about .text .list .item{width: 33%;}
    .home-about .text .list .item h4{font-size: 26px;}
    .home-about .text .list .item p{font-size: 16px;}
    .home-about .text .more{font-size: 16px;}

    .home-about .itemoff{border: 1px solid #dddddd;display:block;text-align: center;height: 182px;}
    .home-about .col-6:nth-child(2) .itemoff{border-left: 0;}
    .home-about .col-6:nth-child(3) .itemoff{border-top: 0;}
    .home-about .col-6:nth-child(4) .itemoff{border-left: 0;border-top: 0;}
    .home-about .itemoff .left{width: 100%;margin-bottom: 10px;}
    .home-about .itemoff .left img{max-width: 50%;}
    .home-about .itemoff .right{width: 100%;margin-left: 0;text-align: center;font-size: 18px;line-height: 24px;}
    .home-about .col-6{margin-top: 0;}
    .home-about .col-6:hover .itemon{font-size: 14px;display: flex;align-items: center;justify-content: center;line-height: 18px;padding: 10px;}
}

.home-title h2{font-size: 50px;color: #333333;font-weight: bold;margin-bottom: 10px;text-align: center;text-transform: uppercase;font-family: 'Poppins', sans-serif;}
.home-title p{font-size: 18px;color: #9396a2;text-align: center;line-height: 33px;}
.home-title p:after{content: "";width: 64px;height: 6px;background: #0166C1;display: block;margin: 25px auto 50px;}

.home-pro{padding: 30px 0 0;}
.home-pro .box{display: flex;}
.home-pro .prolist{display: flex;position: relative;flex-wrap: wrap;    background: url(../image/pbg.png);
    width: 100%;
    height: 635px;
    background-repeat: no-repeat;
    background-size: cover;}
.home-pro .prolist .item{width: 20%;position: relative;background: rgb(0,0,0,0.35);}
.home-pro .prolist .item:nth-child(2n){
    background: rgb(0,0,0,0.7);
}
.home-pro .prolist .item .text{position: absolute;z-index: 2;width: 100%;height: 100%;left: 0;top: -20px;right: 0;bottom: 0;display: flex;justify-content: center;align-items: center;}
.home-pro .prolist .item .text .img{text-align: center;margin-bottom: 20px;}
.home-pro .prolist .item .text .img img{width:50px;}
.home-pro .prolist .item .text h3{font-size: 18px;font-weight: bold;text-align: center;line-height: 28px;color: #fff;}
.home-pro .prolist .itemon{position: absolute;left: 0;top: 0;bottom: 0;background: #ff702a;padding: 60px 30px 0 30px;width: 100%;z-index: 99;color: #fff;display: none;}
.home-pro .prolist .itemon.long{width: 200%;} 
.home-pro .prolist .itemon.long h3{width: 40%;}
.home-pro .prolist .itemon h3{font-size: 24px;font-weight: bold;line-height: 36px;font-family: 'Jost', sans-serif;}
.home-pro .prolist .itemon a{color: #fff;}
.home-pro .prolist .itemon a:hover{text-decoration: underline;}
.home-pro .prolist .itemon h3:after{content: "";width: 24px; height: 4px;background: #fff;display: block;margin-top: 20px;margin-bottom: 40px;}
.home-pro .prolist .itemon.long .list{display: flex;flex-wrap: wrap;}
.home-pro .prolist .itemon .list{display: block;margin-bottom: 40px;height: 304px;}
.home-pro .prolist .itemon .list p{width: 100%;font-size: 18px;line-height: 38px;}
.home-pro .prolist .itemon.long .list .list-box{width: 50%;}
.home-pro .prolist .itemon .more{border: 1px solid #fff;padding: 12px 60px;display: inline-block;font-size: 16px;}
.home-pro .prolist .item:hover .nr{    transform: translateY(30px);transition: 0.7s;}

.home-pro .box .morebox{background: #121726;width: 120px;min-width: 120px;transition: all 0.3s;display: flex;align-items: center;justify-content: center;position: relative;}
.home-pro .box .morebox:hover{background: #0166C1;}
.home-pro .box .morebox a{position: absolute;z-index: 10;left: 0;right: 0;top: 0;bottom: 0;display: block;}
.home-pro .box .morebox .img{width: 40px;height: 40px;border: 1px solid #ffffff;border-radius: 50%;overflow: hidden;margin-bottom: 10px;color: #fff;text-align: center;line-height: 40px;font-size: 20px;}
.home-pro .box .morebox p{font-size: 16px;line-height: 48px;color: #fff;}

@media(max-width:768px) {
    .home-title h2{font-size: 28px;}
    .home-title p{font-size: 16px;line-height: 24px;}
    .home-pro .box{flex-wrap: wrap;}
    .home-pro .prolist .item{width: 20%;}
    .home-pro .prolist .item .text a{position: absolute;z-index: 10;left: 0;right: 0;top: 0;bottom: 0;display: block;}
    .home-pro .box .morebox{width: 100%;min-width: 100%;height: 100%;display: none;}
    .home-pro .swiper-pagination{bottom: 0;}
    .home-pro  .swiper-pagination-bullet-active{background: #0166C1;}
    .swiper-productsfl{padding-bottom: 30px;}
    .home-pro .box{padding-bottom: 30px;}
	.home-pro .prolist {
		height: 200px;
	}	
	.home-pro .prolist .item .text {
		padding-top: 70%;
	}	
	.home-pro .prolist .item .text .img img {
		width: 30px;
	}
	.home-pro .prolist .item .text h3 {
		font-size: 12px;
		overflow: hidden;
		text-overflow:ellipsis;
		display:-webkit-box;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:1;
	}
	
}

@media(max-width:1730px) {
    .home-pro .prolist .itemon{padding: 30px 15px 0 15px;}
    .home-pro .prolist .itemon h3{font-size: 20px;line-height: 30px;}
    .home-pro .prolist .itemon h3:after{margin-bottom: 25px;}
    .home-pro .prolist .itemon .list{margin-bottom: 25px;height: 290px;}
    .home-pro .prolist .itemon .list p{font-size: 16px;line-height: 30px;}
}

@media(max-width:1480px) {
    .home-pro .prolist .itemon{padding: 15px 10px 0 10px;}
    .home-pro .prolist .itemon h3{font-size: 18px;line-height: 25px;}
    .home-pro .prolist .itemon h3:after{margin-bottom: 20px;}
    .home-pro .prolist .itemon .list{margin-bottom: 20px;height: 250px;}
    .home-pro .prolist .itemon .list p{font-size: 16px;line-height: 25px;}
}

@media(max-width:1570px) {
    .home-about .itemon{padding: 22px 26px;}
}

.home-service{background: #f7f7f7;padding: 60px 0;}
.home-service .home-title h2:after{content: "";width: 64px;height: 6px;background: #0166C1;display: block;margin: 25px auto 25px;}
.home-service .home-title p{color: #333333;margin-bottom: 70px;}
.home-service .home-title p:after{display: none;}
.home-service .box{background: #fff;padding: 50px 0 0;margin-bottom: 30px;}
.home-service .box:hover{box-shadow: 0px 6px 20px 10px rgba(0, 0, 0, 0.1);}
.home-service .box .img{text-align: center;margin-bottom: 35px;}
.home-service .box h3{font-size: 38px;font-weight: bold;margin-bottom: 40px;font-family: 'Jost', sans-serif;text-align: center;color: #333333;}
.home-service .box .desc{padding: 0 50px 0;height: 335px;}
.home-service .box .desc p{font-size: 18px;line-height: 32px;color: #333333;display: flex;}
/* .home-service .box .desc p:before{width: 16px;height: 16px;min-width: 16px;margin-top: 8px; content: "";display: block;background: url(../image/home-servicetb4.jpg) no-repeat;margin-right: 27px;} */
.home-service .box .hr{border-top: 2px solid #dddddd;width: 75%;margin: 0 auto;}
.home-service .box:hover .hr{border-color: #fff;}
.home-service .box .more{font-size: 28px;width: 100%;padding: 30px 0;text-align: center;display: inline-block;color: #263452;cursor: pointer;}
.home-service .box:hover .more{background: #0166C1;color: #fff;transition: all 0.3s;}



@media(max-width:1570px) {
    .home-service .box .desc{padding: 0 25px 0;}
}

@media(max-width:768px) {
    .home-service{padding: 50px 0 20px;}
    .home-service .home-title p{margin-bottom: 50px;}
    .home-service .box .desc{height: 260px;padding-bottom: 25px;}
    .home-service .box h3{font-size: 28px;margin-bottom: 30px;}
    .home-service .box .desc p{font-size: 16px;line-height: 24px;}
    .home-service .swiper-pagination{bottom: 0;}
    .home-service  .swiper-pagination-bullet-active{background: #0166C1;}
    .home-service .box .more{font-size: 20px;padding: 20px 0;}
}

.home-news{background: #fff;padding: 75px 0 65px;}
.home-news .row{position: relative;height:500px}
.home-news .left{background: url(../image/bkehu.png) no-repeat center;padding: 60px 45px;}
.home-news .left h2{font-size: 50px;color: #fff;font-family: 'Jost', sans-serif;font-weight: bold;}
.home-news .left h2:after{content: "";width: 40px;height: 3px;background: #fff;display: block;margin: 30px 0;}
.home-news .left p{font-size: 22px;line-height: 30px;color: #fff;}
.home-news .left .more{width: 58px;height: 58px;font-size: 48px;text-align: center;line-height: 58px;color: #fff;border: 1px solid #fff;display: block;margin-top: 55px;}
.home-news .right{padding-left: 40px;background: url(../image/kehu.png) no-repeat;
    background-position-x: 30px;}
.home-news .news-row{margin-bottom: 8px;}
.home-news .news-row .img{display: flex;align-items: center;justify-content: center;overflow: hidden;}
.home-news .news-row .img img{height: 366px;width: auto;}
.home-news .news-row .text{border: 1px solid #ddd;border-left: 0;display: flex;align-items: center;justify-content: center;position: relative;}
.home-news .news-row .text .nr{position: relative;padding: 0 60px;}
.home-news .news-row .text h4{font-size: 24px;line-height: 29px;color: #333333;font-weight: bold;}
.home-news .news-row .text h4 a{color: #333333;transition: all 0.3s;}
.home-news .news-row .text h4 a:hover{color: #0166C1;}
.home-news .news-row .text time{font-size: 14px;color: #9396a2;margin: 15px 0 18px;display: block;}
.home-news .news-row .text p{font-size: 18px;color: #9396a2;line-height: 29px;}
.home-news .news-row .text .more{display: inline-block;padding: 8px 20px;border: 1px solid #dddddd;border-radius: 30px;overflow: hidden;margin-top: 30px;transition: all 0.3s;}
.home-news .news-row .text .more:hover{background: #0166C1;color: #fff;}
.home-news .news-row:nth-child(2n){margin-bottom: 0;}
.home-news .news-row:nth-child(2n) .img{order: 13;}
.home-news .news-row:nth-child(2n) .text{order: -1;border-left: 1px solid #ddd;border-right: 0;}

.home-news-mb{padding: 50px 0 30px;}
.home-news-mb .title{background: url(../image/home-news2.jpg) no-repeat center bottom;padding: 30px 15px;background-size: cover;margin-bottom: 30px;}
.home-news-mb .title h2{font-size: 28px;color: #fff;font-family: 'Jost', sans-serif;font-weight: bold;}
.home-news-mb .title h2:after{content: "";width: 40px;height: 3px;background: #fff;display: block;margin: 20px 0;}
.home-news-mb .title p{font-size: 16px;line-height: 24px;color: #fff;}
.home-news-mb .news-row{border-bottom: 2px solid #efeff3;margin-bottom: 20px;padding-bottom: 20px;}
.home-news-mb .news-row .text h4{font-size: 16px;line-height: 20px;color: #333333;font-weight: bold;}
.home-news-mb .news-row .text h4 a{color: #333333;transition: all 0.3s;}
.home-news-mb .news-row .text h4 a:hover{color: #0166C1;}
.home-news-mb .news-row .text time{font-size: 14px;color: #9396a2;margin: 10px 0 0px;display: block;}
.home-news-mb .news-row .img{border-radius: 10px;overflow: hidden;margin-left: 20px;}
.home-news-mb .more{width: 180px;height: 56px;background: #ff7a38;font-size: 18px;color: #fff;display: block;border-radius: 50px;overflow: hidden; text-align: center;line-height: 56px;text-align: center;margin: 30px auto 0;}

@media(max-width:768px) {
  .home-news{padding: 50px 0 30px;}
  .home-news .left{margin-bottom: 25px;}
    .home-news .left h2{font-size: 28px;}
    .home-news .left p{font-size: 18px;}
    .home-news .right{padding-left: 0;}
    .home-news .news-row .text .nr{padding: 15px;}
    .home-news .news-row .text{border-left: 1px solid #ddd;margin-bottom: 25px;}
    .home-news .news-row{margin-bottom: 0px;}
    .home-news .news-row:nth-child(2n) .img{order: -1;}
    .home-news .news-row:nth-child(2n) .text{order: 13;border-right: 1px solid #ddd;}
    .home-news .news-row .text h4{font-size: 20px;line-height: 26px;}
    .home-news .news-row .text p{font-size: 16px;line-height: 24px;}
}

/*#endregion*/

/*#region 文章单页*/
/*#region about wrapper*/
.about-wrapper{padding: 50px 0 105px;background: url(../image/about-bg1.jpg) no-repeat bottom center;}
.about-wrapper .container-xl{max-width: 1470px;}
.about-wrapper h2{font-size: 42px;font-weight: bold;color: #333333;font-family: 'Jost', sans-serif;text-align: center;text-transform: uppercase;}
.about-wrapper h2 span{color: #0166C1;}
.about-wrapper h2:after{content: "";width: 25px;height: 6px;background: #0166C1;display: block;margin: 20px auto 40px;}
.about-wrapper p{font-size: 18px;line-height: 32px;}
.about-wrapper .video{position: relative;display: flex;align-items: center;justify-content: center;width: 80%;margin: 45px auto;}
.about-wrapper .videoplay{position: absolute;z-index: 10px;cursor: pointer;}
.about-wrapper .videoplay img{transform: scale(0.9);transition: all 0.5s;}
.about-wrapper .videoplay:hover img{transform: scale(1.0);}
.about-wrapper .num-box{margin-top: 80px;}
.about-wrapper h4{font-size: 68px;font-family: 'Jost', sans-serif;color: #fff;text-align: center;margin-bottom: 10px;display: flex;align-items: flex-end;line-height: 78px;justify-content: center;}
.about-wrapper .num-title span{font-size: 18px;line-height: 42px;color: #fff}
.about-wrapper h5{font-size: 18px;color: #fff;line-height: 24px;text-align: center;}
.about-wrapper .num-title{display: flex;text-align: center;justify-content: center;}

@media(max-width:768px) {
    .about-wrapper{padding: 50px 0 30px;}
    .about-wrapper h2{font-size: 22px;}
    .about-wrapper p{font-size: 16px;line-height: 24px;}
    .about-wrapper .video{width: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;height: 300px;}
    .about-wrapper .video img.videoimg{width: auto;height: 300px;}
    .about-wrapper h4{font-size: 36px;line-height: 48px;}
    .about-wrapper h5{font-size: 16px;margin-bottom: 20px;}
}

.about-team{background: #fff;padding: 100px 0 120px;}
.about-team h2{font-size: 42px;font-weight: bold;color: #333333;font-family: 'Jost', sans-serif;text-align: center;text-transform: uppercase;}
.about-team h2:after{content: "";width: 25px;height: 6px;background: #0166C1;display: block;margin: 20px auto 40px;}
.about-team .box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about-team .box .left,.about-team .box .right{width: 37.4%;}
.about-team .box .mid{width: 23.4%;}
.about-team .imgs{display: flex;justify-content: space-between;}
.about-team .box .left .imgs{margin-top: 10px;}
.about-team .box .right .imgs{margin-bottom: 10px;}
.about-team .imgx{width: 48%;}
.about-team .right .text{background: #313c5e;}
.about-team .text{width: 49.7%;background: #0166C1;color: #fff;display: flex;align-items: center;padding: 0 30px;}
.about-team .text h3{font-size: 70px;margin-bottom: 12px;display: flex;align-items: flex-end;font-weight: bold;}
.about-team .text h3 span{font-size: 28px;line-height: 50px;}
.about-team .text h4{font-size: 28px;line-height: 36px;margin-bottom: 8px;}
.about-team .text p{font-size: 18px;line-height: 25px;}
.about-team .img{position: relative;display: flex;justify-content: center;align-items: center;}
.about-team .img:before{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 10;opacity: 0;transition: all 0.3s;}
.about-team .img .fdj{position: absolute;z-index: 11;display: none;}
.about-team .img:hover:before{opacity: 1;}
.about-team .img:hover .fdj{display: block;}

@media(max-width:768px) {
    .about-team{padding: 40px 0 40px;}
    .about-team h2{font-size: 22px;}
    .about-team .box .left,.about-team .box .right{width: 100%;}
    .about-team .box .mid{width: 100%;margin-top: 10px;margin-bottom: 10px;}
    .about-team .text{padding: 0 10px;}
    .about-team .text h3{font-size: 28px;margin-bottom: 0;}
    .about-team .text h4{font-size: 18px;margin-bottom: 0;}
    .about-team .text p{font-size: 16px;line-height: 24px;}
}

.about-history{position: relative;padding-bottom: 60px;}
.about-history .his-img{position: relative;}
.about-history .his-img .bg{position: absolute;left: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.1);height: 180px;z-index: 9;}
.about-history .title{position: absolute;top: 0;left: 0;right: 0;z-index: 10;}
.about-history .container-xl{padding-top: 50px;}
.about-history h2{font-size: 64px;font-weight: bold;color: #fff;font-family: 'Jost', sans-serif;text-transform: uppercase;}
.about-history h2:after{content: "";width: 25px;height: 6px;background: #0166C1;display: block;margin: 20px 0 40px 5px;}
.about-history .his-list{display: flex;align-items: center;justify-content: center;position: relative;}
.about-history .his-list .item{margin: 0 67px;position: relative;padding-top: 46px;z-index: 10;}
.about-history .his-list .hr{position: absolute;top: 85px;z-index: 8;width: 100%;height: 1px;background: #ddd;}
.about-history .his-list .item h3{text-align: center;font-size: 36px;font-weight: bold;line-height: 48px;margin-top: 15px;color: #999999;}
.about-history .his-list .item .on{display: none;}
.about-history .his-list .item:hover .on{display: block;}
.about-history .his-list .item:hover .off{display: none;}
.about-history .his-list .item:hover h3{color: #333333;}
.about-history .his-list .item:hover .on-box{display: block;}
.about-history .his-list .on-box{position: absolute;top: -360px;left: -155px;width: 380px;height: 360px;z-index: 20;display: none;}
.about-history .his-list .on-box h4{font-size: 150px;color: #fff;font-weight: bold;text-align: center;font-family: 'Jost', sans-serif;}
.about-history .his-list .on-box .nr{background: #333333;height: 180px;padding: 0 24px;display: flex;align-items: center;}
.about-history .his-list .on-box .nr p{font-size: 18px;line-height: 32px;color: #fff;}
.about-history .his-list .item:hover::before{
    z-index: 10;
    content: "";
    border-top: 14px solid #0166C1;
    border-right: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 14px solid transparent;
    position: absolute;
    top: 0;
    left: 26px;
}

@media(max-width:1680px) {
  .about-history .his-list .item{margin: 0 50px;} 
}

@media(max-width:1530px) {
  .about-history .his-list .item{margin: 0 30px;} 
}

.about-culture{padding: 30px 0 0;}
.about-culture h2{font-size: 42px;font-weight: bold;color: #333333;font-family: 'Jost', sans-serif;text-align: center;text-transform: uppercase;}
.about-culture h2:after{content: "";width: 25px;height: 6px;background: #0166C1;display: block;margin: 20px auto 40px;}
.about-culture .cul-box{background: url(../image/about-culbg.jpg) no-repeat top center;}
.about-culture .cul-box .col-md-3{padding-top: 85px;height: 549px;}
.about-culture .cul-box .col-md-3:after{content: "";height: 100%;width: 1px;position: absolute;right: 0;top: 0;bottom: 0;background: rgba(255, 255, 255, 0.3); }
.about-culture .cul-box .col-md-3:last-child():after{display: none;}
.about-culture .cul-box .img{text-align: center;}
.about-culture .cul-box h3{font-size: 22px;color: #ffffff;line-height: 27px;margin-top: 40px;text-align: center;}
.about-culture .cul-box h3:after{content: "";width: 93px;height: 26px;background: url(../image/about-cultb.png) no-repeat center;display: block;margin: 10px auto 0;display: none;transition: all 0.5s;}
.about-culture .cul-box .col-md-3:hover h3:after{display: block;}
.about-culture .cul-box .text{width: 100%;height: 220px;background: #0166C1;align-items: center;padding: 0 40px;display: none;}
.about-culture .cul-box .text p{font-size: 18px;color: #fff;line-height: 29px;text-align: center;}
.about-culture .cul-box .col-md-3:hover .text{display: flex;}
.about-culture .cul-box .text-last{width: 400%;position: absolute;right: 0;bottom: 0;height: 220px;background: #0166C1;color: #fff;display: block;}
.about-culture .cul-box .col-md-3:hover .text-last{display: block;}
.about-culture .cul-box .text-last .col{padding-top: 40px;}
.about-culture .cul-box .text-last h4{font-size: 20px;color: #fff;line-height: 29px;text-align: center;margin-bottom: 15px;font-weight: bold;}
.about-culture .cul-box .text-last p{font-size: 18px;color: #fff;line-height: 29px;text-align: center;padding: 0 60px;}

@media(max-width:1680px) {
    .about-culture .cul-box .text-last p{padding: 0 30px;}
    .about-culture .cul-box .text-last .col{padding-top: 35px;}
}

@media(max-width:1430px) {
    .about-culture .cul-box .text-last .col{padding-top: 20px;}
}

@media(max-width:768px) {
    .about-culture h2{font-size: 22px;} 
    .about-culture .cul-box{background: #333333;}
    .about-culture .cul-box .col-md-3 .text{opacity: 1;}
    .about-culture .cul-box .text-last p{padding: 0 15px;}
    .about-culture .cul-box .col-md-3{padding-top: 25px;padding-bottom: 25px;height: auto;}
    .about-culture .cul-box .col-md-3:nth-child(1),.about-culture .cul-box .col-md-3:nth-child(2){border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
    .about-culture .cul-box .col-md-3 h3:after{display: none!important;}
    .about-culture .cul-box .text-last{display: none;}
    .about-culture .cul-box .text{display: none;}
    .about-culture .cul-box .col-md-3:hover .text{display: none;}
    .about-culture .cul-box .col-md-3:hover .text-last{display: none;}
    .about-culture .cul-box .img img{max-width: 50%;}
    .about-culture .cul-box h3{font-size: 20px;margin-top: 20px;}
    .about-culture .culture-on{position: absolute;display: block;top: 0;right: 0;bottom: 0;left: 0;z-index: 20;cursor: pointer;}
    .culture-box{background: #fff;padding: 20px 15px;min-height: 500px;display: flex;align-items: center;justify-content: center;}
    .culture-box h3{font-size: 20px;color: #333333;line-height: 27px;text-align: center;margin-bottom: 15px;}
    .culture-box h4{font-size: 16px;color: #333333;line-height: 24px;text-align: center;margin-bottom: 5px;font-weight: bold;}
    .culture-box p{font-size: 14px;color: #666666;line-height: 20px;text-align: center;padding: 0px;}
    .culture-box .img{text-align: center;margin-bottom: 15px;}
    .culture-box .img img{max-width: 25%;}
    #culture1.reveal-modal,#culture2.reveal-modal,#culture3.reveal-modal,#culture4.reveal-modal{padding: 0;}
    .culture-box .text-last p{margin-bottom: 15px;font-size: 12px;line-height: 16px;}
    #culture1.reveal-modal .close-reveal-modal,#culture2.reveal-modal .close-reveal-modal,#culture3.reveal-modal .close-reveal-modal,#culture4.reveal-modal .close-reveal-modal{width: 25px;height: 25px;border: 1px solid #cccccc;border-radius: 50%;overflow: hidden;font-size: 24px;color: #cccccc;text-align: center;line-height: 25px;}
}

.about-process{padding: 30px 0;}
.about-process h2{font-size: 42px;font-weight: bold;color: #333333;font-family: 'Jost', sans-serif;text-align: center;text-transform: uppercase;}
.about-process h2:after{content: "";width: 25px;height: 6px;background: #0166C1;display: block;margin: 20px auto 40px;}
.process-box{margin-bottom: 60px;background: #f4f4f4;}
.process-box .img{position: relative;display: flex;align-items: center;justify-content: flex-end;}
.process-box .img:before{
    z-index: 10;
    content: "";
    border-top: 24px solid transparent;
    border-right: 24px solid #f4f4f4;
    border-bottom: 24px solid transparent;
    border-left: 24px solid transparent;
    position: absolute;
}
.process-box .img.right{justify-content: flex-start;}
.process-box .img.right:before{
    z-index: 10;
    content: "";
    border-top: 24px solid transparent;
    border-right: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 24px solid #f4f4f4;
    position: absolute;
}
.process-box .text{padding: 70px 90px 0;}
.process-box .text h3{font-size: 32px;color: #333333;font-weight: bold;margin-bottom: 35px;}
.process-box .text p{font-size: 18px;line-height: 32px;color: #9398a5;}

@media(max-width:768px) {
    .about-process h2{font-size: 22px;}
    .process-box .text{padding: 15px;}
    .process-box .text h3{font-size: 22px;margin-bottom: 15px;}
    .process-box .text p{font-size: 16px;line-height: 24px;}
    .process-box{margin-bottom: 0;}
    .process-box .img.right:before{display: none;}
    .process-box .img:before{display: none;}
}

.quality-box{padding: 50px 20px 0;background: #313c5e;color: #fff;}
.quality-box h3{font-size: 32px;text-align: center;margin-bottom: 30px;font-weight: bold;}
.quality-box p{font-size: 18px;line-height: 32px;text-align: center;width: 80%;margin: 0 auto 70px;}
.quality-box .img{display: flex;align-items: flex-end;justify-content: center;position: relative;}
.quality-box .img:after{content:"";width: 110px;height: 14px;background: url(../image/about-processjt.png) no-repeat center;z-index: 20;display: block; position: absolute;}

.quality-text{background: #fff;padding: 0 20px;margin-bottom: 60px;}
.quality-text .text{background: #f4f4f4;padding: 40px;}
.quality-text .text h4{font-size: 24px;font-weight: bold;color: #333333;margin-bottom: 25px;}
.quality-text .text p{font-size: 18px;line-height: 32px;color: #9398a5;height: 256px;overflow: hidden;}

.about-ad{padding: 110px 0 50px;background: url(../image/about-adbg.jpg) no-repeat top center;color: #fff;}
.about-ad .container-xl{display: flex;justify-content: flex-end;align-items: center;}
.about-ad .box{width: 43%;}
.about-ad h2{font-size: 50px;font-weight: bold;margin-bottom: 10px;font-family: 'Jost', sans-serif;text-transform: uppercase;}
.about-ad p{font-size: 18px;line-height: 30px;margin-bottom: 20px;}
.about-ad .more{background: #fff;display: inline-block;padding: 10px 30px;font-size: 17px;color: #0166C1;text-transform: uppercase;border-radius: 30px;overflow: hidden;}

@media(max-width:768px) {
    .quality-box{padding: 30px 15px 15px;}
    .quality-box h3{font-size: 22px;}
    .quality-box p{font-size: 16px;line-height: 24px;}
    .quality-text{padding: 0;margin-bottom: 20px;}
    .quality-text .text{padding: 15px;}
    .quality-box p{width: 100%;margin-bottom: 20px;}
    .quality-text .text h4{margin-bottom: 15px;font-size: 20px;}
    .quality-text .text p{font-size: 16px;line-height: 24px;height: auto;}

    .about-ad{padding: 15px;background: #0166C1;}
    .about-ad .box{width: 100%;}
    .about-ad h2{font-size: 28px;}
    .about-ad p{font-size: 16px;line-height: 24px;}
}

.public-wrapper{background: #fff;padding: 50px 0;}
.public-wrapper h2{font-size: 42px;font-weight: bold;color: #333333;font-family: 'Jost', sans-serif;text-align: center;text-transform: uppercase;}
.public-wrapper h2:after{content: "";width: 25px;height: 6px;background: #0166C1;display: block;margin: 20px auto 40px;}
.public-wrapper h3{font-size: 24px;line-height: 32px;color: #0166C1;font-weight: bold;margin: 20px 0 20px;}
.public-wrapper p{font-size: 18px;line-height: 32px;color: #333333;margin-bottom: 20px;}
.public-wrapper h4{font-size: 24px;line-height: 32px;color: #333333;font-weight: bold;margin: 20px 0 20px;}
.public-wrapper h5{font-size: 24px;line-height: 32px;color: #333333;font-weight: bold;margin: 20px 0 20px;}
.public-wrapper h5:before{content: "●";display: inline-block;margin-right: 8px;color: #333333;}

.sub-title{font-size: 32px;font-weight: bold;color: #303f60;display: flex;align-items: center;margin-bottom: 30px;}
.sub-title:before{content: "";width: 6px;height: 25px;background: #0166C1;display: block;margin-right: 25px;}

.down-wrapper {min-height: 500px;}
.down-wrapper h4{font-size: 18px; color: #666666; line-height: 18px;margin-top: 15px;margin-bottom: 8px;text-align: center;}
.down-wrapper .more{text-align: center; margin-top: 20px;margin-bottom: 50px;}
.down-wrapper .more a{font-size: 15px;color: #0166C1; border: 1px solid #0166C1; padding: 8px 20px;border-radius: 25px;overflow: hidden;}
.down-wrapper .img{padding: 10px 10px 0 10px;}
.down-wrapper .img>div{}

.down-col { margin-bottom: 50px;}
.down-col .down-tr{background: #0166C1;color: #fff;font-size: 36px; display: flex;text-align: center!important;}
.down-col .tr1{width: 40%;padding: 14px;border-left: 1px solid #fff;}
.down-col .tr2{width: 20%; padding: 14px;border-left: 1px solid #fff;}
.down-col .tr3{width: 20%;padding: 14px;border-left: 1px solid #fff;}
.down-col .down-td{color: #333333; display: flex;text-align: center;font-size: 24px;background: #fff;background: #ebebeb; line-height: 36px; }
.down-col .down-td:nth-child(2n){background: #f8f8f8;}

@media(max-width:768px) {
    .down-col .down-tr{font-size: 18px;}
    .down-col .tr1{width: 68%;padding: 10px;}
    .down-col .tr3{width: 32%;padding: 10px;}
    .sub-title{font-size: 22px;}
    .public-wrapper h5{font-size: 20px;line-height: 28px;}
    .public-wrapper h4{font-size: 18px;line-height: 26px;}
    .public-wrapper h3{font-size: 20px;line-height: 28px;}
    .down-col .down-td{font-size: 16px;line-height: 24px;}

    .public-wrapper h2{font-size: 22px;}
    .public-wrapper p{font-size: 16px;line-height: 24px;}
}

/*#region cert-container*/
.cert-wrapper{padding: 20px 0 30px;}
.cert-list{padding-left: 32px;margin-bottom: 55px;}
.cert-list .item{background: #f7f7f7;padding: 15px 18px;display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
.cert-list .item .left{width: 80%;display: flex;align-items: center;font-size: 18px;color: #333333;}
.cert-list .item .left span{margin-right: 14px;}

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

/*#region faq list*/
.faq-wrapper{padding: 60px 0;}
.faq-wrapper .faq-list .item{display: flex;border: 1px solid #ddd;margin-bottom: 30px;}
.faq-wrapper .faq-list .item .left{width: 94px;min-width: 94px;display: flex;align-items: center;justify-content: center;border-right: 1px solid #ddd;}
.faq-wrapper .faq-list .item .right{padding: 30px 60px;}
.faq-wrapper .faq-list .item .right h4{font-size: 32px;line-height: 36px;font-weight: bold; color: #666;margin-bottom: 20px;}
.faq-wrapper .faq-list .item .right .desc{font-size: 24px;color: #9396a2;line-height: 36px;}

@media(max-width:768px) {
  .faq-wrapper{padding: 40px 0;}
  .faq-wrapper .faq-list .item .left{display: none;}
  .faq-wrapper .faq-list .item .right{padding: 15px;}
    .faq-wrapper .faq-list .item .right h4{font-size: 20px;line-height: 28px;}
    .faq-wrapper .faq-list .item .right .desc{font-size: 16px;line-height: 24px;}
}
/*#endregion*/
.video-col{margin-bottom: 30px;}
.video-col .embed-responsive{display: flex;align-items: center;justify-content: center;cursor: pointer;}
.video-col .videotb{position: absolute;z-index: 10;}
.video-col .videotb img{transition: all 0.5s;}
.video-col .videotb:hover img{transform: scale(1.1);}
.video-col h4{font-size: 18px;line-height: 23px;margin-top: 7px;}

@media(max-width:768px) {
.video-col h4{font-size: 16px;line-height: 24px;}
}

.regional-wrapper{padding: 40px 0;background: #fff;}
.regional-wrapper h2{font-size: 42px;font-weight: bold;color: #333333;font-family: 'Jost', sans-serif;text-align: center;text-transform: uppercase;}
.regional-wrapper h2:after{content: "";width: 25px;height: 6px;background: #0166C1;display: block;margin: 20px auto 40px;}
.regional-wrapper .box{background: url(../image/regiona-bg.jpg) no-repeat center top;padding-top: 600px;}
.regional-wrapper .item{margin-bottom: 55px;}
.regional-wrapper .item p{font-size: 20px;line-height: 36px;color: #666666;}
.regional-wrapper .item p span{margin-left: 12px;}
.regional-desc{font-size: 24px;font-weight: bold;line-height: 36px;padding: 40px 0 50px;border-top: 1px solid #ddd;color: #d0142c;}

/*#region contact-wrapper*/
.contact-wrapper{padding: 40px 0 0;background: #f7f7f7;}
.contact .addrs h3{font-size: 22px;text-transform: uppercase;line-height: 32px;margin-bottom: 25px;color: #333333;}
.contact .addrs p{font-size: 18px;line-height: 46px;color: #333333;display: flex;}
.contact .addrs span{line-height: 46px;width: 43px;min-width: 43px;}
.contact .footer-feed{padding: 90px 80px 110px;}
footer.contact .footer-feed .btn{height: 64px;}
footer.contact{padding-top: 0;}

@media(max-width:768px) {
    .regional-wrapper{padding: 40px 0 20px;}
    .contact .footer-feed{padding: 15px 15px 30px;}
    .contact .addrs p{font-size: 16px;line-height: 30px;}
    .contact .addrs i{font-size: 20px;line-height: 30px;}
    .contact .addrs{margin-bottom: 30px;}
    .regional-wrapper h2{font-size: 22px;}
    .regional-wrapper .box{background: none;padding-top: 15px;}
    .regional-wrapper .item p{font-size: 16px;line-height: 24px;}
    .regional-desc{font-size: 16px;line-height: 24px;}
    .regional-wrapper .item{margin-bottom: 20px;}
}

/*#endregion*/

/*#region 产品中心*/
.proindex-wrapper{padding: 40px 0;}
.proindex-wrapper .profl-row{border: 1px solid #e6e6e6;}
.proindex-wrapper .profl-row .col-md-6{border-right: 1px solid #e6e6e6;}
.proindex-wrapper .profl-row .col-md-6:last-child(){border-right: 0;}
.proindex-wrapper .profl-row .title{padding: 20px 36px;background: #f5f5f5;position: relative;}
.proindex-wrapper .profl-row .title h3{font-size: 22px;line-height: 30px;height: 72px; padding-top: 10px; color: #333333;position: relative;width: 100%;font-weight: bold;}
.proindex-wrapper .profl-row .title h3:after{content: "";width: 22px;height: 4px;display: block;margin-top: 10px;background: #0166C1;}
.proindex-wrapper .profl-row .list{background: #fff;padding: 10px 36px;display: flex;justify-content: space-between; position: relative;flex-wrap: wrap;}
.proindex-wrapper .profl-row .list .list-box{width: 50%;}
.proindex-wrapper .profl-row .list p{width: 100%;font-size: 18px;line-height: 38px;color: #9396a2;}
.proindex-wrapper .profl-row .list p:before{content: "●";display: inline-block;margin-right: 8px;color: #999999;font-size: 12px;}
.proindex-wrapper .profl-row .list p i{line-height: 38px;margin-left: 10px;}

@media(max-width:1490px) {
    .proindex-wrapper .profl-row .list p{font-size: 16px;line-height: 32px;}
}

@media(max-width:1450px) {
    .proindex-wrapper .profl-row .title h3{font-size: 20px;}
}

@media(max-width:768px) {
    .proindex-wrapper .profl-row .list .list-box{width: 100%;}
}
.proindex-wrapper .profl-row .col-md-3{border-right: 1px solid #e6e6e6;}
.proindex-wrapper .profl-row .col-md-3:last-child(){border-right: 0;}
.proindex-wrapper .profl-row .col-md-3 .title h3{padding-top: 0px;}
.proindex-wrapper .profl-row .col-md-3 .list{display: block;}
.proindex-wrapper .profl-row .col-md-3 .list p{width: 100%;}

/*#region 产品列表*/
.pro-navbox{background: #fff;padding: 35px 0;border-bottom: 1px solid #dddddd;}
.pro-navbox .title{font-size: 36px;display: flex;align-items: center;margin-bottom: 15px;font-weight: bold;}
.pro-navbox .title:before{content: "";width: 6px;height: 25px;display: block;margin-right: 10px;background: #0166C1;}
.pro-navbox .desc{font-size: 18px;line-height: 32px;margin-bottom: 20px;}
.pro-navbox .list{display: flex; position: relative;flex-wrap: wrap;}
.pro-navbox .list p{width: 25%;font-size: 18px;line-height: 38px;color: #9396a2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro-navbox .list p:before{content: "●";display: inline-block;margin-right: 8px;color: #999999;}
.pro-navbox .list p i{line-height: 38px;margin-left: 10px;}
.pro-navbox .list p:hover,.pro-navbox .list p.active{color: #0166C1;}
.pro-navbox .list p:hover a,.pro-navbox .list p.active a{text-decoration: underline;color: #0166C1;}
.pro-navbox .list p:hover:before,.pro-navbox .list p.active:before{color: #0166C1;}

.pro-str{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:30px;}
.pro-str p a{display:inline-block;border:1px solid #dddddd;padding:13px 20px;margin-right:10px;margin-bottom:10px;font-size:18px;line-height:32px;color:#333333;}
.pro-str p.active a{border-color:#0166C1;color:#0166C1;}
.pro-str p:hover a{border-color:#0166C1;color:#0166C1;transition:all 0.5s;}

@media(max-width:768px) {
  .pro-str{display:flex;justify-content:space-between;margin-bottom:25px;}
  .pro-str p{width:48%;}
  .pro-str p a{font-size:16px;line-height:24px;margin-right:0;padding:10px;display:block;text-align:center;}
}

.pro-desc .title{font-size: 36px;display: flex;align-items: center;margin-bottom: 15px;font-weight: bold;}
.pro-desc .title:before{content: "";width: 6px;height: 25px;display: block;margin-right: 10px;background: #0166C1;}
.pro-desc .desc{font-size: 18px;line-height: 32px;margin-bottom: 20px;}

.pro-wrapper { padding:40px 0;background: #fff;}
.pro-wrapper .pro-box{background: #fff;margin-bottom: 20px;    }
.pro-wrapper .pro-box .img{border: 1px solid #ddd;text-align: center;padding: 20px 0;}
.pro-wrapper .pro-box .text{border: 1px solid #ddd;border-top: 0;padding: 20px 25px;position: relative;}
.pro-wrapper .pro-box .text:before{content: "";width: 3px;height: 16px;background: #0166C1;display: block;position: absolute;top: 23px;left: 0;}
.pro-wrapper .pro-box .text h4{font-size: 18px;line-height: 30px;color: #666666;height: 30px;overflow: hidden;display: -webkit-box;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.pro-wrapper .pro-box .text h4 a{color: #666666;}
.pro-wrapper .pro-box .text h4 a:hover{color: #0166C1;transition: all 0.3s;}
.pro-wrapper .pro-box .text .feed-box{display: flex;align-items: center;justify-content: space-between;margin-top: 10px;}
.pro-wrapper .pro-box .text .feed-box .feed{cursor: pointer; width: 115px;height: 35px;border: 1px solid #999;border-radius: 6px;overflow: hidden;text-align: center;font-size: 16px;text-transform: uppercase; line-height: 35px;color: #999999;}
.pro-wrapper .pro-box .text .feed-box .cart{cursor: pointer;width: 54px;height: 54px;line-height: 54px; text-align: center;color: #999;font-size: 22px; border: 1px solid #999;border-radius: 50%;overflow: hidden;}
.pro-wrapper .pro-box .text .feed-box .feed:hover{background: #0166C1;border-color: #0166C1;color: #fff;transition: all 0.3s;}
.pro-wrapper .pro-box .text .feed-box .cart:hover{background: #0166C1;border-color: #0166C1;color: #fff;transition: all 0.3s;}
.pro-wrapper .pro-box .text .feed-box .cart .off{display: block;}
.pro-wrapper .pro-box .text .feed-box .cart .on{display: none;}
.pro-wrapper .pro-box .text .feed-box .cart:hover .off{display: none;}
.pro-wrapper .pro-box .text .feed-box .cart:hover .on{display: block;}
.content-wrapper.product .nr ul,.content-wrapper.product .nr li{list-style-type: decimal;}
.content-wrapper.product .nr h5{font-size: 24px;font-weight: bold;color: #666;margin-bottom: 20px;margin-top: 20px;}

@media(max-width:768px) {
    .pro-desc{padding: 15px 0;}
    .pro-desc .title{font-size: 26px;margin-bottom: 0;}
    .proindex-wrapper .profl-row .title{padding: 20px 15px;}
    .proindex-wrapper .profl-row .list p{width: 100%;font-size: 16px;line-height: 26px;}
    .proindex-wrapper .profl-row .list{padding: 10px 15px;}
    .pro-desc .desc{font-size: 16px;line-height: 24px;margin-top: 20px;}
    .pro-navbox .list p{width: 100%;font-size: 16px;line-height: 24px;}
    .pro-wrapper .pro-box .text .feed-box{display: none;}
    .pro-wrapper .pro-box .text{padding: 10px 10px;}
    .pro-wrapper .pro-box .text:before{top: 13px;}
    .pro-wrapper .pro-box .text h4{font-size: 16px;line-height: 20px;height: initial;}
    .content-wrapper.product .nr h5{font-size: 18px;}
	
.pro-wrapper .pro-box .img {
    padding: 20px;
}	
	
}


/*#endregion*/

/*#region 文章列表*/
/*#region news list*/
.news-wrapper {padding: 40px 0;}
.news-wrapper .news-col {margin-bottom: 30px;}
.news-wrapper .news-col .img{border-radius: 15px 15px 0 0;overflow: hidden;}
.news-wrapper .news-col .desc{border: 1px solid #ddd;padding: 13px 25px;display: flex;justify-content: space-between;align-items: center;}
.news-wrapper .news-col .desc .left{display: flex;align-items: center;}
.news-wrapper .news-col .desc .left p{color: #999;font-size: 18px;line-height: 32px;display: flex;align-items: center;margin-right: 15px;}
.news-wrapper .news-col .desc .left p span{margin-right: 5px;}
.news-wrapper .news-col .desc .right span{background: #cdcdcd!important;}
.news-wrapper .news-col .desc .right span:hover{background: #e3e3e3!important;}
.news-wrapper .news-col .desc .right span:before{color: #fff;font-size: 16px;}
.news-wrapper .news-col .desc .right a{background: #cdcdcd!important;}
.news-wrapper .news-col .desc .right a:hover{background: #e3e3e3!important;}
.news-wrapper .news-col .desc .right a:before{color: #fff;font-size: 16px;}
.news-wrapper .news-col .text{border-radius: 0 0 15px 15px ;overflow: hidden;border: 1px solid #ddd;border-top: 0;padding: 25px 25px 40px;}
.news-wrapper .news-col .text h4{font-size: 28px;line-height: 36px;margin-bottom: 15px;}
.news-wrapper .news-col .text p{font-size: 20px;line-height: 32px;color: #666666;}
.news-wrapper .news-col .text .more{color: #0166C1;margin-left: 10px;}
.news-wrapper .news-col .text .more:hover{text-decoration: underline;}

.news-wrapper .tag-box{border-radius: 15px;overflow: hidden;border: 1px solid #ddd;margin-bottom: 30px;padding: 25px;}
.news-wrapper .tag-box .title{font-size: 20px;line-height: 36px;color: #666666;text-transform: uppercase;margin-bottom: 10px;font-weight: bold;}
.news-wrapper .tag-box p{font-size: 18px;line-height: 40px;display: flex;align-items: center;color: #999999;cursor: pointer;}
.news-wrapper .tag-box p:before{content: "";width: 14px;height: 14px;border: 1px solid #999;display: block;margin-right: 14px;}
.news-wrapper .tag-box p.active{color: #0166C1;}
.news-wrapper .tag-box p.active:before{border-color: #0166C1;background: #0166C1;}
.news-wrapper .tag-box p:hover{color: #0166C1;transition: all 0.3s;}
.news-wrapper .tag-box p:hover:before{border-color: #0166C1;background: #0166C1;transition: all 0.3s;}

.news-wrapper .hot-news-box{border-radius: 15px;overflow: hidden;border: 1px solid #ddd;margin-bottom: 30px;padding-bottom: 25px;}
.news-wrapper .hot-news-box .title{font-size: 20px;line-height: 36px;color: #666666;text-transform: uppercase;margin-bottom: 10px;padding: 25px 25px 0;font-weight: bold;}
.news-wrapper .hot-news-box .item{padding: 16px 25px;background: #fff;display: flex;align-items: center;}
.news-wrapper .hot-news-box .item .img{width: 120px;height: 120px;min-width: 120px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.news-wrapper .hot-news-box .item .img img{width: auto;height: 120px;}
.news-wrapper .hot-news-box .item h4{font-size: 20px;line-height: 30px;padding-left: 14px;}
.news-wrapper .hot-news-box .item:hover{background: #f1f1f1;transition: all 0.3s;}

.news-col2{border:1px solid #dddddd;margin-bottom:30px;}
.news-col2 .text{border-top:1px solid #ddd;padding:15px;}
.news-col2 .text h4{font-size:18px;line-height:26px;height:52px; font-weight:bold;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-col2 .text time{font-size:14px;line-height:22px;color:#999999;display:block;margin-top:10px;margin-bottom:10px;}
.news-col2 .text  p{font-size:14px;line-height:22px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;}
.news-col2 .text .more{font-size:16px;color:#0166C1;margin-top:30px;display:block;}
.news-col2 .text .more:hover{text-decoration:underline;}
.news-col2 .img{height:230px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.news-col2 .img img{height:200px;width:auto;}

@media(max-width:768px) {
  .news-col2{margin-bottom:15px;}
}


@media(max-width:768px) {
    .news-wrapper .news-col .desc{padding: 10px;}
    .news-wrapper .news-col .right{display: none;}
    .news-wrapper .news-col .text{padding: 15px;}
    .news-wrapper .news-col .text h4{font-size: 20px;line-height: 26px;}
    .news-wrapper .news-col .text p{font-size: 16px;line-height: 24px;}
    .news-wrapper .tag-box p{font-size: 16px;line-height: 24px;}
    .news-wrapper .hot-news-box .item h4{font-size: 16px;line-height: 24px;}
    .news-wrapper .tag-box{padding: 25px 15px;}
    .news-wrapper .hot-news-box .title{padding: 25px 15px 0;}
    .news-wrapper .hot-news-box .item{padding: 15px;}
}
/*#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;width: auto;height: 100%;}
.content-wrapper ol { margin-left: 1em; padding-left: 1em; }
.content-wrapper video { max-width: 100% !important; height: auto !important; }
.content-wrapper iframe { max-width: 100%; }
.content-wrapper table { width: 100%; margin-bottom: 1rem; color: #212529; }
.content-wrapper table p{margin-bottom: 0;}
.content-wrapper table th, .content-wrapper table td { padding: 0.5rem; vertical-align: middle; border: 1px solid #dee2e6; text-align: center; }
.content-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }
.content-wrapper table tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); color: #555; }
.content-wrapper table p{ margin-bottom: 0;}

/*产品内容*/
.pronr-wrapper{background: #fff;padding: 55px 0;}

.product-head .product-thumb { border: 1px solid #dddddd; border-radius: 15px;overflow: hidden; }
.product-head { margin-bottom: 1.5rem; }
.product-head .product-text{padding-left: 30px;}
.product-head .product-text .title{font-size: 28px;line-height: 42px;color: #666666;font-weight: bold;margin-bottom: 15px;}
.product-head .product-text .desc{font-size: 20px;line-height: 36px;color: #999999;margin-bottom: 15px;}
.product-head .product-text .table{font-size: 20px;line-height: 36px;color: #999999;}
.product-head .product-text .table tr{font-size: 24px;color: #666666; line-height: 30px;}
.product-head .product-text .table tr td{border: 0;}
.product-head .product-text .table tr td:first-child{font-weight: bold;}
.product-head .product-text .cert{display: flex;margin-bottom: 20px;}
.product-head .product-text .cert .item{margin-right: 15px;}
.product-head .product-text .ser-box{display: flex;align-items: center;margin-bottom: 20px;}
.product-head .product-text .ser-box .more{cursor: pointer; padding: 12px 40px;border: 1px solid #0166C1;background: #fff;font-size: 18px;color: #0166C1;margin-right: 15px;border-radius: 30px;overflow: hidden;}
.product-head .product-text .ser-box .more:hover{background: #0166C1;border-color: #0166C1;color: #fff;}
.product-head .product-text .share span{background: #9c9c9c!important;}
.product-head .product-text .share span:hover{background: #c7c7c7!important;}
.product-head .product-text .share span:before{color: #fff;font-size: 16px;}

@media(max-width:768px) {
    .product-head .product-text{padding-left: 0;}
    .product-head .product-text .title{font-size: 20px;line-height: 28px;}
    .product-head .product-text .desc{font-size: 16px;line-height: 24px;}
    .product-head .product-text .table tr{font-size: 16px;line-height: 24px;}
    .product-head .product-text .ser-box .more{padding: 12px;font-size: 16px;}
    .product-head .product-text .table tr td{padding: 0;margin-bottom: 5px;}
}

.content-tab{background: #fff;}
.content-tab .box1{display: none;justify-content: space-between;padding: 15px 0;}
.content-tab .box1 .left{width: 60%;}
.content-tab .box1 .right{width: 40%;display: flex;align-items: center;justify-content: flex-end;}
.content-tab .box1 .title{font-size: 28px;line-height: 42px;color: #666666;font-weight: bold;margin-bottom: 15px;}
.content-tab .box1 .ser-box{display: flex;align-items: center;margin-bottom: 0px;margin-left: 20px;}
.content-tab .box1 .ser-box .more{padding: 12px 40px;border: 1px solid #0166C1;background: #fff;font-size: 18px;color: #0166C1;margin-left: 15px;border-radius: 30px;overflow: hidden;}
.content-tab .box1 .ser-box .more:hover{background: #0166C1;border-color: #0166C1;color: #fff;}
.content-tab .box1 .share{padding-left: 15px;}
.content-tab .box1 .share span{background: #9c9c9c!important;}
.content-tab .box1 .share span:hover{background: #c7c7c7!important;}
.content-tab .box1 .share span:before{color: #fff;font-size: 16px;}
.content-tab .box2{display: flex;border: 1px solid #dddddd;}
.content-tab .box2 .item{font-size: 18px;color: #666666;padding: 20px 35px;position: relative;display: flex;justify-content: center;text-align: center;}
.content-tab .box2 .item:after{content: "";width: 0px;height: 6px;background: #0166C1;display: block;position: absolute;bottom: -3px;z-index: 10;transition: all 0.3s;}
.content-tab .box2 .item:hover:after{width: 125px;}
.content-tab .box2 .item.active:after{width: 125px;}

@media(max-width:1330px) {
  .content-tab .box1 .ser-box .more{padding:10px 30px;}
  .content-tab .box2 .item{padding:20px 20px;}
}

.content-tab.fixed{position: fixed;top: 66px;left: 0;right: 0;z-index: 20;}
.content-tab.fixed .box1{display: flex;}
.content-wrapper.product{padding: 30px 0 50px;border: 1px solid #ddd;}
.content-wrapper.product h2{font-size: 36px;font-weight: bold;color: #666666;display: flex;align-items: center;margin-bottom: 35px;position: relative;}
.content-wrapper.product h2:before{content: "";width: 4px;height: 22px;background: #0166C1;margin-right: 60px;}
.content-wrapper.product h3{font-size: 26px;color: #0166C1;line-height: 32px;margin-bottom: 20px;}
.content-wrapper.product p{font-size: 18px;line-height: 36px;color: #666666;}
.content-wrapper.product .box{padding: 0 60px;}
.content-wrapper.product .nr{padding: 40px 0;}
.content-wrapper.product table td{text-align: left;padding: 5px 30px;font-size: 18px;line-height: 36px;}
.content-wrapper.product table td p{font-size: 18px;line-height: 36px;}

@media(max-width:768px) {
    .content-tab.fixed .box1{display:none;}
    .content-tab .box2{display: none;}
    .content-wrapper.product h2:before{margin-right: 10px;}
    .content-wrapper.product .box{padding: 15px;}
    .content-wrapper.product h2{font-size: 20px;margin-bottom: 20px;}
    .content-wrapper.product h3{font-size: 18px;}
    .content-wrapper.product p{font-size: 16px;line-height: 24px;}
    .content-wrapper.product table td{padding: 5px 10px;font-size: 16px;line-height: 24px;}
    .content-wrapper.product{padding: 20px 0;}
    .pronr-wrapper{padding: 40px 0 20px;}
    .content-wrapper.product .nr{padding: 10px 0;}
    .content-wrapper.product .nr h2:after{content: "\f067";font-family: cmsfont;font-size: 18px;position: absolute;right: 15px;top: 5px;}
    .content-wrapper.product .nr.active h2:after{content: "\f068";}
    .content-wrapper.product .nr .box{margin-bottom: 20px;}
}

/*#region 新闻详情*/
.newsnr-container{ padding: 40px 0; }
.newsnr-container .title { font-size: 28px; line-height: 40px; color: #333333; font-weight: bold;}
.newsnr-container .content { color: #595959; line-height: 1.8rem; padding: 0;font-size: 16px; }
.newsnr-container .content h4{font-size: 32px;color: #0166C1;font-weight: bold;margin: 20px 0;}
.newsnr-container .content { margin-bottom: 20px;font-size: 18px;color: #333333;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-container .summary { font-size: 18px; line-height: 48px; color: #999999; border-bottom: 1px solid #dddddd;margin: 15px 0 35px;padding-bottom: 10px; }
.newsnr-container .summary span { margin-right: 15px; }

@media(max-width:768px) {
    .newsnr-container .title { font-size: 22px; line-height: 32px;}
    .newsnr-container .summary{font-size: 16px;line-height: 24px;}
    .newsnr-container .content h4{font-size: 18px;}
    .newsnr-container .content {font-size: 16px;line-height: 24px;}
}

.content-other{padding: 25px 40px;border: 1px solid #ddd; font-size: 18px;color: #0166C1;display: flex;align-items: center;justify-content: space-between;}
.content-other a{color: #333333;}
.content-other a:hover{ color: #0166C1;transition: all 0.3s; }
.content-other .left{width: 75%;}
.content-other .back{background: #0166C1;padding: 10px 40px;display: inline-block;font-size: 18px;color: #fff;border-radius: 30px;overflow: hidden;}
.content-other .back i{margin-left: 10px;}
.content-other .back:hover{text-decoration: underline;color: #fff;}

.newsnr-container .col-md-4{display: flex;justify-content: flex-end;}
.blog-box{width: 450px;z-index: 99;}
.blog-box h3{font-size: 32px;color: #fff;font-weight: bold;background: #26375a;padding: 15px 30px;border-radius: 20px 20px 0 0;overflow: hidden;}
.blog-box.bloggd{position: fixed;top: 100px;display: block;width: 450px;right: 160px;}
.blog-box .list{border: 1px solid #999999;padding: 35px 30px;background: #fff;}
.blog-box .list h4{font-size: 18px;line-height: 28px;margin-bottom: 20px;display: flex;}
.blog-box .list h4:before{content: "\f054";font-family: cmsfont;color: #ff7e3e;margin-right: 20px;font-weight: bold;}

@media(max-width:1680px) {
  .blog-box.bloggd{right: 30px;}
}

@media(max-width:1630px) {
  .blog-box.bloggd{right: 15px;}
}

@media(max-width:768px) {
  .newsnr-container .col-md-4{order: -1;}
  .newsnr-container .col-md-8{order: 13;}
  .blog-box{width: 100%;margin-bottom: 30px;}
  .blog-box.bloggd{position: relative;width: 100%;top: inherit;right: inherit;}
  .blog-box h3{font-size: 22px;padding: 10px 20px;}
  .blog-box .list{padding: 15px;}
  .blog-box .list h4{font-size: 16px;line-height: 24px;margin-bottom: 10px;}

  .content-other{padding: 15px;flex-wrap: wrap;}
  .content-other .left{width: 100%;margin-bottom: 10px;}
}

.hot-pro {background: #f8f8f8;padding: 40px 0;}
.hot-pro-title{color: #333333;font-size: 36px;margin-bottom: 25px;font-weight: bold;display: flex;align-items: center;}
.hot-pro-title:before{content: "";width: 6px;height: 25px;background: #0166C1;display: block;margin-right: 28px;}
.hot-pro .box{padding: 0;}
.hot-pro .pro-box{background: #fff;}
.hot-pro .pro-box .img{border: 1px solid #ddd;display: flex;justify-content: center;}
.hot-pro .pro-box .img a{
	display: flex;
    justify-content: center;
}


.hot-pro .pro-box .text{border: 1px solid #ddd;border-top: 0;padding: 20px 25px;position: relative;}
.hot-pro .pro-box .text:before{content: "";width: 3px;height: 16px;background: #0166C1;display: block;position: absolute;top: 23px;left: 0;}
.hot-pro .pro-box .text h4{font-size: 18px;line-height: 30px;color: #666666;height: 60px;display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.hot-pro .pro-box .text h4 a{color: #666666;}
.hot-pro .pro-box .text h4 a:hover{color: #0166C1;transition: all 0.3s;}
.hot-pro .pro-box .text .feed-box{display: flex;align-items: center;justify-content: space-between;margin-top: 20px;}
.hot-pro .pro-box .text .feed-box .feed{cursor: pointer; width: 115px;height: 54px;border: 1px solid #ddd;border-radius: 50px;overflow: hidden;text-align: center;font-size: 18px;text-transform: uppercase; line-height: 54px;color: #999999;}
.hot-pro .pro-box .text .feed-box .cart{cursor: pointer;width: 54px;height: 54px;line-height: 54px; text-align: center;color: #999;font-size: 22px; border: 1px solid #ddd;border-radius: 50%;overflow: hidden;}
.hot-pro .pro-box .text .feed-box .feed:hover{background: #0166C1;border-color: #0166C1;color: #fff;transition: all 0.3s;}
.hot-pro .pro-box .text .feed-box .cart:hover{background: #0166C1;border-color: #0166C1;color: #fff;transition: all 0.3s;}
.hot-pro .pro-box .hotnum{font-size: 18px;line-height: 30px;color: #666666;}
.hot-pro .pro-box .text .feed-box .feed2{cursor: pointer; width: 115px;height: 54px;background: #0166C1;color: #fff; border: 1px solid #0166C1;color: #fff;border-radius: 50px;overflow: hidden;text-align: center;font-size: 18px;text-transform: uppercase; line-height: 54px;}
.hot-pro .pro-box .text .feed-box .feed2:hover{text-decoration: underline;}
.hot-pro .pro-box .text .feed-box .cart .on{display: none;}
.hot-pro .pro-box .text .feed-box .cart .off{display: block;}
.hot-pro .pro-box .text .feed-box .cart:hover .on{display: block;}
.hot-pro .pro-box .text .feed-box .cart:hover .off{display: none;}
.hot-pro .swiper-pagination-bullet-active{background: #0166C1;}

@media(max-width:768px) {
    .hot-pro-title{font-size: 24px;}
    .hot-pro .pro-box{margin-bottom: 50px;}
    .hot-pro {padding: 40px 0 15px;}
    .totop{z-index: 99;}
}
/*其他内容*/
/*#endregion*/

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

/*留言*/
.form-row{margin-left: -10px;margin-right: -10px;}
.form-row>.col, .form-row>[class*="col-"] {padding-right: 10px;padding-left: 10px;}
.form-feedback .form-control{ background: #ffffff; color: #8d8d8d;font-size: 18px;line-height: 36px; border-radius: 5px;overflow: hidden; border: 1px solid #dddddd; padding-top: 13px;padding-bottom: 13px;  }
.form-feedback .form-control::-webkit-input-placeholder{color: #8d8d8d;}
.form-feedback .btn { color: #fff; background: #0166C1;border-radius: 5px; font-size: 22px;font-weight: bold; line-height: 22px;padding-top: 13px;padding-bottom: 13px;}
.form-feedback .btn:hover{background:#003f78;color: #fff; }
.form-feedback .form-group{margin-bottom: 20px;}
.form-feedback .btn{line-height: 36px;}

@media(max-width:768px) {
  .form-feedback .form-control{font-size: 16px;line-height: 24px;padding-top: 7px;padding-bottom: 7px;}
    .form-feedback .btn{line-height: 24px;padding-top: 7px;padding-bottom: 7px;font-size: 18px;}
    .form-feedback .form-group{margin-bottom: 12px;}
}



/*搜索*/
.search-group { width: 200px; height: 34px; background: #fff; overflow: hidden;border: 1px solid #dddddd;border-radius: 25px;}
.search-group .form-control { border: none; border-radius: 0px ;background: transparent;color: #5c5352;}
.search-group .form-control::-webkit-input-placeholder{color: #5c5352;}
.search-group .btn {border-radius: 0px;background:#fff; height: 34px;  width: 34px;display: flex;justify-content: center;align-items: center; padding: 6px 15px; margin-bottom: 0; }
.search-group i { color: #a1a1a1; font-size: 1.3rem; }
.search-group .btn:hover{background: #0166C1;}
.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.textleft th, .table-wrapper table.textleft td{ text-align: left;}
.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; }
}


/*购物车*/
#basket{width: 55px;height: 55px;position: fixed;bottom: 60px; right: 15px;z-index: 100;display: none;cursor: pointer;}
#basket.active{display: block;}
#basket .tb{background: #0166C1;width: 55px;height: 55px;display: block;border-radius: 50%;overflow: hidden;text-align: center;}
#basket .tb i{font-size: 26px;line-height: 55px;color: #fff;}
#basket .num{position: absolute;right: -8px;top: -3px;background: #f40a0a;text-align: center;width: 22px;height: 22px;z-index: 101;border-radius: 50%;overflow: hidden; font-size: 14px;color: #fff;}

#basket-box{z-index: 103; display: none; background: #fff;border: 1px solid #ddd; width: 240px;height: 280px;position: fixed;bottom: 0;right: 0;box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);}
#basket-box .top{cursor: pointer; height: 37px;background: #0166C1;font-size: 14px;color: #fff;text-align: center;line-height: 37px;position: relative;}
#basket-box .top span{color: #fff;font-weight: bold;}
#basket-box .top:before{content: "\f078";font-family: cmsfont;color: #fff;position: absolute;left: 15px;top: 2px;font-size: 14px;}

#basket-box .list{overflow-y: auto;height: 200px;width: 100%;}
#basket-box .list ul,#basket-box .list li{list-style: none;padding: 0;margin: 0;}
#basket-box .list>ul>li{display: flex;padding: 10px;border-bottom: 1px solid #ddd;justify-content: space-between;}
#basket-box .list>ul>li .img{width: 30%; padding-right: 10px;}
#basket-box .list>ul>li .text{width: 70%;}
#basket-box .list>ul>li .text h4{margin-top: 2px; font-size: 12px;color: #0166C1;line-height: 16px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#basket-box .list>ul>li .text h4 a{font-size: 12px;color: #0166C1;line-height: 16px;}
#basket-box .list>ul>li .text .del{color: #888;font-size: 12px;line-height: 16px;display: none;cursor: pointer;}
#basket-box .list>ul>li .text .del:hover{text-decoration: underline;}
#basket-box .list>ul>li:hover{background: #fffeee;}
#basket-box .list>ul>li:hover .text .del{display: inline-block;}

#basket-box .bottom{display: flex;align-items: center;justify-content: space-between;padding: 10px;}
#basket-box .bottom .qkbtn{line-height: 16px;padding: 4px 10px;font-size: 12px;color: #e64545;border: 0;background-color: #f1f1f1;border-radius: 3px;}
#basket-box .bottom .xjbtn{line-height: 16px;padding: 4px 10px;font-size: 12px;color: #fff;border: 0;background-color: #e64545;border-radius: 3px;}

/*#弹出留言表单*/
.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: 10%;
    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 h2 {
    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 h2 {
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
    }
}


.exh-wrapper{background:#fff;padding:85px 0 100px;}
.exh-wrapper .container-xl{max-width:1230px;}
.exh-wrapper .box{border:1px solid #dddddd;margin-bottom:35px;}
.exh-wrapper .box .item{display:flex;text-align:center;border-bottom:1px solid #dddddd;font-size:16px;line-height:30px;}
.exh-wrapper .box .item .country{width:35%;padding:12px 15px;display:flex;align-items:center;justify-content:center;}
.exh-wrapper .box .item .name{width:40%;padding:12px 15px;display:flex;align-items:center;justify-content:center;}
.exh-wrapper .box .item .time{width:25%;padding:12px 15px;display:flex;align-items:center;justify-content:center;}
.exh-wrapper .box .item:last-child{border-bottom:0;}
.exh-wrapper .box .item:first-child{background:#333333;color:#fff;font-weight:bold;font-size:22px;}

@media(max-width:768px) {
    .exh-wrapper{background:#fff;padding:35px 0 40px;}
    .exh-wrapper .box .item:first-child{font-size:17px;}
    .exh-wrapper .box .item .country{padding:10px;}
    .exh-wrapper .box .item .name{padding:10px;}
    .exh-wrapper .box .item .time{padding:10px;}
    .exh-wrapper .box .item{font-size:12px;line-height:16px;}
}

/* 展示窗口 window */
.window.off{display:none;}
.window #day{display:none;}
.window #month{display:none;}
.window{position:fixed;right:0;top:243px;width:380px;padding:30px 0; z-index:99;background-color:rgba(0,40,80,0.8);color:#fff;border-top-left-radius:5px;border-bottom-left-radius:5px;display:flex;align-items:center;justify-content:space-between;font:16px Regular;transition:0.6s all}
.window .icon{font-size:20px}
.window .btn{min-width:50px;height:190px;color:#fff;background-color:#001e3c;display:flex;align-items:center;justify-content:center;border-radius:0;border-top-right-radius:5px;border-bottom-right-radius:5px}
.window .btn-left{position:absolute;right:380px;border-radius:0px;border-top-left-radius:5px;border-bottom-left-radius:5px}
.window .window-text{margin:0 10px}
.window .t1{font-size:20px}
.window .row{margin-top:42px;font-size:16px}
.window .row .info{margin-top:22px;font-size:14px}
.window .theme{margin-top:30px;font-size:20px}
.window .time{margin-top:20px;font-size:25px}
.window .place{margin-top:30px;line-height:21px}
.window .ps{margin-top:40px;line-height:21px}
.window.hide{right:-380px}
.window .btn-left{opacity:0;display:none}
.window .show{opacity:1;display:flex;right:380px}


@media(max-width:768px) {
    .window{top:15%;width:80%;}
    .window .t1{font-size:18px}
    .window .row{margin-top:22px;font-size:14px}
    .window .btn-left{right:100%;}
    .window .window-text{margin:0 5px}
    .window .theme{margin-top:20px;font-size:18px}
    .window .time{margin-top:15px;font-size:20px}
    .window .ps{margin-top:20px;line-height:21px}
    .window.hide{right:-80%}
    .window .btn{min-width:20px;height:80px;}
    .window .show{right:100%}
}

.home-prolist{background:#f7f7f7;padding:50px 0;}
.home-prolist .pro-box{position:relative;margin-bottom:30px;background:#fff;padding:30px;}
.home-prolist .pro-box .img{margin-bottom:10px;}
.home-prolist .pro-box .title{text-align:center;font-size:18px;line-height:26px;color:#333333;margin-bottom:15px;height:35px;overflow:hidden;display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.home-prolist .pro-box .more-tb{display:block;width:80px;height:80px;margin:0 auto -60px;background:#f7f7f7;border-radius:50%;text-align:center;padding:10px;}
.home-prolist .pro-box .more-tb .tb{background:#0166C1;width:60px;height:60px;text-align:center;line-height:60px;font-size:42px;color:#fff;border-radius:50%;}

@media(max-width:768px) {
    .home-prolist .pro-box{padding:10px;}
    .home-prolist .row{margin-left:-7px;margin-right:-7px;}
    .home-prolist .row .col-6{padding-left:7px;padding-right:7px;}
    .home-prolist .pro-box .title{font-size:15px;line-height:22px;height:66px;display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
    .home-prolist .pro-box .more-tb{width:60px;height:60px;margin:0 auto -40px;}
    .home-prolist .pro-box .more-tb .tb{width:40px;height:40px;line-height:40px;font-size:32px;}

}


.tk{position:fixed;right:-416px;bottom:20%;z-index:90;display:flex;align-items:center;height:241px;width:480px;transition:all 0.5s;}
.tk .left{width:64px;}
.tk .left img{height:241px;width:64px;}
.tk .right{color:#fff;background:url(../image/tk-right.jpg) no-repeat;background-size:cover;height:100%;display:flex;align-items:center;}
.tk .right .box{padding-left:25px;padding-right:15px;}
.tk .right a{color:#fff;}
.tk .right a:hover{text-decoration:underline;}
.tk .right .t1{text-transform:uppercase;font-size:18px;line-height:22px;margin-bottom:10px;font-weight:bold;}
.tk .right .t2{font-size:16px;line-height:28px;margin-bottom:5px;}
.tk .right .t3{font-size:16px;line-height:28px;}
.tk:hover{right:0;}

.tk .form-feedback .form-control{font-size:14px;line-height:24px;padding-top:4px;padding-bottom:4px;}
.tk .form-feedback .form-group{margin-bottom:4px;}
.tk .form-row{margin-left:-3px;margin-right:-3px;}
.tk .form-row .col-md-6,.tk .form-row .col-12{padding-left:3px;padding-right:3px;}
.tk .form-feedback .btn{font-size:14px;line-height:24px;padding-top:4px;padding-bottom:4px;background:#121726}

@media(max-width:768px) {
  .tk{width:100%;right:-85%;}
  .tk .left img{height:100%;width:auto;}
  .tk .left{width:auto;}
  .tk .right .box{padding-left:45px;padding-right:55px;}
  .tk .right .t1{text-transform:uppercase;font-size:16px;line-height:22px;margin-bottom:20px;font-weight:bold;}
  .tk .right .t2{font-size:14px;line-height:22px;margin-bottom:5px;}
  .tk .right .t3{font-size:14px;line-height:22px;}
  
  
  .home-news-mb {
	 display: none;
  }  
  
  
}