/*#region 通用*/
body { color: #000; font-size: 14px; font-family: 微软雅黑; }
.img-width{width: 100%;height: auto;}
.main-container { padding-top: 0px; padding-bottom: 40px; min-height: 600px; }
.container-18{max-width: 1800px; margin: 0 auto;}
@media(max-width:768px) {
    .main-container { padding-top: 0px; padding-bottom: 20px; }
}
/*#endregion*/

/*#region 头部*/
.header { top: 0;  }
.header-top{ background: #000; }
.header-top-box{display: flex;justify-content: flex-end;}
.top-tel{color: #fff;font-size: 16px; margin-top: 15px; margin-bottom: 15px;}
.top-lang{margin-top: 12px;}
.top-lang-pc{margin-top: 12px;display: flex;margin-right: 15px;}
.top-lang-pc a{color: #fff;padding: 8px;}
.top-lang-pc a:hover{background: none;color: #fff; }
.top-share{margin-top: 12px;}
.header-top .social a { border-radius: 0; }
.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 }

@media(max-width:768px) {
    .header-top{ background: #000; padding: 5px; }
    .top-lang{margin-top: 5px;}
}

.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: 100px; }
.navbar-custom .navbar-nav .nav-item { margin: 0 8px; padding: 20px 0; }
.navbar-custom .navbar-nav .nav-item:last-child { background: none; }
.navbar-custom .navbar-nav .nav-link { padding: 0.5rem 0.5rem; text-align: center; color:#000; font-size: 18px; overflow: hidden;border-bottom: 2px solid #fff; font-weight: bold;}
.navbar-custom .navbar-nav .nav-link:hover, .navbar-custom .navbar-nav .nav-link:focus { color: #000; transition: 0.3s all;border-bottom: 2px solid #000; }
.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: #000; border-bottom: 2px solid #000; }
.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: #000; transition: 0.3s all;border-bottom: 2px solid #000;}


@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; padding: 0; }
    .navbar-custom .navbar-collapse { background: #fff; border-top: 1px solid #f2f3f4; position: absolute; top: 100%; width: 100%; left: 0; }
}

@media(max-width:1300px) {
    .navbar-custom .navbar-nav .nav-link{ padding: 0.5rem 0.2rem;font-size: 16px;}
}
@media(max-width:1200px) {
    .navbar-custom .navbar-nav .nav-link{ padding: 0.5rem 0.1rem;font-size: 14px;}
    .navbar-custom .navbar-nav > .nav-item{min-width: 80px;}
}
@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*/

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

.ny-nav{ margin-bottom: 40px;border-bottom: 1px solid #585858;}

.menu-horizontal-wrapper { margin-bottom: 0px; font-size: 18px;  margin-top: 30px;  }
.menu-horizontal { display: flex; flex-wrap:wrap; width: 100%;justify-content: flex-start;}
.menu-horizontal .nav-item { }
.menu-horizontal .nav-link { padding: 10px 40px; background: #2f2f2f;  color: #7c7c7c;display: block;text-align: center; margin-right: 15px;  }
.menu-horizontal .nav-link.active,.menu-horizontal .nav-link:hover { color: #fff; background: #000; }

.ny-nav2{border-bottom: 1px solid #000;}
.ny-nav-child{ margin-bottom: 20px; }
.menu-horizontal-child {  display: flex; flex-wrap: wrap; background: #252525; padding: 10px; margin-bottom: 30px; }
.menu-horizontal-child li { margin: 5px 20px 5px 0; }
.menu-horizontal-child .nav-link { padding: 5px 10px;  color: #fff; }
.menu-horizontal-child .nav-link:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: #fff }
.menu-horizontal-child .nav-link.active { color: #000; background: #fff; }
.menu-horizontal-child .nav-link:hover{color: #000; background: #fff;  transition: all 0.3s;}
.menu-horizontal-child .nav-link.active:before,.menu-horizontal-child .nav-link:hover:before{color: #000 }

@media(max-width:768px) {
    .ny-nav2{border-bottom: 0px solid #000;display: none;}
    .ny-nav{ margin-bottom: 20px;border-bottom: 0px solid #585858;}
    .menu-collapse{margin-top: 20px;}
    .menu-horizontal .nav-item { margin: 0; }
    .menu-horizontal-child { justify-content: left; }
    .menu-horizontal-child .nav-link { padding: 0.5rem 1.5rem; }
}
/*#endregion*/

/*#region 位置导航*/
.ny-crumb{background: url(../../images/banner-about.jpg) no-repeat top center; height: 150px;}
.ny-crumb.contact{background: url(../../images/banner-contact.jpg) no-repeat top center; height: 150px;}
.ny-crumb.cert{background: url(../../images/banner-cert.jpg) no-repeat top center; height: 150px;}
.ny-crumb.news{background: url(../../images/banner-news.jpg) no-repeat top center; height: 150px;}
.page-title a { color: #fff; }
.page-title { display: -ms-flexbox; display: flex; justify-content: center; align-items: center;  height: 161px; color: #fff;  }
.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: #fff; }
.page-title .breadcrumb:before { font-family: cmsfont; content: "\f80a"; margin-right: 0.25rem; color: #fff}
.page-title .crumb-title{font-size:35px;color: #fff;font-weight: bold;margin-right: 10px; margin-bottom: 15px;text-align: center; height:auto; }
.page-title .crumb-box{display: block;}

@media(max-width:768px) {
    .page-title .crumb-box{display: block;}
    .page-title .crumb-title{border-right: 0px solid #fff; margin-right: 0px; padding-right: 0px; margin-bottom: 10px; height:auto; text-align: center; }
    .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; }
}
/*#endregion*/

/*#region 底部*/
footer { background: #000; color: #fff; padding-top: 20px; padding-bottom: 20px;  }
footer .foot-right{text-align: right;}
footer .foot-box{display: flex;}
footer .foot-box .title{font-size: 18px; padding-right: 20px;}
footer .foot-box .list a{font-size: 16px;color: #fff;border: 1px solid #fff; padding: 5px 25px;background: #3c3c3c; display: inline-block; margin: 8px 15px 7px 0;}

@media(max-width:768px) {
    footer .foot-right{text-align: center; margin-top: 20px;}
    footer .foot-box{display: none;}
    footer {margin-bottom: 48px; }
    .foottext{text-align: center;padding-top: 10px;}
}
/*#endregion*/

/*#region 首页*/
.home-title{text-align: center;font-size: 35px;color: #3c3b3b;font-weight: bold; margin-bottom: 25px;}

.home-about{background: url(../../images/aboutbg2.jpg) repeat-x top center; padding: 60px 30px;}
.home-about h1{text-align: center;font-size: 41px;color: #565656;}
.home-about .desc{font-size: 18px;color: #565656;text-align: center;margin-bottom: 79px;}
.home-about .about-box h3{background: #000;padding: 17px;margin-bottom: 0; font-size: 18px;color: #fff;}
.home-about .about-box:hover h3{background: #cd0000;transition: all 0.3s;}

.more-box{width: 100%;display: flex;justify-content: center;}
.more-box .more{border: 1px solid #000;padding: 10px 45px; display: inline-block;border-radius: 25px;overflow: hidden;font-size: 18px;color: #000; margin:40px auto 0;}
.more-box .more:hover{background: #000;color: #fff;}

.home-pro{background: #f6f6f6; padding: 45px 0 30px;}
.home-pro .desc{font-size: 15px;color: #000000;text-align: center;margin-bottom: 60px;}
.home-pro .pro-box{border:2px solid #000000; position: relative; margin-bottom: 30px; border-radius: 10px;overflow: hidden;}
.home-pro .pro-box .img{position: relative;}
.home-pro .pro-box h4{padding: 0 10px; text-align: center;font-size: 18px;color: #fff;  line-height: 46px;margin-bottom: 0;background: #000000;height: 46px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.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(0,0,0,0.5); transition: all 0.5s; }
.home-pro .more-box .more{margin:20px auto;}

.home-news { padding: 30px 0 40px;}
.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 #000; }
.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: #000; 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: #f4f4f4;padding: 50px 30px; }
.home-contact .title{ text-align: center;font-size: 36px;color: #4b4b4b; font-weight: bold; margin-bottom: 40px;}
.home-contact .img{ margin-bottom: 30px; }
.home-contact p{font-size: 16px;color: #808080;margin-bottom: 10px;}
.home-contact .product-feed{background: #fff; padding: 25px;}
.home-contact .feedback-title{ font-size: 33px;font-family: Arial; text-align: center; padding-top: 20px; padding-bottom: 10px; }
.home-contact .desc{font-size: 20px; color: #4b4b4b;font-family: Arial;text-align: center; padding-bottom: 30px;}

@media(max-width:768px) {
    .home-about{ padding: 30px 0px;}
    .home-about h1{font-size: 24px;}
    .home-about .desc{font-size: 14px;color: #fff;text-align: center;margin-bottom: 30px;}
    .home-about .about-box {margin-bottom: 20px;}

    .home-contact{padding: 20px 0px; }
    .home-contact .title{ font-size: 24px; margin-bottom: 20px;}
    .home-contact .product-feed{margin-top: 20px;}
}

/*#endregion*/

/*#region 文章单页*/
/*#region about wrapper*/
.about-wrapper { padding-bottom: 40px;padding-top: 15px; }
.about-wrapper .imgx{ margin-left: 20px; }
.about-wrapper h1{font-size: 24px;color: #424242; margin-bottom: 30px;margin-top: 30px;}
.about-wrapper p{font-size: 16px;color: #818181; margin-bottom: 30px;}
.about-wrapper .content table p{margin-bottom: 0;}
.about-wrapper .content table{width: 100%;display: table;}

.com-title-2{font-size: 16px;color: #464646;font-weight: bold;margin-top: 30px; margin-bottom: 20px;}
.com-title-1{font-size: 22px;color: #fff;padding: 10px 30px;background: #000;display: inline-block;margin-top: 30px; margin-bottom: 20px;}

@media(max-width:768px) {
    .about-wrapper .imgx{ margin-left: 0px; margin-top: 20px; }
}


/*#region contact-wrapper*/
.contact-wrapper { background: #fff;  color: #1c1c1c; border-radius: 10px;  padding-top: 20px; padding-bottom: 30px; }
.contact-wrapper .contact-box{box-shadow: 4px 4px 8px #f8f8f8;border-radius: 10px;overflow: hidden;}
.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 center; 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: 40px;}
.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 .bgcontact{border-radius: 0px;}
    .contact-wrapper .contact-box{border-radius: 0px;overflow: hidden; padding: 0 15px;}
    .contact-feedback {padding: 10px 0px;}
}

/*#endregion*/

/*#region 产品列表*/
.pro-wrapper { margin-top: 10px; padding-bottom: 40px; }
.pro-wrapper .pro-col{border: 1px solid #000; margin-bottom: 25px; border-radius: 10px;overflow: hidden;}
.pro-wrapper .pro-col .title{background: #000;color: #fff;margin-bottom: 0; padding: 12px; text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
@media(max-width:768px) {
    
}
/*#endregion*/

/*#region 文章列表*/
/*#region news list*/
.article-row { margin-bottom: 1.875rem; box-shadow: 2px 2px 4px #dbdbdb;  padding: 15px; background: #fff; }
.article-row .card-thumb { display:flex;justify-content:center;align-items:center;height:160px;  }
.article-row .card-body { padding: 0rem 1.25rem; }
.article-row .title {  font-size: 18px; margin-bottom: 0; }
.article-row .title a { color: #4b4b4b; transition: color 0.2s ease; }
.article-row .title a:hover { color: #cd0000 }
.article-row p { padding: 15px 0; margin-bottom: 0; color: #626262; line-height: 1.7; font-size: 0.85rem; }
.article-row .card-text { font-size: 1rem; }
.article-row time { display: block; font-size: 0.85rem; color: #cd0000; }
.article-row .more { display: block; align-items: end; justify-content: flex-end }
.article-row .link { background: #342C2A; color: #fff; display: inline-block; padding: 3px 5px; }

@media(max-width:768px) {
    .article-row .card-body { padding: 1.25rem 0 0; }
    .article-row h3 { font-size: 1rem; }
}

/*#region cert-container*/
.cert-container { padding-bottom: 2rem;  }
.cert-container .cert-col { margin-bottom: 1.5rem; margin-top: 0.5rem; }
.cert-container .cert-col .card { padding: 1rem; background: #fff; box-shadow: 2px 2px 4px #dbdbdb; }
.cert-container .cert-col .card-thumb { border: 1px solid #dbdbdb; box-shadow: 2px 2px 4px #e7e7e7; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.cert-container .cert-col .card-title { font-size: 1rem; margin: 0; 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 video list*/
.video-col { margin-bottom: 1.5rem; }
.video-col .card{height: 100%;}
.video-col .card .video{padding: 20px;border: 1px solid #cacaca;border-radius: 10px;}
.video-col .card-title{ display: flex;display: -ms-flexbox;justify-content: center;align-items: center;flex-grow: 1;margin: 0;padding: 0.75rem 0.5rem;text-align: center;font-size: 0.875rem;}

/*#region 详情页*/
/*默认设置*/
.pro-bg{}
.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: #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 #201d1d !important; text-transform: uppercase; font-size: 16px; }

/*产品内容*/
.content-wrapper.product { border: 1px solid #e9eef4 }
.content-wrapper.product .content { padding: 1.5rem 1rem; }
.pronr-title{text-align: left;font-size: 24px;color: #303030;margin-bottom: 30px;}
.product-head { margin-bottom: 1.5rem; background: #f9f9f9;padding: 22px; }
.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; display: flex; flex-wrap: wrap; }
.product-head .product-thumb{border: 3px solid #000;width: 70%;position: relative; background: #fff;display: flex;justify-content: center;align-items: center; height: 400px;}
.product-head .product-thumb video{width: 100%;}

.product-head .product-thumbs{width: 30%;margin-top: 0;}
.product-head .product-thumbs .nav{display: block;}
.product-head .product-thumbs .nav .nav-item{margin-bottom: 10px;position: relative;}
.product-head .product-thumbs .nav .nav-item:last-child{margin-bottom: 0px;}
.product-head .product-thumbs .nav-tabs .nav-link{border: 1px solid #000; padding: 0;background: #fff;display: flex;justify-content: center;align-items: center;height: 125px;overflow: hidden;}
.product-head .product-thumbs .nav-tabs .nav-link.active{border: 1px solid #da2419;}
.product-head .product-thumbs .nav .nav-item .video-tb{position: absolute; height: 125px;display: flex;justify-content: center;align-items: center;z-index: 99; width: 100%;}

.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: 0 20px;}
.product-feed p { font-size: 0.875rem; color: #848484; line-height: 1.2rem; }

.product-service {display: flex; margin-top: 20px;}
.product-service .service-box{background: #de1d1e;padding: 16px 24px; margin-right: 10px; border-radius: 10px;overflow: hidden;}
.product-service .service-box .img{width: 40px;height: 40px;margin: 0 auto;}
.product-service .service-box .text{font-size: 16px;color: #fff;margin-top: 10px;}

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

@media(max-width:768px) {
    .product-head .product-thumb{width: 100%; height: 350px; overflow: hidden;}
    .product-head .product-thumbs{width: 100%;margin-top: 20px;}
    .product-head .product-thumbs .nav{display: flex;}
    .product-feed{padding: 0;}
    .product-head .product-thumbs .nav-tabs{border: none;}
    .product-head .product-thumbs .nav .nav-item{width: 31%;}
    .product-head .product-thumbs{padding: 0;}
    .product-head .product-thumbs .nav .nav-item{margin-right: 10px;}
    .product-head .product-thumbs .nav .nav-item:last-child{margin-right: 0px;}
    .product-head .product-thumbs .nav-tabs .nav-link{height: 100px;}
    .product-head .product-thumbs .nav .nav-item .video-tb{height: 100px;}
}

/*文章内容*/
/*#region newsnr-container*/
.newsnr-container{padding-bottom: 35px;}
.newsnr-container .news-left { padding-top: 3rem; padding-bottom: 2rem; }
.newsnr-container .news-left .title { font-size: 1.5rem; color: #000; text-align: center; }
.newsnr-container .news-left .content { font-family: 微软雅黑;  color: #595959; line-height: 1.8rem; }
.newsnr-container .news-left .content p { margin-bottom: 0; }
.newsnr-container .news-left .summary { padding-bottom: 20px; text-align: center; margin: 30px 0; font-size: 15px; color: #595959; border-bottom: 1px dashed #000; }
.newsnr-container .news-left .summary span { margin-right: 15px; }

.newsnr-container .news-right { border-left: 1px solid #000; padding-top: 1rem; padding-bottom: 2rem }
.newsnr-container .news-right h5 { font-size: 1.2rem; padding: 0.5rem 1rem; background: #000; color: #fff; margin-bottom: 0;  }
.newsnr-container .news-right .newsnr-col { margin: 1.5rem 0 0.5rem; }
.newsnr-container .news-right .newsnr-col .box { display: flex; }
.newsnr-container .news-right .newsnr-col .box .box-img { width: 35%; position: relative; display: flex; justify-content: center; align-items: center; height:78px; overflow: hidden; }
.newsnr-container .news-right .newsnr-col .box .box-img img { width: 100%; height: auto }
.newsnr-container .news-right .newsnr-col .box .box-text { width: 65%; padding-left: 10px; padding-right: 10px; position: relative; }
.newsnr-container .news-right .newsnr-col .box .box-title { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.newsnr-container .news-right .newsnr-col .box .box-title a { font-size: 16px; font-weight: bold; font-family: 微软雅黑; color: #000 }
.newsnr-container .news-right .newsnr-col .box .box-title a:hover { color: #cd0000; transition: all 0.3s; }
.newsnr-container .news-right .newsnr-col .box .box-text time { font-size: 12px; color: #777 }
.newsnr-container .news-right .newsnr-col p { margin-top: 1rem; color: #8e8e8e; font-size: 0.9rem; }

@media(max-width:768px) {
    .newsnr-container .news-left { padding-top: 1rem; padding-bottom: 0.5rem }
}
/*#endregion*/

/*其他内容*/
.pro-feedback h3{ font-size: 18px; color: #10539a;}
.content-subtitle { background: #000; padding: 10px; color: #fff; font-size: 20px; margin-top: 30px; margin-bottom: 20px;  }

.content-pro { border:1px solid #767676;}
.content-pro-title { text-align: center; padding: 20px 10px; }
.content-pro-title a { font-size: 0.875rem; color: #080808; }
.content-pro-title a:hover { color: #da2419 ;transition: all 0.3s;}

.hot-news p{border-bottom: 1px dashed #888; margin-bottom: 10px }
.hot-news a{color: #333;font-size:14px; line-height: 30px; }
.hot-news a:hover{color: #e20002;}

.hot-pro { margin-top: 20px; }
.hot-pro h2{background: #000;font-size: 18px;color: #fff;padding: 15px 20px;margin-bottom: 0}
.hot-pro .box{border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;box-shadow: 2px 2px 4px #dcdcdc; position: relative;padding: 16px;}
.hot-pro .pro-box {margin-bottom: 20px; text-align: center;}
.hot-pro .pro-box h3{  text-align: center; margin-bottom: 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.hot-pro .pro-box .img{overflow: hidden;border:1px solid #4d4d4d;}
.hot-pro .pro-box h3 a{font-size: 16px;color: #464646;}
.hot-pro .pro-box h3 a:hover{color: #c72920;transition: all 0.3s;}
/*#endregion*/


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

/*留言*/
.form-feedback .btn { color: #777; color: #fff; background: #2f2f2f;border-radius: 10px;}
.form-feedback .form-control{border-radius: 5px;  background: #edf1f4; border: none; }
.home-feedback .form-feedback .btn {  background: #2f2f2f }

/*搜索*/
.search-group { width: 190px; height: 37px; margin-left: 10px; border: 1px solid #000;}
.search-group .form-control { border: none; border-radius: 0px ;margin-right: 10px;}
.search-group .btn { border-left: 1px solid #000; border-radius: 0px;height: 35px;  width: 35px;display: flex;justify-content: center;align-items: center; padding: 6px 15px; margin-bottom: 0; }
.search-group i { color: #000; font-size: 1rem; }
.search-group .btn:hover{background: #000;}
.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: 50%; 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: table; 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: table; width: 50%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}


/*手机端底部菜单*/
.mobile-nav{position: fixed;bottom: 0;left: 0;right: 0;height: 48px; background: #000;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: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; }
}