/*#region 通用*/
body { color: #222; font-size: 14px; font-family: 'Raleway', sans-serif; }
a{color: #222;}
a:hover{color: #60b07b;}
body, div, p, img, ul, ol, li, form, input, label, span, dl, dt, dd, h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0; }
img {
  aspect-ratio: attr(width) / attr(height);
}
ul, ol, li, dl, dd, dt {list-style-type: none; }
.img-width{width: 100%;height: auto;}
.main-container { margin-bottom: 60px; margin-top: 60px; }
.bghui{background: #f4faff;}
.card-thumb img{transition: all 0.5s ease;}
.card-thumb:hover img{transform: scale(1.05);}
.container-xl.long{max-width: 1630px;}
.container-xl.short{max-width: 1230px;}
@media(max-width:768px) {
    .main-container { margin: 20px 0; }
}
/*#endregion*/

.header { top: 0; position:fixed; top:0;left: 0; z-index: 999;width: 100%; border-bottom: 1px solid;border-color: rgba(255, 255, 255, 0.4);}
.header .logo{display: flex;align-items: center; padding-top: 20px;padding-bottom: 10px;}
.header .navbox{display: flex;text-align: right;justify-content: flex-end;flex-wrap: wrap;border-bottom: 1px solid #6c6d6e;}
.header .header-top{width: 100%;display: flex;justify-content:space-between; padding-left: 35px;padding-right: 35px;background:rgba(0, 0, 0, 0.3); }
.header .header-top .row{width: 100%;}
.header .topnav.right{display: flex;align-items: center;justify-content: space-between; padding-top: 10px;}
.header-desc{background:rgba(0, 0, 0, 0.6);padding: 10px 0;}
.header-desc .container-xl{display: flex;justify-content: space-between;align-items: center;}
.header-desc .left{color: #fff;font-family: 微软雅黑;}
.header-desc .left a{color: #fff;}
.header-desc .right .dropdown.lang .dropdown-toggle{background: #5b5b5b;color: #fff;}
.header.bgheader .header-desc{display: none;}
.header .top-share{color: #fff;font-size: 18px;cursor: pointer;}
.header .top-share .social{display: flex;}
.header .top-share .social a{margin-right: 0;margin-left: 8px;padding: 0;border-radius: 50%;overflow: hidden;}
.header .top-share .social a:hover{animation: im_icon 1s linear infinite;}

@keyframes im_icon{
    0%{
        transform: translate(0,0);
    }
    50%{
        transform: translate(0,-5px);
    }
    100%{
        transform: translate(0,0);
    }
}

.bgheader{background:rgba(0, 0, 0, 0.6);}
.bgheader .logo{padding-top: 0;padding-bottom: 0;}
.bgheader .topnav{padding-top: 20px;}

.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: 16px;}
.navbar-custom .navbar-nav .nav-item { margin: 0 30px; padding: 8px 0; }
.navbar-custom .navbar-nav .nav-link { padding: 1.8rem 0.25rem; text-align: center; color:#fff; font-size: 18px; overflow: hidden; display: flex;justify-content: center; }
.navbar-custom .navbar-nav .nav-link:after,.navbar-custom .navbar-nav .nav-link:after{content: "";width: 0px;height: 3px;background: #fff;position: absolute; bottom: 0;}
.navbar-custom .navbar-nav .nav-link:hover:after,.navbar-custom .navbar-nav .nav-link.active:after{width: 55px; transition: all 0.3s;}
.navbar-custom .navbar-nav .nav-link:hover, .navbar-custom .navbar-nav .nav-link:focus { color:#fff;  transition: all 0.3s;}
.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:#fff;  }
.navbar-custom .navbar-text { color: rgba(0, 0, 0, 0.5); }
.navbar-custom .navbar-text a { color: rgba(0, 0, 0, 0.9); }
.navbar-custom .navbar-text a:hover, .navbar-custom .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); }
.navbar-custom .navbar-nav .nav-item:hover .nav-link{color:#fff;  transition: all 0.3s;}


@media(max-width:1600px) {
.navbar-custom .navbar-nav .nav-item { margin: 0 20px;}
.top-lang{display: block;}

}

@media(max-width:1400px) {
.navbar-custom .navbar-nav .nav-item { margin: 0 10px;}
.top-lang{display: block;}

}

@media(max-width:1200px) {
.navbar-custom .navbar-nav .nav-item { margin: 0 5px;}
.top-lang{display: block;}

}

/*#region 手机端*/
.header-mb{background: #004fa2;position: fixed;top: 0;left: ;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: 40px;width: auto;}
.header-mb .top-mb{display: flex; align-items: center;width: 50%;justify-content: flex-end; }
.header-mb .top-mb .dropdown.lang .dropdown-toggle{background: transparent; padding: 0;}
.header-mb .top-mb .dropdown-menu{min-width: 80px;margin-top: 8px;}
.header-mb .top-mb .top-mb-search{padding: .5rem .4rem; margin-left: 10px; width: 30px; text-align: center; }
.header-mb .top-mb .top-mb-search i{font-size: 16px;color: #fff}
.header-mb .top-mb .icon-bars{color: #fff;}
.header-mb .top-mb .dropdown.lang .dropdown-toggle{color: #fff;}
.top-mb-search-box{display: none; position: fixed;background: #004fa2; top: 50px; padding: 6px 15px 10px;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);z-index: 998;width: 100%; }
.top-mb-search-box .search-group{width: 100%;height: 38px;}
.top-mb-feed i{font-size: 16px;color: #fff}

.mobile-head-item .main-content-wrap {
  background: #FFF;
  top: 0;
  display: block;
  z-index: 99999;
 }
 .mobile-head-item .main-content-wrap .content-wrap {
  overflow-y: auto;
  height: 100%;
  padding: 15px 10px;
  background-color: #fff;
 }
 .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap {
  overflow-y: hidden;
 }
 .mobile-head-item .side-content-wrap {
  position: fixed;
  display: block;
  right: -80%;
  width: 80%;
  height: 100%;
 }
 .mobile-head-item .middle-content-wrap {
  position: absolute;
  right: 0;
  width: 100%;
  height: auto;
  padding: 20px 0;
  opacity: 0;
  visibility: hidden;
 }
 .mobile-head-item .middle-show-content-wrap {
  top: 30px;
  visibility: visible;
  opacity: 1;
 }
 /* header */.head_top .top_left {
  display: none;
 }
 
 /*nav */.head_nav {
  width: 100%;
  padding: 0 5px;
 }
 .head_nav li {
  padding-left: 28px;
  padding-top: 4px;
  padding-bottom: 4px;
 }
 .head_nav li,
 .head_nav li a {
  color: #111;
 }
 .head_nav li.has-child {
  padding-left: 28px;
  margin-top: 0;
  margin-bottom: 0;
 }
 .head_nav li.has-child>a {
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 35px;
 }
 .head_nav li.has-child>ul {
  display: none;
 }
 .head_nav li.siblings-no-menu {
  position: relative;
  padding-left: 15px;
 }
 .head_nav li a {
  display: block;
  height: 1.4em;
  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;
 }

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

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

.menu-horizontal-wrapper.pro h2{font-size: 22px;color: #fff;background: #0154a4;padding: 15px 10px;text-align: center;font-weight: bold;}
.menu-horizontal { display: block;background: #fff;}
.menu-horizontal .nav-item {  display: block; border-bottom: 1px solid #adc6dc; }
.menu-horizontal .nav-item:last-child{border-bottom: 0px solid #adc6dc;}
.menu-horizontal .nav-link {width: 100%; padding: 8px 15px; color: #333333;display: block;text-align: left;  font-size: 17px; }
.menu-horizontal .nav-item.active .nav-link{color: #0154a4;  }
.menu-horizontal .nav-link:hover {color: #0154a4; transition: all 0.3s; }

.ny-nav-child{border-bottom: 1px solid #e0e0e0;}
.menu-horizontal-child {display: flex;}
.menu-horizontal-child .nav-item-child{display: flex;align-items: center;position: relative;margin-right: 20px;}
.menu-horizontal-child .nav-link-child:before { content: "●"; font-size: 16px;color: #999999;margin-right: 7px;}
.menu-horizontal-child .nav-link-child { color: #999999;font-size: 16px;line-height: 24px; padding: 25px 15px; width: 100%;display: block; position: relative;}
.menu-horizontal-child .nav-link-child.active { color: #004fa2; font-weight: bold;}
.menu-horizontal-child .nav-link-child.active:before { color: #004fa2;}
.menu-horizontal-child .nav-link-child:hover{color: #004fa2; }
.menu-horizontal-child .nav-link-child:hover:before { color: #004fa2;}

.menu-horizontal-third {display: flex;}
.menu-horizontal-third .nav-item-third{display: flex;align-items: center;position: relative;margin-right: 20px;padding-top: 25px;}
.menu-horizontal-third .nav-link-third:before { content: "●"; font-size: 14px;color: #999999;margin-right: 7px;}
.menu-horizontal-third .nav-link-third { color: #999999;font-size: 14px;line-height: 24px; padding: 5px 15px; width: 100%;display: block;border: 1px solid #fff; overflow: hidden;border-radius: 50px; position: relative;}
.menu-horizontal-third .nav-item-third.active:after,.menu-horizontal-third .nav-item-third:hover:after{content: "";display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #e1e1e1;
    border-bottom: 10px solid transparent;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 43%;
}
.menu-horizontal-third .nav-item-third.active .nav-link-third { color: #004fa2; border-color: #004fa2; }
.menu-horizontal-third .nav-item-third.active .nav-link-third:before { color: #004fa2;}
.menu-horizontal-third .nav-item-third:hover .nav-link-third{color: #004fa2; border-color: #004fa2;  }
.menu-horizontal-third .nav-item-third:hover .nav-link-third:before { color: #004fa2;}

.ny-nav-about{background: #e1e1e1;padding: 35px 0 15px;}
.ny-nav-about .menu-horizontal-wrapper{margin-bottom: 0;}
.menu-horizontal-about{display: flex;flex-wrap: wrap;}
.menu-horizontal-about .nav-item-about { margin-right: 20px;color: #626262;min-width: 190px;margin-bottom: 20px;}
.menu-horizontal-about .nav-link-about {padding: 12px 10px; color: #ffffff;display: block;text-align: center;background: #004fa2; font-size: 18px;border-radius: 50px;overflow: hidden;}
.menu-horizontal-about .nav-link-about.active,.menu-horizontal-about .nav-link-about:hover {color: #ffffff; background: #828282; }

@media(max-width:768px) {
    .nynav-about{padding-right: 0px;}
    .ny-nav-about{background: #e1e1e1;padding: 35px 0 15px;}
    
}
/*#endregion*/

/*#region 位置导航*/
.ny-crumb{}
.ny-crumb .container-xl{display: flex;justify-content: center;align-items: center;height: 350px; }
.page-title { display: block; }
.page-title .title{font-size: 36px;font-weight: bold; color: #fff;text-align: center;margin-bottom: 10px;}
.page-title a{color: #fff;}
.page-title a:hover{text-decoration: underline;}
.page-title .breadcrumb { justify-content: center; }
.breadcrumb-item + .breadcrumb-item::before { color: #fff;font-family: cmsfont; content: "\f054";font-size: 10px;  }
.page-title .breadcrumb:before { font-family: cmsfont; content: "\f016"; margin-right: 0.25rem; color: #fff}

@media(max-width:768px) {
    .wznav .breadcrumb { justify-content: center; }
    .ny-crumb .container-xl{height: 100px;}
    .page-title{ width: 100%;}
    .wznav a{color: #004fa2;}
    .wznav .breadcrumb-item + .breadcrumb-item::before { content: '';
    display: inline-block;
    width: 0;
    height: 0;
    overflow: hidden;
    border: .55em solid #004fa2;
    border-top-width: .3em;
    border-bottom-width: .3em;
    border-right: 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
    vertical-align: middle;
    margin-right: .4em;
    margin-left: 0.4em;
    border-left-color: #004fa2; }
    .wznav{background: #fff;font-size: 16px!important;padding: 20px 15px;margin-bottom: 20px;border-bottom: 1px solid #ddd; text-align: center;}
    .wznav .breadcrumb-item:last-child a{color: #d0220b;font-weight: bold;}
}
/*#endregion*/

/*#region 底部*/
.footer{background: url(../image/new-footerbg.jpg) no-repeat center;background-size: cover;padding: 85px 0 65px;color: #fff;}
.footer a{color: #fff;}
.footer a:hover{text-decoration: underline;}
.footer .container-xl{display: flex;justify-content: space-between;}
.footer h3{font-size: 34px;font-weight: bold;margin-bottom: 20px;font-family: 微软雅黑;}
.footer p{font-size: 16px;line-height: 30px;}
.footer .footer1{width: 35%;}
.footer .social a,.footer .social span{background: transparent!important;margin-right: 25px;}
.footer .social>span:before,.footer .social>a:before{font-size: 26px;}
.footer .footer1 .addr{display: flex;margin-bottom: 25px;}
.footer .footer1 .addr i{min-width: 43px;font-size: 18px;line-height: 30px;}
.footer .footer2 p{font-size: 20px;line-height: 50px;}
.footer .footer2 .foot-logo{margin-top: 60px;}
.footer .footer3 h4{font-size: 24px;line-height: 48px;}
.footer .footer3 p{font-size: 16px;line-height: 35px;}
.footer .footer3 p:before{content: "";width: 11px;height: 11px;display: inline-block;line-height: 35px;background: url(../image/new-foottb.png) no-repeat;margin-right: 6px;}
.footer .footnav{margin-bottom: 25px;}

.footer-mb{background: #004fa2;padding: 10px 0;font-size: 15px;color: #fff;line-height: 20px;text-align: center;}

@media(max-width:768px) {
  .footer{background: url(../image/mb-footbg.jpg) no-repeat center;padding: 50px 0 50px;}
  .footer .footer1{width: 100%;}
  .footer h3{font-size: 22px;}
  .footer .foot-social{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
  .footer .footer1 .addr{margin-bottom: 10px;}
}

/*#endregion*/

/*#region 首页*/
.banner-home{position: relative;}
.banner-home video{width: 100%;}
.banner-home .container-xl{justify-content: flex-start;align-items: flex-end;display: flex;position: relative;height: 100%;}
.banner-home .box{width: 55%;background: rgba(0, 0, 0, 0.4);padding: 30px 35px;text-align: left;position: absolute;left: 15px;bottom: 67px;}
.banner-home .box .more{background: #004fa2;width: 180px;height: 50px;color: #fff;border-radius: 50px;overflow: hidden;font-size: 18px;line-height: 50px; text-align: center;display: block;}
.banner-home .box .more:hover{background: #004fa2;transition: all 0.5s;}
.banner-home .box h4{font-size: 50px;line-height: 60px;font-weight: bold;margin-bottom: 15px;}
.banner-home .box p{font-size: 18px;line-height: 30px;margin-bottom: 20px;}
.banner-home .box h4 a{color: #fff;}
.banner-home .box h4 a:hover{text-decoration: underline;}

@media(max-width:1500px) {
  .banner-home .box h4{font-size: 40px;line-height: 50px;}
}

@media(max-width:1300px) {
  .banner-home .box h4{font-size: 30px;line-height: 40px;}
}

@media(max-width:768px) {
  .banner-home .box{width: auto;right: 15px;bottom: 15px;left: 15px;padding: 15px;}
  .banner-home .box .more{font-size: 14px;}
  .banner-home .box p{font-size: 13px;line-height: 16px;}
  .banner-home .box h4{font-size: 18px;line-height: 22px;}
  .banner-home .box .more{width: 130px;height: 35px;line-height: 35px;}
}

.home-pro{background: #fdfdfd;padding-top: 80px;padding-bottom: 30px;}
.home-pro .subtitle{font-size: 24px;text-transform: uppercase;text-align: center;line-height: 28px;color: #004fa2;margin-bottom: 15px;}
.home-pro .title{font-size: 42px;font-weight: bold;text-align: center;color: #004fa2;margin-bottom: 15px;}
.home-pro .desc{font-size: 18px;color: #666;text-align: center;padding: 0 230px;margin-bottom: 80px;}
.hmpro-box2 {position: relative;margin-left: -37px;margin-right: -37px;}
.hmpro-box2 .col-md-4{padding-left: 37px;padding-right: 37px;margin-bottom: 75px;}
.hmpro-box2 .item{position: relative;overflow: hidden;}
.hmpro-box2 .item .textoff{width: 100%; position: absolute;height: 100%;top: 0; display: flex;align-items: flex-end;justify-content: center; opacity: 1;background-image: linear-gradient(rgba(0, 0, 0, 0) 60%,rgba(34, 111, 99, 0.8), rgba(34, 111, 99, 1));}
.hmpro-box2 .item .textoff h3{border: 2px solid #f2f2f2;display: block;margin-bottom: 38px;width: 315px; height: 64px;font-size: 21px;line-height: 24px;color: #fff;line-height: 64px;text-align: center;}
.hmpro-box2 .item .texton{opacity: 0;position: absolute;width: 100%; height: 100%;top: 0;padding-left: 30px;padding-right: 30px;display: flex;flex-wrap: wrap; align-items: center;color: #fff;background: rgba(34, 111, 99, 0.5);}
.hmpro-box2 .item .texton h3{font-size: 28px;font-weight: bold;width: 100%;}
.hmpro-box2 .item .texton h3:after{content: "";width: 80px;height: 3px;background: #fff;margin: 25px 0;display: block;}
.hmpro-box2 .item .texton p{font-size: 16px;line-height: 30px;display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;}
.hmpro-box2 .item .texton .more{font-size: 16px;line-height: 30px;margin-top: 20px;}
.hmpro-box2 .item img{transition: all 0.5s;}
.hmpro-box2 .item:hover img{transform: scale(1.05);}
.hmpro-box2 .item:hover .textoff{opacity: 0;transition: all 0.5s;}
.hmpro-box2 .item:hover .texton{opacity: 1;transition: all 0.5s;}

@media(max-width:1230px) {
  .hmpro-box2 .item .texton p{-webkit-line-clamp: 5;}
}

@media(max-width:1700px) {
  .hmpro-box2 {margin-left: -10px;margin-right: -10px;}
  .hmpro-box2 .col-md-4{padding-left: 10px;padding-right: 10px;}
}

@media(max-width:768px) {
    .hmpro-box2 .item .texton{display: none;}
    .home-pro .subtitle{font-size: 14px;}
    .home-pro .title{font-size: 22px;}
    .hmpro-box2 .col-md-4{margin-bottom: 0px;}
    .home-pro .desc{padding: 0;font-size: 14px;line-height: 20px;margin-bottom: 30px;}
    .hmpro-box2 .item .textoff h3{width: 90%;font-size: 14px;line-height: 40px;height: 40px;margin-bottom: 15px;}

    .home-pro{padding-top: 30px;padding-bottom: 10px;}
    .hmpro-box2 {position: relative;}
    .hmpro-box2 .item{position: relative;overflow: hidden;margin-bottom: 20px;}
    .hmpro-box2 .item .text{bottom: 32px;padding-left: 0px;padding-right: 0px;width: 100%; position: absolute;}
    .hmpro-box2 .item .text p{border-top: 2px solid #f2f2f2;border-bottom: 2px solid #f2f2f2;display: block;height: 44px;font-size: 17px;color: #fff;line-height: 44px;text-align: center;}
    .hmpro-box2 .item:hover img{transform: scale(1.05);}
    .hmpro-box2 .item img{transition: all 0.5s;}
    .hmpro-box2 .item:hover .text p{text-decoration: underline;}
}

.new-home-video{background: url(../image/new-hmvideo.jpg) no-repeat center;position: relative;background-size: cover;padding: 140px 0;}
.new-home-video .text{display: flex;align-items: center;color: #fff;height: 100%;}
.new-home-video .text h2{font-size: 42px;font-weight: bold;margin-bottom: 40px;}
.new-home-video .text p{font-size: 16px;line-height: 36px;margin-bottom: 35px;}
.new-home-video .text .more{width: 136px;height: 41px;display: block;border: 1px solid #fdff;text-align: center;font-size: 16px;line-height: 41px;color: #fff;}
.new-home-video .text .more:hover{background: #004fa2;transition: all 0.5s;}
.new-home-video .video{display: flex;align-items: center;justify-content: center; height: 100%;position: relative;height: 360px;padding-left: 150px;}
.new-home-video .video .videotb{cursor: pointer;}
.new-home-video .video .videotb img{transition: all 0.5s;}
.new-home-video .video .videotb:hover img{transform: scale(1.05);}

.home-subtitle{background: #004fa2;font-size: 35px;font-weight: bold;text-align: center;padding: 30px 0;color: #fff;}
.home-ser{background: #f7f9fc;padding: 80px 0 40px;}
.home-ser .ser-box{background: #fff;padding: 40px 25px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
.home-ser .ser-box h3{font-size: 24px;font-weight: bold;line-height: 36px;color: #4d4d4d;text-align: center;font-family: 微软雅黑;margin-bottom: 20px;}
.home-ser .ser-box .list{margin-bottom: 40px;height: 228px;}
.home-ser .ser-box .list p{font-size: 17px;line-height: 38px;color: #4d4d4d;}
.home-ser .ser-box .list p span{color: #080808;}
.home-ser .ser-box .list p:before{content: "";width: 18px;height: 20px;background: url(../image/hmtb1.jpg) no-repeat;display: inline-block;margin-right: 15px;}
.home-ser .ser-box .more{background: #004fa2;padding: 15px 28px;font-size: 17px;color: #fff;display: block;margin: 0 auto;width: 340px;text-align: center; border-radius: 50px;overflow: hidden;}
.home-ser .row{margin-left: -30px;margin-right: -30px;}
.home-ser .row .col-md-6{padding-left: 30px;padding-right: 30px;}
.home-ser .ser-box .more:hover{text-decoration: underline;}

.home-ser2{background: #f7f9fc;padding: 90px 0 80px;}
.home-ser2 h3{font-size: 35px;line-height: 36px;color: #494949;font-weight: bold;font-family: 微软雅黑;text-align: center;margin-bottom: 90px;}
.home-ser2 .left{padding-right: 25px;}
.home-ser2 .left .img{margin-bottom: 10px;}
.home-ser2 .box{min-height: 295px; background: url(../image/serbg.jpg) no-repeat left top;padding-left: 14px;  }
.home-ser2 .box h4 {
  background-color: #004fa2;
    padding: 15px 30px;
    display: inline-block;
    font-size: 30px;
    line-height: 36px;
    color: #fff;
    font-weight: bold;
    width: 100%;
    shape-outside:polygon(0 0, 0% 100%, 100% 100%, 100% 100%, 93% 0%);
    -webkit-clip-path:polygon(0 0, 0% 100%, 100% 100%, 100% 100%, 93% 0%);
}
.home-ser2 .box p{padding: 20px 30px;font-size: 16px;line-height: 30px;color: #636363;padding-bottom: 10px;}
.home-ser2 .box .more{font-size: 18px;line-height: 36px;color: #004fa2;margin-left: 30px;}
.home-ser2 .box .more:hover{text-decoration: underline;}

@media(max-width:768px) {
    .home-ser2{padding: 30px 0 30px;}
    .home-ser2 h3{font-size: 22px;margin-bottom: 30px;}
    .home-ser2 .left{padding-right: 0;}
    .home-ser2 .box h4{font-size: 18px;padding: 10px 20px;}
    .home-ser2 .box p{font-size: 14px;line-height: 20px;}
    .home-ser2 .box{min-height: auto;padding-bottom: 10px;}
}

.new-home-search{background: url(../image/new-hmsearch.jpg) no-repeat center;position: relative;background-size: cover;padding: 90px 0 300px;}
.new-home-search h2{font-size: 66px;text-align: center;font-weight: bold;color: #1d6559;margin-bottom: 25px;text-shadow: -1px 1px 0 #fff, -1px 1px 0 #fff}
.new-home-search h3{font-size: 34px;color: #fff;text-align: center;margin-bottom: 30px;text-shadow: -1px 1px 0 #4a817b, 1px 1px 0 #4a817b, 1px -1px 0 #4a817b,-1px -1px 0 #4a817b;}

.new-home-search .search-group { width: 100%; height: 60px; background: rgba(255, 255, 255, 0.6);border: 1px solid #567e7b;padding: 10px 30px;border-radius: 0;margin-bottom: 56px;}
.new-home-search .search-group .form-control { border: none; border-radius: 0px ;background: transparent;color: #6a6a6a;font-size: 16px;}
.new-home-search .search-group .form-control::-webkit-input-placeholder{color: #6a6a6a;}
.new-home-search .search-group .btn {border-radius: 0px;background:transparent; height: 40px;border-left: 1px solid #567e7b; width: 46px;display: flex;justify-content: center;align-items: center; padding: 6px 15px; margin-bottom: 0; }
.new-home-search .search-group i { color: #6a6a6a; font-size: 1.3rem; }
.new-home-search .search-group .btn:hover{background: transparent;}
.new-home-search .search-group .btn:hover i{color: #6a6a6a;}
.new-home-search .more-box{width: 50%;margin: 0 auto;display: flex;justify-content: space-between;}
.new-home-search .more-box .more{display: block;width: 290px;cursor: pointer; height: 85px;background: url(../image/new-hmshtb.png) no-repeat;font-size: 32px;font-weight: bold;line-height: 85px;text-align: center;color: #fff;font-family: 微软雅黑;}
.new-home-search .more-box .more:hover{border: 1px solid #fff;transition: all 0.5s;}

@media(max-width:768px) {
    .new-home-search{background: url(../image/mb-hmsearch.jpg) no-repeat center;padding: 30px 0 50px;}
    .new-home-search h2{font-size: 34px;}
    .new-home-search h3{font-size: 20px;}
    .new-home-search .more-box{justify-content: center;width: 100%;}
    .new-home-search .more-box .more{font-size: 18px;width: auto;height: 60px;line-height: 60px;padding-left: 10px;padding-right: 10px;}
}

.new-home-sol{background: #f7f9fc;padding: 90px 0 40px;}
.new-home-sol h2{font-size: 42px;font-weight: bold;text-align: center;margin-bottom: 80px;color: #004fa2;}
.new-home-sol .col-md-4{margin-bottom: 30px;}
.new-home-sol h4{font-size: 40px;color: #fff;font-weight: bold;text-align: center;background: #004fa2;padding: 35px 15px;}
.new-home-sol .img{margin-bottom: 20px;}
.new-home-sol p{font-size: 16px;color: #636363;line-height: 28px;}

@media(max-width:768px) {
    .new-home-sol{padding: 30px 0 30px;}
    .new-home-sol h2{font-size: 22px;margin-bottom: 30px;}
    .new-home-sol h4{font-size: 20px;padding: 15px;}
    .new-home-sol p{font-size: 14px;line-height: 20px;}
}

.new-home-link{background: #f7f9fc;padding: 20px 0 60px;}
.new-home-link h2{font-size: 42px;font-weight: bold;text-align: center;margin-bottom: 80px;color: #004fa2;}

.home-about{background: #f7f9fc;padding: 30px 0 40px;}
.home-about h2{font-size: 35px;line-height: 36px;color: #494949;font-weight: bold;font-family: 微软雅黑;text-align: center;margin-bottom: 30px;}
.home-about .desc{font-size: 19px;line-height: 36px;color: #5a5a5a;text-align: center;margin-bottom: 40px;}

.home-news{background: #fff;padding: 80px 0 50px;}
.home-news h2{font-size: 35px;line-height: 36px;color: #494949;font-weight: bold;font-family: 微软雅黑;text-align: center;margin-bottom: 50px;}
.home-news .text{background: #fff;height: 176px;border-radius: 10px;overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);width: 84%;margin: -85px auto 0;position: relative;}
.home-news .text {padding: 20px 20px;}
.home-news .text h4{font-size: 19px;line-height: 36px;color: #444444;margin-bottom: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.home-news .text p{font-size: 16px;line-height: 28px;color: #666666;}
.home-news .row{margin-left: -30px;margin-right: -30px;}
.home-news .row .col-md-6{padding-left: 30px;padding-right: 30px;}

.home-service{background: #f7f9fc;padding: 10px 0 40px;}
.home-service .ser-box{text-align: center;margin-top: 10px;margin-bottom: 10px;}
.home-service .ser-box h3{font-size: 18px;color: #000;text-align: center;font-weight: bold;margin-bottom: 10px;}
.home-service .ser-box p{font-size: 14px;text-align: center;margin-bottom: 10px;}
.home-service .ser-box .ser-img{text-align: center;display: flex;justify-content: center;}
.home-service .ser-box .ser-img em{width: 55px;height: 55px;display: block;}

@media(max-width:1700px) {
    .home-news .row{margin-left: -15px;margin-right: -15px;}
    .home-news .row .col-md-6{padding-left: 15px;padding-right: 15px;}
}

@media(max-width:768px) {
    .home-news{background: #fff;padding: 30px 0 0px;}
    .home-news .text{height: auto;margin-bottom: 30px;width: 90%;}

    .mb-home-about{padding: 30px 0;}
    .mb-home-about h2{font-size: 22px;font-weight: bold;margin-bottom: 20px;color: #004fa2;text-align: center;}
    .mb-home-about p{font-size: 14px;line-height: 20px;text-align: center;margin-bottom: 25px;}
    .mb-home-about .d-flex{justify-content: space-between;}
    .mb-home-about .more1{display: inline-block;border: 1px solid #222222;font-size: 12px;padding: 5px 5px;}
    .mb-home-about .more2{display: inline-block;border: 1px solid #004fa2;background: #004fa2;padding: 5px 5px; color: #fff;cursor: pointer;font-size: 12px;}
.home-service .ser-box{margin-bottom: 20px;}
.home-service .ser-box h3{font-size: 16px;margin-bottom: 0px;}
}

/*#endregion*/

/*#region 文章单页*/
/*#region about wrapper*/
.about-wrapper{padding-top: 60px;padding-bottom: 50px;background: url(../image/combg.jpg) no-repeat center top;}
.about-wrapper .nr{font-size: 18px;line-height: 36px;color: #494949;margin-bottom: 40px;}
.about-wrapper .title{font-size: 30px;color: #494946;margin-bottom: 20px;font-weight: bold;font-family: 微软雅黑;}
.about-wrapper .desc{color: #58a46f;font-size: 18px;margin-bottom: 30px;}
.about-wrapper .desc span{color: #000;font-style: italic;}
.about-wrapper .home-service{background: #fff;margin-top: 30px;}

.about-wrapper2{background: #fafafa;padding-bottom: 60px;}
.about-wrapper2 .com-team{margin-bottom: 60px;}
.about-wrapper2 .com-team .text{padding: 50px 25px 50px 0;}
.about-wrapper2 .com-team .text h4{font-size: 35px;color: #004fa2;font-weight: bold;font-family: 微软雅黑;margin-bottom: 15px;}
.about-wrapper2 .com-team .text h5{font-size: 19px;color: #000;line-height: 30px;margin-bottom: 20px;}
.about-wrapper2 .com-team .text p{font-size: 16px;line-height: 30px;color: #606060;}
.about-wrapper2 .com-team .text p:before { content: "●"; font-size: 16px;color: #004fa2;margin-right: 7px;}
.about-wrapper2 .com-title{font-size: 30px;color: #fff;padding: 25px 30px;background: #004fa2;font-weight: bold;font-family: 微软雅黑;margin-bottom: 60px;}

.com-sale .col-md-3{text-align: center;}
.com-sale .img{margin-bottom: 30px;}
.com-sale h4{font-size: 18px;line-height: 22px;color: #5b5b5b;height:44px;}
.com-sale p{background: #004fa2;color: #fff;line-height: 20px;font-size: 16px;justify-content:center; padding:10px; border-radius: 10px;overflow: hidden;width:100%; height: 80px;margin: 15px auto 40px;display:flex;align-items:center;}
.com-service .text{display: flex;align-items: center;justify-content: center;background: #efefef;}
.com-service .text .box{width: 80%;}
.com-service .text .box h4{font-size: 30px;font-weight: bold;color: #004fa2;margin-bottom: 10px;}
.com-service .text .box p{font-size: 18px;line-height: 30px;color: #898989;}

@media(max-width:768px) {
    .com-service .text .box{padding: 25px 0;}
    .about-wrapper{padding-top: 40px;padding-bottom: 30px;}
}

/*#region faq list*/
#faq-page { background: #fff; margin-bottom: 20px; }
#faq-page .desc{font-size: 30px;color: #000700;line-height: 30px;margin-bottom: 40px;font-weight: bold;}
#faq-page .faq-box {border: 1px solid #dddddd;padding: 18px; }
#faq-page .faq-box .faq-q {  padding: 0em 0.8em 15px; font-size: 18px;font-weight: bold;  color: #191717; }
#faq-page .faq-box .faq-q:before{content: "";width: 19px;height: 15px;background: url(../image/faqtb.jpg) no-repeat;display: inline-block; margin-right: 10px;}
#faq-page .faq-box .faq-a { padding: 0em 0.8em;font-size: 14px;  color: #191717;display: flex;}
#faq-page .faq-box .faq-a:before{content: "";width: 19px;height: 15px;background: url(../image/faqtb2.jpg) no-repeat;display: inline-block; padding-right: 15px; }
#faq-page .faq-box .faq-a .text{padding: 0 20px;}

@media(max-width:768px) {
    .faq-index {  padding: 0; padding:20px; margin-top: 30px; display: block; margin-bottom: 30px; }
    .faq-index .title { width: 100%;  }
    .faq-index .text { width: 100%;  }
    #faq-page .faq-box .faq-a { padding: 1em;  }
}
/*#endregion*/

.app-wrapper{padding: 55px 0;}
.app-desc{font-size: 30px;line-height: 30px;color: #494949;margin-bottom: 40px;font-weight: bold;font-family: 微软雅黑;}
.app-list .app-row{display: flex;align-items: center;background: #f0f0f0;}
.app-list .app-row .col-md-6.right{padding-left: 36px;padding-right: 36px;}
.app-list .app-row:nth-child(2n) .col-md-6.left{order: 13;}
.app-list .app-row:nth-child(2n) .col-md-6.right{order: -1;}
.app-list .app-row h4{font-size: 20px;line-height: 36px;color: #333333;}
.app-list .app-row .text{padding: 20px 0;font-size: 15px;line-height: 30px;color: #8c8c8c;}

@media(max-width:768px) {
    .app-list .app-row:nth-child(2n) .col-md-6.left{order: -1;}
    .app-list .app-row:nth-child(2n) .col-md-6.right{order: 13;}
    .app-list .app-row .col-md-6.right{padding-left: 25px 15px;}
}

/*#region cert-container*/
.cert-col { margin-bottom: 50px; margin-top: 0.5rem; }
.cert-col .card { padding: 20px; background: #004fa2;}
.cert-col .card-thumb {display: flex; justify-content: center; align-items: center;}
.cert-col .card-title { font-size: 18px; margin: 0; color: #fff; padding: 0.5rem 0.75rem; margin-top: 0.5rem; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cert-desc{font-size: 35px;color: #494949;line-height: 36px;font-weight: bold;margin-bottom: 20px;}

.link-wrapper{padding: 60px 0;}
.link-wrapper h2{font-size: 30px;margin-bottom: 15px;color: #494949;font-weight: bold;font-family: 微软雅黑;}
.link-wrapper .desc{font-size: 18px;color: #000700;line-height: 30px; margin-bottom: 40px;}
.link-wrapper .link-col{background: #fff;border: 1px solid #6d6d6d;border-radius: 20px;overflow: hidden;margin-bottom: 40px;}

/*#region contact-wrapper*/
.contact-wrapper { padding:40px 0px; }
.contact-wrapper h3 {  color: #111111; font-size: 25px; font-weight: bold; }
.contact-wrapper h4 {  color: #000700; font-size: 30px; font-weight: bold; }
.contact-wrapper p { margin-bottom: 8px; color: #6e6e6e; font-size: 1rem; }
.contact-wrapper i{width: 16px;margin-right: 5px;display: inline-block;}
.contact-wrapper .contact-img img { width: 100%; height: auto }
.contact-wrapper .fktitle{margin-bottom: 30px;}
.contact-wrapper .contact-content{margin-top: 50px;}

.contact-wrapper .form-feedback .form-control { padding: 1.3rem .75rem;  }

@media(max-width:768px) {

  .contact-wrapper { padding:10px 0px 30px; }
    .ny-title{font-size: 26px;line-height: 30px;}
    .contact-wrapper .contact-content{margin-top: 20px;}
}

/*#endregion*/

/*#region 产品列表*/
.proindex-wrapper{background: #fff;padding:37px 0 30px;}
.proindex-wrapper .pro-row{margin-bottom: 50px;align-items: center;position: relative;}
.proindex-wrapper .pro-row .bg{background: #ececec;width: 100%;height: 416px;position: absolute;}
.proindex-wrapper .pro-row .text{padding: 35px;}
.proindex-wrapper .pro-row h4{margin-bottom: 10px;}
.proindex-wrapper .pro-row h4 a{font-size: 28px;font-weight: bold;color: #004fa2;}
.proindex-wrapper .pro-row h4 a:hover{text-decoration: underline;}
.proindex-wrapper .pro-row .desc{font-size: 14px;color: #737373;line-height: 17px;margin-bottom: 15px;}
.proindex-wrapper .pro-row .list{display: flex;flex-wrap: wrap;margin-bottom: 30px;}
.proindex-wrapper .pro-row .list p{font-size: 14px;color: #737373;line-height: 26px;width: 50%;}
.proindex-wrapper .pro-row .list p a{color: #737373;}
.proindex-wrapper .pro-row .list p a:hover{color: #004fa2;}
.proindex-wrapper .pro-row .list p:before { content: "●"; font-size: 16px;color: #004fa2;margin-right: 7px;}
.proindex-wrapper .pro-row .img{border: 3px solid #004fa2;}
.proindex-wrapper .pro-row .left{max-width: 46%!important;}
.proindex-wrapper .pro-row .more{width: 155px;height: 40px;font-size: 16px;color: #fff;line-height: 40px;text-align: center;background: #004fa2;border-radius: 50px;overflow: hidden;display: block;}
.proindex-wrapper .pro-row .more:hover{text-decoration: underline;}

@media(max-width:768px) {
  .proindex-wrapper{padding:10px 0 30px;}
    .proindex-wrapper .pro-row .left{max-width: 100%!important;}
    .proindex-wrapper .pro-row .text{padding: 15px;background: #ececec;}
    .proindex-wrapper .pro-row .bg{display: none;}
    .proindex-wrapper .pro-row .list p{width: 100%;}
}

.pro-wrapper { padding:37px 0 30px;}
.pro-wrapper .pro-desc{font-size:16px;line-height:24px;margin-bottom:30px;}

.pro-wrapper .pro-box {margin-bottom: 30px;}
.pro-wrapper .pro-box .img{border: 2px solid #004fa2;border-bottom: 0;}
.pro-wrapper .pro-box .title{background: #004fa2;display: flex;align-items: center;height: 50px;justify-content: space-between;padding-left: 15px; }
.pro-wrapper .pro-box .title h4{width: 80%; font-size: 16px;color: #fff; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro-wrapper .pro-box .title h4 a{font-size: 16px;color: #fff;}
.pro-wrapper .pro-box .cart{cursor: pointer; width: 20%; background: url(../image/cartbg.jpg) no-repeat right top;text-align: right;padding-right: 20px;padding-top: 15px; display: block;width: 75px;height: 50px;}
.pro-wrapper .pro-box .cart i{font-size: 22px;color: #fff;}
.pro-wrapper .pro-box .title h4 a:hover{text-decoration: underline;}

/*#endregion*/

/*#region 文章列表*/
/*#region news list*/
.news-wrapper {padding:60px 0; }
.news-wrapper .news-col { border-bottom: 1px dashed #c4c4c4; margin-bottom: 30px;padding: 0px 0 30px;display: flex;flex-wrap: wrap; justify-content: space-between; align-items: center; background: #fff;}
.news-wrapper .news-col .img{width: 30%; border: 1px solid #dadada; }
.news-wrapper .news-col .text{width: 70%; padding: 0 40px;}
.news-wrapper .news-col .text h3{ margin-bottom: 10px; line-height: 30px; font-size: 21px;font-weight: bold; color: #1c1c1c;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-wrapper .news-col .text p{font-size: 18px; color: #1c1c1c; margin-bottom: 25px;}
.news-wrapper .news-col time{font-size: 15px;color: #bb3e0e; }
.news-wrapper .news-col .text h3 a:hover{color:#60b07b;transition: all 0.3s; }

/*#endregion*/
@media(max-width:768px) {
    .pro-wrapper { padding:10px 0 30px;}
    .news-wrapper {padding:10px 0 30px; }
    .news-wrapper .news-col .img{width: 100%;  }
    .news-wrapper .news-col .text{width: 100%; padding: 20px 0;}
}

/*#region down list*/
.fact-desc{font-size: 30px;color: #494949;font-weight: bold;margin-bottom: 30px;}
.fact-title{background: url(../image/factbg.jpg) #004fa2 no-repeat right top;height: 57px;margin-bottom: 40px; display: inline-block;padding-right: 60px;font-size: 24px;color: #fff;line-height: 57px;font-weight: bold;padding-left: 15px;}

.img-col{ margin-bottom: 35px;position: relative;border-radius: 10px;overflow: hidden;border: 2px solid #d8d8d8;}
.img-col .img {line-height: 0;}
.img-col .img a{width: 100%;}
.img-col .img img{width: 100%;}
.img-col .card-title{background: #004fa2;z-index: 99; border-radius: 10px 0 10px 0; color: #fff; margin: 0;position: absolute;right: 0;bottom: 0; padding: 0.5rem;min-width: 150px; text-align: center;font-size:18px;line-height: 24px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

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

/*#region contact wrapper*/

.down-wrapper{padding: 60px 0;background: #f7f6f4;}
.down-wrapper h2{font-size: 30px;color: #fff;font-weight: bold;margin-bottom: 15px;}
.down-wrapper p{font-size: 16px;line-height: 24px;color: #fff;margin-bottom: 20px;}
.down-wrapper .form-feedback .form-control{ background: transparent; color: #fff; border-right: 0;border-left: 0;border-top: 0; border-radius: 0; border-bottom: 1px solid #bbac9a; padding-top: 10px;padding-bottom: 10px;  }
.down-wrapper .form-feedback .btn { color: #fff; background: #2a81db;border-radius: 50px; font-size: 18px; line-height: 30px;}
.down-wrapper .form-feedback .btn:hover{background:#6ccb8b }
.down-wrapper .feedback{background: #004fa2;padding: 50px 60px;}
.down-wrapper .form-control::-webkit-input-placeholder{color: #fff;}

@media(max-width:768px) {
    .down-wrapper .feedback{padding: 20px;}
    .down-wrapper h2{font-size: 22px;}
    .down-wrapper{padding: 30px 0;}
}


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

/*内容切换*/
.content-wrapper .nav-tabs { background: #004fa2; }
.content-wrapper .nav-link { padding: 0.4rem 1rem;border: none; background: #004fa2;font-size: 18px;color: #fff;}
.content-wrapper .nav-tabs .nav-link.active { background: #004fa2;font-size: 18px;color: #fff;font-weight:bold; }
.content-wrapper .nav-tabs .nav-link.active:before{content:">";font-size: 18px;color: #fff;display:inline-block;margin-right:12px;}
.nav-tabs .nav-item{margin-bottom: 0;}

/*产品内容*/
.pronr-wrapper{ background: #fff;padding: 30px 0;}
.content-wrapper.product { border: 1px solid #004fa2;border-radius: 10px 10px 0 0;overflow: hidden; height: 100%; }
.content-wrapper.product .content { padding: 1.5rem 1rem; background: #fff; }
.product-head .product-thumb { border: 2px solid #009944; background: #fff; }
.product-head .title{font-size: 26px;margin-bottom: 15px;color: #333;font-weight: bold;}
.pronr-title{text-align: left;font-size: 26px;color: #5a5a5a; line-height: 32px;margin-bottom: 20px;}
.product-head { margin-bottom: 1.5rem; background: #f7f7f7;padding: 25px; }
.product-head .title { font-size: 18px; color: #050505; font-weight: 600; padding-bottom: 15px;  }
.product-head .ul-horizontal { list-style: none; margin: 0; padding: 0; }
.product-head .ul-horizontal li { color: #757575; line-height: 1.8rem; }
.product-head .ul-horizontal li span { width: 180px; display: inline-block; }
.product-head .pronr-feedback{padding: 30px 40px; background: #f7f7f7; height: 100%;}
.product-head .feedback-title{ font-size: 18px;font-weight: bold; color: #52595d;text-align: center;  padding-bottom: 10px; margin-bottom: 20px; }
.pronr-wrapper .pro-service{display: flex;text-transform: uppercase;margin: 30px 0;}
.pronr-wrapper .pro-service .download{cursor: pointer; background: #ffffff;font-size: 16px;color: #4e4e4e;border: 1px solid #004fa2; padding: 10px 18px;display: block;border-radius: 50px;text-align: center; margin-right: 24px; overflow: hidden;margin-bottom: 10px;}
.pronr-wrapper .pro-service i{color: #004fa2;}
.pronr-wrapper .social span{border-radius: 50%;overflow: hidden;width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;}
.pronr-wrapper .social span:before{font-size: 1rem;width: 1.3rem;}
.pronr-wrapper .pro-service .download:hover{background: #004fa2;}
.pronr-wrapper .pro-service .download:hover{color: #fff;}
.pronr-wrapper .pro-service .download:hover i{color: #fff;}

.pronr-title{background: #009a44;padding: 10px;font-size: 16px;line-height: 24px;color: #fff;margin-bottom: 15px; }
.pronr-title:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: #fff }


@media(max-width:768px) {
  .pronr-wrapper{ padding: 10px 0 30px;}
    .content-wrapper.product {height: auto;}
    .pronr-wrapper .pro-service{display: block;}
    .product-head .pronr-feedback{padding: 30px 0;}
}
.content-faq .content-faq-title{background: #004fa2;color: #fff;padding: 13px 16px;font-size: 18px;margin-bottom: 0; overflow: hidden; border-radius: 10px 10px 0 0;}
.content-faq .box{padding: 20px;height: 100%; border-left:1px solid #67b380;border-right:1px solid #67b380;border-bottom:1px solid #67b380; overflow: hidden; }
.content-faq .box .item{margin-bottom: 26px;}
.content-faq .box .item .q{background: #004fa2;padding: 15px;font-size: 18px;color: #f7f7f7;}
.content-faq .box .item .a{background: #f7f7f7;padding: 20px 15px;font-size: 16px;line-height: 24px;color: #818181;}
.content-faq .box .item:last-child{margin-bottom: 0;}

.content-pro .content-pro-title{background: #004fa2;color: #fff;padding: 13px 16px;font-size: 18px;margin-bottom: 0; overflow: hidden; border-radius: 10px 10px 0 0;}
.content-pro h5{font-size: 16px;color: #fff; background: #004fa2;line-height: 46px; margin-bottom: 10px;text-align: center; display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.content-pro .box{padding: 20px; border-left:1px solid #67b380;border-right:1px solid #67b380;border-bottom:1px solid #67b380; overflow: hidden; }
.content-pro .pro-box{border: none;}
.content-pro .pro-box .img{overflow: hidden;border: 2px solid #67b380;}
.content-pro .pro-box  a{color: #fff;}
.content-pro .pro-box:hover h5 a{text-decoration: underline;}

.content-news{margin-top: 30px;  }
.content-news .content-news-title{background: #004fa2;color: #fff;padding: 13px 16px;font-size: 18px;margin-bottom: 0; overflow: hidden; border-radius: 10px 10px 0 0;}
.content-news .news-box{padding: 20px; border-left:1px solid #67b380;border-right:1px solid #67b380;border-bottom:1px solid #67b380;}
.content-news .news-col{border-bottom: 1px dashed #c6c6c6; padding-bottom: 15px; margin-top: 5px;margin-bottom: 15px;}
.content-news .news-col h4 a{color: #414141;font-size: 18px;}
.content-news .news-col h4 a:hover{ color: #004fa2;transition: all 0.3s;  }
.content-news .news-col p{ font-size: 14px;color: #7d7878; padding-left: 20px;display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.content-news .news-col h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 10px;}

/*文章内容*/
/*#region newsnr-container*/
.newsnr-container{padding:30px 0; margin-bottom: 40px; }
.newsnr-container .title { font-size: 1.5rem; color: #000; text-align: center; }
.newsnr-container .content { font-family: 微软雅黑;  color: #595959; line-height: 1.8rem; padding: 0 50px; }
.newsnr-container .content p { margin-bottom: 0; }
.newsnr-container .summary { padding-bottom: 20px; text-align: center; margin: 30px 0; font-size: 15px; color: #595959; border-bottom: 1px dashed #000; }
.newsnr-container .summary span { margin-right: 15px; }
.content-other{background: #e3e3e3;padding: 25px; font-size: 16px;color: #004fa2;}
.content-other a{color: #3d3d3d;}
.content-other a:hover{ color: #004fa2;transition: all 0.3s; }

.hot-pro { height: 100%; }
.hot-pro .hot-pro-title{background: #004fa2;color: #fff;padding: 13px 16px;font-size: 18px;margin-bottom: 0;}
.hot-pro h4{font-size: 16px;color: #fff; background: #004fa2; padding: 15px 10px; margin-bottom: 0;text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.hot-pro .box{padding: 20px 0;}
.hot-pro .pro-box .img{overflow: hidden;border:2px solid #004fa2;}
.hot-pro .pro-box a{color: #fff;}
.hot-pro .pro-box:hover h4 a{text-decoration: underline;}

@media(max-width:768px) {
    .newsnr-container .content { padding: 0;}
    .hot-pro .pro-box{margin-bottom: 20px;}
    .newsnr-container{margin-bottom: 10px;}
    .banner.pro .page-title .title{font-size: 20px;}
}
/*#endregion*/

/*其他内容*/
.pro-feedback h3{ font-size: 18px; color: #10539a;}
.content-subtitle { color: #484848; font-size: 18px; margin-bottom: 10px; font-weight: bold; }

/*#endregion*/


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

/*留言*/
.form-feedback .form-control{ background: #f2f2f1; color: #4b4b4b; border-radius: 10px;overflow: hidden; padding-top: 10px;padding-bottom: 10px;  }
.form-feedback .btn { color: #777; color: #fff; background: #004fa2;border-radius: 10px; font-size: 18px; line-height: 22px;}
.form-feedback .btn:hover{background:#6ccb8b }

/*搜索*/
.search-group { width: 480px; height: 46px; background: transparent; overflow: hidden;border: 1px solid #fff;border-radius: 5px;}
.search-group .form-control { border: none; border-radius: 0px ;background: transparent;color: #fff;}
.search-group .form-control::-webkit-input-placeholder{color: #fff;}
.search-group .btn {border-radius: 0px;background:#42434a; height: 46px;  width: 46px;display: flex;justify-content: center;align-items: center; padding: 6px 15px; margin-bottom: 0; }
.search-group i { color: #fff; font-size: 1.3rem; }
.search-group .btn:hover{background: #42434a;}
.search-group .btn:hover i{color: #fff;}


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


/*#endregion*/



/*购物车*/
#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: #004fa2;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: #004fa2;font-size: 14px;color: #fff;text-align: center;line-height: 37px;position: relative;}
#basket-box .top span{color: #f6740c;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: #004fa2;line-height: 16px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#basket-box .list>ul>li .text h4 a{font-size: 12px;color: #004fa2;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;}

.consultingbox .table-bordered{border: 0;}
.consultingbox  .row{margin-left: 0;margin-right: 0;}

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

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


/*#弹出留言表单*/
.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);
}
#home-video.reveal-modal{padding: 0;line-height: 0;border-radius: 0;}

.reveal-modal {
    visibility: hidden;
    top: 150px;
    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;
    }
}

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

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