@charset "utf-8";
html{
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
body{
    overflow-x: hidden; 
    overflow-wrap: break-word;
    font-family: "PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
}
img,video{
    max-width: 100%;
    height: auto;
}
*{
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
}
ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}
a,a:hover{
    text-decoration: none;
}
header {
    padding: 1rem;
    background-image: url(../images/header_bg.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right 30% top 1px;
    border-bottom: 3px solid #F29140;
    background-color: #fff;
}
header .logo{}
header .logo img{
    height: 5rem;
}
header .slogan{
    font-size: 2rem;
    font-weight: bolder;
    font-style: italic;
    color: #0947B4;
    line-height: 5.25rem;
}
header .h-tel{
    padding-top: 1.75rem;
}
header .h-tel .telico{
}
header .h-tel img{
    margin-right: -1rem;
    z-index: 999;
}
header .h-tel .tel{
    border-top: 1px solid #E5EFFF;
    border-bottom: 1px solid #E5EFFF;
    border-right: 1px solid #E5EFFF;
    height: 2.5rem;
    line-height: 2.5rem;
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    padding-right: 1rem;
    padding-left: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    color: #0947B4;
}

nav{
    background-color: #1E4AAD;
}
nav .navbar-brand {
    display: none;
}
nav .navbar-brand img{
    height: 5rem;
}
nav .navbar-collapse {
    justify-content: flex-end;
}

nav .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
    color: #E1E1E1 !important;
}

