/*#region 通用*/
body { color: #000; font-size: 14px; font-family: 微软雅黑;   }
.img-width{width: 100%;height: auto;}
.main-container { padding:30px 0; background: #fff;margin-bottom: 40px; }
.bghui{background: #f9f9f9;}
.bgbai{background: #fff}
.container-1800{max-width: 1830px;width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
@media(max-width:768px) {
    .main-container { padding-top: 0px; padding-bottom: 20px;  }
}
/*#endregion*/

.header { top: 0; background: #cfd6e3; border-bottom: 5px solid #0172ac;  }
.header-top{background-image: linear-gradient(#f5f8fd, #d8e1ec);}
.header-nav{background: #fbb100;}
.header-top .top-lang {display: flex; padding-top: 5px;}
.header-top .top-lang .lang-box{margin-right: 10px;}
.header-top .header-title{font-size: 24px;font-weight: bold;font-family: Arial;color: #134b7a;}
.header-top .navbar-brand{padding-top: 0;padding-bottom: 20px;}
.top-nav{display: flex;justify-content: flex-start;align-items: center;}
.top-mb-search-box{display: none; position: absolute;background: #fff; 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;}

.header .top-mb{display: none;justify-content: flex-end;align-items: center;}
.header .top-mb .dropdown.lang .dropdown-toggle{background: transparent; padding: 0;}
.header .top-mb .dropdown-menu{min-width: 80px;}
.header .top-mb .top-mb-search{padding: .5rem .4rem; margin-left: 10px; width: 30px; text-align: center; }
.header .top-mb .top-mb-search i{font-size: 16px;color: #004d8f}
.top-box{display: flex;justify-content: flex-end;}
.top-box2{display: flex;justify-content: flex-end;align-items: center;}
.header-top .tel-box{margin-right: 30px;font-size: 24px;color: #025398;display: flex;align-items: center;}
.header-top .tel-box:before{content: "";width: 34px;height: 34px;display: inline-block;background: url(../../images/toptel.png) no-repeat;margin-right: 4px;}

.header-top .social{ margin-left: 20px; }
.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 }

.navbar { padding: 0px;position: relative; z-index: 9999;}
.navbar-custom { top: 0; z-index: 99; justify-content: end;  }
.navbar-custom .navbar-nav > .nav-item { font-size: 18px; min-width: 140px; border-right: 2px solid #fff; }
.navbar-custom .navbar-nav .nav-item {   }
.navbar-custom .navbar-nav .nav-item:last-child { border-right: 0px solid #fff; }
.navbar-custom .navbar-nav .nav-link { padding: 0.6rem 0.25rem; text-align: center; color:#424242; font-size: 18px; overflow: hidden;  }
.navbar-custom .navbar-nav .nav-link:hover, .navbar-custom .navbar-nav .nav-link:focus { color: #fff; transition: 0.3s all; background: url(../../images/navbg.jpg) no-repeat center top; }
.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; transition: 0.3s all; background: url(../../images/navbg.jpg) no-repeat center top;  }
.navbar-custom .navbar-text { color: rgba(0, 0, 0, 0.5); }
.navbar-custom .navbar-text a { color: rgba(0, 0, 0, 0.9); }
.navbar-custom .navbar-text a:hover, .navbar-custom .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); }
.navbar-custom .navbar-nav .nav-item:hover .nav-link{color: #fff; transition: 0.3s all; background: url(../../images/navbg.jpg) no-repeat center top; }


@media(max-width:1200px) {
.navbar-custom .navbar-nav .nav-item { margin: 0 5px;}
.header .top-logo:after{margin-left: 0px;}
}

@media(max-width:768px) {
    .header-top .navbar-brand{padding-top: 15px;padding-bottom: 15px;}
    .header .top-mb{display: flex;}
    .header{min-height: 72px;}
    .top-box{display: none;}
    .top-box2{display: none;}
    .header-title{display: none;}
    .header .top-logo{width: 40%;}
    .header .top-logo:after{display: none;}
    .header .top-nav{padding: 0;display: block;}
    .navbar-custom{z-index: 99;}
    .navbar-custom .navbar-nav .nav-item { padding: 0; }
    .navbar-custom .navbar-collapse { background: #fff; border-top: 1px solid #f2f3f4;border-bottom: 1px solid #03448d; position: absolute; top: 100%; width: 100%; left: 0; }
    .header-nav .container-xl{padding: 0;}
}
/*#endregion*/

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

.menu-horizontal-wrapper { margin-bottom:20px; font-size: 18px;   }
.menu-horizontal { display: flex;justify-content: flex-start;}
.menu-horizontal .nav-item {  display: block; margin-left: 2px; }
.menu-horizontal .nav-link {width: 100%; padding: 12px 15px; color: #878787;display: block;text-align: left;  font-size: 16px; background: #ececec; }
.menu-horizontal .nav-item.active .nav-link,.menu-horizontal .nav-link:hover {background: #0172ab; color: #fff; transition: all 0.3s; }

.menu-horizontal-child {  display: flex; flex-wrap: wrap; background: #0172ab; padding: 10px 14px;  }
.menu-horizontal-child .nav-item-child{display: flex;align-items: center;position: relative;margin: 2px 8px 2px 0;}
.menu-horizontal-child .nav-link-child:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: #a6a4a4}
.menu-horizontal-child .nav-link-child { color: #ffffff;font-size: 14px;line-height: 31px; padding: 0px 10px; }
.menu-horizontal-child .nav-link-child:hover,.menu-horizontal-child .nav-link-child.active{color: #0172ab; background: #fff; transition: all 0.3s;}
.menu-horizontal-child .nav-link-child:hover:before,.menu-horizontal-child .nav-link-child.active:before{color: #0172ab}

.hr-hui{border-right: 1px solid #eeeeee}
.menu-horizontal-wrapper-about{padding-right: 15px; margin-top: 30px;}
.menu-horizontal-about { display: block; list-style: none;padding: 0; }
.menu-horizontal-about .nav-item-about { border-bottom: 1px solid #e7e7e7; }
.menu-horizontal-about .nav-link-about { padding: 10px 0; color: #595959;display: block;text-align: left; margin-right: 15px;  font-size: 16px; }
.menu-horizontal-about .nav-link-about:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: #a6a4a4 }
.menu-horizontal-about .nav-link-about.active,.menu-horizontal-about .nav-link-about:hover { color: #000; transition: all 0.3s; }
.menu-horizontal-about .nav-link-about.active:before,.menu-horizontal-about .nav-link-about:hover:before { color: #fbb100;transition: all 0.3s; }


@media(max-width:768px) {
    .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: #f1f1f1; padding-top: 25px;padding-bottom: 25px;}
.page-title { display: -ms-flexbox; display: flex; color: #848484; justify-content: flex-start; align-items: center; }
.page-title a{color: #848484;}
.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: #848484;font-family: cmsfont; content: "\f324";font-size: 10px;  }
.page-title .breadcrumb:before { font-family: cmsfont; content: "\f016"; margin-right: 0.25rem; color: #848484}
.page-title .crumb-title{font-size:16px;color: #090909; border-right: 1px solid #848484; margin-right: 10px; padding-right: 10px; margin-bottom: 0;}

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

/*#region 底部*/
footer {  color: #6a6a6a; background: #ffffff; }
footer .foot-bg{  padding-top: 20px; padding-bottom: 20px; }
footer .foot-box {display: flex; margin-top: 24px;}
footer .foot-box em{width: 40px;height: 40px;display: inline-block;vertical-align: middle;}
footer .foot-box .right{padding-left: 10px;}
footer .foot-box p{margin-bottom: 0px; word-break:break-all;}
footer .foot-bg2{  padding-top: 30px; padding-bottom: 30px;display: flex;flex-wrap: wrap;}
footer .foot-bg2 .left{width: 9%;font-size: 22px;font-weight: bold;color: #060606; border-right: 2px solid #0172ad}
footer .foot-bg2 .right{width: 91%;display: flex;flex-wrap: wrap;margin: 0;list-style: none;}
footer .foot-bg2 .right li{width: 33.333%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding-right: 10px;}
footer .foot-bg2 .right li:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: #0172ad }
footer .foot-bg2 .right li a:hover{color: #0172ad;transition: all 0.3s;}
footer .social a{border-radius: 0;}
footer .foot-bottom{background: #fbb100;color: #4e5254; font-size: 15px; line-height: 24px; padding-top: 8px;padding-bottom: 8px;}
@media(max-width:768px) {
    footer .foot-bg2{  padding-top: 10px; padding-bottom: 10px;}
    footer .foot-bg2 .left{width: 100%;border-right: 0px solid #0172ad;margin-bottom: 10px;}
    footer .foot-bg2 .right{width: 100%;padding: 0;}
    footer .foot-bg2 .right li{width: 50%;}
    footer .foot-bottom{margin-bottom: 48px; padding-bottom: 15px;text-align: center;}
    footer .foot-bottom .share{margin-top: 10px;}
}
/*#endregion*/

/*#region 首页*/
.home-title{text-align: center;font-size: 36px;font-weight: bold;color: #fff;margin-bottom: 30px;}
.home-title2{font-size: 36px;color: #244f88;font-weight: bold;margin-bottom: 20px;}

.home-service{font-family: Roboto; display: flex;flex-wrap: wrap;width: 100%; position: relative; background: url(../../images/serbg.jpg) no-repeat center top; height: 660px;}
.home-service .ser-box{width: 58%; display: flex;justify-content: flex-end;flex-wrap: wrap;}
.home-service .ser-nr{display: flex; position: relative; width: 100%;justify-content: flex-end;}
.home-service .ser-nr .ser-text{display: flex;width: 77%;position: relative; align-items: center;}
.home-service .ser-nr .ser-text .img{ width: 13%; padding-right: 15px; border-right: 2px solid #fff;z-index: 40;}
.home-service .ser-nr .ser-text .text{width: 70%;padding-left: 30px; padding-right: 15px;z-index: 40;}
.home-service .ser-nr .ser-text .text h4{font-size: 18px;font-weight: bold;color: #fff;}
.home-service .ser-nr .ser-text .text h4 a{font-size: 18px;color: #fff;}
.home-service .ser-nr .ser-text .text p{font-size: 16px;color: #fff;margin-bottom: 0;}
.home-service .ser-nr .ser-text .more{width: 17%;z-index: 40;text-align: center;opacity: 0;}
.home-service .ser-nr .ser-text .more a{font-size: 72px;color: #fff;display: block;font-weight: 300;}
.home-service .ser-nr .ser-on{background: #0172a9;position: absolute; height: 150px;width: 0%;top:10px; left: 0; z-index: 2;}
.home-service .ser-nr:hover .ser-on{width: 100%;transition: all 0.5s;}
.home-service .ser-nr:hover .ser-text .more{opacity: 1;transition: all 1s;}
.home-service .ser-video{width: 50%;position: absolute;right: 0;top: 0;overflow: hidden;}
.home-service .ser-video img{width: 100%;height: 660px;display: block;}

.home-about .title{font-size: 36px;color: #fff;font-weight: bold;margin-bottom: 0;padding-top: 30px;padding-bottom: 30px;text-align: center; background: #0172a9;text-transform: uppercase;}
.home-about .about-title{font-size: 25px;color: #000000;font-weight: bold;margin-top: 30px;}
.home-about .about-desc{font-size: 16px;color: #616161;line-height: 30px;margin-top: 10px;}
.home-about .about-box{border-radius: 10px;overflow: hidden;}
.home-about .about-box .text{background: #f2f2f2;padding: 18px; height: 170px;}
.home-about .about-box .text h3{font-size: 18px;color: #2a2a2a;}
.home-about .about-box .text p{font-size: 14px;color: #8e8e8e;line-height: 18px;}
.home-about .about-box:hover .text{background: #0172a9; transition: all 0.3s;}
.home-about .about-box:hover .text h3{color: #fff; transition: all 0.3s;}
.home-about .about-box:hover .text p{color: #fff;transition: all 0.3s;}

.home-pro{background: url(../../images/hmprobg.jpg) no-repeat center top;background-size: cover;padding: 30px 0 20px;}
.home-pro .pro-box{ position: relative; margin-bottom: 30px;}
.home-pro .pro-box .img{position: relative;}
.home-pro .pro-box h4{padding: 0 10px; text-align: center;font-size: 14px;color: #295596;  line-height: 46px;margin-bottom: 0;background: #fff;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 .pro-box:hover h4{color: #fff;background:#fbb100; }
.home-pro .more-box .more{margin:20px auto;}

.home-app{background: #f2f2f2;padding: 30px 0;}
.home-app .title{font-size: 36px;color: #7e7e7e;margin-bottom: 35px; text-align: center;font-weight: bold;}
.home-app .hm-app-box{display: flex;flex-wrap: wrap; margin-bottom: 25px;position: relative;}
.home-app .hm-app-box .left{width: 40%;}
.home-app .hm-app-box .right{width: 60%; border-bottom:3px solid #fbb100; background-color: #086e9e;padding: 10px 30px 0 30px;}
.home-app .hm-app-box .right h3{margin-bottom: 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #fff;}
.home-app .hm-app-box .right h3 a{font-size: 18px;color: #ffffff;font-weight: bold;}
.home-app .hm-app-list{display: flex;}
.home-app .hm-app-list .hm-app-box2{width: 30%; margin-right: 14px;}
.home-app .hm-app-list .hm-app-box2 h4{font-size: 14px;color: #ffffff;text-align: center; margin-top: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.home-app .hm-app-list .hm-app-box2 h4 a{font-size: 14px;color: #ffffff;}
.home-app .hm-app-box .right .more{ position: absolute;bottom: 0;right: 0;padding: 8px 20px 5px; text-align: center;font-size: 14px;color: #0f3d53; }
.home-app a:hover{text-decoration: underline;}
.home-app .hm-app-list .hm-app-box2 img{height: 78px;width: 100%;}

.home-news{padding-top: 30px;padding-bottom: 30px;  }
.home-news .title{font-size: 24px;color: #191717;font-weight: bold;text-transform: uppercase;padding-bottom: 25px;}
.home-news .news-col {flex-wrap: wrap; box-shadow: 2px 2px 4px #d7d0d0; margin-bottom: 20px; border: 1px solid #e8e8e8; padding: 10px;display: flex;justify-content: space-between; align-items: center; background: #fff;}
.home-news .news-col .img{width: 30%; border: 1px solid #dadada;height: 120px;display: flex;justify-content: center;align-items: center; }
.home-news .news-col .text{width: 70%; padding: 0 20px;}
.home-news .news-col .text h4{ font-weight: bold; line-height: 24px; font-size: 16px; color: #000000;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.home-news .news-col .text p{font-size: 14px; color: #636363; margin-bottom: 5px;display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.home-news .news-col time{font-size: 14px;color: #e51a2d;}
.home-news .news-col .text h4 a:hover{color:#0172a9;transition: all 0.3s; }

.home-contact{ background: #0172a9;padding: 30px 20px; }
.home-contact .title{ text-align: center;font-size: 36px;color: #fff; font-weight: bold; margin-bottom: 40px;}
.home-contact .hmcontact-img{display: flex;flex-wrap: wrap;justify-content: space-between;}
.home-contact .hmcontact-img .img{width: 49%;border: 3px solid #fff; margin-bottom: 15px;}
.home-contact .product-feed{background: #fff; padding: 25px; height: 591px;}
.home-contact .feedback-title{ font-size: 36px;font-family: Arial; color: #4b4b4b; margin-bottom: 30px; text-align: center; padding-top: 20px; padding-bottom: 10px; }
.home-contact .form-feedback .btn{background: #fbb100;color: #191919;}

@media(max-width:768px) {
    .home-service{height: auto;background: #4b5763;}
    .home-service .ser-box{width: 100%;}
    .home-service .ser-nr .ser-text{width: 100%;margin-bottom: 10px;margin-top: 10px;}
    .home-service .ser-nr .ser-text .img{ width: 28%; padding-left: 10px;padding-right: 10px;}
    .home-service .ser-nr .ser-text .text{width: 72%;padding-left: 10px;}
    .home-service .ser-nr .ser-text .more{width: 100%;display: none;}
    .home-service .ser-video{width: 100%; position: relative;}
    .home-service .ser-video img{height: auto;}

    .home-about .about-box{margin-bottom: 15px;}
    .home-about .about-box .text{height: auto;}

	.home-app .hm-app-box .left{width: 100%;}
	.home-app .hm-app-box .right{width: 100%; }
    .home-app .hm-app-list .hm-app-box2{width: 30%; margin-right: 3%;}
    .home-app .hm-app-box .left img{height: 100%;}
    .home-app .hm-app-box .right{padding: 0px 20px 20px 20px;}

    .home-news .news-col .img{width: 100%; margin-bottom: 15px;  }
    .home-news .news-col .text{width: 100%; }
    .home-contact{ padding: 40px 0px; }
    .home-contact .title{font-size: 28px;}
    .home-contact .product-feed{ height: auto;}
}

/*#endregion*/

/*#region 文章单页*/
/*#region about wrapper*/
.ny-title{font-size: 48px;color: #383838; margin-bottom: 30px;margin-top: 10px;font-family: Arial;}
.ny-title:after{width: 85px;height: 4px;background: #fbb100;content: "";display:block;margin-top: 15px;}

.about-wrapper { padding-bottom: 40px;padding-top: 15px;  }
.about-wrapper .imgx{ margin-left: 20px; }
.about-wrapper .content h3{font-size: 18px;font-weight: bold;color: #0172aa;margin-bottom: 15px;}
.about-wrapper .content p{font-size: 16px;color: #272727; line-height: 33px; margin-bottom: 30px;}
.about-wrapper .content table p{margin-bottom: 0;}
.com-title-1{padding: 10px 16px;background: #0172a9;font-size: 16px;font-weight: bold;color: #fff;margin-bottom: 16px;}
.com-title-2{font-size: 16px;color: #383838;font-weight: bold; margin-top: 20px;margin-bottom: 20px;}

/*#region contact-wrapper*/
.contact-wrapper { padding: 15px 0 0; background: #fff;border-radius: 10px;}
.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: 30px;}
.contact-content p { font-size: 14px;}
.contact-feedback {padding: 10px 95px;}
.contact-feedback h2{ text-align: center;font-size: 32px;color: #6e6e6e; margin-bottom: 50px; font-weight: bold;}

/*#region ser-wrapper*/
.ser-content{color: #000;}
.ser-content .ser-nr1{background: #f46343; padding: 35px;color: #fff;margin-bottom: 25px;}
.ser-content .ser-nr1 h2{font-size: 24px;}
.ser-content .ser-nr1 p{font-size: 16px;margin-bottom: 0}
.ser-content h3{font-size: 30px;font-weight: bold;}

/*#endregion*/

/*#region 产品列表*/
.pro-wrapper {padding:30px 0; margin-bottom: 40px;}
.pro-wrapper .ny-nav-title{background: #0172ab;color: #fff; font-size: 18px;line-height: 31px;margin-bottom: 0;display: flex;align-items: center; padding: 6px 14px; }
.pro-wrapper .ny-nav-title:before{content: "";width: 3px;height: 17px;background: #fff;display: inline-block;margin-right: 7px;}
.pro-wrapper .ny-pro-title{font-size: 20px;font-weight: bold;color: #5a5a5a;margin-bottom: 25px; border-left: 5px solid #0172ab; padding: 5px 0px 5px 10px;}
.pro-wrapper .pro-desc{font-size: 15px;color: #7d7d7d; margin-bottom: 20px;}
.pro-wrapper .pro-box{ margin-bottom: 20px; }
.pro-wrapper .pro-box .img{ position: relative;overflow: hidden; border: 1px solid #115497;}
.pro-wrapper .pro-box h4{text-align: center; line-height: 40px; background: #ededed; color: #585858; padding-left: 10px;padding-right: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro-wrapper .pro-box h4 a{font-size: 16px; color: #585858; }
.pro-wrapper .pro-box:hover h4 a{transition: all 0.3s; color: #0172ab;}
.pro-wrapper .pro-box:hover h4{transition: all 0.3s; color: #0172ab;}
.pro-wrapper .pro-box:hover .img{border: 1px solid #0172ab;}

@media(max-width:768px) {
    .ny-title{font-size: 36px;}
    .contact-feedback {padding: 10px 15px;}
}
/*#endregion*/

/*#region 文章列表*/
/*#region news list*/
.news-wrapper {padding: 15px 0 0; }
.news-wrapper .news-col { box-shadow: 2px 2px 4px #d7d0d0; margin-bottom: 30px;padding: 25px;display: flex;flex-wrap: wrap; justify-content: space-between; align-items: center; background: #fff;}
.news-wrapper .news-col .img{width: 30%; border: 1px solid #dadada; }
.news-wrapper .news-col .text{width: 70%; padding: 0 20px;}
.news-wrapper .news-col .text h3{  line-height: 24px; font-size: 18px; color: #000000;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-wrapper .news-col .text p{font-size: 15px; color: #a3a3a3; margin-bottom: 25px;}
.news-wrapper .news-col time{font-size: 15px;color: #db2d22; }
.news-wrapper .news-col .text h3 a:hover{color:#0172ab;transition: all 0.3s; }

/*#endregion*/
@media(max-width:768px) {
    .news-wrapper .news-col .img{width: 100%; margin-bottom: 15px;  }
    .news-wrapper .news-col .text{width: 100%; }
    .news-wrapper .news-col {padding:15px;}
}
/*#endregion*/

/*#region cert-container*/
.cert-col { margin-bottom: 1.5rem; margin-top: 0.5rem; }
.cert-col .card { padding: 1.3rem; background: #e9e8e5; box-shadow: 2px 2px 4px #f0f0f0; border: 1px solid #f2f2f2; }
.cert-col .card-thumb { border: 1px solid #e4e4e4; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.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; }
.cert-col .card:hover{background: #fbb100;}

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

/*#region contact wrapper*/
.down-col { border: 1px solid #eaeaea;box-shadow: 2px 2px 4px #f6f6f6; border-radius: 10px;overflow: hidden; margin-bottom: 20px;}
.down-col .down-tr{background: #a7a7a7;color: #fff; display: flex;text-align: center; }
.down-col .tr1{width: 39%;padding: 14px;}
.down-col .tr2{width: 39%; border-left: 1px solid #e1e1e1;padding: 14px;}
.down-col .tr3{width: 22%;border-left: 1px solid #e1e1e1;padding: 14px;}
.down-col .down-td{color: #666666; display: flex;text-align: center; background: #fff; }
.down-col .td1{width: 39%;padding: 14px;}
.down-col .td2{width: 39%; border-left: 1px solid #e1e1e1;padding: 14px;}
.down-col .td3{width: 22%;border-left: 1px solid #e1e1e1;padding: 14px;}
.down-col .down-td i{font-size: 32px;color: #303081}
/*#endregion*/

/*#region app list*/
.app-wrapper{padding: 15px 0 0;}
.app-wrapper .hm-app-box{display: flex; margin-bottom: 25px;position: relative;flex-wrap: wrap;}
.app-wrapper .hm-app-box .left{width: 40%;}
.app-wrapper .hm-app-box .right{width: 60%; border-bottom:3px solid #fbb100; background-color: #086e9e;padding: 10px 30px 0 30px;}
.app-wrapper .hm-app-box .right h3{margin-bottom: 15px;font-size: 18px;color: #ffffff;}
.app-wrapper .hm-app-box .right h3 a{font-size: 18px;color: #ffffff;font-weight: bold;}
.app-wrapper .hm-app-list{display: flex;}
.app-wrapper .hm-app-list .hm-app-box2{width: 30%; margin-right: 14px;}
.app-wrapper .hm-app-list .hm-app-box2 h4{font-size: 14px;color: #ffffff;text-align: center; margin-top: 10px;}
.app-wrapper .hm-app-list .hm-app-box2 h4 a{font-size: 14px;color: #ffffff;}
.app-wrapper .hm-app-box .right .more{ position: absolute;bottom: 0;right: 0;padding: 8px 20px 5px; text-align: center;font-size: 14px;color: #0f3d53; }
.app-wrapper a:hover{text-decoration: underline;}

/*#region down list*/
.img-col{ margin-bottom: 1.25rem;}
.img-col .card-thumb {  height: 100%; }
.img-col .card-title{flex-grow: 1;margin: 0;padding: 0.5rem 0.75rem;background: #ededed;text-align: center;font-size:15px;}

@media(max-width:768px) {
    .app-wrapper .hm-app-box .left{width: 100%;}
    .app-wrapper .hm-app-box .right{width: 100%;}

    .his-box2,.his-box{padding: 15px;}
    .his-box img { width: 100%;height: auto;}
    .his-box2 img { width: 100%;height: auto;}
    .his-box2.d-flex .his-img{width: 100%;}
    .his-box2.d-flex .his-text{width: 100%;}
    .his-box .d-flex .his-img{width: 100%;}
    .his-box .d-flex .his-desc{width: 100%;}
}


/*#region video list*/
.video-first{display: flex;flex-wrap: wrap;margin-bottom: 30px;}
.video-first .left{width: 60%;}
.video-first .right{width: 40%; display: flex;justify-content: center;align-items: center; background: #f3f3f3;}
.video-first .right h3{text-align: center;font-size: 30px;color: #090909;font-weight: bold;}
.video-first .right h3:after{width: 60px;height: 4px;content: "";background: #000;display: block;margin: 10px auto;}
.video-col { margin-bottom: 1.5rem; }
.video-col .card{height: 100%;}
.video-col .card .video{}
.video-col .card-title{ align-items: center;margin: 0;padding: 0.75rem 0.5rem;text-align: center;font-size: 0.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.video-col .card-title a:hover{color: #f66342;transition: all 0.3s;}

@media(max-width:768px) {
    .video-first .left{width: 100%;}
    .video-first .right{width: 100%;padding-top: 20px;padding-bottom: 10px;}
}

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

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


/*#endregion*/

/*#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: #ececec; }
.content-wrapper .nav-link { padding: 0.4rem 1.75rem; border-color: transparent #dee2e6 transparent transparent !important; }
.content-wrapper .nav-tabs .active { border-top: solid 3px #f46343 !important; font-size: 16px; }

/*产品内容*/
.content-wrapper.product { border: 1px solid #e9eef4 }
.content-wrapper.product .content { padding: 1.5rem 1rem; background: #fff; }
.product-head .product-thumb { border: 1px solid #dadada; }
.pronr-title{text-align: left;font-size: 24px;color: #5a5a5a; line-height: 32px;margin-bottom: 20px;}
.product-head { margin-bottom: 1.5rem; padding: 22px; background: #f9f9f9; }
.product-head .title { font-size: 18px; color: #050505; font-weight: 600; padding-bottom: 15px;  }
.product-head .ul-horizontal { list-style: none; margin: 0; padding: 0; }
.product-head .ul-horizontal li { color: #757575; line-height: 1.8rem; }
.product-head .ul-horizontal li span { width: 180px; display: inline-block; }

.product-service { padding: 20px 0; }
.product-feedback { display: inline-block; background: #F3912C; color: #fff; padding: 6px 16px; }
.product-down { display: inline-block; background: #DD0804; color: #fff; padding: 6px 16px; }

.content-news{margin-top: 30px;  }
.content-news .content-news-title{font-size: 21px;color: #000000;font-weight: bold;line-height: 32px;}
.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: #0172ab;transition: all 0.3s; }
.content-news .news-col p{ font-size: 14px;color: #7d7878; padding-left: 20px; }

.hot-pro-2 { height: 100%; }
.hot-pro-2 .hot-pro-title{background: #0172ab;color: #fff;padding: 13px 16px;font-size: 18px;margin-bottom: 0;}
.hot-pro-2 .hot-pro-title:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: #fbb100 }
.hot-pro-2 h5{font-size: 16px;color: #5a5a5a; padding: 15px 10px; margin-bottom: 0;text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.hot-pro-2 .box{padding: 20px;}
.hot-pro-2 .pro-box .img{overflow: hidden;border:1px solid #0172ab;}
.hot-pro-2 .pro-box  a{color: #5a5a5a;}
.hot-pro-2 .pro-box:hover h5 a{color: #0172ab;transition: all 0.3s;}
.hot-pro-2 .pro-box:hover h5{color: #0172ab;transition: all 0.3s;}

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

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

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

.hot-pro { margin-top: 20px; }
.hot-pro .hot-pro-title{padding: 10px 16px;background: #0172aa;font-size: 16px;font-weight: bold;color: #fff;margin-bottom: 0;}
.hot-pro .box{ border: 1px solid #dddddd;padding: 20px;box-shadow: 2px 2px 4px #f8f8f8; }
.hot-pro h4{font-size: 14px;color: #5e5e5e;line-height: 38px;background: #efefef; margin-bottom: 0;text-align: center;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.hot-pro .pro-box a{color: #5e5e5e;}
.hot-pro .pro-box .img{overflow: hidden;border:1px solid #014991;background: #fff;}
.hot-pro .pro-box a:hover{color: #0172aa; transition: all 0.3s;}
/*#endregion*/


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

/*留言*/
.feedback-title{ font-size: 18px; color: #565656;text-align: center; padding-top: 20px; padding-bottom: 10px; }
.form-feedback .btn { color: #777; color: #fff; background: #d81c16;border-radius: 10px; }
.form-feedback .form-control{border-radius: 5px; background: #e8ecef; color: #4b4b4b; border-color: transparent; }
.home-feedback .form-feedback .btn {  background: #cc0001 }

/*搜索*/
.search-group { width: 260px; height: 38px; padding-top: 5px;padding-bottom: 5px;margin-left: 0px; }
.search-group .form-control {  border: none; height: 38px;padding: 5px; background: #dde3ee;border-radius: 25px;overflow: hidden;}
.search-group .form-control::-webkit-input-placeholder { color: #c3c3c3; } 
.search-group .form-control:-moz-placeholder { color: #c3c3c3; } 
.search-group .form-control::-moz-placeholder { color: #c3c3c3; } 
.search-group .form-control:-ms-input-placeholder { color: #c3c3c3;} 
.search-group .btn { background: #dde3ee; border-radius: 25px;overflow: hidden;height: 38px;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: #fff;}
.search-group .btn:hover i,.search-group .btn i{color: #0172ab;}


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

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

.totop{z-index: 99;bottom: 60px;}
/*#endregion*/
