/*#region reset*/
body { color: #444; font-size: 14px; font-family: 微软雅黑;}
.search-box{}
.search-group { width: 256px; border: 1px solid #cfcfcf; border-radius: 25px;overflow: hidden;}
.search-group .form-control { border: none; border-radius: 0px }
.search-group .btn {  border: none; border-radius: 0px; background: #d4000c; }
.search-group i { color: #fff; font-size: 1rem; }
.bg-hui{background: url(../../images/bodybg.jpg) repeat-y center;background-color:#e2e3e7; }
.img-width{width: 100%;height: auto;}
/*#region banner*/
/*#endregion*/
.header { top: 0;  }
.header-top{ border-bottom: 1px solid #dedede; }
.header-top .top-tel{padding: 15px 0;}
.header-top .top-lang{display: flex;justify-content: flex-end;align-items: center; }
.header-top .social{ margin-left: 20px; }
.header-top .social a { border-radius: 0;padding-top: 15px; }
.header-top .social a:first-child { background: url(../../images/social-facebookbg.png) no-repeat center !important }
.header-top .social a:nth-child(2n) { background: url(../../images/social-twitterbg.png) no-repeat center !important }
.header-top .social a:nth-child(3n) { background: url(../../images/social-linkedinbg.png) no-repeat center !important }
.header-top .social a:nth-child(4n) { background: url(../../images/social-youtubebg.png) no-repeat center !important }

.navbar { padding: 0px; }
.navbar-custom { top: 0; z-index: 2; justify-content: end; margin-top: 20px; }
.navbar-custom .navbar-nav > .nav-item { font-size: 18px; min-width: 116px; }
.navbar-custom .navbar-nav .nav-item { margin-left: 15px; }
.navbar-custom .navbar-nav .nav-item:last-child { background: none; }
.navbar-custom .navbar-nav .nav-link { padding: 0.5rem 1.1rem; text-align: center; color:#000; font-size: 18px; overflow: hidden;}
.navbar-custom .navbar-nav .nav-link:hover, .navbar-custom .navbar-nav .nav-link:focus { color: #fff; background: #015aaa;}
.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; background: #015aaa; }
.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); }

@media(max-width:992px) {
    .dropdown-menu { box-shadow: none; background: transparent; }
    .navbar-custom .navbar-nav .nav-item { margin-left: 15px; margin-right: 15px; margin-top: 5px;margin-bottom: 5px; }
    .navbar-custom .navbar-collapse { background: #fff; border-top: 1px solid #f2f3f4; position: absolute; top: 100%; width: 100%; left: 0; }
}

@media(max-width:576px) {
    .header-top .social a { padding-top: 10px; }
    .navbar-nav { border-top: 1px solid #f2f2f2 }
    .navbar-brand { padding: 12px 0px; }
    .navbar-brand > .img-fluid { max-width: 260px; height: 60px; }
    .navbar-custom { margin-top: 0px; }
    .navbar-custom .navbar-nav .nav-link { padding: 0.5rem 1.5rem; }
    .navbar-custom .navbar-nav .nav-item { background: none; }
    .dropdown-item { text-align: center; }
    .dropdown-menu { box-shadow: none; background: #fff; }
}
/*#endregion*/

.main-wrapper { margin-top: 60px; }
.layout-wrapper { padding: 15px; border: 1px solid #e9eef4 }
/*#region sidebar*/
.sidebar { top: 0; margin-bottom: 1.25rem; }
/*#region collapse menu*/
.menu-collapse { border-radius: 0; border: 0px solid #e7e7e7; background: #fff; margin-bottom: 0; }
.menu-collapse .collapse-title { padding: 0.875rem; background: #015aaa; 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: #2763a5 }
.menu-collapse .menu-link:hover { background: #f8f9fa; }
.menu-collapse .drop { }
.menu-collapse .menu-link.active { background: #f6f6f6; color: #666 }
/*#endregion*/
/*#region horizontal menu*/
.ny-nav{background: #015aaa;padding-top: 10px;padding-bottom: 10px;}

.menu-horizontal-wrapper { margin-bottom: 0px; font-size: 1rem; display: flex;justify-content: flex-start;   }
.menu-horizontal { display: flex; flex-wrap:wrap; justify-content: flex-start;}
.menu-horizontal .nav-item { }
.menu-horizontal .nav-link { padding: 0.75rem 1rem;  border-radius: 0px; color: #fff; min-width: 150px; display: block;text-align: left; margin-top: 5px;margin-bottom: 5px; margin-right: 5px; }
.menu-horizontal .nav-link:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: #fff }
.menu-horizontal .nav-link.active,.menu-horizontal .nav-link:hover { color: #015aaa; background: #fff; border-radius: 10px;overflow: hidden; }
.menu-horizontal .nav-link.active:before ,.menu-horizontal .nav-link:hover:before { color: #015aaa }

.menu-horizontal-child {  display: flex; flex-wrap: wrap; }
.menu-horizontal-child li { margin-right: 10px; min-width: 190px; color: #000000; margin-bottom: 10px;  }
.menu-horizontal-child .nav-link { padding: 15px 30px; background: #f6f6f6; color: #000; border: 1px solid #f6f6f6;border-radius: 5px;overflow: hidden; }
.menu-horizontal-child .nav-link.active { color: #000; transition: all 0.3s; border:1px solid #dc3429; }

.pro-subtitle{ background: #f2f2f2;padding: 13px 36px; color: #000;font-size: 24px;font-weight: bold; border-radius: 10px; margin: 10px 0 30px; }

@media(max-width:768px) {
    .ny-nav{background: #015aaa;padding-top: 0px;padding-bottom: 5px;}
    .menu-horizontal .nav-item { margin: 0; }
    .menu-horizontal-child { justify-content: left; }
    .menu-horizontal-child .nav-link { padding: 0.5rem 1.5rem; }
}
/*#endregion*/
.side-wrapper { background: #F5F5F5; padding: 25px 20px; margin-bottom: 1.5rem; }
.side-wrapper .title { font-family: poppins; margin-bottom: 1rem; font-size: 1rem; font-weight: 600; color: #1f365c; text-transform: uppercase }
.media-article { margin-top: 1.25rem; }
.media-article img { max-width: 60px; margin-right: 12px; }
.media-article .post-title { font-size: 0.875rem; font-weight: normal; margin-bottom: 2px; line-height: 1.5; }
.media-article .post-title a { transition: color ease 0.2s; }
.media-article .post-title a:hover { color: #C42729 }
.media-article time { font-size: 0.75rem; color: #8c95a2 }
.side-wrapper .product-col .card-title { padding: 0.5rem 0.25rem; font-size: 0.75rem; }
.side-wrapper .product-col .card-thumb { border: 1px solid #fff; }

@media(max-width:992px) {
    .side-wrapper { padding: 25px 20px; }
    .media-article img { max-width: 90px }
}
/*分页*/
.nav-page-wrapper { display: -ms-flexbox; display: flex; justify-content: center; margin-top: 2rem; }
.nav-page-wrapper a { background: #342C2A; color: #fff; padding: 5px 10px; margin-right: 10px; }
.nav-page-wrapper a:last-child { margin-right: 0; }
/*#endregion*/
/*#region*/
.form-feedback .btn { color: #777; color: #fff; background: #015aaa }
.form-feedback .form-control{border-radius: 5px; }
.home-feedback .form-feedback .btn {  background: #286594 }
/*.breadcrumb{ margin-bottom: 0;padding-left: 0;padding-right: 0;font-size:0.875rem}*/
.main-container { padding-top: 0px; padding-bottom: 40px; }

@media(max-width:768px) {
    .main-container { padding-top: 0px; padding-bottom: 20px; }
}

/*#endregion*/
/*#region page-title*/
.page-title {  color: #6e6e6e;  }
.page-title a { color: #6e6e6e; }
.page-title { display: -ms-flexbox; display: flex; justify-content: flex-end; padding-top:20px;padding-bottom: 20px;  }
.page-title .title { font-family: poppins; margin-bottom: 0; font-size: 1.5rem; font-weight: 300; text-align: center; align-self: center; }
.page-title .breadcrumb { justify-content: center; }
.breadcrumb-item + .breadcrumb-item::before { color: #6e6e6e; }
.page-title .breadcrumb:before { font-family: cmsfont; content: "\f80a"; margin-right: 0.25rem; }
.page-main-title { font-size: 1.75rem; padding: 0.75rem 0; margin-bottom: 1.5rem; font-weight: 600; border-bottom: 1px solid #eee; padding-left: 0.5rem; }
.page-sub-title { position: relative; padding: 0.5rem 0; font-family: poppins; font-size: 1.25rem; margin-bottom: 20px; font-weight: 500; font-size: 1.5rem; }

@media(max-width:768px) {
    .page-title { padding: 0.875rem 0; justify-content: center; }
    .page-title .container-xl { flex-direction: column }
    .page-title .title { font-size: 1.25rem; margin-bottom: 0.5rem; }
    .page-title .breadcrumb:before { display: none; margin-right: 0; }
    .page-main-title { font-size: 1.25rem; }
}
/*#endregion*/

/*#region img list style*/
@media(max-width:576px) {
    .cert-row .card-body { padding: 1.25rem 0rem; }
    .cert-row .card-title { font-size: 1.25rem; }
}

/*#endregion*/

.post-navigation { padding: 25px 0; margin-top: 30px; margin-bottom: 15px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.post-navigation .col-12 { padding-bottom: 0.5rem }
.post-navigation span { margin-bottom: 5px; font-size: 0.75rem; display: block; text-transform: uppercase;  }
.post-navigation .icon { font-size: 1.25rem; color: #aaa }
.post-navigation a { color: #1F365C; font-weight: 500; }

@media(max-width:992px) {
    .post-navigation .col-12 { text-align: center; }
}

.page-link { padding: .5rem 0.875rem; }
.page-item.active .page-link { color: #fff; background-color: #015baa; border-color: #015baa; }
/*.nav-wrapper a{background: #342C2A;color: #fff;padding: 5px 10px;margin-right: 10px;}*/
/*#region content-head-container*/
.page-sub-title { position: relative; padding: 8px 18px; font-size: 1rem; margin-bottom: 20px; font-weight: 400; background: #EEA606; color: #fff; }
.page-sub-title2 { position: relative; padding: 8px 0px; font-size: 1.2rem; margin-bottom: 0px; font-weight: 400; color: #333333; }
.content-wrapper product-head .product-thumb { border: 1px solid #a1bace; }
.product-head { margin-bottom: 1.5rem; background: #fff }
.product-head .title { font-size: 1.2rem; color: #000; font-weight: 600; border-bottom: 1px solid #c6c6c6; padding-bottom: 15px; margin-bottom: 20px; }
.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 .bigimg{margin-bottom: 20px; border: 3px solid #015baa;}
.product-head .feedback-title{font-size: 35px;color: #4b4b4b; font-family: Arial; text-align: center; margin-bottom: 30px;margin-top: 20px;}
.product-head .imgs-list{display: flex;overflow: hidden;position: relative; margin-top: 25px; margin-bottom: 10px; }
.product-head .imgs-list .img-box{width: 20%; margin-right: 20px;}

.product-feed{ padding: 20px 40px 0 20px; }
.product-feed p { font-size: 0.875rem; color: #848484; line-height: 1.2rem; }
.product-service { padding: 20px 0; }
.product-service > a:first-child { margin-right: 15px; }
.product-feedback { display: inline-block; background: #F3912C; color: #fff; padding: 6px 16px; }
.product-down { display: inline-block; background: #DD0804; color: #fff; padding: 6px 16px; }

@media(max-width:768px) {
    .product-service { text-align: center; }
    .product-feed{ padding: 20px; }
}
/*#endregion*/


/*#region footer*/
footer { background: #3f3f3f; color: #fff; padding-top: 30px;  }
footer .container-xl [class*="col-"] { margin-bottom: 20px; }
footer h5 { font-size: 1.5rem; font-weight: bold; padding-bottom: 10px; }
footer h5:after{width: 60px;height: 3px;content: "";margin-top: 10px; background: #fff;display: block; margin-bottom: 5px; }
footer a { color: #fff; }
footer .font1 { font-size: 1rem; color: #fff; font-weight: bold; margin-bottom: 10px; }
footer .footpt{padding-top:35px; }
footer p { margin-bottom: 0px; color: #fff; line-height: 24px;}
footer span{ width: 22px; display: inline-block;}
footer .footer-bottom { background: #015baa;  font-size: 16px; text-align: center; padding-top: 15px; padding-bottom: 15px; color: #fff; }
footer .pro-nav{display: flex;flex-wrap: wrap; padding-left: 0;}
footer .pro-nav li{width: 50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-bottom: 15px;}
footer .pro-nav li:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: #fff }
footer .wem{text-align: right;}
footer .foot-share{display: flex;justify-content: flex-end;}

@media(max-width:768px) {
    footer .footpt{padding-top:0px; }
    footer .foot-share{display: block;}
    footer .wem{text-align: left;}
    footer .pro-nav li{width: 100%;margin-bottom: 8px;}
}
/*#endregion*/

/*home page*/

.home-title { font-size: 38px; color: #000000; font-weight: bold; text-align: center; padding-top: 50px; margin-bottom: 50px; font-style: oblique; }
.home-title:after{content: ""; width: 41px;height: 3px;background: #22467c; margin: 20px auto 0; display:block;}

.home-num-bg{background: #015baa;padding: 60px 0;}
.home-num { text-align: center; }
.home-num .t1 { font-size: 3.25rem; color: #fff;font-weight:bold;font-family:Arial; }
.home-num .t2 { font-size: 14px;  color: #fff; }
.home-num .target1::before { position: absolute; right: 45px; top: 35px; content: "年"; font-size: 19px; color: #fff; }
.home-num .target2::before { position: absolute; right: 65px; top: 10px; content: "㎡"; font-size: 14px; color: #fff; }
.home-num .target3::before { position: absolute; right: 80px; top: 10px; content: "+"; font-size: 14px; color: #fff; }
.home-num .target4::before { position: absolute; right: 110px; top: 10px; content: "+"; font-size: 14px; color: #fff; }

@media(max-width:576px) {
    .home-title { font-size: 30px;  padding-top: 30px; margin-bottom: 30px;  }
    .home-num { margin-top: 0px; }
    .home-num .target1::before { right: 105px; top: 35px; }
    .home-num .target2::before { right: 110px; top: 10px; }
    .home-num .target3::before { right: 130px; top: 10px;  }
    .home-num .target4::before { right: 160px; top: 10px; }
}

.home-about{ margin-top: 40px; }
.home-about .home-abimg{ border-radius: 10px; overflow: hidden; }
.home-about .home-abtext h1 a{font-size: 27px; color: #00458f;font-weight: bold;}
.home-about .home-abtext h1 a:hover{ color: #333; transition: all 0.3s;}
.home-about .home-abtext p{margin-bottom: 0; font-size: 16px; color: #656565}
.home-about .service-box{display: flex;align-items: center; margin-top: 30px;}
.home-about .service-box .img{width: 20%; background: #000000;border-radius: 50%; height: 96px; width: 96px; display: flex;justify-content: center;align-items: center; overflow: hidden;}
.home-about .service-box .text{width: 80%; padding-left: 18px;}
.home-about .service-box .text h2 a{ font-size: 21px; color: #00458f; font-weight: bold; }
.home-about .service-box .text h2 a:hover{ color: #333; transition: all 0.3s;}
.home-about .service-box .text p{margin-bottom: 0;font-size: 15px;color: #696969}
.home-about .service-box:hover .img{background:#00458f; transition: all 0.3s;}
.home-about .service-box:hover .text h2 a{ color: #333; transition: all 0.3s;}
.home-about .fl-box{margin-top: 40px;}
.home-about .fl-box .img{ border-radius: 10px;overflow: hidden; }
.home-about .fl-box h3{ text-align: center;}
.home-about .fl-box h3 a{font-size: 16px; color: #656565;}
.home-about .fl-box h3 a:hover{color: #00458f;transition: all 0.3s;}

.home-link {display: flex;justify-content: space-between;align-items: center; flex-wrap: wrap;}
.home-link .link-box{ width: 15%; margin-bottom: 30px; border-radius: 10px;overflow: hidden; box-shadow: 2px 2px 4px #e1e2e5 }

.home-pro .pro-box{border:3px solid #015baa; position: relative; margin-bottom: 30px;}
.home-pro .pro-box .img{position: relative;}
.home-pro .pro-box h4{text-align: center;font-size: 18px;color: #fff;  line-height: 46px;margin-bottom: 0;background: #015baa;height: 46px;}
.home-pro .pro-box .text{ position: absolute;top:0; opacity: 0;display:flex;justify-content: center;align-items: center; }
.home-pro .pro-box .text i{font-size: 80px;color: #fff;}
.home-pro .pro-box:hover .text{width: 100%;height: 100%;opacity: 1;background: rgba(1,91,170,0.5); transition: all 0.5s; }

.home-solution{background: #015baa;display: flex;justify-content: space-between;}
.home-solution .left{width: 25%; padding: 12px; border-right: 2px solid #fff; }
.home-solution .right{width: 75%;padding: 12px; }
.home-solution .left .nav{list-style: none; padding: 0;margin:0; border-bottom: 0px;text-align: center; display: block;}
.home-solution .left ul li{margin-bottom: 10px;}
.home-solution .left ul li .nav-link{background: #08477e; font-size: 20px;color: #fff;}
.home-solution .left ul li .nav-link.active{background: #fff; color: #015baa;}
.home-solution .right .tab-pane .box{display: flex;}
.home-solution .right .tab-pane .box .text{ width: 40%; padding-right: 24px; padding-left: 12px;}
.home-solution .right .tab-pane .box .img{width: 60%; }
.home-solution .right .tab-pane .box .text h5{font-size: 24px;color: #fff; padding-top: 10px; margin-bottom: 20px;}
.home-solution .right .tab-pane .box .text p{ font-size: 16px;color: #fff; line-height: 28px; }

.home-news { padding: 0rem 0 2rem; font-family: Arial; }
.home-news .article-col { border: 1px solid #e8e8e8; display: flex; justify-content: space-between; align-items: center; padding: 15px; margin-bottom: 20px; box-shadow: 2px 2px 4px #e8e8e8;background: #fff; }
.home-news .article-col:hover{border:1px solid #015baa; }
.home-news .article-col .card-thumb { width: 30%;  }
.home-news .article-col .card-body { width: 65%; }
.home-news .article-col h5 { font-size: 17px; line-height: 1.8; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; }
.home-news .article-col h5 a:hover { color: #015baa; transition: all 0.3s; }
.home-news .article-col p { font-size: 14px; color: #626262; margin-bottom: 5px; }
.home-news .article-col time{font-size: 14px; color: #d70000}

.home-contact{ background: #015baa;padding: 40px 0; }
.home-contact .title{ text-align: center;font-size: 32px;color: #fff; }
.home-contact .title:after{content: ""; width: 194px;height: 3px;background: #f0f0f0; margin: 18px auto 0; display:block;}
.home-contact .contact-box{ display: flex;justify-content: center;align-items: center; margin-top: 20px; }
.home-contact .link{background: #fff; padding: 15px 30px; display: inline-block;margin:0 auto;  font-weight: bold;color: #015baa;font-size: 18px;text-align: center; overflow: hidden; border-radius: 10px;}

.home-feedback{ background: #015baa;padding: 40px 0; }
.home-feedback .title{ text-align: center;font-size: 38px;color: #fff; font-weight: bold; }

@media(max-width:768px) {
    .home-link .link-box{ width: 30%;}
    .home-solution .left{width: 30%; padding: 6px; }
    .home-solution .right{width: 70%; }
    .home-solution .left ul li .nav-link{font-size: 16px;}
    .home-solution .right .tab-pane .box{flex-wrap: wrap;}
    .home-solution .right .tab-pane .box .text{ width: 100%; padding-right: 24px; padding-left: 12px; margin-bottom: 20px;}
    .home-solution .right .tab-pane .box .img{width: 100%; }
}


/*#region content table container*/
.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: block; 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*/

/*#region about wrapper*/
.ny-title h1{color: #015aaa; font-size: 30px;text-align: center; font-weight: bold; }
.ny-title p{font-size: 16px; color: #6e6e6e; text-align: center;}

.about-wrapper { padding-bottom: 40px;padding-top: 25px; }
.about-wrapper h2{font-size: 24px; font-weight: bold;color: #000000;margin-bottom: 20px;}
.about-wrapper p{font-size: 16px; color: #000; line-height: 28px;}

.about-wrapper .about-content .tab-content{background: #fff;border:1px solid #015aaa; padding: 10px;}
.about-wrapper .nav-tabs{border-bottom: 3px solid #015aaa}
.about-wrapper .nav-tabs li{margin-right: 8px; }
.about-wrapper .nav-tabs .nav-link{ padding: 10px 30px; border-radius: 10px 10px 0 0;overflow: hidden; background: #fff; color:#015aaa ;border-top: 1px solid #015aaa;border-left: 1px solid #015aaa;border-right: 1px solid #015aaa;border-bottom: 0px solid #015aaa; }
.about-wrapper .nav-tabs .nav-link.active{ background: #015aaa;color: #fff; }

.about-wrapper .tab-content .tab-com{padding-bottom: 20px;}
.about-wrapper .tab-content h3{ font-size: 24px;font-weight: bold;color: #000; margin-top: 20px;margin-bottom: 20px; }
.about-wrapper .tab-content .tab-com .abimg-box{ display: flex; }
.about-wrapper .tab-content .tab-com .abimg-box .left{ width: 50%; padding-right: 10px; }
.about-wrapper .tab-content .tab-com .abimg-box .right{ width: 50%; }
.about-wrapper .tab-content .tab-com .abimg-box .right p{margin-bottom: 0;}
.about-wrapper .tab-content .tab-com .abimg-box .right .mb{margin-bottom: 11px;}
.about-wrapper .tab-content .tab-com .abpro-box .pro-col{margin-bottom: 15px;}
.about-wrapper .tab-content .tab-com .abpro-box .pro-col .img{border:1px solid #97b1c7;}
.about-wrapper .tab-content .tab-com .abpro-box .pro-col h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size: 14px; color: #000000; text-align: center;margin-top: 15px;}
.about-wrapper .tab-content .tab-com .abpro-box .pro-col h4 a{color:#000000; }
.about-wrapper .tab-content .tab-com .abpro-box .pro-col h4 a:hover{color:#015aaa; transition: all 0.3s; }

.about-wrapper .tab-content .tab-his{padding-top: 20px;padding-bottom: 20px;}
.about-wrapper .tab-content .his-box{background: url(../../images/hisbg.png) no-repeat center top;  }
.about-wrapper .tab-content .his-col { display:flex }
.about-wrapper .tab-content .his-col .card-imgtop { width: 50%; background: url(../../images/hisbg1.png) no-repeat right; height: 50px; }
.about-wrapper .tab-content .his-col .card-left { width: 50%; background: url(../../images/hisbg2.png) no-repeat right; height:255px; text-align:right;padding-right:30px;}
.about-wrapper .tab-content .his-col .card-imgbot { width: 50%; background: url(../../images/hisbg3.png) no-repeat right; height: 82px; }


.about-wrapper .tab-content .his-col .card-right { width: 50%; text-align: left; padding-left: 30px; }
.about-wrapper .tab-content .his-col .card-title { flex-grow: 1; margin: 0; font-size: 1.7rem; font-family: 微软雅黑; color: #6e6e6e;line-height:1.7rem; font-weight:bold }
.about-wrapper .tab-content .his-col  p { font-size: 18px; font-family: Poppins; color: #6e6e6e; margin-top:15px; }

.about-wrapper .tab-content .his-list:nth-child(2n) .his-col .card-img { }

@media(max-width:768px) { 
    .about-wrapper .nav-tabs{display: block;}
    .about-wrapper .nav-tabs li{margin-right: 0;text-align: center;}
    .about-wrapper .nav-tabs .nav-link{  border-radius: 0; }
    .about-wrapper .tab-content .tab-cul img{width: 100%;height: auto;}
    .about-wrapper .tab-content .img-col .card .card-thumb { height: auto; }
    .about-wrapper .tab-content .his-col .card-imgtop { width: 50%;  }
    .about-wrapper .tab-content .his-col .card-left { width: 50%;  }
    .about-wrapper .tab-content .his-col .card-imgbot { width: 50%; }
    .about-wrapper .tab-content .his-col .card-right { width: 50%;  }
    .about-wrapper .tab-content .his-col p { font-size: 14px;  }
    .about-wrapper .tab-content .his-col img { width: 100%; height: auto; }
}


/*#endregion*/

/*#region content wrapper*/
.main-container .content-wrapper h3 { font-size: 1.6rem; text-transform: uppercase; }

.content-wrapper { line-height: 1.7; background: #fff; 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: #FAFCFF; }
.content-wrapper .nav-link { padding: 0.75rem 1.75rem; border-color: transparent #dee2e6 transparent transparent !important; }
.content-wrapper .nav-tabs .active { border-top: solid 3px #015aaa !important; text-transform: uppercase; font-size: 1.2rem; }

.content-wrapper.product { border: 1px solid #e9eef4 }
.content-wrapper.product .content { padding: 1.5rem 1rem; }
.content-wrapper.product .content h2, .content-wrapper.product .content h3 { font-family: poppins; font-size: 1.25rem; font-weight: 500 !important; color: #0c2e60 }

.content-wrapper.article .content { color: #777 }

.content-wrapper header { text-align: center; margin-bottom: 1rem; }
.content-wrapper header span { margin-right: 15px; }
.content-wrapper .sub-title { font-size: 1.75rem; font-weight: 600; display: block }

.bgbai{background: #fff; border-radius: 15px;overflow: hidden; padding: 26px 20px;}
.content-wrapper.article .content { color: #777 }
.content-wrapper.article .title { color: #1c1c1c; font-family: poppins; font-size: 1.3rem; font-weight: 500; margin-top: 30px; }
.content-wrapper.article .summary { padding-bottom: 20px; margin: 30px 0; font-size: 0.75rem;  color: #83868c; border-bottom: 1px dashed #000000; }
.content-wrapper.article .summary span { margin-right: 15px; }
.content-wrapper.article .social span { margin-right: 5px !important; }
.content-other{background: #f4f4f4;padding: 25px; font-size: 16px;color: #015aaa;}
.content-other a{color: #3d3d3d;}
.content-other a:hover{ color: #015aaa;transition: all 0.3s; }

.content-news{margin-top: 30px; background: #fff; padding: 20px;}
.content-news .news-col{border-bottom: 1px dashed #c6c6c6; margin-top: 5px;margin-bottom: 15px;}
.content-news h3{font-size: 20px; font-weight: bold;}
.content-news .news-col h4 a{color: #000;font-size: 18px;}
.content-news .news-col h4 a:hover{ color: #015aaa;transition: all 0.3s; }
.content-news .news-col p{ font-size: 14px;color: #7d7878; padding-left: 20px; }

.hot-pro { margin-top: 30px; }
.hot-pro h2{background: #015aaa;font-size: 18px;color: #fff;padding: 15px 20px;}
.hot-pro .pro-box {border:3px solid #015baa; margin-top: 15px;}
.hot-pro .pro-box h3{font-size: 14px;color: #fff; background:#015aaa; text-align: center; margin-bottom: 0;padding: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.hot-pro .pro-box .img{overflow: hidden;}
.hot-pro .pro-box:hover img{transition: all 0.3s;transform: scale(1.1);}

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

/*#endregion*/

/*#region contact wrapper*/
.contact-wrapper { background: #fff;  color: #1c1c1c; border-radius: 10px; margin-bottom: 40px;  }
.contact-wrapper .contactp{padding-top: 40px;padding-bottom: 40px;}
.contact-wrapper .fktitle{ font-size: 24px; margin-bottom: 20px; }
.contact-wrapper .bgcontact {background: url(../../images/contactbg.jpg) no-repeat top left; background-size: cover; overflow: hidden;border-radius: 10px 0 0 10px;}
.contact-content{padding: 10px 35px; color: #fff}
.contact-content h3{font-size: 20px; font-weight: bold;}
.contact-content h4{font-size: 16px; font-weight: bold; margin-top: 50px;}
.contact-content p { font-size: 14px;}
.contact-feedback {padding: 10px 95px;}
.contact-feedback h2{ text-align: center;font-size: 48px;color: #6e6e6e; margin-bottom: 50px; font-weight: bold;}

@media(max-width:768px) {
    .contact-wrapper{border-radius: 0px;}
    .contact-wrapper .bgcontact {border-radius: 0;}
    .contact-feedback {padding: 10px 20px;}
    .contact-feedback h2{ font-size: 30px;}
}
/*#endregion*/

/*#region news list*/
.news-wrapper {padding-bottom: 40px; color: #1c1c1c;  padding-top:24px;  margin-bottom: 30px;}
.news-wrapper .article-row { background: #fff; box-shadow: 2px 2px 8px rgba(189,189,189,0.8); padding: 25px; margin-bottom: 2rem; }
.news-wrapper .article-row .news-col { display: flex; align-items: center }
.news-wrapper .article-row .card-body { padding: 1.2rem 1.6rem 1.2rem 0; }
.news-wrapper .article-row .card-body .title a { font-size: 1.4rem; color: #000000; }
.news-wrapper .article-row .card-body .title a:hover { color: #1e5596; transition: all 0.3s; }
.news-wrapper .article-row .card-body p { font-size: 0.9rem; color: #8c8c8c; }
.news-wrapper .article-row .newstime { font-size: 1.4rem; color: #af9b9d }
.news-wrapper .article-row .newsjt { border-left: 1px solid #e5e5e5; width: 36px; height: 26px; text-align: right; line-height: 26px; margin-top: 10px; margin-left: 5px; }

@media(max-width:768px) {
    .news-wrapper .article-row .card-thumb img { width: 100%; height: auto;}
    .article-row .card-body p { margin-bottom: 0px; }
    .article-row .newstime { font-size: 1rem; }
    .article-row .card-body .title a { font-size: 1.1rem; line-height: 1.4rem; }
}
/*#endregion*/


/*#region pro list*/
.pro-wrapper {  padding-bottom: 20px; color: #1c1c1c; }
.pro-wrapper .pro-box {margin-bottom: 20px; display: flex; border:3px solid #015baa; background: #fff; padding: 15px; }
.pro-wrapper .pro-box .pro-img{width: 50%; padding-right: 15px;}
.pro-wrapper .pro-box .pro-img .card-thumb:hover img{transform: scale(1.05);}
.pro-wrapper .pro-box .pro-text{width: 50%;}
.pro-wrapper .pro-box .pro-text .card-title a{ font-size: 20px;color: #626262; }
.pro-wrapper .pro-box .pro-text .card-title a:hover{color:#015aaa;transition: 0.3s all; }
.pro-wrapper .pro-box .pro-text  p{font-size: 14px;color: #626262; margin-bottom: 40px;}
.pro-wrapper .pro-box .pro-text .more{ color: #fff;font-size: 14px; padding: 10px 40px; background: #015aaa; }
.pro-wrapper .video-box{display: flex;justify-content: center;align-items: center;height: 280px;overflow: hidden; background: url(../../images/aboutimg.jpg) no-repeat center top;background-size: cover;}
.pro-wrapper .video-box iframe{width: 100%;}

@media(max-width:768px) {
    .pro-wrapper .pro-box{ flex-wrap: wrap; }
    .pro-wrapper .pro-box .pro-img{width: 100%; padding-right: 0px; margin-bottom: 20px;}
    .pro-wrapper .pro-box .pro-text{width: 100%;}
}
/*#endregion*/

#faq-page {background: #fff; border-radius: 15px;overflow: hidden; padding: 26px 20px;}
#faq-page .faq-box { box-shadow: 2px 2px 4px #dbdbdb; border: 1px solid #dfdfdf }
#faq-page .faq-box .faq-q { border: 1px solid #fff; padding: 0.7em 0.8em; font-size: 1.3em; line-height: 1.6em; background: #f2f2f2; color: #00458f; }
#faq-page .faq-box .faq-q span { background: #00458f; text-align: center; padding: 0.2em 0.5em; color: #fff; margin-right: 10px; }
#faq-page .faq-box .faq-a { padding: 1em 4.6em; font-size: 1em; line-height: 1.4em; background: #fff; }

@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;  }
}

/*#region link list*/
.link-wrapper{background: #fff; border-radius: 15px;overflow: hidden; padding: 26px 20px;display: flex;justify-content: space-between;align-items: center; flex-wrap: wrap;}
.link-wrapper .link-box{ width: 15%; margin-bottom: 30px; border-radius: 10px;overflow: hidden; box-shadow: 2px 2px 4px #e1e2e5 }
@media(max-width:768px) {
    .link-wrapper .link-box{ width: 30%; }
}
/*#endregion*/

/*#region img list*/
.img-col{ background: #f7f7f7;border: 1px solid #d9d9d9;padding: 20px; border-radius: 10px; overflow: hidden; margin-bottom: 30px; }
.img-col a{border: 1px solid #d9d9d9; box-shadow: 2px 2px 4px #e5e5e5;border-radius: 10px;overflow: hidden; display: flex;justify-content: center;align-items: center;height: 220px;}
.img-col a:hover{display: flex;justify-content: center;align-items: center;}
.img-col .card-title{text-align: center;font-size: 17px;color: #8f8f8f; padding: 15px 0 0;}
/*#endregion*/

/*#region cert list*/
.cert-wrapper{background: #fff; border-radius: 15px;overflow: hidden; padding: 26px 20px;}
.cert-wrapper .cert-col{background: #f7f7f7;padding: 14px; margin-bottom: 30px;}
/*#endregion*/

/*手机端底部菜单*/
.mobile-nav{position: fixed;bottom: 0;left: 0;right: 0;height: 48px; background: #015baa;z-index: 999;display: flex;border-top: 2px solid #fff;}
.mobile-nav .item{width: 25%;border-left: 1px solid rgba(255,255,255,.2);}
.mobile-nav .item a{font-size: 12px;color: #fff;display: block; text-align: center;line-height: 20px;padding-top: 8px;}
.mobile-nav .item:first-child{border-left: 0px;}
.mobile-nav .item a:before{font-family: cmsfont; font-size: 14px; color: #fff;display: block; line-height: 16px;}
.mobile-nav .mobile-nav-home:before{content: "\f016";font-family: cmsfont; font-size: 14px;}
.mobile-nav .mobile-nav-pro:before{content: "\f07a";font-family: cmsfont; font-size: 14px;}
.mobile-nav .mobile-nav-tel:before{content: "\f87a";font-family: cmsfont; font-size: 14px;}
.mobile-nav .mobile-nav-feedback:before{content: "\f0e0";font-family: cmsfont; font-size: 14px;}

.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: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;}
.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;}
.reveal-modal-pro{visibility:hidden;top:0;left:0;width:100%;position:absolute;z-index:1001;background-color:#f7f7f7;height:100vh; overflow-y:auto;}
.reveal-modal-pro h2{width:100%;text-align:center;font-size:18px;text-transform:uppercase;line-height:45px;background:#fff;margin-bottom:0;}
.reveal-modal-pro h3{width:100%;font-size:16px;text-transform:uppercase;line-height:45px;font-weight:bold;background:#e4e4e4;padding-left:15px;margin-bottom:0;}
.reveal-modal-pro ul,.reveal-modal-pro ul li{list-style:none;padding:0;margin:0;}
.reveal-modal-pro .mb-pro-nav>li{border-top:1px solid #fff;border-bottom:1px solid #ddd;font-size:14px;line-height:1.2;text-transform:capitalize;position:relative;}
.reveal-modal-pro .mb-pro-nav>li>a{padding-left:20px;}
.reveal-modal-pro .mb-pro-nav>li a{display:block;padding-top:12px;padding-bottom:12px;padding-right:20px;}
.reveal-modal-pro .mb-pro-nav>li ul{display:none;}
.reveal-modal-pro .mb-pro-nav .hasul>a:after{content:'\f107';font-family:cmsfont;color:#999;font-size:18px;position:absolute;width:12px;height:18px;line-height:18px;text-align:center;right:10px;top:13px;font-weight:400;}
.reveal-modal-pro .mb-pro-nav>li.active>a{font-weight:bold;background:#eee;}
.reveal-modal-pro .mb-pro-nav>li.active{background:#eee;border-bottom:3px solid #dadada;}
.reveal-modal-pro .mb-pro-nav>li ul li{border-top:1px dotted #ccc;font-size:12px;}
.reveal-modal-pro .mb-pro-nav>li ul li a{padding-left:36px;}
.reveal-modal-pro .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:11px;right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;}

@media(max-width:768px) {
    .totop{z-index: 99;bottom: 60px;}
    footer {margin-bottom: 48px; }
}