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

.header {z-index: 999;width: 100%;}
.header-desc{font-size: 14px;color: #97c6f4;line-height: 42px;background: #0e59a2;}
.header-top{background: #42434a;  }
.header-top .top-box {display: flex;align-items: center;justify-content: flex-end;}
.header-top .top-search{margin-left: 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; min-width: 80px; margin: 0 20px;  }
.navbar-custom .navbar-nav .nav-link {height: 110px; display: flex;align-items: center;justify-content: center; text-align: center; color:#fff; font-size: 16px; }
.navbar-custom .navbar-nav .nav-link:hover{background: #ffffff;transition: all 0.5s;color: #42434a;}
.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{background: #ffffff;color: #42434a;}
.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); }

/*#region 手机端*/
.header-mb{background: #42434a;}
.header-mb .top-mb{display: flex; justify-content: flex-end;align-items: center;width: 60%; }
.header-mb .navbar-brand{width: 40%;}
.header-mb .top-mb .dropdown.lang .dropdown-toggle{background: transparent; padding: 0;}
.header-mb .top-mb .dropdown-menu{min-width: 80px;}
.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-box{display: flex;justify-content: flex-end;}
.top-box2{display: flex;justify-content: flex-end;align-items: center;}
.top-nav{display: flex;justify-content: flex-start;align-items: center;}
.top-mb-search-box{display: none; position: absolute;background: #1063b3; 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;}

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

}

@media(max-width:768px) {
    .navbar-custom{z-index: 99;}
    .navbar-custom .navbar-nav .nav-link{padding: 0.4rem 1.4rem;color: #fff;}
    .navbar-custom .navbar-nav .nav-item { padding: 0; border: none; height: auto; }
    .navbar-custom .navbar-nav .nav-link{height: auto;background: none;line-height: 40px;}
    .navbar-custom .navbar-nav .nav-item:hover .nav-link,.navbar-custom .navbar-nav .nav-item.active .nav-link{color: #576b3e;background: #fff;}
    .navbar-custom .navbar-collapse { background: #1063b3; border-top: 1px solid #fff; position: absolute; top: 100%; width: 100%; left: 0;padding-bottom: 20px; }
    .navbar-custom .navbar-nav .nav-item:before{display: none;}
}
/*#endregion*/

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

.ny-nav{background: #009acc;padding: 10px 15px;margin-bottom: 13px;}
.ny-nav .menu-horizontal-wrapper{margin-bottom: 0;}
.menu-horizontal{display: flex;justify-content: center;}
.menu-horizontal .nav-item {margin-right: 35px;margin-left: 35px; overflow: hidden; }
.menu-horizontal .nav-link {width: 100%; min-width: 200px; padding: 10px 20px; color: #fff;display: block;text-align: center; border-radius: 50px; overflow: hidden; font-size: 20px;}
.menu-horizontal .nav-link:before { content: "●"; font-size: 1rem; margin-right: 5px; color: #fff }
.menu-horizontal .nav-link.active,.menu-horizontal .nav-link:hover {color: #fff;background: #e50013;box-shadow:1px 1px 3px #333 inset;}

.ny-nav-child{margin-bottom: 40px;}
.ny-nav-child .menu-horizontal-wrapper{margin-bottom: 0;}
.menu-horizontal-child{display: flex;justify-content: center;}
.menu-horizontal-child .nav-item-child {margin-right: 20px;margin-left: 20px; overflow: hidden; }
.menu-horizontal-child .nav-link-child {width: 100%; min-width: 200px; padding: 12px 20px; color: #404040;background: #d9d9d9; display: block;text-align: center;box-shadow:1px 1px 3px #333 inset; border-radius: 50px; overflow: hidden; font-size: 16px;}
.menu-horizontal-child .nav-link-child:before { content: "-"; font-size: 0.75rem; margin-right: 5px; color: #404040 }
.menu-horizontal-child .nav-link-child.active,.menu-horizontal-child .nav-link-child:hover {color: #fff;background: #009acc;}
.menu-horizontal-child .nav-link-child.active:before,.menu-horizontal-child .nav-link-child:hover:before {color: #fff;}

.menu-horizontal-about{display: flex;justify-content: flex-start;margin-bottom: 35px;}
.menu-horizontal-about .nav-item-about { background: #efefef;margin-right: 10px;color: #626262;}
.menu-horizontal-about .nav-link-about {padding: 15px 20px; color: #626262;display: block;text-align: left;  font-size: 18px;}
.menu-horizontal-about .nav-link-about.active,.menu-horizontal-about .nav-link-about:hover {color: #fff; background: #1163b3;  }

@media(max-width:768px) {
    .nynav-about{padding-right: 0px;}
    
}
/*#endregion*/

/*#region 位置导航*/
/*#region 位置导航*/
.ny-crumb{background: url(../../images/banner-ny.jpg) no-repeat top center;}
.ny-crumb .container-xl{display: flex;justify-content: center;align-items: center;height: 250px; }
.page-title { display: block; text-shadow: 1px 1px 5px #000;}
.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) {
    .page-title .title{font-size: 30px;}
}
/*#endregion*/

/*#region 底部*/
footer { background: #42434a;padding-top: 50px;padding-bottom: 0px;}
footer h3{color: #fff;font-size: 26px;margin-bottom: 10px;display: flex; align-items: center;}
footer h3:before{content: "";width: 5px;height: 25px;background: #e50013;display: inline-block;margin-right: 10px;}
footer .foot-logo{margin-bottom: 35px;}
footer .list{display: flex;flex-wrap: wrap;margin-bottom: 30px;width: 70%;}
footer .list p{width: 50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top: 10px;padding-bottom: 10px; font-size: 16px;line-height: 30px;border-bottom: 1px solid #63646b;}
footer .list p:before { content: "●"; font-size: 0.75rem; margin-right: 8px; color: #fff; }
footer .list p a{color: #fff;}
footer .foot-bottom{margin-bottom: 40px;}
footer .foot-bottom .addr p{font-size: 16px;color: #fff;line-height: 36px;}
footer .foot-bottom .social span{border-radius: 50%;overflow: hidden;width: 44px;height: 44px;display: flex;justify-content: center;align-items: center;}
footer .foot-bottom .social span:before{font-size: 1.3rem;width: 1.3rem;}

.footer-bq{text-align: center;background: #009acc;padding: 10px 0;font-size: 16px;color: #fff;}

@media(max-width:768px) {
    footer .foot-logo{margin-bottom: 25px;}
    footer .social{margin-bottom: 25px;}
    footer .list{width: 100%;}
}
/*#endregion*/

/*#region 首页*/
.home-about{background: #f8f8f7;padding: 58px 0;}
.home-about .about-box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.home-about .about-box .left{width: 56%;border-radius: 20px;overflow: hidden;}
.home-about .about-box .left .imgb{margin-bottom: 13px;}
.home-about .about-box .left .imgs{display: flex;justify-content: space-between;}
.home-about .about-box .left .imgs .item{width: 23.5%;}
.home-about .about-box .right{width: 44%;padding-left: 49px;}
.home-about .about-box .right h2{font-size: 36px;font-weight: bold;}
.home-about .about-box .right h2:after{content: "";width: 156px;height: 5px;background: #e40510;margin: 20px 0 25px;display: block;}
.home-about .about-box .right p{font-size: 16px;line-height: 30px;margin-bottom: 20px;}
.home-about .about-box .more{display: flex;justify-content: flex-end;margin-top: 30px;}
.home-about .about-box .more a{width: 100px;height: 40px;background: #168bcd;border-radius: 20px 0 20px 0;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.home-about .about-box .more a:hover{background: #e40510;}

@media(max-width:768px) {
    .home-about .about-box .left{width: 100%;}
    .home-about .about-box .right{width: 100%;padding-left: 0px;padding-top: 20px;}
    .home-about{padding: 30px 0;}
}


.home-pro{background: #fff;padding: 40px 0;overflow: hidden;}
.home-pro .swiper{position: relative;}
.home-pro .swiper-slide .container-xl{display: flex;align-items: center;}
.home-pro .swiper-slide .left{width: 40%;}
.home-pro .swiper-slide .left h3{font-size: 30px;color: #009acc;margin-bottom: 40px;}
.home-pro .swiper-slide .left h3 a{color: #009acc;}
.home-pro .swiper-slide .left h3 a:hover{text-decoration: underline;}
.home-pro .swiper-slide .left p{font-size: 22px;color: #666666;line-height: 30px;margin-bottom: 40px;}
.home-pro .swiper-slide .left .more{width: 181px;height: 41px;text-align: center;line-height: 41px; display: block; background: #009acc;border-radius: 0 20px 0 20px;overflow: hidden; font-size: 20px;color: #ffffff;}
.home-pro .swiper-slide .right{width: 60%;}

.home-pro2{background: url(../../images/hmprobg.jpg) repeat-x top #f8f8f7;position: relative;padding: 40px 0;overflow: hidden;}
.home-pro2 .container-xl{position: relative;}
.home-pro2 .swiper-slide{min-width: 310px;}
.home-pro2 .hmpro-box{border-radius: 20px;overflow: hidden;margin-right: 10px;margin-left: 10px;}
.home-pro2 .hmpro-box .img{height: 250px;display: flex;align-items: center;justify-content: center;background: #fff;}
.home-pro2 .hmpro-box h4{background: #efefef;font-size: 14px;padding-left: 15px;padding-right: 15px; color: #222222;text-align: center; line-height: 48px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.home-pro2 .hmpro-box h4 a:hover{text-decoration: underline;}
.home-pro2 .hmpro-box:hover h4{background: #009acc;color: #fff;}
.home-pro2 .hmpro-box:hover h4 a{color: #fff;}
.home-pro2 .swiper-slide-thumb-active h4{background: #009acc;color: #fff;}
.home-pro2 .swiper-slide-thumb-active h4 a{color: #fff;}
.home-pro2 .swiper-button-prev{left: -10px;width: 23px;}
.home-pro2 .swiper-button-next{right: -10px;width: 23px;}
.home-pro2 .swiper-button-prev:after{content: "";width: 23px;height: 41px;display: block; background: url(../../images/swiptb1.jpg) no-repeat;}
.home-pro2 .swiper-button-next:after{content: "";width: 23px;height: 41px;display: block;background: url(../../images/swiptb2.jpg) no-repeat;}

.home-num{background: url(../../images/numbg.jpg) no-repeat center;height: 424px;padding-top: 70px;}
.home-num .num .box{text-align: center;}
.home-num .num .box .img{margin-bottom: 25px;}
.home-num .num .box p{font-size: 42px;color: #fff;text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);margin-bottom: 15px;}
.home-num .num .box h4{font-size: 76px;color: #fff;text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);font-weight: bold;}

@media(max-width:768px) {
    .home-num{background-size: cover;height: auto;padding-top: 40px;padding-bottom: 40px;}
    .home-num .num .box .img{margin-bottom: 10px;}
    .home-num .num .box p{font-size: 20px;}
    .home-num .num .box h4{font-size: 36px;}
}

.home-service{background: #f8f8f7;padding: 85px 0 70px;}
.home-service .ser-row{margin-left: -30px;margin-right: -30px;}
.home-service .ser-row .col-md-4{padding-left: 30px;padding-right: 30px;}
.home-service .ser-row .sol-box{border-radius: 20px;overflow: hidden;position: relative;margin-bottom: 30px;}
.home-service .ser-row .sol-box .text{position: absolute;transition: all 0.5s; bottom: 0;left: 0;right: 0;background: rgba(15, 136, 204, 0.5);height: 164px;text-align: center;padding-top: 25px;color: #fff;}
.home-service .ser-row .sol-box .text h3{font-size: 26px;line-height: 37px;}
.home-service .ser-row .sol-box .text p{font-size: 20px;line-height: 37px;}
.home-service .ser-row .sol-box a{position: absolute;z-index: 10;top: 0;bottom: 0;left: 0;right: 0;}
.home-service .ser-row .sol-box:hover{box-shadow: 0 0 16px rgba(0, 0, 0, 0.4);}
.home-service .ser-row .sol-box:hover .text{bottom: calc(50% - 82px);}

.home-service .home-title{font-size: 26px;color: #222222;margin: 30px 0 40px;font-weight: bold;}
.home-service .home-title:after{content: "";width: 100px;height: 5px;background: #168bcd;display: block;margin: 10px 0;}

.home-service .ser-pro{margin-left: -30px;margin-right: -30px;}
.home-service .ser-pro .col-md-4{padding-left: 30px;padding-right: 30px;}
.home-service .serpro-box{margin-bottom: 30px;}
.home-service .ser-pro .img{width: 85%;margin: 0 auto;border: 1px solid #168bcd;border-bottom: 0; position: relative; border-radius: 20px 20px 0 0;overflow: hidden;transition: all 0.5s;}
.home-service .ser-pro h4{background: #168bcd;border-radius: 20px;overflow: hidden;line-height: 42px;font-size: 20px;color: #fff;text-align: center;}
.home-service .ser-pro h4 a{font-size: 20px;color: #fff;}
.home-service .ser-pro h4 a:hover{text-decoration: underline;}
.home-service .ser-pro .img .list{position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.3);z-index: 10;opacity: 0;transition: all 0.5s;}
.home-service .ser-pro .img .list p{font-size: 15px;font-style: italic;justify-content: center; display: flex;align-items: center; height: 60px;border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.home-service .ser-pro .img .list p a{color: #fff;}
.home-service .ser-pro .img .list p:hover{background: rgba(15, 136, 204, 0.5);}
.home-service .serpro-box:hover .list{opacity: 1;}
.home-service .serpro-box:hover .img{border-color: #e0e0df;}

.home-news{border-radius: 20px;overflow: hidden;}
.home-news .col-md-6{display: flex;background: #e1e1e1;transition: all 0.5s;color: #222222;flex-wrap: wrap;}
.home-news .col-md-6 .img{width: 50%;position: relative;}
.home-news .col-md-6 .img:before{
    content: "";
    border-left:20px solid transparent;
    border-right:20px solid #e1e1e1;
    border-top:20px solid transparent;
    border-bottom:20px solid transparent;
    position: absolute;
    bottom: calc(50% - 10px);
    right: 0;
}
.home-news .col-md-6 .text{width: 50%;padding: 40px 20px 0;}
.home-news .col-md-6 .text h4{font-style: 20px;margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #222;}
.home-news .col-md-6 .text h4 a:hover{color: #222222;text-decoration: underline;}
.home-news .col-md-6 .text p{font-style: 18px;line-height: 32px;margin-bottom: 15px;}
.home-news .col-md-6 .text time{font-style: 18px;line-height: 32px;display: flex;align-items: center;}
.home-news .col-md-6 .text time:before{content: "\f073";font-family: cmsfont; font-size: 18px;margin-right: 9px;}
.home-news .col-md-6 .text .more{width: 76px;transition: all 0.5s; height: 40px;display: flex;opacity: 0; align-items: center;justify-content: center; position: absolute; bottom: 0;right: 0;border-radius: 20px 0 0 0;overflow: hidden;}
.home-news .col-md-6:hover{background: #168bcd;color: #fff;}
.home-news .col-md-6:hover .text h4{color: #fff;transition: all 0.5s;}
.home-news .col-md-6:hover .text h4 a{color: #fff;transition: all 0.5s;}
.home-news .col-md-6:hover .text .more{background: #e40510;opacity: 1;}

@media(max-width:768px) {
    .home-service{padding: 30px 0;}
    .home-service .ser-row .sol-box .text{height: auto;padding-bottom: 20px;}

    .home-news .col-md-6 .img{width: 100%;height: auto;}
    .home-news .col-md-6 .text{width: 100%;}
}

/*#endregion*/

/*#region 文章单页*/
/*#region about wrapper*/
.about-wrapper{margin-top: 40px;margin-bottom: 40px;}
.about-wrapper .col-md-7{border-radius: 20px;overflow: hidden;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);}
.about-wrapper .com2{padding-left: 55px;position: relative;background: url(../../images/combg1.jpg) no-repeat 26px center;}
.about-wrapper .com-box{display: flex;padding: 33px 30px;background: #fff;margin-bottom: 14px;border-radius: 20px;overflow: hidden;color: #009acc;transition: all 0.5s;}
.about-wrapper .com-box:last-child{margin-bottom: 0;}
.about-wrapper .com-box .left{width: 20%;}
.about-wrapper .com-box .right{width: 80%;padding-left: 20px;}
.about-wrapper .com-box:hover{background: #009acc;color: #fff;}
.about-wrapper .com-box .left .imgon{opacity: 0;transition: all 0.5s;display: none;}
.about-wrapper .com-box .left .imgoff{opacity: 1;transition: all 0.5s;display: block;}
.about-wrapper .com-box:hover .left .imgon{opacity: 1;display: block;}
.about-wrapper .com-box:hover .left .imgoff{opacity: 0;display: none;}

.about-wrapper .com-title{font-size: 30px;line-height: 38px;color: #009acc;margin-top: 30px;}
.about-wrapper .com-title:after{content: "";width: 200px;height: 5px;background: url(../../images/comtb4.jpg) no-repeat;display: block;margin: 10px 0 20px;}
.about-wrapper .com-p{font-size: 18px;line-height: 24px;color: #666666;}

.about-wrapper .com3{display: flex;align-items: center;justify-content: center;padding-left: 50px;}
.about-wrapper .com-text h3{font-size: 24px;margin-bottom: 25px;display: flex;align-items: center;}
.about-wrapper .com-text h3:before{content: "";width: 5px;height: 30px;background: #e50013;margin-right: 12px;}
.about-wrapper .com-text p{font-size: 18px;line-height: 40px;color: #666666;}
.about-wrapper .comimgx{background: #009acc;padding: 15px 12px;border-radius: 10px;overflow: hidden;margin-bottom: 25px;}
.about-wrapper .comimgx h5{font-size: 20px;color: #fff;text-align: center;line-height: 20px; margin-top: 10px;}
.about-wrapper .comimgx .img{border-radius: 10px;overflow: hidden;}

@media(max-width:768px) {
    .about-wrapper .com2{padding-left: 0;margin-top: 20px;background: none;}
    .about-wrapper .com3{padding-left: 0;margin-top: 20px;}
}

/*#region contact-wrapper*/
.contact-wrapper { margin: 40px 0; background: #fff;border-radius: 20px; overflow: hidden;border: 1px solid #999999;padding: 40px;}
.contact-wrapper .contact-img img { width: 100%; height: auto }
.contact-wrapper .fktitle{margin-bottom: 30px;font-size: 30px;}
.contact-wrapper .contact-content{border-right: 1px solid #d0d0d0;padding-right: 20px;}
.contact-wrapper .contact-content h3 { color: #222222; font-size: 30px; font-weight: bold; margin-bottom: 40px; }
.contact-wrapper .contact-content .list{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.contact-wrapper .contact-content .list .item{display: flex;align-items: center;width: 50%;margin-bottom: 30px;}
.contact-wrapper .contact-content .list .item h4{font-size: 16px;color: #666666;line-height: 30px;}
.contact-wrapper .contact-content .list .item p{font-size: 20px;line-height: 30px;color: #222222;}
.contact-wrapper .contact-content .list .item .right{padding-left: 15px;}
.contact-wrapper .contact-content .list .item:last-child{width: 100%;}
.contact-wrapper .contact-content .list .item .left{min-width: 81px;}

@media(max-width:768px) {
    .contact-wrapper{margin: 30px 0;padding: 25px 15px;}
    .contact-wrapper .contact-content .list .item{width: 100%;}
    .contact-wrapper .contact-content{padding-right: 0;border-right: 0;}
    .contact-wrapper .fktitle{margin-top: 30px;}
}

/*#endregion*/

/*#region 产品列表*/
.pro-wrapper {padding-bottom: 40px; }
.pro-wrapper .pro-row{border-radius: 20px;overflow: hidden;border: 1px solid #fff;margin-bottom: 20px;}
.pro-wrapper .pro-row .img{background: #fff;padding: 20px;}
.pro-wrapper .pro-row .text{background: #fff;padding: 20px;}
.pro-wrapper .pro-row .text .list{display: flex;margin-bottom: 15px;}
.pro-wrapper .pro-row .text h4{font-size: 18px;line-height: 24px;color: #222222;margin-bottom: 10px;font-weight: bold;}
.pro-wrapper .pro-row .text p{font-size: 14px;line-height: 18px;color: #999999;margin-bottom: 15px;}
.pro-wrapper .pro-row .text .item{margin-right: 16px;}
.pro-wrapper .pro-row .more-box{display: flex;justify-content: flex-end;}
.pro-wrapper .pro-row .more-box a{width: 90px;line-height: 25px;font-weight: bold; border: 1px solid #999999;text-align: center;line-height: 25px;border-radius: 50px;overflow: hidden;}
.pro-wrapper .pro-row:hover .text{background: #f4f9fa;transition: all 0.5s;}
.pro-wrapper .pro-row:hover{border: 1px solid #999;transition: all 0.5s;}
.pro-wrapper .pro-row:hover .more-box a{background: #009acc;color: #fff;border: 1px solid #009acc;transition: all 0.5s;}

@media(max-width:768px) {
    .pro-wrapper {padding-top: 30px; }
}

/*#endregion*/

/*#region 文章列表*/
/*#region news list*/
.news-wrapper {padding-top: 50px; padding-bottom: 40px;}
.news-wrapper .news-col {padding-bottom: 30px; margin-bottom: 30px;display: flex;justify-content: space-between;flex-wrap: wrap; background: #fff;border-bottom: 1px solid #c4c4c4;  }
.news-wrapper .news-col .tb{width: 4%;}
.news-wrapper .news-col .tb p{font-size: 14px;text-align: center;line-height: 24px;}
.news-wrapper .news-col .img{width: 25%; display: block;justify-content: center;align-items: center;border: 1px solid #cedae4;}
.news-wrapper .news-col .text{width: 71%;padding-left: 20px; padding-right: 20px; }
.news-wrapper .news-col .text h3{margin-bottom: 10px; margin-top: 10px; line-height: 34px; font-size: 30px;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 h3:after{content: "";width: 130px;height: 5px;background: #e40510;display: block;margin-top: 10px;margin-bottom: 10px;}
.news-wrapper .news-col .text p{font-size: 16px; color: #666666; line-height: 24px; margin-bottom: 15px;display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;}
.news-wrapper .news-col .text .more{width: 94px;height: 32px;background: #009acc;border-radius: 10px;overflow: hidden; font-size: 15px;color: #fff;display: block;text-align: center;line-height: 32px;}
.news-wrapper .news-col .text .more:hover{background: #e40510;}
.news-wrapper .news-col:last-child{border-bottom: 0;}

/*#endregion*/
@media(max-width:768px) {
    .news-wrapper {padding: 30px 0;}
    .news-wrapper .news-col .text h3{font-size: 24px;}
    .news-wrapper .news-col .tb{width: 10%;}
    .news-wrapper .news-col .text{width: 90%;}
    .news-wrapper .news-col .img{width: 100%;margin-top: 20px;}
}

/*#region down list*/
.img-col{ margin-bottom: 25px;}
.img-col .img {  line-height: 0; border: 3px solid #1063b3; }
.img-col .card-title{flex-grow: 1;margin: 0;padding: 0.5rem 0.75rem;color: #fff;background: #1063b3; text-align: center;font-size:18px;line-height: 24px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.img-col:hover .card-title{color: #fff;}

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

/*#region cert-container*/
.cert-col { margin-bottom: 1.5rem; margin-top: 0.5rem; }
.cert-col .card { padding: 15px; background: #f7f7f7; padding: 10px; display: flex;align-items: center;justify-content: center;border: 1px solid #c8c8c8; border-radius: 10px;overflow: hidden; }
.cert-col .card-thumb { background: #e9e9e9; border: 1px solid #c8c8c8;display: flex; justify-content: center; align-items: center; border-radius: 10px;overflow: hidden;}
.cert-col .card-title { font-size: 16px; margin: 0; color: #666666; padding: 0.5rem 0.75rem; margin-top: 0.5rem; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media(max-width:768px) {
    .cert-container { padding-bottom: 0.5rem; padding-top: 0.5rem; }
}



/*#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: #f2f2f2; }
.content-wrapper .nav-link { padding: 0.4rem 1rem;border: none; }
.content-wrapper .nav-tabs .nav-link.active { background: #ffffff;font-size: 20px;color: #222;border-radius: 10px 10px 0 0;border: 1px solid #e1e1e1;border-bottom: 0;margin-bottom: -1px;}
.nav-tabs .nav-item{margin-bottom: 0;}
.nav-tabs{border-bottom: 0;}
.tab-content{border: 1px solid #e1e1e1;border-radius: 0 10px 10px 10px; overflow: hidden;}

/*产品内容*/
.pronr-wrapper{ padding-bottom: 40px; }
.content-wrapper.product .content { padding: 1.5rem 1rem; background: #fff; }
.product-head .product-thumb { border: 1px solid #999999;border-radius: 15px;overflow: hidden; padding: 20px 15px 30px; background: #fff; position: relative; }
.product-head .product-thumb .list{display: flex;justify-content: center;margin-top: 20px;}
.product-head .product-thumb .list .item{margin-left: 10px;margin-right: 10px;}
.product-head { margin-bottom: 1.5rem;}
.pronr-wrapper .pronr-title{font-size: 26px;color: #222222;font-weight: bold;margin-bottom: 30px;margin-top: 20px;}
.pronr-wrapper .pronr-text p{font-size: 16px;line-height: 26px;color: #999999;margin-bottom: 50px;}
.pronr-wrapper .pronr-text h5{font-size: 20px;color: #222;line-height: 34px;margin-bottom: 10px;}
.pronr-wrapper .pronr-text .social span{border-radius: 50%;overflow: hidden;width: 44px;height: 44px;display: flex;justify-content: center;align-items: center;}
.pronr-wrapper .pronr-text .social span:before{font-size: 1.3rem;width: 1.3rem;}

.pronr-wrapper .pronr-text .download{margin-top: 30px; background: #ffffff;margin-right: 30px; font-size: 16px;color: #4e4e4e;border: 1px solid #009acc; padding: 10px 18px;display: block;border-radius: 50px;text-align: center;  overflow: hidden;margin-bottom: 10px;}
.pronr-wrapper .pronr-text i{color: #009acc;}

@media(max-width:768px) {
    .pronr-wrapper{padding-top: 30px;padding-bottom: 30px;}
}
.content-pro .content-pro-title{color: #fff;padding: 13px 0;font-size: 20px;margin-bottom: 10px;color: #009acc;font-weight: bold;}
.content-pro .content-pro-title:before { content: "●"; font-size: 1rem; margin-right: 8px; color: #009acc; }
.content-pro h5{font-size: 16px;color: #333; margin-top: 10px; padding-left: 10px; padding-right: 10px; margin-bottom: 10px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.content-pro .pro-box{border: none;}
.content-pro .pro-box .img{overflow: hidden;border: 1px solid #dfdfdf;border-radius: 20px; height: 210px;display: flex;align-items: center;background: #fff;}
.content-pro .pro-box  a{color: #333;display: block;}
.content-pro .pro-box:hover h5 a{color: #c2150f;transition: all 0.3s;}
.content-pro .pro-box:hover h5{color: #c2150f;transition: all 0.3s;}

.content-feedback {margin-bottom: 20px;}
.content-feedback h2{padding: 13px 0;font-size: 20px;margin-bottom: 20px;color: #009acc;font-weight: bold;}
.content-feedback h2:before { content: "●"; font-size: 1rem; margin-right: 8px; color: #009acc; }

.content-news{margin-top: 20px;  }
.content-news .content-news-title{color: #fff;padding: 13px 0;font-size: 20px;margin-bottom: 10px;color: #009acc;font-weight: bold;}
.content-news .content-news-title:before { content: "●"; font-size: 1rem; margin-right: 8px; color: #009acc; }
.content-news .news-col{border-bottom: 1px dashed #c6c6c6; padding-bottom: 15px; margin-top: 5px;margin-bottom: 15px;}
.content-news .news-col h4{display: flex;align-items: center;}
.content-news .news-col h4 a{color: #414141;font-size: 20px;}
.content-news .news-col h4:before{content: "";width: 8px;height: 14px;background: url(../../images/newstb.jpg) no-repeat;margin-right: 9px;}
.content-news .news-col h4 a:hover{ color: #c2150f;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{background: #fff;padding: 10px 30px;border-radius: 20px;overflow: hidden;margin-bottom: 30px;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);}
.newsnr-container .title { font-size: 1.5rem; color: #000; text-align: center; }
.newsnr-container .content { color: #595959; line-height: 1.8rem; padding: 0; }
.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 solid #cccccc; }
.newsnr-container .summary span { margin-right: 15px; }
.newsnr-container .social a{border-radius: 0;}
.content-other{background: #fff;font-size: 16px;color: #1163b3;margin-bottom: 30px;}
.content-other a{color: #3d3d3d;}
.content-other a:hover{ color: #c2150f;transition: all 0.3s; }

.hot-pro { }
.hot-pro .hot-pro-title{color: #fff;padding: 5px 0;font-size: 20px;margin-bottom: 0px;color: #009acc;font-weight: bold;}
.hot-pro .hot-pro-title:before { content: "●"; font-size: 1rem; margin-right: 8px; color: #009acc; }
.hot-pro .pro-box h4{font-size: 14px;color: #fff; background: #009acc;border-radius: 0 0 10px 10px; margin-top: 10px;line-height: 32px;padding-left: 15px;padding-right: 15px; margin-bottom: 20px;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-radius: 10px 10px 0 0;}
.hot-pro .pro-box  a{color: #fff;}
.hot-pro .pro-box:hover h4 a{color: #fff;text-decoration: underline; transition: all 0.3s;}
.hot-pro .pro-box:hover h4{color: #fff;transition: all 0.3s;}

.hot-news{background: #fff;margin-left: 13px;border-radius: 20px; overflow: hidden;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);margin-bottom: 30px;}
.hot-news-title{border-bottom: 2px solid #009acc;}
.hot-news-title{font-size: 24px;color: #222;text-align: center;line-height: 55px;}
.hot-news .box{padding: 20px;}
.hot-news .box .item{border-bottom: 1px solid #e5e5e5;padding-bottom: 10px;margin-bottom: 10px;}
.hot-news .box .item h4{font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;display: flex;}
.hot-news .box .item h4:before{content: ">";display: block;font-size: 16px;margin-right: 7px;}
.hot-news .box .item p{font-size: 12px;color: #999999;line-height: 14px;margin-bottom: 10px;margin-left: 14px;}
.hot-news .box .item time{font-size: 12px;display: flex;align-items: center;margin-left: 14px;}
.hot-news .box .item time:before{content: "";width: 13px;height: 13px;background: url(../../images/newstime.jpg) no-repeat;margin-right: 4px;}

@media(max-width:768px) {
    .newsnr-container{padding: 15px;}
    .hot-news{margin-left: 0;}
    .content-pro .pro-box .img{height: 150px;}
}
/*#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: #42434a; border-color: #42434a; }

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

/*搜索*/
.search-group { width: 170px; height: 37px; 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: 37px;  width: 37px;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*/

/*手机端底部菜单*/
.mobile-nav{position: fixed;bottom: 0;left: 0;right: 0;height: 48px; background: #42434a;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 .item span{font-size: 12px;color: #fff;display: block; text-align: center;line-height: 20px;padding-top: 8px;}
.mobile-nav .item span:before{font-family: cmsfont; font-size: 14px; color: #fff;display: block; line-height: 16px;}
.mobile-nav .mobile-nav-home:before{content: "\f80a";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;margin-top: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;margin-top: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>span{padding-left:20px;}
.reveal-modal-pro .mb-pro-nav>li span{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>span: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:42px;padding: 15px; 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; }
}