/*#region reset*/

body { color: #444; font-size: 14px; font-family: 微软雅黑;}

.search-group { width: 190px; height: 35px; border-radius: 25px;overflow: hidden;background: #f2f2f2; margin-left: 10px;}

.search-group .form-control { border: none; border-radius: 0px ;background: #f2f2f2;}

.search-group .btn {  border: none; border-radius: 0px;  }

.search-group i { color: #ce0615; font-size: 1rem; }

.img-width{width: 100%;height: auto;}

/*#region banner*/

/*#endregion*/

.header { top: 0;  }

.header-top{ background: #000; font-size: 16px;color: #fff; }

.header-top a{color: #fff;}

.header-top .top-tel{padding: 10px 0; margin-right: 15px;}

.header-top .top-lang{ padding: 10px 0; border-left: 1px solid #454545; padding-left: 15px;}

.header-top .top-tianmao{padding: 10px 15px; border-left: 1px solid #454545;}

.header-top .top-tianmao .box{display: flex;}

.header-top .top-tianmao .box .img{width: 20px;}

.header-top .top-tianmao .box .text{font-size: 16px;color: #fff;padding-left: 5px;}

.header .dropdown.lang .dropdown-toggle{background:#000;color: #fff; padding: 0; }
.header .dropdown-item{color: #333;} 

.navbar { padding: 0px; }

.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 {  }

.navbar-custom .navbar-nav .nav-item:last-child { background: none; }

.navbar-custom .navbar-nav .nav-link { padding: 0.5rem 0.7rem; text-align: center; color:#000; font-size: 16px; overflow: hidden;}

.navbar-custom .navbar-nav .nav-link:hover, .navbar-custom .navbar-nav .nav-link:focus { color: #ce0615; transition: 0.3s all; }

.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: #ce0615;  }

.navbar-custom .navbar-text { color: rgba(0, 0, 0, 0.5); }

.navbar-custom .navbar-text a { color: rgba(0, 0, 0, 0.9); }

.navbar-custom .navbar-text a:hover, .navbar-custom .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); }



@media(max-width:992px) {

    .dropdown-menu { box-shadow: none; background: transparent; }

    .navbar-custom .navbar-nav .nav-item { margin-left: 15px; margin-right: 15px; margin-top: 5px;margin-bottom: 5px; }

    .navbar-custom .navbar-collapse { background: #fff; border-top: 1px solid #f2f3f4; position: absolute; top: 100%; width: 100%; left: 0; }

}



@media(max-width:576px) {

    .header-top .social a { padding-top: 10px; }

    .navbar-nav { border-top: 1px solid #f2f2f2 }

    .navbar-brand { padding: 12px 0px; }

    .navbar-brand > .img-fluid { max-width: 260px; height: 60px; }

    .navbar-custom { margin-top: 0px; }

    .navbar-custom .navbar-nav .nav-link { padding: 0.5rem 1.5rem; }

    .navbar-custom .navbar-nav .nav-item { background: none; }

    .dropdown-item { text-align: left; }
    .dropdown-menu { box-shadow: none; background: #fff;min-width: 130px; }


}

/*#endregion*/



.main-wrapper { margin-top: 60px; }

.layout-wrapper { padding: 15px; border: 1px solid #e9eef4 }

/*#region sidebar*/

.sidebar { top: 0; margin-bottom: 1.25rem; }

/*#region collapse menu*/

.menu-collapse { border-radius: 6px 6px 0 0; border: 1px solid #e7e7e7; background: #fff; }

.menu-collapse .collapse-title { padding: 0.875rem; background: #ce0615; 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: #ce0615 }

.menu-collapse .menu-link:hover { background: #f8f9fa; }

.menu-collapse .drop { }

.menu-collapse .menu-link.active { background: #f6f6f6; color: #666 }

/*#endregion*/

/*#region horizontal menu*/

.ny-nav{background: #f1f1f1;padding-top: 15px;padding-bottom: 15px;}



.menu-horizontal-wrapper { margin-bottom: 0px; font-size: 18px; display: flex;justify-content: flex-start;   }

.menu-horizontal { display: flex; flex-wrap:wrap; justify-content: flex-start;}

.menu-horizontal .nav-item { }

.menu-horizontal .nav-link { padding: 10px 40px;  color: #000000;display: block;text-align: left; margin-top: 5px;margin-bottom: 5px; margin-right: 5px; }

.menu-horizontal .nav-link.active,.menu-horizontal .nav-link:hover { color: #fff; background: #d8282a; }



.menu-horizontal-child {  display: flex; flex-wrap: wrap; }

.menu-horizontal-child li { margin-right: 10px; min-width: 190px; color: #000000; margin-bottom: 10px;  }

.menu-horizontal-child .nav-link { padding: 15px 30px; background: #f6f6f6; color: #000; border: 1px solid #f6f6f6;border-radius: 5px;overflow: hidden; }

.menu-horizontal-child .nav-link.active { color: #000; transition: all 0.3s; border:1px solid #dc3429; }



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



@media(max-width:768px) {

    .menu-horizontal .nav-item { margin: 0; }

    .menu-horizontal-child { justify-content: left; }

    .menu-horizontal-child .nav-link { padding: 0.5rem 1.5rem; }

}

/*#endregion*/



/*分页*/

.nav-page-wrapper { display: -ms-flexbox; display: flex; justify-content: center; margin-top: 2rem; }

.nav-page-wrapper a { background: #342C2A; color: #fff; padding: 5px 10px; margin-right: 10px; }

.nav-page-wrapper a:last-child { margin-right: 0; }

/*#endregion*/

/*#region*/

.form-feedback .btn { color: #777; color: #fff; background: #c62229 }

.form-feedback .form-control{border-radius: 5px; }

.home-feedback .form-feedback .btn {  background: #286594 }

/*.breadcrumb{ margin-bottom: 0;padding-left: 0;padding-right: 0;font-size:0.875rem}*/

.main-container { padding-top: 0px; padding-bottom: 40px; }



@media(max-width:768px) {

    .main-container { padding-top: 0px; padding-bottom: 20px; }

}



/*#endregion*/

/*#region page-title*/

.page-title a { color: #838383; }

.page-title { display: -ms-flexbox; display: flex; justify-content: flex-start; padding-top:20px;padding-bottom: 20px; color: #838383; border-bottom: 1px solid #e9e9e9;margin-bottom: 20px; }

.page-title .title { font-family: poppins; margin-bottom: 0; font-size: 1.5rem; font-weight: 300; text-align: center; align-self: center; }

.page-title .breadcrumb { justify-content: center; }

.breadcrumb-item + .breadcrumb-item::before { color: #6e6e6e; }

.page-title .breadcrumb:before { font-family: cmsfont; content: "\f3c5"; margin-right: 0.25rem; color: #5e5e5e}

.page-main-title { font-size: 1.75rem; padding: 0.75rem 0; margin-bottom: 1.5rem; font-weight: 600; border-bottom: 1px solid #eee; padding-left: 0.5rem; }

.page-sub-title { position: relative; padding: 0.5rem 0; font-family: poppins; font-size: 1.25rem; margin-bottom: 20px; font-weight: 500; font-size: 1.5rem; }



@media(max-width:768px) {

    .page-title { padding: 0.875rem 0; justify-content: center; }

    .page-title .container-xl { flex-direction: column }

    .page-title .title { font-size: 1.25rem; margin-bottom: 0.5rem; }

    .page-title .breadcrumb:before { display: none; margin-right: 0; }

    .page-main-title { font-size: 1.25rem; }

}

/*#endregion*/



/*#region img list style*/

@media(max-width:576px) {

    .cert-row .card-body { padding: 1.25rem 0rem; }

    .cert-row .card-title { font-size: 1.25rem; }

}



/*#endregion*/



.post-navigation { padding: 25px 0; margin-top: 30px; margin-bottom: 15px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }

.post-navigation .col-12 { padding-bottom: 0.5rem }

.post-navigation span { margin-bottom: 5px; font-size: 0.75rem; display: block; text-transform: uppercase;  }

.post-navigation .icon { font-size: 1.25rem; color: #aaa }

.post-navigation a { color: #1F365C; font-weight: 500; }



@media(max-width:992px) {

    .post-navigation .col-12 { text-align: center; }

}



.page-link { padding: .5rem 0.875rem; }

.page-item.active .page-link { color: #fff; background-color: #de1d1e; border-color: #de1d1e; }

/*.nav-wrapper a{background: #342C2A;color: #fff;padding: 5px 10px;margin-right: 10px;}*/

/*#region content-head-container*/

.page-sub-title { position: relative; padding: 8px 18px; font-size: 1rem; margin-bottom: 20px; font-weight: 400; background: #EEA606; color: #fff; }

.page-sub-title2 { position: relative; padding: 8px 0px; font-size: 1.2rem; margin-bottom: 0px; font-weight: 400; color: #333333; }

.content-wrapper product-head .product-thumb { border: 1px solid #a1bace; }

.product-head { margin-bottom: 1.5rem; background: #fff }

.product-head .title { font-size: 24px; color: #000; font-weight: 600; border-bottom: 1px dashed #e13030; 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 .product-thumb{border:3px solid #d8282a;}

.product-head .desc {font-size: 16px; color: #2c2c2c;}

.product-head .desc p{margin-bottom: 5px;}



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



@media(max-width:768px) {



}

/*#endregion*/





/*#region footer*/

footer { background: #464646;   }

footer .container-footer{max-width: 1430px;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto; }

footer .padding-footer{padding-top: 65px;padding-bottom: 90px;}

footer .foot-row{display: flex; justify-content: space-between;}

footer .foot-row .foot-col:last-child{border-right: 0px;}

footer .foot-col{border-right: 1px solid #939393; padding-right: 80px;}

footer .foot-col h3{font-size: 18px;color: #fff; margin-bottom: 15px;}

footer .foot-col p { margin-bottom: 0px; color: #939393; line-height: 24px;}

footer .foot-col p a{color: #939393;}

footer .foot-col p a:hover{color: #ce0615;transition: all 0.3s;}

footer .foot-box{display: flex; align-items: center; margin-top: 15px;}

footer .foot-box .tm{width: 67px;}

footer .foot-box .ewm{width: 67px;margin-left: 15px;}

footer .foot-box p{text-align: center; font-size: 12px; color: #fff;}

footer .footer-bottom { background: #2e2e2e;  font-size: 14px; padding-top: 15px; padding-bottom: 15px; color: #fff; }

footer select{width: 240px; background: transparent; color: #fff; padding-top: 5px;padding-bottom: 5px;}

footer select option{color: #000;}

@media(max-width:768px) {

    footer .padding-footer{padding-top: 35px;padding-bottom: 30px;}

    footer .foot-row{display: flex; justify-content: space-between; flex-wrap: wrap;}

    footer .foot-col{width: 100%; margin-top: 20px; border-right: 0px;}

    footer .container-footer{width: 100%;}

}

/*#endregion*/



/*home page*/

.home-pro{padding-top: 60px;}

.home-pro .container-pro{max-width: 1430px;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}

.home-pro h2{font-size: 42px;color: #10384f;text-align: center; margin-bottom: 35px;}

.home-pro .desc{font-size: 20px;color: #8e8e8e;text-align: center;margin-bottom: 40px;}

.home-pro .nav-tabs{border: none;justify-content: space-between;}

.home-pro .nav-tabs li{width: 200px;}

.home-pro .nav-tabs h3{font-size: 14px;color: #5a5a5a;text-align: center;}

.home-pro .nav-tabs .nav-link{ background: #fff; border-bottom: 3px solid #fff; border-top:0;border-left: 0;border-right: 0; }

.home-pro .nav-tabs .nav-link.active{ background: #f9f9f9;border-bottom: 3px solid #c62223;}

.home-pro .tab-box{display: flex;}

.home-pro .tab-box .img{width: 70%;}

.home-pro .tab-box .text{width: 30%;background: #5e5b5c; padding: 60px;}

.home-pro .tab-box .text h3{font-size: 24px;color: #fff;margin-bottom: 45px;}

.home-pro .tab-box .text h4{font-size: 18px;color: #fff;font-weight: bold;margin-bottom: 20px;}

.home-pro .tab-box .text p{font-size: 16px;color: #e0e0e0;margin-bottom: 30px;line-height: 30px;}

.home-pro .tab-box .text .more{display: inline-block;padding: 10px 30px;background: #d32f2f;font-size: 18px;color: #fff;text-align: center;}



.home-pro .profl-box-mb h3{font-size: 18px;text-align: center;}



@media(max-width:1368px) {

    .home-pro .tab-box .img{width: 60%;}

    .home-pro .tab-box .text{width: 40%;padding: 30px;}

}



@media(max-width:1250px) {

    footer .foot-col{padding-right: 30px;}

    .home-pro .tab-box .text h3{margin-bottom: 10px;}

    .home-pro .tab-box .text p{margin-bottom: 10px;}

    .home-pro .nav-tabs li{width: 150px;}

    .home-pro .tab-box .img{width: 50%;}

    .home-pro .tab-box .text{width: 50%;padding: 20px;}

}



.home-num-bg{background: #fff;padding: 40px 0;}

.home-num { text-align: center; }

.home-num .t1 { font-size: 36px; color: #000;font-weight:bold; }

.home-num .t2 { font-size: 18px;  color: #000; }

.home-num .target1::before { position: absolute; right: 125px; top: 24px; content: "个"; font-size: 14px; color: #000; }

.home-num .target2::before { position: absolute; right: 94px; top: 24px; content: "+"; font-size: 14px; color: #000; }

.home-num .target3::before { position: absolute; right: 115px; top: 24px; content: "+"; font-size: 14px; color: #000; }

.home-num .target4::before { position: absolute; right: 115px; top: 24px; content: "+"; font-size: 14px; color: #000; }



@media(max-width:576px) {

    .home-title { font-size: 30px;  padding-top: 30px; margin-bottom: 30px;  }

    .home-num { margin-top: 0px; }

    .home-num .target1::before { right: 175px; top: 24px; }

    .home-num .target2::before { right: 140px; top: 6px; }

    .home-num .target3::before { right: 168px; top: 6px;  }

    .home-num .target4::before { right: 168px; top: 6px; }

}



.home-service-bg{background: url(../../images/hm-servicebg.jpg) no-repeat top center; padding-top: 60px; height: 478px;}

.home-service h3{text-align: center;font-size: 42px;font-weight: bold;color: #fff; margin-bottom: 40px;}

.home-service .ser-box .img{width: 100px; height: 100px; background: rgba(2,16,30,0.8);border: 1px solid #fff;border-radius: 10px;overflow: hidden; margin: 0 auto 15px;}

.home-service .ser-box h5{text-align: center;}

.home-service  a{font-size: 18px;color: #fff;}

.home-service .ser-box {margin-top: 30px;}

.home-service .ser-box:hover { margin-top: 15px; transition: all 0.5s; }





.home-news{padding-top: 70px;padding-bottom: 40px;}

.home-news h2{font-size: 32px;color: #303030;margin-bottom: 25px;}

.home-news .news-box{margin-bottom: 15px;}

.home-news .nes-box2{display: flex; background:#f6f6f6; margin-bottom: 20px; }

.home-news .nes-box2 .img{width: 40%;}

.home-news .nes-box2 .text{width: 60%; padding:30px 28px 10px;}

.home-news .title{font-size: 18px;color: #303030;}

.home-news .title:hover{color: #ce0615;transition: 0.3s all;}

.home-news time{font-size: 12px;color:#909090; }

.home-news .desc{margin-bottom: 0;color: #606060; font-size: 14px;}

.home-news .more{font-size: 14px;color: #f47d27;}

.home-news .more:hover{color: #ce0615;transition: 0.3s all;}



.home-about-bg{background: url(../../images/hm-aboutbg.jpg) no-repeat top center; padding-top: 50px;padding-bottom: 80px;}

.home-about h1{text-align: center;font-size: 32px;color: #303030; margin-bottom: 25px;}

.home-about p{margin-bottom: 32px;font-size: 14px;color: #606060; text-align: center;}

.home-about h4{margin-bottom: 0;text-align: center; margin-top: 10px;}

.home-about h4 a{font-size: 18px; color: #303030;}

.home-about h4 a:hover{color: #ce0615;transition: 0.3s all;}



.home-link-bg{background: #f4f4f4; padding-top: 40px;padding-bottom: 50px;}

.home-link-bg .container-link{max-width: 1630px;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}

.home-link-bg .container-link h3{font-size: 26px;font-weight: bold;color: #494949; text-align: center; margin-bottom: 18px;}

.home-link-bg .container-link .title{display: flex;justify-content: center; align-items: center;}

.home-link-bg .container-link .title .xt{width: 46px;height: 1px;background: #494949; margin: 0 20px;}

.home-link-bg .container-link h2{font-size: 22px;color: #494949; text-align: center; margin-bottom: 0}

.home-link{display: flex;justify-content: space-between; margin-top: 28px;}

.home-link .link-box{width: 13%;border-radius: 10px;overflow: hidden; border: 1px solid #d7d7d7}

@media(max-width:768px) {

    .home-pro .desc{margin-bottom: 20px;}

    .home-service-bg{height: auto;background-size: cover; padding-top: 30px;padding-bottom: 30px;}

    .home-service h3{font-size: 24px; margin-bottom: 30px;}

    .home-news{padding-top: 30px;padding-bottom: 30px;}

    .home-news .nes-box2{display: flex; flex-wrap: wrap; }

    .home-news .nes-box2 .img{width: 100%; margin-bottom: 20px;}

    .home-news .nes-box2 .text{width: 100%; padding: 0px 16px 20px; }

    .home-about h4{margin-bottom: 20px;}

    .home-about-bg{padding-bottom: 30px;}

    .home-news .col-md-5{margin-bottom: 30px;}

    .home-news .more {margin-bottom: 20px;}

    .home-link-bg .container-link{width: 100%;}

    .home-link{flex-wrap: wrap;justify-content: center;}

    .home-link .link-box{width: 45%; margin: 0 5px 10px;}

}



/*#region content table container*/

.table-wrapper table th, .table-wrapper table td { padding: 5px; vertical-align: middle; font-size: 14px; border: 1px solid #dee2e6; text-align: center; }

.table-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }

.table-wrapper table tbody tr:hover { background-color: #dee2e6; color: #555; }

.table-wrapper table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }



@media (max-width: 575.98px) {

    .table-wrapper-sm table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }

}



@media(max-width:768px) {

    .table-wrapper-md table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }

}



@media (max-width: 991.98px) {

    .table-res-lg table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }

}



@media (max-width: 1500.98px) {

    .table-wrapper-xl table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }

}

/*#endregion*/



/*#region about wrapper*/

.ny-title{color: #000; font-size: 40px; font-weight: bold; margin-bottom: 20px }



.about-wrapper { padding-bottom: 40px;padding-top: 15px; }

.about-wrapper .com-box1{display: flex;}

.about-wrapper .com-box1 .img{width: 40%;}

.about-wrapper .com-box1 .text{width: 60%;background: #f8f8f8;padding: 26px;}

.about-wrapper .com-box1 h1{font-size: 30px; color: #000000;margin-bottom: 20px;}

.about-wrapper .com-box1 p{font-size: 16px; color: #5f5f5f; line-height: 28px;}

.about-wrapper h2{font-size: 30px; color: #000000;margin-top: 35px;margin-bottom: 35px;text-align: center;}





.about-wrapper .com-num { text-align: center; background: #c32023; padding-top: 45px;padding-bottom: 45px; }

.about-wrapper .com-num .t1 { font-size: 55px; color: #fff;font-weight:bold; }

.about-wrapper .com-num .t2 { font-size: 16px;  color: #fff; }

.about-wrapper .com-num .target1::before { position: absolute; right: 65px; top: 40px; content: "年"; font-size: 18px; color: #fff; }

.about-wrapper .com-num .target2::before { position: absolute; right: 40px; top: 14px; content: "㎡"; font-size: 18px; color: #fff; }

.about-wrapper .com-num .target3::before { position: absolute; right: 65px; top: 14px; content: "+"; font-size: 18px; color: #fff; }

.about-wrapper .com-num .target4::before { position: absolute; right: 85px; top: 14px; content: "+"; font-size: 18px; color: #fff; }

.about-wrapper .com-service{margin-top: 35px;}

.about-wrapper .com-service .com-ser-box{display: flex;}

.about-wrapper .com-service .com-ser-box .img{width: 50%}

.about-wrapper .com-service .com-ser-box .text{width: 50%;padding: 10px 60px;display: flex;align-items: center; background:#f8f8f8 }

.about-wrapper .com-service .com-ser-box .text h5{font-size: 24px;color: #000;margin-bottom: 15px;}

.about-wrapper .com-service .com-ser-box .text p{font-size: 16px;color: #5f5f5f;}



.about-wrapper .com-link h3{font-size: 40px;color: #000; font-weight: bold; margin-bottom: 40px; margin-top: 40px;}

.about-wrapper .com-link .link-box{border-radius: 10px;overflow: hidden; border: 1px solid #d7d7d7;margin-bottom: 25px;}



@media(max-width:768px) { 
    .ny-title{color: #c32023; font-size: 24px; font-weight: bold; margin-bottom: 20px ;text-align: center;}

    .about-wrapper .com-box1{flex-wrap: wrap;}

    .about-wrapper .com-box1 .img{width: 100%;}

    .about-wrapper .com-box1 .text{width: 100%;}

    .about-wrapper .com-num { margin-top: 0px; }

    .about-wrapper .com-num .target1::before { right: 110px; top: 40px; }

    .about-wrapper .com-num .target2::before { right: 95px; top: 14px; }

    .about-wrapper .com-num .target3::before { right: 120px; top: 14px;  }

    .about-wrapper .com-num .target4::before { right: 135px; top: 14px; }

    .about-wrapper .com-service .com-ser-box{ flex-wrap: wrap;}

    .about-wrapper .com-service .com-ser-box .img{width: 100%}

    .about-wrapper .com-service .com-ser-box .text{width: 100%;}

}





/*#endregion*/



/*#region history wrapper*/

.his-wrapper{padding-bottom: 40px;}

.his-wrapper .his-box{display: flex; align-items: center;}

.his-wrapper .his-box .img{width: 35%;padding-right: 30px; background: url(../../images/hisxt.jpg) no-repeat top right; height: 344px;display: flex;align-items: center;}

.his-wrapper .his-box .text {width: 65%;padding-left: 30px;}

.his-wrapper .his-box .text h6{display: inline-block;background: #d8282a; padding: 7px 50px;font-size: 30px;color: #fff;font-weight: bold;margin-bottom: 20px;}

.his-wrapper .his-box .text p{font-size: 16px;color: #9c9c9c;line-height: 30px;}

/*#endregion*/



/*#region culture wrapper*/

.cul-wrapper{padding-bottom: 40px;}

.cul-wrapper .img{height: 220px;overflow: hidden;}

.cul-wrapper .text{background: #f1f1f1;padding: 20px; height: 220px;text-align: center; display: flex;align-items: center;justify-content: center;}

.cul-wrapper .text h2{font-size: 30px;color: #1d1d1d;font-weight: normal;}

.cul-wrapper .text p{font-size: 16px;color: #686868;}

/*#endregion*/



/*#region content wrapper*/

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



.content-wrapper { line-height: 1.7; background: #fff; margin-bottom: 1.5rem; }

.content-wrapper h2 { font-size: 1rem; font-weight: 600; margin-bottom: 0.75rem; }

.content-wrapper h3 { font-size: 0.875rem; font-weight: 600; margin-bottom: 0.75rem; }

.content-wrapper img { max-width: 100% !important; height: auto !important; }

.content-wrapper ol { margin-left: 1em; padding-left: 1em; }

.content-wrapper video { max-width: 100% !important; height: auto !important; }

.content-wrapper iframe { max-width: 100%; }

.content-wrapper table { width: 100%; margin-bottom: 1rem; color: #212529; }

.content-wrapper table p{margin-bottom: 0;}

.content-wrapper table th, .content-wrapper table td { padding: 0.5rem; vertical-align: middle; border: 1px solid #dee2e6; text-align: center; }

.content-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }

.content-wrapper table tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); color: #555; }

/*.content-wrapper table p{ margin-bottom: 0;}*/

.content-wrapper .nav-tabs { background: #57585a; color: #fff; }

.content-wrapper .nav-link { padding: 0.75rem 1.75rem;color: #fff; font-size: 18px;}

.content-wrapper .nav-tabs .active { font-size: 18px; background: #de1e1e;color: #fff; }



.content-wrapper.product { border: 1px solid #e9eef4 }

.content-wrapper.product .content { padding: 1.5rem 1rem; }

.content-wrapper.product .content h2, .content-wrapper.product .content h3 { font-family: poppins; font-size: 1.25rem; font-weight: 500 !important; color: #0c2e60 }



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



.content-wrapper header { text-align: center; margin-bottom: 1rem; }

.content-wrapper header span { margin-right: 15px; }

.content-wrapper .sub-title { font-size: 1.75rem; font-weight: 600; display: block }



.bgbai{background: #fff; border-radius: 15px;overflow: hidden; padding: 26px 20px;}

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

.content-wrapper.article .title { color: #1c1c1c; font-family: poppins; font-size: 1.3rem; font-weight: 500; margin-top: 30px; }

.content-wrapper.article .summary { padding-bottom: 20px; margin: 30px 0; font-size: 0.75rem;  color: #83868c; border-bottom: 1px dashed #000000; }

.content-wrapper.article .summary span { margin-right: 15px; }

.content-wrapper.article .social span { margin-right: 5px !important; }

.content-other{background: #f4f4f4;padding: 25px; font-size: 16px;color: #ef864d;}

.content-other a{color: #3d3d3d;}

.content-other a:hover{ color: #d8282a;transition: all 0.3s; }

.news-end{text-align: center; font-size: 14px;color: #858585; margin-top: 40px;margin-bottom: 40px;}



.content-news{margin-top: 30px; background: #fff; padding: 20px;}

.content-news .news-col{border-bottom: 1px dashed #c6c6c6; margin-top: 5px;margin-bottom: 15px;}

.content-news h3{font-size: 20px; font-weight: bold;}

.content-news .news-col h4 a{color: #000;font-size: 18px;}

.content-news .news-col h4 a:hover{ color: #015aaa;transition: all 0.3s; }

.content-news .news-col p{ font-size: 14px;color: #7d7878; padding-left: 20px; }



.hot-pro { margin-top: 30px; }

.hot-pro h2{background: #015aaa;font-size: 18px;color: #fff;padding: 15px 20px;}

.hot-pro .pro-box {border:3px solid #015baa; margin-top: 15px;}

.hot-pro .pro-box h3{font-size: 14px;color: #fff; background:#015aaa; text-align: center; margin-bottom: 0;padding: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }

.hot-pro .pro-box .img{overflow: hidden;}

.hot-pro .pro-box:hover img{transition: all 0.3s;transform: scale(1.1);}



@media(max-width:768px) {

    

}



/*#endregion*/



/*#region contact wrapper*/

.contact-wrapper { padding-bottom: 40px;  }

.contact-wrapper .contact-box{margin-top: 30px;margin-bottom: 60px;}

.contact-box .img{width: 158px;margin: 0 auto 15px;}

.contact-box h3{font-size: 20px; font-weight: bold;color: #cc1e28;text-align: center;}

.contact-box p { font-size: 20px; color: #000;text-align: center;}

.contact-wrapper h2{font-size: 30px;color: #000; font-weight: bold; margin-top: 30px;margin-bottom: 30px;}



@media(max-width:768px) {

    .contact-wrapper .feedback-box img{width: 100%;height: auto;}

}

/*#endregion*/



/*#region news list*/

.news-wrapper {padding-bottom: 40px; color: #1c1c1c;  }

.news-box{border: 1px solid #eeeeee;padding: 16px; margin-bottom: 30px;}

.news-box .time{font-size: 14px;color: #917a77;margin-bottom: 15px;}

.news-box .time::before{width: 8px;height: 2px;background: #db251c;display: inline-block;content: "";margin-right: 10px; margin-bottom: 5px;}

.news-box h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.news-box h2 a{font-size: 16px;color: #8d7177;font-weight: bold;}

.news-box h2 a:hover{color: #d8282a;transition: 0.3s all;}

.news-box p{font-size: 14px;color: #8d7177;}

.news-box .more{font-size: 14px;color: #999999;}

.news-box .more:hover{color: #d8282a;transition: 0.3s all;}



.news-wrapper .article-row {  padding: 25px 0; margin-bottom: 2rem; border-bottom: 1px dashed #e6e6e6; display: flex; align-items: center; }

.news-wrapper .article-row .time{width: 12%; border-right: 1px solid #e6e6e6; padding-top: 30px;padding-bottom: 30px; padding-left: 30px;}

.news-wrapper .article-row .time p{font-size: 38px;font-weight: bold;color: #9d9c9b; margin-bottom: 0;}

.news-wrapper .article-row .time time{font-size: 12px;color: #9d9c9b;}

.news-wrapper .article-row .text{width: 88%;padding-left: 40px;padding-right: 40px;}

.news-wrapper .article-row .text h3 a{font-size: 22px;color: #343433;}

.news-wrapper .article-row .text h3 a:hover{color: #d8282a;transition: 0.3s all;}

.news-wrapper .article-row .text .desc{font-size: 14px;color: #9d9c9b; margin-top: 10px;margin-bottom: 15px;}

.news-wrapper .article-row .text p{font-size: 14px;color: #343433;}



@media(max-width:768px) {

    .news-wrapper .article-row .time{display: none;} 

   .news-wrapper .article-row .text{width: 100%;padding-left: 0px;padding-right: 0px;}

   .news-wrapper .article-row .text .addtime{display: block;}

}

/*#endregion*/





/*#region pro list*/

.pro-wrapper { margin-top: 10px; padding-bottom: 40px;  }

.pro-wrapper .left{background: #f6f6f6;}

.pro-wrapper .left .title{background: #de1d1e;color: #fff;padding: 15px; font-size: 20px;}

.pro-wrapper .left .title::before{width: 4px;height: 18px;background: #fff;display: inline-block;margin-right: 10px; content: "";margin-bottom: -2px;}

.pro-wrapper .left .left-pronav{padding-bottom: 15px;}

.pro-wrapper .left .left-pronav ul,.pro-wrapper .left .left-pronav li{list-style: none;padding: 0;margin: 0;}

.pro-wrapper .left .left-pronav .pronav-link{ padding: 12px 16px;border-bottom: 1px solid #dfdfdf; display: block; font-size: 16px;color: #737373;}

.pro-wrapper .left .left-pronav .pronav-link:hover,.pro-wrapper .left .left-pronav .pronav-li.active .pronav-link{background: #57585a;color: #fff;}

.pronav-li .pronav-ul-child{background: #fdfdfd; padding: 10px 0!important; display: none;}

.pronav-li.active .pronav-ul-child{ display: block;}

.pronav-ul-child .pronav-link-child{padding: 5px 19px; display: block;}

.pronav-ul-child .pronav-link-child::before{ content: "●"; font-size: 0.75rem; margin-right: 5px; color: #de1e1e }

.pronav-ul-child .pronav-link-child:hover,.pronav-ul-child .pronav-link-child.active{color: #de1e1e;}



.pro-wrapper .left .left-bai{background: #fff;height: 16px;display: block;}

.pro-wrapper .left .left-contact .box{padding: 22px 14px;}

.pro-wrapper .left .left-contact .box p{ margin-bottom: 12px; }

.pro-wrapper .left .left-contact .box i{width: 20px;display: inline-block;}

.pro-wrapper .left .left-contact .box a{margin-right: 10px;}



.proh1-title{font-size: 20px;color: #0b0b0b; margin-bottom: 0;}

.pro-wrapper .profl-list{padding: 20px 15px;}

.pro-wrapper .profl-list .profl-box{border: 3px solid #de1e1b;padding: 12px; display: flex; margin-bottom: 30px;}

.pro-wrapper .profl-list .profl-box .img{width: 35%;  border: 1px solid #dbdbdb;}

.pro-wrapper .profl-list .profl-box .text{width: 65%; padding-left: 15px;padding-right: 15px;}

.pro-wrapper .profl-list .profl-box .text h2{background: #de1d1e;padding: 12px 18px; color: #fff;font-size: 19px;}

.pro-wrapper .profl-list .profl-box .text .profl-list-child{ padding: 10px 20px; display: flex; flex-wrap: wrap; }

.pro-wrapper .profl-list .profl-box .text .profl-list-child p{margin-bottom: 5px;width: 50%;}

.pro-wrapper .profl-list .profl-box .text .profl-list-child p::before{ content: "●"; font-size: 1rem; margin-right: 5px; color: #de1e1e }

.pro-wrapper .profl-list .profl-box .text .profl-list-child p a{font-size: 16px;color: #7e7e7e;}

.pro-wrapper .profl-list .profl-box .text .profl-list-child p a:hover{color: #de1e1e;transition: all 0.3s;}



.pro-col{margin-bottom: 20px;}

.pro-col .img{ border: 1px solid #dbdbdb; }

.pro-col h2{text-align: center;font-size: 16px; margin-top: 8px; }

.pro-col h2 a{font-size: 14px;color: #5d5d5d;}

.pro-col h2 a:hover{color: #de1e1e;transition: all 0.3s;}



.profl-col{border: 1px solid #e1e1e1;background: #f9f9f9;padding: 15px; margin-bottom: 30px;}

.profl-col .img{position: relative;}

.profl-col .title{display: flex;justify-content: center; background: #fff; padding-bottom: 10px;}

.profl-col .title a{padding: 5px 12px;background: #e11d1f;color: #fff;font-size: 14px; border-radius: 10px;overflow: hidden;display: inline-block;}



@media(max-width:768px) {

    .proh1-title{text-align: center;font-size: 24px;font-weight: bold;color: #c32023;}

    .pro-wrapper .profl-list .profl-box{flex-wrap: wrap;}

    .pro-wrapper .profl-list .profl-box .img{width: 100%; }

    .pro-wrapper .profl-list .profl-box .text{width: 100%;padding-left: 0px;padding-right: 0px; margin-top: 15px; }

}

/*#endregion*/



#faq-page { }

#faq-page .faq-box { box-shadow: 2px 2px 4px #dbdbdb; border: 1px solid #dfdfdf }

#faq-page .faq-box .faq-q { border: 1px solid #fff; padding: 0.7em 0.8em; font-size: 1.3em; line-height: 1.6em; background: #f2f2f2; color: #d8282a; }

#faq-page .faq-box .faq-q span { background: #d8282a; text-align: center; padding: 0.2em 0.5em; color: #fff; margin-right: 10px; }

#faq-page .faq-box .faq-a { padding: 1em 3.4em; font-size: 18px; line-height: 1.4em; background: #fff; color: #868686}



@media(max-width:768px) {

    .faq-index {  padding: 0; padding:20px; margin-top: 30px; display: block; margin-bottom: 30px; }

    .faq-index .title { width: 100%;  }

    .faq-index .text { width: 100%;  }

    #faq-page .faq-box .faq-a { padding: 1em;  }

}



/*#region cert list*/

.cert-wrapper{background: #fff; }

.cert-wrapper .cert-col{background: #f7f7f7;padding: 24px; margin-bottom: 30px;overflow: hidden;}

.cert-wrapper .cert-col a{border:1px solid #024b99;}

.cert-wrapper .cert-col p{text-align: center;font-size: 14px;color: #5f5f5f; margin-top: 20px; margin-bottom: 0}

/*#endregion*/



/*#region down list*/

.down-wrapper {padding-bottom: 40px;  }

.down-wrapper .down-col { border: 1px solid #eaeaea;box-shadow: 2px 2px 4px #f6f6f6; margin-bottom: 20px;}

.down-wrapper .down-col .down-tr{background: #a7a7a7;color: #fff; display: flex;text-align: center; }

.down-wrapper .down-col .tr1{width: 39%;padding: 14px;}

.down-wrapper .down-col .tr2{width: 39%; border-left: 1px solid #e1e1e1;padding: 14px;}

.down-wrapper .down-col .tr3{width: 22%;border-left: 1px solid #e1e1e1;padding: 14px;}

.down-wrapper .down-col .down-td{color: #666666; display: flex;text-align: center; }

.down-wrapper .down-col .td1{width: 39%;padding: 14px;}

.down-wrapper .down-col .td2{width: 39%; border-left: 1px solid #e1e1e1;padding: 14px;}

.down-wrapper .down-col .td3{width: 22%;border-left: 1px solid #e1e1e1;padding: 14px;}

.down-wrapper .down-col .down-td i{font-size: 32px;color: #dc3429}

/*#endregion*/



/*#region solution list*/

.solution-wrapper{ }

.solution-wrapper .sol-box{padding-bottom: 45px;}

.solution-wrapper .sol-box.active{background: url(../../images/sol-activebg.jpg)no-repeat center bottom;}

.solution-wrapper .sol-box .img{ width: 120px; margin: 0 auto 10px; }

.solution-wrapper .sol-box h2{font-size: 18px;color: #000000;text-align: center;}

.solution-wrapper .sol-box.active h2{color: #d34652}

.solution-nr{background: #f5f5f5; padding-bottom: 40px; padding-top: 50px;}

.solution-nr h1{font-size: 32px;color: #010304;}

.solution-nr .desc{font-size: 18px;color: #5c5c5c; margin-top: 25px;margin-bottom: 80px;}

.solnr-box{display: flex; margin-bottom: 40px;}

.solnr-box .img{width: 30%;}

.solnr-box .text{width: 70%; padding-left: 30px;padding-right: 30px;}

.solnr-box .text h3 a{font-size: 22px;color: #000000;}

.solnr-box .text h3 a:hover{color: #d8282a;transition: 0.3s all;}

.solnr-box .text p{font-size: 16px;color: #898989;}

.solnr-box .text .more{display: inline-block;padding: 5px 30px;background: #d32f2f;font-size: 18px;color: #fff;text-align: center;}



@media(max-width:768px) {

    .solution-nr .desc{margin-bottom: 35px;}

    .solnr-box{display: flex; margin-bottom: 20px;flex-wrap: wrap;}

    .solnr-box .img{width: 100%; margin-bottom: 20px;}

    .solnr-box .text{width: 100%; padding-left: 30px;padding-right: 30px;}

}



/*#endregion*/



.solution-content .sol-about{display: flex;}

.solution-nr .desc2{font-size: 18px;color: #5c5c5c; margin-top: 25px;margin-bottom: 10px;}

.solution-content h3{font-size: 18px;font-weight: bold;color: #1c1c1c;margin-top: 30px;margin-bottom: 20px;}

.solution-content p::before { content: "●"; font-size: 1rem; margin-right: 5px; color: #d34652 }

.solution-content p{font-size: 18px;color:#515151}

.solution-content .sol-about .img{width: 20%;}

.solution-content .sol-about .text{width: 80%; padding-left: 20px;padding-right: 20px; font-size: 18px;color:#515151 }



/*右侧悬浮窗*/

.cndns-right{position:fixed;right: 2px;top:50%;margin-top:-150px;z-index:100}

.cndns-right-meau{position:relative;}

.cndns-right-btn{width:60px;height:60px;text-align:center;display:block;margin-bottom:1px;position:relative;background-color:#c32023;border-radius: 5px;}

.cndns-right-btn span{line-height:60px;}

.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#ff6800;position:absolute;left:-12px;top:-12px;}

.cndns-right-btn p{color:#fff;font-size:15px;line-height: 20px;padding-top:10px;display:none;}

.cndns-right-meau:hover .cndns-right-btn span{display:none}

.cndns-right-meau:hover .cndns-right-btn p{display:block;}

.meau-backup:hover .cndns-right-btn span{display:block;}



.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}

.cndns-right-box .box-border{border:1px solid #A9A9A9;border-top: 2px solid #c32023;padding:10px 20px;background-color:#fff;position:relative}

.cndns-right-box .box-border .arrow-right{display:block;width:8px;height:16px;background:url(../images/arrow.png) no-repeat center;position:absolute;

    right:-8px;top: 32px;}

.cndns-right-box .box-border .sev-t span{font-size:42px;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}

.cndns-right-box .box-border .sev-t p{color:#c32023;font-size:20px;line-height:28px;}

.cndns-right-box .box-border .sev-t a{color:#c32023;font-size:20px;line-height:28px;display: block;}

.cndns-right-box .box-border .sev-t i{display:block;font-size:15px;color:#aaa;font-style: normal;}

.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;}

.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}

.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%}

.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(../images/q1.gif) no-repeat left 3px;line-height:36px;}

.cndns-right-box .box-border .sev-b li a:hover{color:#c32023}

.meau-contact .cndns-right-box .box-border {width: 200px;}

.cndns-right-meau:hover .cndns-right-box{display:block}

.meau-code .cndns-right-box{top:auto;bottom:-26px;}

.meau-code .cndns-right-box .box-border{width: 280px;}

.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}

.meau-code .box{width: 140px;padding: 5px 10px;font-size: 14px;color: #333;text-align: center;}

.meau-code .box img{max-width: 100%;}

.meau-code .cndns-right-box .box-border .sev-t{width: 100%;display: flex;justify-content: space-around;}



.meau-mail .cndns-right-box .box-border {width: 240px;}

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