nav .navbar-nav .nav-link:hover {
    color: #00ae9b;
}
nav .dm-box{
    width: 13.5rem;
    padding: 1rem 0.75rem;
}
nav .dm-box img{
    border-radius: 3px;
}
nav .dm-box h4{
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 1rem;
    font-weight: 500;
}
nav .dm-box h4 a{
    color: #000;
}
nav .dm-box li{
    line-height: 1.75rem;
    font-size: 0.875rem;
}
nav .dm-box li a{
    color: #616161;
}
.c_title{
    text-align: center;
    font-size: 2.5rem;
    color: #F09441;
    font-weight: bold;
    line-height: 3rem;
    font-style: italic;
    letter-spacing: 0.15em;
}
.c_title span{
    color: #1E4AAD;
}
.c_title i{
    color: #ccc;
    font-size: 1.25rem;
}
.ce-title{
    color: #666;
    text-align: center;
    font-size: 1.25rem;
    line-height: 2rem;    
}
.c_title_line{
    border-top: 1px #ccc solid;
    margin-top: 0.5rem;
    height: 2px;
    margin-bottom: 2rem;
}
.c_title_line .tb{
    height: 2px;
    width: 6rem;
    margin: auto;
    background-color: #0947B4;
}
.part_one {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.part_one .cat{
    width: 25rem;
    max-width: 100%;
    margin: auto;
    background-color: #fff;
    padding: 0.5rem 1.5rem;
    text-align: center;
    border-radius: 3px;
    margin-bottom: 2rem;

}
.part_one .cat .cat_name{
    color: #666;
}
.part_one .card-body{
    background-color: #1E4AAD;
}
.part_one .card .card-img{
    height: 16rem;
    display: flex;
    justify-content: center;
    align-items: center; 
    width: 100%;
}
.part_one .card-body .card-title{
    color: #fff;
    font-weight: 400;
    font-size: 1rem;
    min-height: 2.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.part_one .card-body hr{
    background-color: #fff;
}
.part_one .card-body .btn{
    background-color: #F09441;
    font-size: 0.875rem;
    color: #fff;
}


.part_two {
    background-image: url(../images/part-two-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.part_two .asbox {
    width: 16.67%;
    background-color: #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.part_two .asbox .as_title{
    background-color: #fff;
    padding: 1rem 1.5rem;
    font-size: 1.125rem;
    font-weight: 600;
    color: #333;
}
.part_two .asbox .as_title hr{
    width: 2rem;
    height: 0.25rem;
    background-color: #0947B4;
    margin: initial;
    margin-top: 1rem;
}
.part_two .asbox .as_pic{
    position: relative;
}
.part_two .asbox .as_pic img{
    width: 100%;
}
.part_two .asbox .as_pic i{
    font-weight: bolder;
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    font-size: 2rem;
    font-weight: bolder;
    color: #fff;
}

.part_two .asbox:first-child{

}
.part_two .asbox:first-child .as_title{
    background-color: #0947B4;
    padding: 1rem 1.5rem;
    font-size: 1.125rem;
    font-weight: 600;
    color: #fff;
}
.part_two .asbox:first-child .as_title hr{
    width: 2rem;
    height: 0.25rem;
    background-color: #fff;
    margin: initial;
    margin-top: 1rem;
}
.part_two .asbox:first-child .as_pic{
    position: relative;
}
.part_two .asbox:first-child .as_pic img{
    width: 100%;
}
.part_two .asbox:first-child .as_pic i{
    font-weight: bolder;
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    font-size: 2rem;
    font-weight: bolder;
    color: #0947B4;
}


.part_two .asbox a:hover .as_title{
    background-color: #0947B4;
    padding: 1rem 1.5rem;
    font-size: 1.125rem;
    font-weight: 600;
    color: #fff;
}
.part_two .asbox a:hover .as_title hr{
    width: 2rem;
    height: 0.25rem;
    background-color: #fff;
    margin: initial;
    margin-top: 1rem;
}
.part_two .asbox a:hover .as_pic{
    position: relative;
}
.part_two .asbox a:hover .as_pic img{
    width: 100%;
}
.part_two .asbox a:hover .as_pic i{
    font-weight: bolder;
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    font-size: 2rem;
    font-weight: bolder;
    color: #0947B4;
}

.part_two .asbox a:hover .as_title{
    background-color: #0947B4;
    padding: 1rem 1.5rem;
    font-size: 1.125rem;
    font-weight: 600;
    color: #fff;
}
.part_two .asbox a:hover .as_title hr{
    width: 2rem;
    height: 0.25rem;
    background-color: #fff;
    margin: initial;
    margin-top: 1rem;
}
.part_two .asbox a:hover .as_pic{
    position: relative;
}
.part_two .asbox a:hover .as_pic img{
    width: 100%;
}
.part_two .asbox a:hover .as_pic i{
    font-weight: bolder;
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    font-size: 2rem;
    font-weight: bolder;
    color: #0947B4;
}

.part_three {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.part_three .cat{
    width: 20rem;
    margin: auto;
    background-color: #fff;
    padding: 0.5rem 1.5rem;
    text-align: center;
    border-radius: 3px;
    margin-bottom: 2rem;
}
.part_three .cat .cat_name{
    color: #666;
}
.part_three .cat1{
    width: 40rem;
    margin: auto;
    background-color: #fff;
    padding: 0.5rem 1.5rem;
    text-align: center;
    border-radius: 3px;
    margin-bottom: 2rem;

}
.part_three .cat1 span{
    color: #1D47AC;
}
.part_three .cat1 .cat_name{
    color: #666;
}
.part_three .youshi{
    width: 24%;
    background-color: #fff;
    border-radius: 2px;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.part_three .youshi .hangy{
    background-color: #0947B4;
    width: 42%;
    text-align: center;
    color: #fff;
    line-height: 2rem;
    margin-bottom: 1.5rem;
}
.part_three .youshi .hangypic{
    width: 92%;
    margin: auto;
    border: 1px solid #666;
    overflow: hidden;
    margin-bottom: 1rem;
}
.part_three .youshi .hangypic img{
    width: 100%;
}
.part_three .youshi .hangytit{
    color: #0947B4;
    line-height: 2rem;
    width: 92%;
    margin: auto;
}
.part_three .youshi .hangydesp{
    width: 90%;
    margin: auto;
    font-size: 0.875rem;
    margin-bottom: 1rem;
    min-height: 8rem;
    text-align: justify;
}
.part_three .youshi .hangylink{
    width: 92%;
    margin: auto;
    font-size: 0.875rem;
}
.part_three .youshi .hangylink i{
    color: #F09441;
}


.part_three .market{
    width: 31%;
    background-color: #fff;
    border-radius: 3px;
    padding-bottom: 2rem;
}
.part_three .market .threetit{
    color: #0947B4;
    line-height: 3rem;
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center;
    background-color: #F2F2F2;
}
.part_three .market .hangypic{
    overflow: hidden;
    margin-bottom: 1rem;
}
.part_three .market .hangypic img{
    width: 100%;
}
.part_three .market .hangytit{
    color: #0947B4;
    line-height: 2rem;
    text-align: center;
    font-size: 1.125rem;
    margin-bottom: 0.5rem;
}
.part_three .market .hangydesp{
    width: 90%;
    margin: auto;
    font-size: 0.875rem;
    margin-bottom: 1rem;
    min-height: 8rem;
    text-align: justify;
}
.part_three .market .hangydesp ul{
    margin-top: 0.5rem;
    font-size: 0.75rem;
    line-height: 1.5rem;
}


.part_four {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-image: url(../images/case_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
.part_four .cat{
    width: 20rem;
    margin: auto;
    background-color: #fff;
    padding: 0.5rem 1.5rem;
    border-radius: 3px;
    margin-bottom: 2rem;
    text-align: center;

}
.part_three .cat .cat_name{
    color: #666;
}

.part_four .case {
    position: relative;
    height: 27rem;
    overflow: hidden;
    width: 23%;
    border-radius: 3px;
}
.part_four .case:nth-child(2),.part_four .case:nth-child(4){
    margin-top: 4rem;
}
.part_four .case .bg_zx{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.part_four .case .bg_title{
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    text-align: center;
    color: #fff;
}
.part_four .case .bg_title a{
    color: #fff;
}

.part_four .case .case-img{
    position: relative;
    height: 100%;
    overflow: hidden;
}
.part_four .case .case-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: auto;
  max-width:none;
}

.part_five {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.part_five .title{
    margin-bottom: 0.75rem;
}
.part_five .title .t1{
    width: 30rem;
}
.part_five .title .t1 span{
    color: #666;
    font-size: 0.875rem;
}
.part_five .title hr{
    background-color: #eee;
    width: 100%;
}
.part_five .title .t2{
    width: 10rem;
    text-align: center;
    color: #666;
    font-size: 0.875rem;
}

.part_five .news {
    width: 52%;
}
.part_five .news .newspic{
    height: 14rem;
    margin-bottom: 0.75rem;
}
.part_five .news img{
    width: 100%;
}
.part_five .news h4{
    font-size: 1.125rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #6D6D6D;
}
.part_five .news p{
    font-size: 0.875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.part_five .news a{
    color: #6D6D6D;
}
.part_five .news a:hover{
    color: #F09441;
}
.part_five .news li{
    list-style-type:disc;
    list-style: inside;
    font-size: 0.875rem;
}
.part_five .aq {
    width: 40%;
}
.part_five .aq h4{
    font-size: 1.125rem;
    color: #F09441;
    font-weight: 500;
}
.part_five .aq p{
    font-size: 0.875rem;
    color: #6D6D6D;
}
.part_five .aq .aqls{
    border-bottom: 1px solid #ccc;
    margin-bottom: 0.75rem;
}
.part_five .aq h4:hover{
    color: #F09441;
}
.part_five .aq p:hover{
    color: #F09441;
}

.part_six {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-image: url(../images/company-bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}
.part_six .about-enbt{
    font-size: 1.5rem;
    color: #fff;
}
.part_six .about-cnbt{
    font-size: 1.25rem;
    color: #fff;
}
.part_six .zbox{
    background-color: #fff;
    border-radius: 0.25rem;
    padding: 1rem 1rem 1rem 2rem;
}
.part_six .zbox .c_brief_txt{
    width: 46%;
    line-height: 1.75rem;
    text-align: justify;
}
.part_six .zbox .c_brief_txt li{
    list-style-type:disc;
    list-style: outside;
    font-size: 0.875rem;
    width: 80%;
    margin-left: 1rem;
}
.part_six .zbox .c_brief_txt h5{
    font-size: 1rem;
}
.part_six .zbox .c_brief_pic{
    width: 50%;
}
.part_six .zbox .c_brief_pic img{
    width: 100%;
    border-radius: 0.5rem;
}
.part_six .zbox .c_team_title{
    color: #0947B4;
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
}
.part_six .zbox .c_team{
    margin-bottom: 1.5rem;
}
.part_six .zbox .c_team_ls{
    width: 24%;
    background-color: #0947B4;
    padding: 1rem 1.5rem;
    color: #fff;
    text-align: justify;
}
.part_six .zbox .c_team_ls:nth-child(2),.part_six .zbox .c_team_ls:nth-child(4){
    background-color: #616161;
    border-radius: 2px;

}
.part_six .zbox .c_team_ls .st{
    background-color: #fff;
    color: #0947B4;
    text-align: center;
    line-height: 2rem;
    width: 80%;
    margin: 1rem auto;
    border-radius: 3px; 
}
.part_six .zbox .zhengshu{}
.part_six .zbox .zhengshu .zs{
    width: 19%;
}
.part_six .zbox .zhengshu img{
    width: 100%;
}
.part_six .zbox .c_xc{
    background-color: #0947B4;
    text-align: center;
    line-height: 2.25rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.5rem;
    color: white;
}
.part_six .zbox .c_customer{

}
.part_six .zbox .c_customer .c_ls{
    width: 19%;
    border:1px solid #ccc;
    margin-bottom: 1rem;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center; 
}
.part_six .zbox .c_customer .c_ls img{
    width: 100%;
    
}
.part_six .zbox .c_customer{
    display: flex !important;
    flex-wrap: wrap;
    
}
/************foot1***********
footer {
    background-color: #134290;
    padding-top: 3rem;
    color: white;
}
footer .nav-link{
}
footer .nav-link a{
    display: block;
    width: 14%;
    float: left;
    color: #fff;
    text-align: center;
    line-height: 1.5rem;
}
footer hr{
    background-color: #ccc;
}
footer .lcontact{

}
footer .lcontact img{
    height: 5rem;
    margin-bottom: 1.75rem;
}
footer .lcontact p{
    padding-left: 4rem;
}
footer .rqr{}
footer .rqr img{
    height: 12rem;
    margin-left: 1rem;
    padding-top: 3rem;
}
footer .copyright {
    text-align: center;
    line-height: 2rem;
    margin-top: 2rem;
    background-color: #171717;
}

/************foot2***********/
footer {
    background-color: white;
}
footer .nav-link{
    background-color: #134290;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #ccc;
    margin-bottom: 2rem;
}
footer .nav-link a{
    display: block;
    width: 14%;
    float: left;
    text-align: center;
    color: white;
    height: 2rem;
}

footer .lcontact{

}
footer .lcontact img{
    height: 5rem;
    margin-bottom: 1.75rem;
}
footer .lcontact p{
    padding-left: 4rem;
}
footer .rqr{}
footer .rqr img{
    height: 12rem;
    margin-left: 1rem;
    padding-top: 3rem;
}
footer .copyright {
    text-align: center;
    line-height: 2rem;
    margin-top: 2rem;
    background-color: #171717;
    color: white;
}






/***联系我们***/
.page-banner{
    position: relative;
}

.pagebanner{
    color: white;
    position: absolute;
    top:20%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); 
}
.pagebanner .lfcat{
    width: 42%;
    font-size: 1.75rem;
    left: 0;
    text-align: left;
}
.pagebanner .lfcat span{
    font-size: 3rem;
    font-style: italic;
    font-weight: bolder;
}

.pagebanner .rlfcat{
    width: 55%;
    font-size: 1.125rem;
    padding-right: 2.5rem;
    padding-top: 0.5rem;
    line-height: 2.25rem;
}

.breadcrumb-box{
    border-bottom: 1px #7c95ca solid;
    background-color: #eceeee;
    margin-bottom: 3rem;
}
.breadcrumb-box .breadcrumb{
    background-color: transparent;
    margin-bottom: 0;
    padding: 1rem 1rem;
}
.breadcrumb-box .breadcrumb i{
    margin-right: 0.5rem;
}
.breadcrumb-box .breadcrumb li::before{
    content: ">";
}
.breadcrumb-box .breadcrumb li:nth-child(1)::before,.breadcrumb-box .breadcrumb li:nth-child(2)::before{
    content: "";
}
.page-title{
    margin-bottom: 3rem;
}
.page-title h2{
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
}
.page-title p{
    font-size: 1rem;
    text-align: center;
}
.page-contact{
    border-radius: 2px;
    background-color: #07329B;
    margin-bottom: 3rem;
}
.page-contact .map{
    width: 60%;
    overflow: hidden;
}
.page-contact .map img{
    width: 100%;
}
.page-contact .contact{
    width: 40%;
    padding: 2rem 2rem 1rem 2rem;
    color: white;
}
.page-contact .contact h4{
    text-align: center;
    margin-bottom: 1.5rem;
}
.page-contact .contact i{
    margin-right: 0.75rem;
}
.page-contact .contact .contact-txt{
    padding-left: 1.75rem;
}
.page-about{
    margin-bottom: 3rem;
}
.page-about h3{
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 2rem;
    margin-top: 1rem;
    color: #134290;
}
.page-about h3 span{
    color: #ccc;
    margin-left: 0.5rem;
    font-size: 1.25rem;
}
.page-about .c-pic{
    width: 36%;
    overflow: hidden;
}
.page-about .c-text{
    width: 55%;
    line-height: 1.75rem;
    padding-top: 0.75rem;
}

.page-about .c-text ul{
    margin-bottom: 3rem;
}
.page-about .c-text li{
    list-style-type:disc;
    list-style: inside;
    line-height: 2.5rem;
}
.page-culture{
    background-color: #DCE2F0;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.page-culture h5{
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #134290;
}
.page-culture p{
    line-height: 1.75rem;
}
.page-culture .page-vision{
    width: 33%;
    padding-right: 5rem;
}
.page-culture .page-mission{
    width: 33%;
    border-left: 1px solid #757A76;
    border-right: 1px solid #757A76;
    padding-left: 5rem;
    padding-right: 5rem;
}
.page-culture .page-values{
    width: 33%;
    padding-left: 5rem;
}
.page-greeting{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.page-greeting h3{
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 2rem;
    margin-top: 1rem;
    color: #134290;
}
.page-greeting h3 span{
    color: #ccc;
    margin-left: 0.5rem;
    font-size: 1.25rem;
}

.page-honors{
    padding-bottom: 3rem;
    padding-top: 3rem;
    background-color: #EDF0F5;
}
.page-honors h3{
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 2rem;
    color: #134290;
}
.page-honors h3 span{
    color: #ccc;
    margin-left: 0.5rem;
    font-size: 1.25rem;
}
.page-partner{
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-color: white;
}

.page-partner .c_customer .c_ls{
    width: 19%;
    border:1px solid #ccc;
    margin-bottom: 1rem;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center; 
}
.page-partner .c_customer .c_ls img{
    width: 100%;
    
}
.page-partner .c_customer{
    display: flex !important;
    flex-wrap: wrap;
    
}
.page-productdetail{
    margin-bottom: 3rem;
}
.page-productdetail h3{
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 2rem;
    margin-top: 1rem;
    color: #134290;
}
.page-productdetail .c-pic{
    width: 36%;
    overflow: hidden;
}
.page-productdetail .c-text{
    width: 55%;
    line-height: 1.75rem;
    padding-top: 0.75rem;
}
.page-productdetail .c-text strong{
    font-size: 1.125rem;
}
.page-productdetail .c-text i{
    margin-right: 1rem;
}
.page-productdetail .c-text ul{
    margin-bottom: 3rem;
}
.page-productdetail .c-text li{
    list-style-type:disc;
    list-style: inside;
    line-height: 2.5rem;
}
.page-productdetail .btn-1{
    background-color: #1E4AAD;
    color: white;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-right: 1rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.page-productdetail .btn-2{
    background-color: #F19240;
    color: white;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.page-productdetail-1{
    padding-bottom: 3rem;
}
.page-productdetail-1 .stitle{
    margin-bottom: 1rem;
    font-size: 1.25rem;
    font-weight: 600;
}
.page-productdetail-1 .prpductart{
    
}
.page-productdetail-1 .prpductart table{
    border: 1px solid #333 !important;
}
.page-productdetail-1 .download{
    background-color: #F0F1F3;
    padding: 1rem;
    margin-top: 1rem;
    display: none;
}
.page-productdetail-1 .file{
    line-height: 2rem;
    border-bottom: 1px solid #D1D2D4;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    padding-right: 1rem;
    padding-left: 0.5rem;
}
.page-productdetail-1 .file i{
    margin-right: 0.5rem;
}
.page-productdetail-1 .file a{
    float: right;
}
.page-app{
    background-color: #1E4AAD;
    padding-bottom: 3rem;
    padding-top: 3rem;
}
.page-app .sstitle{
    color: white;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
}
.page-app .cjing{
    text-align: center;
    color: white;
    width: 22%;
}
.page-app .cjing p{
    padding-top: 0.5rem;
}
.page-case{
    background-color: #F6F6F6;
    padding-bottom: 3rem;
    padding-top: 3rem;
}
.page-case .case-card{
    width: 23%;
    height: 18rem;
    text-align: center;
    background-color: white;
    border-radius: 0.25rem;
    border: #E0E0E2 1px solid;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.3);
}
.page-case .case-card .pic{
    height: 13rem;
    overflow: hidden;
    margin-bottom: 0.75rem;
    transition: transform 0.3s ease;
    transform: scale(1);
    transform-origin: center;
}
.page-case .case-card p{
    padding-left: 1rem;
    padding-right: 1rem;
}
.page-case .case-card a{
    color: #000;
}
.page-case .case-card .pic:hover{
    transform: scale(1.1);
}
.page-product{
    margin-bottom: 3rem;
}
.page-product .category{
    width: 24%;
}
.page-product .category a{
    color: #000;
}
.page-product .category dt{
    font-size: 1.25rem;
    border-bottom: 1px solid #6D6D6D;
    line-height: 2.5rem;
    margin-bottom: 0.75rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.page-product .category i{
    float: right;
}
.page-product .category dd{
    list-style-type: disc;
    list-style-position: outside;
    padding: 0.5rem;
}
.page-product .category dd a{
    color: #666;
}
.page-product .category dd:hover{
    background-color: #1D47AC;
    color: white;
}
.page-product .category dd:hover a{
    color: white;
}
.page-product .product-list{
    width: 72%;
}
.page-product .card-body{
    background-color: #1E4AAD;
}
.page-product .card .card-img{
    height: 16rem;
    display: flex;
    justify-content: center;
    align-items: center; 
    width: 100%;
}
.page-product .card-body{
    padding: 1rem 1rem 0.5rem 1rem !important;
}
.page-product .card-body .card-title{
    color: #fff;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.25rem;
    min-height: 2.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.page-news-category{

}
.page-news-category a{
    padding: 0.5rem 1.5rem;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 3rem;
}
.page-news-category .active,.page-news-category a:hover{
    background-color: #1E4AAD;
    color: white;
}
.page-news a{
    color: #666666;
}
.page-news .news-time{
    border-right: 1px #ccc solid;
    padding: 0.5rem 0;
    text-align: center;
    width: 20%;
}

.page-news .news-time .news-time-date{
    font-size: 1.5rem;
}
.page-news .news-time .news-time-year{
}
.page-news .news-list{
    width: 75%;
    padding: 0.5rem 0;
}
.page-news a:hover{
    background-color: #1E4AAD;
    color: white;
    padding: 0.5rem 0;
}
.page-newsinfo{

}
.page-newsinfo h3{
    font-size: 1.5rem;
    text-align: center;
}
.page-newsinfo .property{
    font-size: 0.875rem;
    text-align: center;
    color: #666666;
    line-height: 2rem;
    margin-bottom: 1rem;
}
.page-newsinfo .article{
    font-size: 1rem !important;
    line-height: 1.75rem !important;
    margin-bottom: 3rem;
}
.page-newsinfo .article img{
    display: block;
    margin: 0.5rem auto;
}
.page-newsinfo .article p{
    background-color: transparent;
}
.page-newsinfo .article pre{
    font-size: 1rem;
    white-space: pre-line;
    border-bottom: 1px solid #666;
    font-weight: 600;
    padding-bottom: 1rem;

}

.page-newsinfo .nxtpro{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 49%;
    background-color: #F1F4F7;
    border-radius: 3px;
    margin-bottom: 3rem;
    padding: 0.5rem;
    color: #666666;
}
.page-newsinfo .nxtpro a{
    color: #666666;
}
.page-casels{
    padding-bottom: 3rem;
}
.page-casels .page-title{
    margin-bottom: 0.5rem;
}
.page-casels .tit-desp{
    color: #666666;
    text-align: center;
    font-size: 0.875rem;
    margin-bottom: 2rem;
}
.page-casels .card{
    border: 0;
    background-color: transparent !important;
}
.page-casels .card .card-img{
    height: 12rem;
    width: 100%;
    overflow: hidden;
}
.page-casels .card-body .card-title{
    font-weight: 400;
    font-size: 0.875rem;
    min-height: 2.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
    color: #666666;
    padding: 0.25rem;
}
.pagination{
    justify-content: center !important;
}
.pagination li{
    border: 1px solid #666;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.pagination .active{
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.page-distribution{
    margin-bottom: 3rem;
}
.page-distribution h3{
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 1rem;
    color: #134290;
}
.page-distribution hr{
    height: 0.125rem;
    border: #4B6FCD 1px solid;
    background-color: #4B6FCD;
    width: 12.5rem;
    float: left;
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}
.page-distribution .entitle{
    color: #ccc;
    text-transform: uppercase;
    margin-bottom: 1rem;
}
.page-distribution .c-pic{
    width: 42%;
    overflow: hidden;
}
.page-distribution .c-text{
    width: 50%;
    line-height: 1.75rem;
    padding-top: 0.75rem;
}

.page-distribution .c-text a{
    background-color: #4B6FCD;
    padding: 0.5rem 1rem;
    color: white;
    margin-top: 0.75rem;
}
.page-servprocess{
    background-color: #fff;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.page-servprocess h5{
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #134290;
}
.page-servprocess p{
    line-height: 1.75rem;
}
.page-servprocess .page-process{
    width: 24%;
    border: 1px solid #4B6FCD;
    text-align: center;
    padding-top: 1.5rem;
}
.page-servprocess .page-process img{
    width: 80%;
    margin-bottom: 1rem;
}
.page-servprocess .page-process .descrip{
    background-color: #D0E1FD;
    padding: 0.25rem 0;
}
.page-oneservice{
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-color: #DFF1FF;
}
.page-oneservice h3{
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 1rem;
    color: #fff;
    background-color: #4A71CE;
    text-align: center;
    width: 60%;
    margin: auto;
    margin-bottom: 2rem;
    padding: 0.75rem 0;
}
.page-oneservice .c-pic img{
    border: 3px #fff solid;
}
.page-oneservice .c-text{

}
.page-oneservice .c-text p{
    line-height: 1.75rem;
}
.page-oneservice .c-text p span{
    color: #E17B39;
}
.page-oneservice .c-text .icot{
    text-align: center;
    color: #4A71CE; 
    text-transform: uppercase;
    margin-bottom: 1rem;
}
.page-oneservice .c-text .icot i{
    font-size: 3rem;
    margin-bottom: 2rem;
}
.page-oneservice .c-text .icot p{
     line-height: 1.25rem;
     font-size: 0.615rem;  
}
.page-dsbiref{
    padding-bottom: 3rem;
    padding-top: 3rem;
    background-color: #fff;
}

.page-serviceadv{
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-color: white;
}

.page-serviceadv .servprocess{
    background-color: #fff;
    margin-bottom: 3rem;
}
.page-serviceadv h5{
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #134290;
    background: url(../images/pd-10.jpg) repeat-x;
    height: 4.5rem;
    line-height: 4.5rem;
}
.page-serviceadv p{
    line-height: 1.75rem;
}
.page-serviceadv .process{
    width: 24%;
    border: 1px solid #4B6FCD;
    text-align: center;
    background-color: #F1F8FF;
}
.page-serviceadv .process img{
    width: 75%;
    margin-bottom: 1rem;
}
.page-serviceadv .process .descrip{
    padding: 0.25rem 0;
}
.page-serviceadv .descrip1{
    width: 50%;
    background-color: #F8F8F8;
}
.page-serviceadv .descrip1 .btitle{
    background-color: #346FC9;
    line-height: 2.25rem;
    height: 2.25rem;
    color: white;
    padding-left: 0.5rem;
}
.page-serviceadv .descrip1 .c_brief{
    background-color: #ECECEC;
    border-radius: 0.25rem;
    margin: 1rem 2rem;
    padding: 1rem;
}
.page-serviceadv .pic1{
    width: 45%;
}
.page-pdcase{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.page-pdcase .casels{
    width: 24%;
}
.page-pdcase .casels .ctxt{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    background-color: #346FC9;
    color: white;
    padding: 0.5rem;
    min-height: 4rem;
}
.page-apply {
    background-image: url(../images/part-two-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.page-apply .asbox {
    width: 19%;
    background-color: #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.page-apply .asbox .as_title{
    background-color: #fff;
    padding: 1rem 1.5rem;
    font-size: 1.125rem;
    font-weight: 600;
    color: #333;
}

.page-apply .asbox .as_pic{
    height: 20rem;
    overflow: hidden;
}
.page-apply .asbox .as_pic img{
    width: 100%;
}

.page-upsprocess{
    background-color: #fff;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.page-upsprocess h5{
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #134290;
}
.page-upsprocess p{
    line-height: 1.75rem;
}
.page-upsprocess .page-process{
    width: 24%;
    border: 1px solid #4B6FCD;
    text-align: center;
    padding-top: 1.5rem;
}
.page-upsprocess .page-process img{
    width: 80%;
    margin-bottom: 1rem;
}
.page-upsprocess .page-process .descrip{
    font-size: 0.825rem;
    padding: 0.5rem 1rem;
    text-align: left;
}
.page-upsapply {
    background-image: url(../images/part-two-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.page-upsapply .asbox {
    width: 15.8%;
    background-color: #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.page-upsapply .asbox .as_title{
    background-color: #fff;
    padding: 1rem 1rem;
    font-size: 1rem;
    font-weight: 600;
    color: #333;
}
.page-upsapply .asbox .as_title span{
    font-size: 0.75rem;
    font-weight: 200;
}
.page-upsapply .asbox .as_pic{
    height: 18rem;
    overflow: hidden;
}
.page-upsapply .asbox .as_pic img{
    width: 100%;
}


















/***移动自适应***/
@media (max-width:768px) {
    
header{
    display: none;
}
nav{
    background-color: #fff;
}
nav .navbar-brand{
    display: inline;
}
nav .navbar-brand img{
    height: 3rem;
}
nav .navbar-nav .nav-link {
    color: #000 !important;
}
nav .navbar-nav .nav-item{
    width: 100%;
}

.c_title{
    font-size: 1.75rem;
}

.ce-title{
    font-size: 1rem;   
}

.part_one {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.part_one .cat{
    width: 100%;
}
.part_one .card-body{
}
.part_one .card .card-img{
    height: 11rem;
}
.part_one .card-body .card-title{
    font-size: 0.875rem;
    min-height: 2.25rem;
}
.part_one .card-body .btn{
    font-size: 0.75rem;
}


.part_two {
    background-image: url(../images/part-two-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.part_two .d-flex {
    display: flex !important;
    flex-wrap: wrap;
}
.part_two .asbox {
    width:33.3%;
}
.part_two .asbox .as_title{
    padding: 0.5rem;
    font-size: 0.875rem;
    font-weight: 200;
}

.part_two .asbox:first-child .as_title{
    padding: 0.5rem;
    font-size: 0.875rem;
    font-weight: 200;
}

.part_two .asbox a:hover .as_title{
    padding: 0.5rem;
    font-size: 0.875rem;
    font-weight: 200;
}

.part_two .asbox a:hover .as_title{
    padding: 0.5rem;
    font-size: 0.875rem;
    font-weight: 200;
}


.part_three {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.part_three .d-flex {
    display: flex !important;
    flex-wrap: wrap;
}
.part_three .youshi{
    width: 48%;
    margin-bottom: 1rem;
}

.part_four {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.part_five {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.part_five .newsaq{
    display: flex !important;
    flex-wrap: wrap;
}

.part_five .title .t1{
    width: 46rem;
}

.part_five .news {
    width: 100%;
    margin-bottom: 2rem;
}
.part_five .news .newspic{
    height: auto;
}
.part_five .aq {
    width: 100%;
}

.part_six {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.part_six .zbox{
    background-color: #fff;
    padding: 1rem;
}
.part_six .zbox .c_brief{
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
.part_six .zbox .c_brief_txt{
    width: 100%;
    line-height: 1.75rem;
    text-align: justify;
}

.part_six .zbox .c_brief_pic{
    width: 100%;
    margin-bottom: 1rem;
}

.part_six .zbox .c_team{
    margin-bottom: 1rem;
    display: flex !important;
    flex-wrap: wrap;
}
.part_six .zbox .c_team_ls{
    width: 48%;
    margin-bottom: 1rem;
}

.part_six .zbox .c_xc{
    line-height: 1.5em;
    padding: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1rem;
}
.part_six .zbox .c_customer{

}
.part_six .zbox .c_customer .c_ls{
    width: 24%;
    border:1px solid #ccc;
    margin-bottom: 1rem;
    height: 3.6rem;
    display: flex;
    justify-content: center;
    align-items: center; 
}
.part_six .zbox .c_customer .c_ls img{
    width: 100%;
    
}
.part_six .zbox .c_customer{
    display: flex !important;
    flex-wrap: wrap;
    
}

footer {
    padding-top: 2rem;
    color: white;
}
footer .nav-link{
    display: none;
}

footer hr{
    display: none;
}
footer .d-flex{
    display: flex !important;
    flex-wrap: wrap;
}

footer .lcontact img{
    width: 100%;
    height: auto;
    margin-bottom: 1.75rem;
}
footer .lcontact p{
    padding-left: 0;
    text-align: center;
}
footer .rqr{
    text-align: center;
    width: 100%;
}
footer .rqr img{
    height: 8rem;
    display: inline;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    padding-top: 1rem;
}


}