/*design and made by sunny*/
a{text-decoration: none; color:#626262;}
a:hover{color:#1e4e94;}
img{max-width: 100%;}
/*common*/
.navbar-toggler {
    padding: 0.09rem 0.35rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    transition: box-shadow .15s ease-in-out;
}
nav.borii-nav{background-color: #fff!important; padding:2px 2px 0 2px;}
.language{padding:0 1em 0 1.6em; font-size: 0.7em;}
.language a{color:#cacaca;}
.language a:hover{color:#1e4e94;}
.language a.active{color:#848383;}
nav.borii-nav ul.navbar-nav li.nav-item a.active{border-bottom:solid 2px #1e4e94;}
.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: -1px;
}
.btn-primary {
    color: #fff;
    background-color: #1e4e94;
    border-color: #1e4e94;
}
.btn-outline-primary {
    color: #1e4e94;
    border-color: #1e4e94;
}
.btn-outline-secondary {
    color: #ffffff;
    border-color: #ffffff;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #1a4480;
    border-color: #1a4480;
}
.hpic .carousel-item{position:relative;}
.upper-box{position:absolute; right:0; bottom:30%; background-color:rgba(255,255,255,0.7); border:solid 1px #fff; width:55%; padding:1.5%;}
.upper-box h4{display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.upper-box p{margin:0;padding:0; max-width:80%;  color:#535353; font-size: 0.9em;}
.upper-box a{margin:0.8em 0 0.4em 0;}

.video{padding:2em;}
.application{background-color: #1a4480;}
.application div.container{padding:4em 2em;}
.application div.row div.col-6{padding:0; position:relative;   border:solid 1px #1e4e94; margin-right:-1px;}
.app-text{position:absolute; background-color:rgba(0,0,0,0.7); width:100%; bottom:20%; padding:0.6em;}
.app-text p{color:#fff; text-align: center; margin-bottom:0;}
.application h3{color:#fff; font-weight: lighter;}

.partner{padding:2em 2em 4em;}
.partner div.col{text-align: center;}
.partner div.col img{max-width:100%; height:auto; padding:0.7em;}
.partner div.col p{font-size: 0.9em; color:#b0b0b0;}
.footer{background-color: #e5e6e6;}
.footer div.container{padding:4em 2em;}

.bottom-nav ul{list-style-type: none; padding-left: 0;}
.bottom-nav ul li{padding:0.2em 0.5em 0.2em 2px; font-size: 0.96em;}
.webm p{color:#626262; margin:0;}
.webm img{max-width: 90px;}

.copy-right{border-top:solid 1px #cbcaca;}
.copy-right div.col{border-top:solid 1px #fdfdfd; padding-top:1em; text-align: center;}
.copy-right div.col p{margin:0; color:#9a9a9a; line-height: 1.2em;}
.copy-right div.col p span{font-size: 0.78em;}
/*----homepage--*/

.sec-nav{background: url("./pics/sec-bg.jpg") no-repeat; height:154px;}
.sec-nav div.container{position:relative;}
  .sec-nav div.container div.row{position:absolute; right:0; top:102px;}
  .sec-nav div.row div.col ol li{font-size: 0.85em;}
  .sec-nav div.row div.col ol li a{color:#aaaaaa;}
  .sec-nav div.row div.col ol li a:hover{color:#1e4e94;}
.sec-nav div.row div.col:nth-child(2){background: #1a4480; padding:1em 2em; color:#fff;}

.profile{padding:4em 2em;}
.profile div.col-md-12{padding:0 2em;}
.profile div.col-md-12:first-child p{color:#646464; font-size: 0.96em;}
.value{ background-color: #1a4480; }
.value div.container{ min-height:400px;}
.value div.col-md-12:nth-child(2){padding-top:4em; margin-bottom:4em;}
.value div.col-md-12:nth-child(2) ul{color:#d4cab7;  list-style-image: url('./pics/dot.png');}
.value div.col-md-12:nth-child(2) ul li{padding:0.8em 0 0.6em 0;}
.value div.col-md-12:nth-child(2) ul li h5{font-weight: bold;}

.history{padding:4em 2em;}
.history-catalog{text-align: right; position: relative; padding-top:2em; border-right:solid 1px #1a4480;}
.blue-dot{width:16px; height:16px; background-color: #1a4480;border-radius:8px; position:absolute; right:-9px; top:37px;}
.history-detail{ padding:0.5em 1em 3em 2em;}
.history-detail p{color:#646464; font-size: 0.94em;}
.history-detail img{padding-bottom:1.5em;}

.team{padding:4em 2em;}
.sec-title p{color:#646464;margin:0;}
.sec-title p span{font-size: 1.5em; color:#1a4480;}
.team-photo div img{padding:1.5em 0 1em 0;}
.team-photo div p{max-width: 233px; color:#919090; font-size: 0.92em;}
.phone{background-color: #1a4480;}
.phone div.container{padding:3em 0.5em; color:#d4cab7;}
.phone div.container p{font-size: 1.3em;}
.phone div.container div.row div:first-child{text-align: right; border-right:solid 1px #d4cab7;}
/*---about us-*/
.recruit{padding:4em 2em;}
.recruit div.card{margin:1em 0;}
.recruit-title{padding:1.6em 1em 1em 1em;}
.recruit-title span{color:#1a4480; font-size:1.2em;}
.recruit div.card-body{color:#989898;}
.recruit div.card-body span.badge{margin-bottom:1em; background-color: #b8b8b8!important;}
.recruit div.card-body article ol{ font-size: 0.96em;}
.card-header {
    background-color: rgba(0,0,0,.01); }
.talent{padding:4em 2em;}
.talent div.row div.col{padding:1.3em 0;}
/*--recruit--*/

.product-one{padding:4em 2em;}
.product-one img{padding:1.2em 0;}
.center-title{padding-bottom:1.4em; text-align: center;}
.product-one div.col:nth-of-type(2) ol{color:#646464; font-size: 0.96em;}
.product-two{background-color: #1a4480;}
.product-two h4{color:#fff;}
.product-two div.container{padding:4em 1em;}
.product-three{padding:4em 2em;}
.product-three div.tab-pane div.row div.col{padding-bottom:3em;padding-left: 1.5em;}
.product-three div.tab-pane div.row div.col ul:nth-of-type(2){color:#797979;font-size: 0.96em;}
.product-three div.tab-pane div.row div.col img{padding:0.3em; margin-bottom:1.2em; border:solid 1px #e9e9e9;}
.product-three div.nav button.nav-link{width:7rem; border:solid 1px #e9e9e9; border-right:solid 1px #1e4e94; margin-bottom:-1px;}
.product-three .nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: 0rem;
}
.product-three .nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #1e4e94;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.product-three .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #1e4e94;
}
.product-detail{padding:4em 2em;}
.pdetail-title h4{border-bottom:solid 1px #6c6c6d;padding-bottom:0.5em;}
.pdetail-title div.row{padding-bottom:1em; font-size: 0.96em; color:#646464;}

.service-head{padding:4em 2em;}
.service-head h4 span{display: block; font-size: 0.4em; padding-top:2px; background-color: #fff;}
.service-head h4 {margin-bottom:-8px; z-index: 99; background-color: #fff;}
.service-head p{color:#7e7e7e;}
.service-head .line{border-top:solid 1px #d9d9d9; margin-bottom:1.3em;}
.service-head div.col{margin-bottom:1em;}
.tenet{background-color:#1a4480; color:#fff; text-align: center; padding:4em 2em;}
.completed-case{padding:4em 2em;}
.completed-case div.col{text-align: center; color:#7e7e7e; padding-bottom:1em;}
.completed-case img{padding-bottom:0.8em;}
.research{padding:4em 2em 2em;}
.research p{color:#646464; font-size: 0.96em;}
.research div.col{padding-bottom:1.5em;}
/*--product--*/
.news{padding:4em 2em;}
.news .row div.card img{width: 100%; min-height:240px; height: 14vw; object-fit: cover;}
.news .nav a.nav-link{color:#9f9e9e; font-size: 1.5em;}
.news .nav a.nav-link:hover,.news .nav a.active{color:#252525;}
.news div.card{padding-bottom:1em; margin-bottom:1em;}
.news div.card-body p.time{margin:-5px 0 4px 0; font-size: 0.9em;}
.news div.card-body p.content{color:#646464; font-size: 0.96em;max-width: 100%; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.news div.card-body .card-title{display:inline-block; max-width: 100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news nav ul.pagination{padding:1em 0;}
.newscontent h3{padding:1em 0;}
.newscontent img{margin:1em 0 1.5em 0;}
.net .sec-title{border-bottom:solid 1px #d9d9d9; padding-bottom:0.5em; margin-bottom:2em;}
.net div.col{margin:1em 0;}
/*--news--*/
.credit,.safe{padding:4em 2em;}
.credit .sec-title{margin-bottom:1.5em;}
.credit .sec-title h4{margin-bottom:1em;}
.button-credit-show div.col{padding:1px; margin:5px;                    border:solid 1px #cccccc;}
.button-credit-show div.col img{max-width:50%; height:auto;}
.button-credit-show div.col a{padding:0;}
.credit-show img{max-width:50%; height:auto; }
.patent{background-color: #1a4480;}
.patent div.container{padding:4em 2em;}
.patent div.container .center-title{color:#fff;}
.patent div.col{text-align: center; padding-bottom:1em;}

.report{background-color: #f1f1f1;}
.report div.container{padding:4em 2em;}
.report div.carousel-item img{max-width:50%; }
.safe img{max-width: 300px;}
/*--quality--*/
.contact{padding:4em 2em;}
.contact dl{padding:1.2em;}
.contact dt{text-align: right;}














@media (min-width: 575.98px) and (max-width: 991.98px) {
}
@media (min-width: 1199.98px) {
  .bottom-nav {padding-left:3em;}
  .upper-box p{ max-width: 70%;}
 }
 @media (max-width: 575.98px) {
   .upper-box h4{font-size: 1.1em;margin-bottom:0; padding-bottom:0;}
   .upper-box{position:absolute; right:0; bottom:22%; background-color:rgba(255,255,255,0.6);border:solid 1px #fff; width:64%; padding:1.5%;}
   .upper-box p{display:none;}
   .upper-box a{margin-top:1px; margin-bottom:0; padding:0.2em 0.4em; font-size: 0.8em;}
   .contact dt{text-align: left;}
  }
  @media (max-width: 991.98px) {
    .language{padding:0.5em 0 2em 0;}
    .value div.col-md-12:nth-child(2){padding-top:2em; margin-bottom:2em;}
    .phone div.container h5{font-size: 1.1em;}
    .phone div.container p{font-size: 1.1em;}
    .upper-box h4,.upper-box p{max-width: 99%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .product-three{padding:3em 0.5em;}
    .product-three div.nav button.nav-link{width:4rem; padding:0.7em 0.3em; font-size: 0.79em;}
  }

/*`sm` applies to x-small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {}

/*`md` applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { ... }

/*`lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {}

/* `xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { ... }

/*`xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) { ... }

@media (min-width: 768px) and (max-width: 1199.98px) { ... }