/**/
.arial{
    font-family: Arial;
}
.OPPOS{
    font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
}
.color-2{
    color: #284a80;
}
.color-5{
    color: rgb(255 255 255 / 90%);
}
.color-6{
    color: #666;
}
.color-9{
    color: #999;
}
.color-e{
    color: #eeeff3;
}
.border-l-1{
    border-left: 1px solid #eee;
}
.bg-e{
    background: #f2f2f2!important;
}
.bg-0{
    background: #fff;
}
.bg-1{
    background: url(../images/bg-1.jpg) center bottom no-repeat #eef5fb;
}
.bg-2{
   background: url(../images/bg-2.jpg) center bottom no-repeat;
}
.bg-3{
    background: url(../images/bg-3.jpg) center bottom no-repeat;
}
.bg-case{
    background-image: url(../images/yw-1.jpg);
    background-repeat:no-repeat;
    background-size:cover;
}
.bg-4{
    background: url(../images/yw-2.jpg) center top no-repeat;
}
.bg-N{
    background: #fefeff;
}
.bgan-1{
    color: #fff!important;
    background-color: #2a4a81;
    border-color: #2a4a81;
}
.bgan-1:hover {
    color: #fff;
    background-color: #1f8aff;
    border-color: #1f8aff;
}
.bgan-1:not(:disabled):not(.disabled).active, 
.bgan-1:not(:disabled):not(.disabled):active, 
.show>..bgan-1.dropdown-toggle {
    color: #fff;
    background-color: #1f8aff;
    border-color: #1f8aff;
}
.bgan-1:not(:disabled):not(.disabled).active:focus, 
.bgan-1:not(:disabled):not(.disabled):active:focus, 
.show>.bgan-1.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(0 0 0 / 40%);
}

.bgan-2{
    color: #323232!important;
    background-color: #fff;
    border-color: #fff;
    border-radius: 0;
}
.bgan-2:hover {
    color: #fff!important;
    background-color: #999;
    border-color: #999;
}
.bgan-2:not(:disabled):not(.disabled).active, 
.bgan-2:not(:disabled):not(.disabled):active, 
.show>..bgan-2.dropdown-toggle {
    color: #fff;
    background-color: #999;
    border-color: #999;
}
.bgan-2:not(:disabled):not(.disabled).active:focus, 
.bgan-2:not(:disabled):not(.disabled):active:focus, 
.show>.bgan-2.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(0 0 0 / 40%);
}

.bgan-3{
    color: #fff!important;
    background-color: transparent;
    border-color: #a9a9a9;
    border-radius: 0;
}
.bgan-3:hover {
    color: #333!important;
    background-color: #fff;
    border-color: #fff;
}
.bgan-3:not(:disabled):not(.disabled).active, 
.bgan-3:not(:disabled):not(.disabled):active, 
.show>..bgan-3.dropdown-toggle {
    color: #333;
    background-color: #fff;
    border-color: #fff;
}
.bgan-3:not(:disabled):not(.disabled).active:focus, 
.bgan-3:not(:disabled):not(.disabled):active:focus, 
.show>.bgan-3.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(255 255 255 / 40%);
}

.bgan-4{
    color: #323232!important;
    background-color: #fff;
    border-color: #323232;
}
.bgan-4:hover {
    color: #fff!important;
    background-color: #323232;
    border-color: #323232;
}
.bgan-4:not(:disabled):not(.disabled).active, 
.bgan-4:not(:disabled):not(.disabled):active, 
.show>..bgan-4.dropdown-toggle {
    color: #fff;
    background-color: #323232;
    border-color: #323232;
}
.bgan-4:not(:disabled):not(.disabled).active:focus, 
.bgan-4:not(:disabled):not(.disabled):active:focus, 
.show>.bgan-4.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(0 0 0 / 40%);
}

.bgan-ol{
    color: #2b467f!important;
    background-color: transparent;
    border-color: #2b467f;
}
.bgan-ol:hover {
    color: #fff!important;
    background-color: #2b467f;
    border-color: #2b467f;
}
.bgan-ol:not(:disabled):not(.disabled).active, 
.bgan-ol:not(:disabled):not(.disabled):active, 
.show>..bgan-ol.dropdown-toggle {
    color: #fff;
    background-color: #2b467f;
    border-color: #2b467f;
}
.bgan-ol:not(:disabled):not(.disabled).active:focus, 
.bgan-ol:not(:disabled):not(.disabled):active:focus, 
.show>.bgan-ol.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(43 70 127 / 40%);
}
/**/
.px-100{
    padding: 0 100px;
}
/**/
.moreBox{
    max-width: 136px;
    border:1px solid #bfbfbf;
    border-radius: 30px;
    padding: 8px 32px;
    color: #999;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap!important;
}
.more2{
    border:1px solid #284a80;
    color: #284a80;
}
.moreBox:hover{
    border:1px solid #284a80;
    background: #284a80;
    color: #fff;
}
/**/
.modal-open #topNavBox{
    padding-left: 0!important;
    padding-right: 0!important;
}
.navbar{
    padding-bottom: 0;
    padding-top: 0;
}
#topNavBox .navbar{
    padding: 0 15px;
    transition: all .3s ease-out;
}
.navbar.on{
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.navbar-brand{
    margin: 30px 0;
}
.logo-svg{
    width: 165px;
    height: 63px;
    background-image: url(../images/logo.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
}
.on .navbar-brand{
    margin: 15px 0;
}
.on .logo-svg{
    width: 138px;
    height: 53px;
}
.navbar-nav li a{
    color: #333;
    font-weight: bold;
    font-size: 18px;
}
.navbar-nav li a:hover{
    color: #2b467f;
}
.navbar-nav li:hover{
    color: #2b467f;
}
.navbar-nav li.active a{
   color: #2b467f;
}
.cd-sub {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: absolute;
    width: 100%;
    top: 150%;
    left: 50%;
    margin: 0;
    padding: 4px;
    background-color: #294a7f;
    z-index: 210;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 6px 12px -2px rgba(0,0,0,0.1);
    transform: translate(-50%, 0);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    text-align: center;
}
.cd-sub .fa {
    color: #294a7f;
    position: absolute;
    font-size: 24px;
    width: 100%;
    top: -15px;
    left: 0;
    text-align: center;
}
.sub-item {
    display: block;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: .4rem;
    color: #fff;
    font-size: 14px;
    white-space: nowrap;
}
a.sub-item:hover {
    background: #fff;
    color: #294a7f;
}
.nav-item:hover .cd-sub {
    top: 140% ;
    opacity: 1;
    visibility: visible;
}
.langBox:hover .cd-sub {
    top: 130% ;
    opacity: 1;
    visibility: visible;
}
.m-lang:before{
    content: '';
    position: absolute;
    display: inline-block;
    height: 20px;
    width: 1px;
    background: #e0e0e0;
    top: 50%;
    transform: translateY(-50%);
}
.seafont{
    cursor: pointer;
    text-indent: -9999px;
    width: 40px;
    margin: 0 30px;
    display: inline-block;
    background: url(../images/ss.png) center center no-repeat;
    filter: grayscale(100%);
}
.seafont:hover{
    filter: grayscale(0%);
}
.langBox{
    border:1px solid #666666;
    border-radius: 30px;
    padding: 3px 16px;
    font-family: Arial;
    font-size: 14px;
    cursor: pointer;
}
.langBox:hover{
    border:1px solid #2b467f;
    background: #2b467f;
    color: #FFF;
}
#topNavBox .navbar-toggler {
    padding: .5rem .75rem;
    line-height: 1;
    min-width: 41px!important;
    background-color: transparent;
    color: #2b467f;
    border: 1px solid #2b467f;
    border-radius: .25rem;
}
#navbarNav .cd-toggle {
    position: absolute;
    height: 50px;
    padding-right: 10px;
    line-height: 50px;
    right: 0;
    top: 0;
}
#topNavBox .fa-bars:before {
    content: "\f00d";
}
.open .fa-plus:before{
    content: "\f068";
}
#topNavBox .collapsed .fa-bars:before {
    content: "\f0c9";
}
.head-md-hg{
    height: 123px;
}
@media (min-width: 1308px){
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0 1rem;
        font-size: 18px!important;
    }
}
@media (max-width: 992px){
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 20px 15px;
    }
}
/**/
.banner-swp .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: transparent;
    border:1px solid rgb(255 255 255 / 50%);
}
.banner-swp .swiper-pagination-bullet{
    opacity: 1;
}
.banner-swp .swiper-pagination-bullet-active{
    background: #f89730;
    border:1px solid #f89730;
}
.banner-swp .swiper-pagination-horizontal{
    bottom: 30px;
    line-height: 24px;
}
.jt-b-prev::after, .jt-b-next::after {
    content: ''!important;
}
.jt-b-prev, .jt-b-next {
    background: transparent;
    height: 48px!important;
    width: 48px!important;
    border-radius: 100%;
    transition: all ease .3s;
}

.jt-b-prev span, .jt-b-next span {
    color: rgb(255 255 255 / 50%);
}

.jt-b-prev::after, .jt-b-next::after {
    content: ''!important;
}

.jt-b-prev:hover, .jt-b-next:hover {
    border:1px solid #fff;
    color: rgb(255 255 255 / 100%);
}

.jt-b-prev:hover span, .jt-b-next:hover span {
    color: #fff!important;
}
.jt-prev {
    left: -60px;
}
.jt-next {
    right: -60px;
}
@media (min-width: 1200px){
    .modal-xl {
        max-width: 1230px;
    }
}
.py-88{
    padding: 88px 0;
}
/*brand*/
.brand-box p i{
    width: 0;
    font-size: 0;
    display: block;
}
/*team*/
.shadow-x{
    box-shadow: 0 0px 20px rgba(0,0,0,.1);
}
/*footer*/
.footer{
    background: #1c2027;
}
.f-nav-link{
    color: #fff;
    font-size: 16px;
}
.f-nav-link:hover{
    color: #fff;
    text-decoration: underline;
}
.f-logx{
    border-top:1px solid rgb(255 255 255 / 5%);
    padding: 20px 0;
}
.white-link a{
    color: rgb(255 255 255 / 80%);
}
.white-link a:hover{
    color: rgb(255 255 255 / 100%);
}
.border-x{
    border-left:1px solid rgb(255 255 255 / 10%);
    border-right:1px solid rgb(255 255 255 / 10%);
}
.copyright{
    background: #171a20;
    color: rgb(255 255 255 / 60%);
}
.copyright a{
    color: rgb(255 255 255 / 60%);
}
.copyright a:hover{
    color: rgb(255 255 255 / 100%);
    text-decoration: underline;
}
/*product*/
.product-box .card{
    background-color: transparent;
    border: 0px;
}
.card-box{
    width: 100%;
    max-width: 534px;
    display: inline-block;
    text-align: center;
    margin-bottom: 40px;
}
.card-box.img-scale:hover img{
    transform: scale(1.1,1.1);
}
.card-box:hover h3{
    color: #fff;
    background: #a77749;
}
/**/
.pro_li {
    text-align: center;
    background: #2b467f;
}

.pro_li li {
    display: inline-block;
    padding: 10px 0;
    position: relative;
    cursor: pointer;
}

.pro_li li.cur {
    color: #fff;
}
/*about*/
.about-box{
    
}
.cont-gd{
    margin-top: 100px;
}
.cont-gd li{
    border-bottom: 2px dotted #fff;
    margin-bottom: 20px;
    padding-bottom: 8px;
}
.shuzi{
    width: 156px;
}
/**/
.yw-box{
    margin-bottom: 2px;
}
.bs-more{
    color: #fff;
    font-size: 20px;
    line-height: 36px;
    display: inline-block;
    background: transparent;
    height: 40px!important;
    width: 40px!important;
    border-radius: 100%;
    border:1px solid #fff;
    transition: all ease .3s;
}
.bs-more:hover{
    background: #fff;
    color: #2b467f;
}
/**/
.bus-list li{
    margin-left: 2px;
    min-height: 668px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: all ease .3s;
}
.bus-list li:hover{
    background-size: 110% 110%;
}
/**/
.core-list{
    clear: both;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 2px;
    min-width: 0;
    min-height: 0;
}
.core-list .card-cunt{
    min-height: 176px;
    border-radius: 8px;
    background:url(../images/hxbg.jpg) right bottom no-repeat #fff;
}
.core-list2{
    clear: both;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 15px;
    min-width: 0;
    min-height: 0;
}
.core-list2 .cunt{
    min-height: 300px;
    border-radius: 4px;
    background:url(../images/hxbg.jpg) right bottom no-repeat #fff;
}
/*news*/
.img-scale img{
    transform: scale(1,1);
}
.img-scale:hover img{
    transform: scale(1.1,1.1);
}
.n-text{
    position: absolute;
    padding: 20px 30px;
    width: 100%;
    bottom: 0;
    color: #fff;
    background-image: linear-gradient(to bottom, rgb(40 74 128 / 0%) 0%, #284a80 100%);
}
.news-icd li{
    padding: 28px 0;
    border-bottom:1px solid #f7f7f7;
}
.news-icd li:last-child{
    border-bottom:0;
}
.news-list{
    box-shadow: 0 10px 20px rgba(0,0,0,.1);
}
.text-sp .badge:before{
    content: '';
    position: absolute;
    display: inline-block;
    left: -7px;
    top: 7px;
    width: 0px;
    height: 0px;
    border-top: 4px solid transparent;
    border-right: 8px solid #007bff;
    border-bottom: 4px solid transparent;
}

.jt-prev, .jt-next {
    background: rgb(255 255 255 / 1);
    height: 48px!important;
    width: 48px!important;
    border-radius: 100%;
    transition: all ease .3s;
}

.jt-prev span, .jt-next span {
    color: #999;
}

.jt-prev::after, .jt-next::after {
    content: ''!important;
}

.jt-prev:hover, .jt-next:hover {
    background: #284a80;
    box-shadow: 0 0 0 0.2rem rgb(255 255 255 / 30%);
}

.jt-prev:hover span, .jt-next:hover span {
    color: #fff!important;
}
.jt-prev {
    left: -60px;
}
.jt-next {
    right: -60px;
}
/*内页*/
.hg-ban, .hg-ban2, .hg-ban3 {
    height: 450px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.content{
    color: #2f1808;
}
.title-color{
    color: #2f1808;
}
.card .ovrly::before{
    content:'';
    background: rgb(43 70 127 / .5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.card .ovrly::before{
    content:'';
    background: rgb(43 70 127 / 50%);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.card .cz-but {
    position: absolute;
    z-index:8;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.card .cz-but .fa {
    background: rgb(43 70 127);
    -webkit-box-shadow: 0 0 1px rgb(43 70 127 / .5);
    -moz-box-shadow: 0 0 1px rgb(43 70 127 / .5);
    box-shadow: 0 0 1px rgb(43 70 127);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    line-height: 60px;
    font-size: 24px;
    text-align: center;
    text-decoration: none;
    width: 60px;
    height: 60px;
    opacity: 0;
    color: #fff;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    position: relative;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -o-transition: -o-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}
.card:hover .cz-but .fa {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    color: #fff;
}
.card:hover .ovrly::before{
    opacity: 1;
    z-index:1;
}
.img-scale img{
    transform: scale(1,1);
}
.listBox:hover .img-scale img{
    transform: scale(1.1,1.1);
}
.listBox{
    border-bottom: 1px solid #ededed;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #2f1808;
}
.listBox .txtBox a{
    color: #333;
}
.listBox .txtBox a:hover{
    color: #000;
}
.listBox .txtBox p{
    color: #999;
}
.listBox:hover{
  background:#fbfbfb;
}
.pn-text p{
    color: rgb(47 24 8 / 60%);
}
.pn-text p a{
    color: rgb(47 24 8 / 60%);
}
.pn-text p a:hover{
    color: rgb(47 24 8 / 100%);
}
/**/
/**/
.n-picBox{
    overflow: hidden;
    border-right: 1px solid #f3f3f3;
}
.gallery-top .swiper-slide {
    overflow: hidden;
    height: auto!important;
}
.gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
  width: 60px;
  display: inline-block;
  overflow: hidden;
  border: 1px solid #ddd;
  opacity: 0.5;
  height:60px;
  cursor:pointer;
  margin-bottom: 10px;
}
.gallery-thumbs .swiper-slide:hover {
  opacity: 0.8;
}
.gallery-thumbs .swiper-slide img {
    position: absolute;
    display: inline-block;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
  border: 1px solid #a77749;
}
figure{
    color: #2f1808;
}
.img-show{
    cursor:url(../images/big.cur),auto;
}
/**/
.in-ban {
    height: 380px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.inban-txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
}

.ny_menu {
    border-bottom: 1px solid #eee;
}



.sonsort .nav-item a.nav-link {
    padding: 0;
    position: relative;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.sonsort .nav-item a.nav-link:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 0;
    height: 4px;
    background: #2b467f;
    bottom: 0;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.sonsort .nav-item a.nav-link:hover {
    color: #2b467f;
    background:transparent;
}

.sonsort .nav-item a.nav-link:hover:after {
    width: 100%;
    opacity: 1;
}

.sonsort .nav-item.cur a.nav-link {
    color: #2b467f;
}

.sonsort .nav-item.cur a.nav-link:after {
    width: 100%;
    opacity: 1;
}
/**/
/**/
.bdyd-list{
    margin-bottom:20px;
    background:#fff;
    border-radius:4px;
}
.bdyd-wt{
    cursor: pointer;
    border-radius:4px;
    padding:10px 20px;
    background: #2b467f;
    color: #fff;
    box-shadow: 0 0 20px rgba(29, 29, 29, 0.1);
}
.bdyd-wt.collapsed{
    background: #fff;
    color: #333;
}
.bdyd-wt.collapsed:hover{
    background: #2b467f;
    color: #fff;
}
.bdyd-wt:hover{
    box-shadow: 0 0 24px -2px rgba(29, 29, 29, 0.15);
}
#bdyd .fa-plus:before {
    content: "\f106";
}
#bdyd .collapsed .fa-plus:before {
    content: "\f107";
}
/**/
.hgBox{
    background: #fff;
    color: #999;
    padding: 1rem;
    height:455px;
    overflow:hidden;
}
.hgBox:hover{
    box-shadow: 0 0 20px 10px rgba(29, 29, 29, 0.1);
}
.hgBox.show{
    box-shadow: 0 0 20px 10px rgba(29, 29, 29, 0.1);
    padding-top: 0;
}
.hgBox:hover .img-link img{
    transform:scale(1.1,1.1);
}
.hgBox article{
    padding: 0 7px 0 5px;
    line-height:23px;
    height: 45px;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.hgBox.show article{
    height: 250px;
    word-break: break-all;
    text-overflow: inherit;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: inherit;
    overflow: visible;
    color:#666;
    overflow-y: auto;
}
.hgBox article ul li{
    padding-left: 14px;
    margin-bottom: 8px;
    background: url(../images/li-disc.png) 0 9px no-repeat;
}
.hgBox .hg-header{
  text-align:center;
  margin-bottom: 20px;
}
.hgBox.show .hg-header{
  margin-bottom: 12px;
}
.hgBox .hg-header .img-link{
  text-align:center;
  display:inline-block;
  width: 100%;
}
.img-link {
    overflow: hidden;
    display: block;
}
.hgBox.show .hg-header .img-link{
  border-bottom: 0;
  border-radius: 0 0 50px 50px;
  display: inline-block;
  overflow: hidden;
  width: 80px;
  height: 68px;
}
.hgBox .hg-header .img-link img{
    height: 212px;
    width: 250px;
}
.hgBox.show .hg-header .img-link img{
    width: 80px;
    height: 68px;
}
.hgBox .hg-header .hg-txt{
    padding-top: 18px;
    text-align: center;
}
.hgBox.show .hg-header .hg-txt{
    padding-top: 10px;
}
.hgBox .hg-header .hg-txt h6{
    color: #333;
}
.hgBox .btnBox{
    margin-top: 20px;
    margin-bottom: 8px;
}
.hgBox.show .btnBox{
    margin-top: 12px;
}
.hgBox .btnBox a{
    color: #2b467f;
    padding: .5rem 1rem;
}
.hgBox .btnBox .fa-angle-down{
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -o-transform:rotate(0deg);
}
.hgBox .btnBox a:hover .fa-angle-down{
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    -moz-transform:rotate(-180deg);
    -webkit-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
}
.hgBox.show .btnBox .fa-angle-down{
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    -moz-transform:rotate(-180deg);
    -webkit-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
}
.hgBox.show .btnBox a:hover .fa-angle-down{
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -o-transform:rotate(0deg);
}
.cd-btn{
    cursor: pointer;
}
article::-webkit-scrollbar {
    width: 3px; 
    height: 1px;
}
article::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: #2b467f;
}
article::-webkit-scrollbar-track {
    border-radius: 3px;
    background: #eee;
}
.card-cunt-3,
.card-cunt-4,
.card-cunt-5{
    clear: both;
    display: flex;
    flex-wrap: wrap;
    display: grid;
    min-width: 0;
    min-height: 0;
}
.card-cunt-3{
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 27px;
}
.card-cunt-4{
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 27px;
}
.card-cunt-5{
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
}
/**/
/**/
a.more-btn{
    border: 1px solid #ededed;
    display: inline-block;
    padding: 16px 20px;
    font-size: 12px;
    color: rgb(47 24 8 / 50%);
}
a.more-btn:hover{
    border: 1px solid #2b467f;
    background: #2b467f;
    color:#fff;
}
/**/
.timeline {
  width: 100%;
  position: relative;
  padding: 1px 0;
  list-style: none;
}
.timeline .timeline-item {
  padding-left: 0;
  padding-right: 30px;
}
.timeline .timeline-item.timeline-item-right,
.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) {
  padding-left: 30px;
  padding-right: 0;
}
.timeline .timeline-item .timeline-event {
  width: 100%;
}
.timeline:before {
  border-right-style: solid;
}
.timeline:before,
.timeline:after {
  content: " ";
  display: block;
}
.timeline:after {
  clear: both;
}
.timeline:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50%;
  height: 100% !important;
  margin-left: 1px;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #888888;
}
.timeline.timeline-single-column.timeline {
  width: 100%;
  /* max-width: 768px; */
}
.timeline.timeline-single-column.timeline .timeline-item {
  padding-left: 72px;
  padding-right: 0;
}
.timeline.timeline-single-column.timeline .timeline-item.timeline-item-right,
.timeline.timeline-single-column.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) {
  padding-left: 72px;
  padding-right: 0;
}
.timeline.timeline-single-column.timeline .timeline-item .timeline-event {
  width: 100%;
}
.timeline.timeline-single-column.timeline:before {
  left: 42px;
  width: 0;
  margin-left: -1px;
}
.timeline.timeline-single-column.timeline .timeline-item {
  width: 100%;
  margin-bottom: 20px;
}
.timeline.timeline-single-column.timeline .timeline-item:nth-of-type(even) {
  margin-top: 0;
}
.timeline.timeline-single-column.timeline .timeline-item.timeline-item-left + .timeline-item:not(.timeline-item-left):not(.timeline-item-right),
.timeline.timeline-single-column.timeline .timeline-item.timeline-item-right + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) {
  margin-top: 0;
}
.timeline.timeline-single-column.timeline .timeline-item.timeline-item-left + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) + .timeline-item:not(.timeline-item-left):not(.timeline-item-right),
.timeline.timeline-single-column.timeline .timeline-item.timeline-item-right + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) {
  margin-top: 0;
}
.timeline.timeline-single-column.timeline .timeline-item > .timeline-event {
  float: right !important;
}
.timeline.timeline-single-column.timeline .timeline-item > .timeline-event:before,
.timeline.timeline-single-column.timeline .timeline-item > .timeline-event:after {
  right: auto !important;
  border-left-width: 0 !important;
}
.timeline.timeline-single-column.timeline .timeline-item > .timeline-event:before {
  left: -15px !important;
  border-right-width: 15px !important;
}
.timeline.timeline-single-column.timeline .timeline-item > .timeline-event:after {
  left: -14px !important;
  border-right-width: 14px !important;
}
.timeline.timeline-single-column.timeline .timeline-item > .timeline-point {
  transform: translateX(-50%);
  left: 42px !important;
  margin-left: 0;
}
.timeline.timeline-single-column.timeline .timeline-label {
  transform: translateX(-50%);
  margin: 0 0 20px 42px;
}
.timeline.timeline-single-column.timeline .timeline-label + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) {
  margin-top: 0;
}
.timeline.timeline-single-column.timeline .timeline-label + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) {
  margin-top: 0;
}
.timeline.timeline-line-solid:before {
  border-right-style: solid;
}
.timeline.timeline-line-dotted:before {
  border-right-style: dotted;
}
.timeline.timeline-line-dashed:before {
  border-right-style: dashed;
}
.timeline.timeline-line-hidden:before {
  border-right-style: none;
}
.timeline .timeline-item {
  position: relative;
  float: left;
  clear: left;
  width: 50%;
  margin-bottom: 20px;
}
.timeline .timeline-item:before,
.timeline .timeline-item:after {
  content: "";
  display: table;
}
.timeline .timeline-item:after {
  clear: both;
}
.timeline .timeline-item:last-child {
  margin-bottom: 0 !important;
}
.timeline .timeline-item.timeline-item-right > .timeline-event,
.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) > .timeline-event {
  float: right !important;
}
.timeline .timeline-item.timeline-item-right > .timeline-event:before,
.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) > .timeline-event:before,
.timeline .timeline-item.timeline-item-right > .timeline-event:after,
.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) > .timeline-event:after {
  right: auto !important;
  border-left-width: 0 !important;
}
.timeline .timeline-item.timeline-item-right > .timeline-event:before,
.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) > .timeline-event:before {
  left: -15px !important;
  border-right-width: 15px !important;
}
.timeline .timeline-item.timeline-item-right > .timeline-event:after,
.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) > .timeline-event:after {
  left: -14px !important;
  border-right-width: 14px !important;
}
.timeline .timeline-item > .timeline-event:before {
  top: 10px;
  right: -15px;
  border-top: 15px solid transparent;
  border-left-width: 15px;
  border-left-style: solid;
  border-right-width: 0;
  border-right-style: solid;
  border-bottom: 15px solid transparent;
}
.timeline .timeline-item > .timeline-event:after {
  top: 11px;
  right: -14px;
  border-top: 14px solid transparent;
  border-left-width: 14px;
  border-left-style: solid;
  border-right-width: 0;
  border-right-style: solid;
  border-bottom: 14px solid transparent;
}
.timeline .timeline-item > .timeline-point {
  top: 25px;
}
.timeline-single-column.timeline .timeline-item > .timeline-event {
  float: right !important;
}
.timeline-single-column.timeline .timeline-item > .timeline-event:before,
.timeline-single-column.timeline .timeline-item > .timeline-event:after {
  right: auto !important;
  border-left-width: 0 !important;
}
.timeline-single-column.timeline .timeline-item > .timeline-event:before {
  left: -15px !important;
  border-right-width: 15px !important;
}
.timeline-single-column.timeline .timeline-item > .timeline-event:after {
  left: -14px !important;
  border-right-width: 14px !important;
}
.timeline .timeline-item:nth-of-type(2) {
  margin-top: 40px;
}
.timeline .timeline-item.timeline-item-left,
.timeline .timeline-item.timeline-item-right {
  clear: both !important;
}
.timeline .timeline-item.timeline-item-left + .timeline-item:not(.timeline-item-left):not(.timeline-item-right),
.timeline .timeline-item.timeline-item-right + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) {
  margin-top: 0;
}
.timeline .timeline-item.timeline-item-left + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) + .timeline-item:not(.timeline-item-left):not(.timeline-item-right),
.timeline .timeline-item.timeline-item-right + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) {
  margin-top: 40px;
}
.timeline .timeline-item.timeline-item-left + .timeline-item:not(.timeline-item-left):not(.timeline-item-right),
.timeline .timeline-item.timeline-item-right + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) {
  clear: both;
}
.timeline .timeline-item.timeline-item-right,
.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) {
  float: right;
  clear: right;
}
.timeline .timeline-item.timeline-item-right > .timeline-point,
.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) > .timeline-point {
  left: -24px;
}
.timeline .timeline-item.timeline-item-right > .timeline-point.timeline-point-blank,
.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) > .timeline-point.timeline-point-blank {
  left: -12px;
}
.timeline .timeline-item.timeline-item-arrow-sm.timeline-item-right > .timeline-event,
.timeline .timeline-item.timeline-item-arrow-sm:nth-of-type(even):not(.timeline-item-left) > .timeline-event {
  float: right !important;
}
.timeline .timeline-item.timeline-item-arrow-sm.timeline-item-right > .timeline-event:before,
.timeline .timeline-item.timeline-item-arrow-sm:nth-of-type(even):not(.timeline-item-left) > .timeline-event:before,
.timeline .timeline-item.timeline-item-arrow-sm.timeline-item-right > .timeline-event:after,
.timeline .timeline-item.timeline-item-arrow-sm:nth-of-type(even):not(.timeline-item-left) > .timeline-event:after {
  right: auto !important;
  border-left-width: 0 !important;
}
.timeline .timeline-item.timeline-item-arrow-sm.timeline-item-right > .timeline-event:before,
.timeline .timeline-item.timeline-item-arrow-sm:nth-of-type(even):not(.timeline-item-left) > .timeline-event:before {
  left: -10px !important;
  border-right-width: 10px !important;
}
.timeline .timeline-item.timeline-item-arrow-sm.timeline-item-right > .timeline-event:after,
.timeline .timeline-item.timeline-item-arrow-sm:nth-of-type(even):not(.timeline-item-left) > .timeline-event:after {
  left: -9px !important;
  border-right-width: 9px !important;
}
.timeline .timeline-item.timeline-item-arrow-sm > .timeline-event:before {
  top: 4px;
  right: -10px;
  border-top: 10px solid transparent;
  border-left-width: 10px;
  border-left-style: solid;
  border-right-width: 0;
  border-right-style: solid;
  border-bottom: 10px solid transparent;
}
.timeline .timeline-item.timeline-item-arrow-sm > .timeline-event:after {
  top: 5px;
  right: -9px;
  border-top: 9px solid transparent;
  border-left-width: 9px;
  border-left-style: solid;
  border-right-width: 0;
  border-right-style: solid;
  border-bottom: 9px solid transparent;
}
.timeline .timeline-item.timeline-item-arrow-sm > .timeline-point {
  top: 14px;
}
.timeline-single-column.timeline .timeline-item.timeline-item-arrow-sm > .timeline-event {
  float: right !important;
}
.timeline-single-column.timeline .timeline-item.timeline-item-arrow-sm > .timeline-event:before,
.timeline-single-column.timeline .timeline-item.timeline-item-arrow-sm > .timeline-event:after {
  right: auto !important;
  border-left-width: 0 !important;
}
.timeline-single-column.timeline .timeline-item.timeline-item-arrow-sm > .timeline-event:before {
  left: -10px !important;
  border-right-width: 10px !important;
}
.timeline-single-column.timeline .timeline-item.timeline-item-arrow-sm > .timeline-event:after {
  left: -9px !important;
  border-right-width: 9px !important;
}
.timeline .timeline-item.timeline-item-arrow-md.timeline-item-right > .timeline-event,
.timeline .timeline-item.timeline-item-arrow-md:nth-of-type(even):not(.timeline-item-left) > .timeline-event {
  float: right !important;
}
.timeline .timeline-item.timeline-item-arrow-md.timeline-item-right > .timeline-event:before,
.timeline .timeline-item.timeline-item-arrow-md:nth-of-type(even):not(.timeline-item-left) > .timeline-event:before,
.timeline .timeline-item.timeline-item-arrow-md.timeline-item-right > .timeline-event:after,
.timeline .timeline-item.timeline-item-arrow-md:nth-of-type(even):not(.timeline-item-left) > .timeline-event:after {
  right: auto !important;
  border-left-width: 0 !important;
}
.timeline .timeline-item.timeline-item-arrow-md.timeline-item-right > .timeline-event:before,
.timeline .timeline-item.timeline-item-arrow-md:nth-of-type(even):not(.timeline-item-left) > .timeline-event:before {
  left: -15px !important;
  border-right-width: 15px !important;
}
.timeline .timeline-item.timeline-item-arrow-md.timeline-item-right > .timeline-event:after,
.timeline .timeline-item.timeline-item-arrow-md:nth-of-type(even):not(.timeline-item-left) > .timeline-event:after {
  left: -14px !important;
  border-right-width: 14px !important;
}
.timeline .timeline-item.timeline-item-arrow-md > .timeline-event:before {
  top: 10px;
  right: -15px;
  border-top: 15px solid transparent;
  border-left-width: 15px;
  border-left-style: solid;
  border-right-width: 0;
  border-right-style: solid;
  border-bottom: 15px solid transparent;
}
.timeline .timeline-item.timeline-item-arrow-md > .timeline-event:after {
  top: 11px;
  right: -14px;
  border-top: 14px solid transparent;
  border-left-width: 14px;
  border-left-style: solid;
  border-right-width: 0;
  border-right-style: solid;
  border-bottom: 14px solid transparent;
}
.timeline .timeline-item.timeline-item-arrow-md > .timeline-point {
  top: 25px;
}
.timeline-single-column.timeline .timeline-item.timeline-item-arrow-md > .timeline-event {
  float: right !important;
}
.timeline-single-column.timeline .timeline-item.timeline-item-arrow-md > .timeline-event:before,
.timeline-single-column.timeline .timeline-item.timeline-item-arrow-md > .timeline-event:after {
  right: auto !important;
  border-left-width: 0 !important;
}
.timeline-single-column.timeline .timeline-item.timeline-item-arrow-md > .timeline-event:before {
  left: -15px !important;
  border-right-width: 15px !important;
}
.timeline-single-column.timeline .timeline-item.timeline-item-arrow-md > .timeline-event:after {
  left: -14px !important;
  border-right-width: 14px !important;
}
.timeline .timeline-item.timeline-item-arrow-lg.timeline-item-right > .timeline-event,
.timeline .timeline-item.timeline-item-arrow-lg:nth-of-type(even):not(.timeline-item-left) > .timeline-event {
  float: right !important;
}
.timeline .timeline-item.timeline-item-arrow-lg.timeline-item-right > .timeline-event:before,
.timeline .timeline-item.timeline-item-arrow-lg:nth-of-type(even):not(.timeline-item-left) > .timeline-event:before,
.timeline .timeline-item.timeline-item-arrow-lg.timeline-item-right > .timeline-event:after,
.timeline .timeline-item.timeline-item-arrow-lg:nth-of-type(even):not(.timeline-item-left) > .timeline-event:after {
  right: auto !important;
  border-left-width: 0 !important;
}
.timeline .timeline-item.timeline-item-arrow-lg.timeline-item-right > .timeline-event:before,
.timeline .timeline-item.timeline-item-arrow-lg:nth-of-type(even):not(.timeline-item-left) > .timeline-event:before {
  left: -18px !important;
  border-right-width: 18px !important;
}
.timeline .timeline-item.timeline-item-arrow-lg.timeline-item-right > .timeline-event:after,
.timeline .timeline-item.timeline-item-arrow-lg:nth-of-type(even):not(.timeline-item-left) > .timeline-event:after {
  left: -17px !important;
  border-right-width: 17px !important;
}
.timeline .timeline-item.timeline-item-arrow-lg > .timeline-event:before {
  top: 10px;
  right: -18px;
  border-top: 18px solid transparent;
  border-left-width: 18px;
  border-left-style: solid;
  border-right-width: 0;
  border-right-style: solid;
  border-bottom: 18px solid transparent;
}
.timeline .timeline-item.timeline-item-arrow-lg > .timeline-event:after {
  top: 11px;
  right: -17px;
  border-top: 17px solid transparent;
  border-left-width: 17px;
  border-left-style: solid;
  border-right-width: 0;
  border-right-style: solid;
  border-bottom: 17px solid transparent;
}
.timeline .timeline-item.timeline-item-arrow-lg > .timeline-point {
  top: 28px;
}
.timeline-single-column.timeline .timeline-item.timeline-item-arrow-lg > .timeline-event {
  float: right !important;
}
.timeline-single-column.timeline .timeline-item.timeline-item-arrow-lg > .timeline-event:before,
.timeline-single-column.timeline .timeline-item.timeline-item-arrow-lg > .timeline-event:after {
  right: auto !important;
  border-left-width: 0 !important;
}
.timeline-single-column.timeline .timeline-item.timeline-item-arrow-lg > .timeline-event:before {
  left: -18px !important;
  border-right-width: 18px !important;
}
.timeline-single-column.timeline .timeline-item.timeline-item-arrow-lg > .timeline-event:after {
  left: -17px !important;
  border-right-width: 17px !important;
}
.timeline .timeline-item > .timeline-event {
  background: #fff;
  border: 1px solid #888888;
  color: #555;
  position: relative;
  float: left;
  border-radius: 3px;
}
.timeline .timeline-item > .timeline-event:before {
  border-left-color: #888888;
  border-right-color: #888888;
}
.timeline .timeline-item > .timeline-event:after {
  border-left-color: #fff;
  border-right-color: #fff;
}
.timeline .timeline-item > .timeline-event h1,
.timeline .timeline-item > .timeline-event h2,
.timeline .timeline-item > .timeline-event h3,
.timeline .timeline-item > .timeline-event h4,
.timeline .timeline-item > .timeline-event h5,
.timeline .timeline-item > .timeline-event h6,
.timeline .timeline-item > .timeline-event p,
.timeline .timeline-item > .timeline-event .timeline-inherit-color {
  color: inherit;
}
.timeline .timeline-item > .timeline-event.timeline-event-default {
  background: #fff;
  border: 1px solid #888888;
  color: #555;
}
.timeline .timeline-item > .timeline-event.timeline-event-default:before {
  border-left-color: #888888;
  border-right-color: #888888;
}
.timeline .timeline-item > .timeline-event.timeline-event-default:after {
  border-left-color: #fff;
  border-right-color: #fff;
}
.timeline .timeline-item > .timeline-event.timeline-event-default h1,
.timeline .timeline-item > .timeline-event.timeline-event-default h2,
.timeline .timeline-item > .timeline-event.timeline-event-default h3,
.timeline .timeline-item > .timeline-event.timeline-event-default h4,
.timeline .timeline-item > .timeline-event.timeline-event-default h5,
.timeline .timeline-item > .timeline-event.timeline-event-default h6,
.timeline .timeline-item > .timeline-event.timeline-event-default p,
.timeline .timeline-item > .timeline-event.timeline-event-default .timeline-inherit-color {
  color: inherit;
}
.timeline .timeline-item > .timeline-event.timeline-event-primary {
  background: #f5f5f5;
  border: 1px solid #888888;
  color: #555;
}
.timeline .timeline-item > .timeline-event.timeline-event-primary:before {
  border-left-color: #888888;
  border-right-color: #888888;
}
.timeline .timeline-item > .timeline-event.timeline-event-primary:after {
  border-left-color: #f5f5f5;
  border-right-color: #f5f5f5;
}
.timeline .timeline-item > .timeline-event.timeline-event-primary h1,
.timeline .timeline-item > .timeline-event.timeline-event-primary h2,
.timeline .timeline-item > .timeline-event.timeline-event-primary h3,
.timeline .timeline-item > .timeline-event.timeline-event-primary h4,
.timeline .timeline-item > .timeline-event.timeline-event-primary h5,
.timeline .timeline-item > .timeline-event.timeline-event-primary h6,
.timeline .timeline-item > .timeline-event.timeline-event-primary p,
.timeline .timeline-item > .timeline-event.timeline-event-primary .timeline-inherit-color {
  color: inherit;
}
.timeline .timeline-item > .timeline-event.timeline-event-success {
  background: #F3F8ED;
  border: 1px solid #72b92e;
  color: #3F8100;
}
.timeline .timeline-item > .timeline-event.timeline-event-success:before {
  border-left-color: #72b92e;
  border-right-color: #72b92e;
}
.timeline .timeline-item > .timeline-event.timeline-event-success:after {
  border-left-color: #F3F8ED;
  border-right-color: #F3F8ED;
}
.timeline .timeline-item > .timeline-event.timeline-event-success h1,
.timeline .timeline-item > .timeline-event.timeline-event-success h2,
.timeline .timeline-item > .timeline-event.timeline-event-success h3,
.timeline .timeline-item > .timeline-event.timeline-event-success h4,
.timeline .timeline-item > .timeline-event.timeline-event-success h5,
.timeline .timeline-item > .timeline-event.timeline-event-success h6,
.timeline .timeline-item > .timeline-event.timeline-event-success p,
.timeline .timeline-item > .timeline-event.timeline-event-success .timeline-inherit-color {
  color: inherit;
}
.timeline .timeline-item > .timeline-event.timeline-event-info {
  background: #F0F8FD;
  border: 1px solid #3e93cf;
  color: #0062A7;
}
.timeline .timeline-item > .timeline-event.timeline-event-info:before {
  border-left-color: #3e93cf;
  border-right-color: #3e93cf;
}
.timeline .timeline-item > .timeline-event.timeline-event-info:after {
  border-left-color: #F0F8FD;
  border-right-color: #F0F8FD;
}
.timeline .timeline-item > .timeline-event.timeline-event-info h1,
.timeline .timeline-item > .timeline-event.timeline-event-info h2,
.timeline .timeline-item > .timeline-event.timeline-event-info h3,
.timeline .timeline-item > .timeline-event.timeline-event-info h4,
.timeline .timeline-item > .timeline-event.timeline-event-info h5,
.timeline .timeline-item > .timeline-event.timeline-event-info h6,
.timeline .timeline-item > .timeline-event.timeline-event-info p,
.timeline .timeline-item > .timeline-event.timeline-event-info .timeline-inherit-color {
  color: inherit;
}
.timeline .timeline-item > .timeline-event.timeline-event-warning {
  background: #FFF9E9;
  border: 1px solid #d0aa42;
  color: #ac7e00;
}
.timeline .timeline-item > .timeline-event.timeline-event-warning:before {
  border-left-color: #d0aa42;
  border-right-color: #d0aa42;
}
.timeline .timeline-item > .timeline-event.timeline-event-warning:after {
  border-left-color: #FFF9E9;
  border-right-color: #FFF9E9;
}
.timeline .timeline-item > .timeline-event.timeline-event-warning h1,
.timeline .timeline-item > .timeline-event.timeline-event-warning h2,
.timeline .timeline-item > .timeline-event.timeline-event-warning h3,
.timeline .timeline-item > .timeline-event.timeline-event-warning h4,
.timeline .timeline-item > .timeline-event.timeline-event-warning h5,
.timeline .timeline-item > .timeline-event.timeline-event-warning h6,
.timeline .timeline-item > .timeline-event.timeline-event-warning p,
.timeline .timeline-item > .timeline-event.timeline-event-warning .timeline-inherit-color {
  color: inherit;
}
.timeline .timeline-item > .timeline-event.timeline-event-danger {
  background: #FFC4BC;
  border: 1px solid #d25a4b;
  color: #B71500;
}
.timeline .timeline-item > .timeline-event.timeline-event-danger:before {
  border-left-color: #d25a4b;
  border-right-color: #d25a4b;
}
.timeline .timeline-item > .timeline-event.timeline-event-danger:after {
  border-left-color: #FFC4BC;
  border-right-color: #FFC4BC;
}
.timeline .timeline-item > .timeline-event.timeline-event-danger h1,
.timeline .timeline-item > .timeline-event.timeline-event-danger h2,
.timeline .timeline-item > .timeline-event.timeline-event-danger h3,
.timeline .timeline-item > .timeline-event.timeline-event-danger h4,
.timeline .timeline-item > .timeline-event.timeline-event-danger h5,
.timeline .timeline-item > .timeline-event.timeline-event-danger h6,
.timeline .timeline-item > .timeline-event.timeline-event-danger p,
.timeline .timeline-item > .timeline-event.timeline-event-danger .timeline-inherit-color {
  color: inherit;
}
.timeline .timeline-item > .timeline-event:before,
.timeline .timeline-item > .timeline-event:after {
  content: "";
  display: inline-block;
  position: absolute;
}
.timeline .timeline-item > .timeline-event .timeline-heading,
.timeline .timeline-item > .timeline-event .timeline-body,
.timeline .timeline-item > .timeline-event .timeline-footer {
  padding: 4px 10px;
}
.timeline .timeline-item > .timeline-event .timeline-heading p,
.timeline .timeline-item > .timeline-event .timeline-body p,
.timeline .timeline-item > .timeline-event .timeline-footer p,
.timeline .timeline-item > .timeline-event .timeline-heading ul,
.timeline .timeline-item > .timeline-event .timeline-body ul,
.timeline .timeline-item > .timeline-event .timeline-footer ul {
  margin-bottom: 0;
}
.timeline .timeline-item > .timeline-event .timeline-heading h4 {
  font-weight: 400;
}
.timeline .timeline-item > .timeline-event .timeline-footer a {
  cursor: pointer;
  text-decoration: none;
}
.timeline .timeline-item > .timeline-event .panel,
.timeline .timeline-item > .timeline-event .table,
.timeline .timeline-item > .timeline-event .blankslate {
  margin: 0;
  border: none;
  border-radius: inherit;
  overflow: hidden;
}
.timeline .timeline-item > .timeline-event .table th {
  border-top: 0;
}
.timeline .timeline-item > .timeline-point {
  color: #888888;
  background: #fff;
  right: -24px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: 12px;
  margin-right: 12px;
  position: absolute;
  z-index: 100;
  border-width: 2px;
  border-style: solid;
  border-radius: 100%;
  line-height: 20px;
  text-align: center;
}
.timeline .timeline-item > .timeline-point.timeline-point-blank {
  right: -12px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-left: 6px;
  margin-right: 6px;
  color: #294a84;
  background: #284a80;
}
.timeline .timeline-item > .timeline-point.timeline-point-default {
  color: #888888;
  background: #fff;
}
.timeline .timeline-item > .timeline-point.timeline-point-primary {
  color: #888888;
  background: #fff;
}
.timeline .timeline-item > .timeline-point.timeline-point-success {
  color: #72b92e;
  background: #fff;
}
.timeline .timeline-item > .timeline-point.timeline-point-info {
  color: #3e93cf;
  background: #fff;
}
.timeline .timeline-item > .timeline-point.timeline-point-warning {
  color: #d0aa42;
  background: #fff;
}
.timeline .timeline-item > .timeline-point.timeline-point-danger {
  color: #d25a4b;
  background: #fff;
}
.timeline .timeline-label {
  position: relative;
  float: left;
  clear: left;
  width: 50%;
  margin-bottom: 20px;
  top: 1px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  text-align: center;
}
.timeline .timeline-label:before,
.timeline .timeline-label:after {
  content: "";
  display: table;
}
.timeline .timeline-label:after {
  clear: both;
}
.timeline .timeline-label:last-child {
  margin-bottom: 0 !important;
}
.timeline .timeline-label + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) {
  margin-top: 0;
}
.timeline .timeline-label + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) {
  margin-top: 40px;
}
.timeline .timeline-label .label-default {
  background-color: #888888;
}
.timeline .timeline-label .label-primary {
  background-color: #888888;
}
.timeline .timeline-label .label-info {
  background-color: #3e93cf;
}
.timeline .timeline-label .label-warning {
  background-color: #d0aa42;
}
.timeline .timeline-label .label-danger {
  background-color: #d25a4b;
}
@media all and (orientation: portrait) {
  .timeline.timeline {
    width: 100%;
    max-width: 100%;
  }
  .timeline.timeline .timeline-item {
    padding-left: 72px;
    padding-right: 0;
  }
  .timeline.timeline .timeline-item.timeline-item-right,
  .timeline.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) {
    padding-left: 72px;
    padding-right: 0;
  }
  .timeline.timeline .timeline-item .timeline-event {
    width: 100%;
  }
  .timeline.timeline:before {
    left: 42px;
    width: 0;
    margin-left: -1px;
  }
  .timeline.timeline .timeline-item {
    width: 100%;
    margin-bottom: 20px;
  }
  .timeline.timeline .timeline-item:nth-of-type(even) {
    margin-top: 0;
  }
  .timeline.timeline .timeline-item.timeline-item-left + .timeline-item:not(.timeline-item-left):not(.timeline-item-right),
  .timeline.timeline .timeline-item.timeline-item-right + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) {
    margin-top: 0;
  }
  .timeline.timeline .timeline-item.timeline-item-left + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) + .timeline-item:not(.timeline-item-left):not(.timeline-item-right),
  .timeline.timeline .timeline-item.timeline-item-right + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) {
    margin-top: 0;
  }
  .timeline.timeline .timeline-item > .timeline-event {
    float: right !important;
  }
  .timeline.timeline .timeline-item > .timeline-event:before,
  .timeline.timeline .timeline-item > .timeline-event:after {
    right: auto !important;
    border-left-width: 0 !important;
  }
  .timeline.timeline .timeline-item > .timeline-event:before {
    left: -15px !important;
    border-right-width: 15px !important;
  }
  .timeline.timeline .timeline-item > .timeline-event:after {
    left: -14px !important;
    border-right-width: 14px !important;
  }
  .timeline.timeline .timeline-item > .timeline-point {
    transform: translateX(-50%);
    left: 42px !important;
    margin-left: 0;
  }
  .timeline.timeline .timeline-label {
    transform: translateX(-50%);
    margin: 0 0 20px 42px;
  }
  .timeline.timeline .timeline-label + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) {
    margin-top: 0;
  }
  .timeline.timeline .timeline-label + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .timeline.timeline {
    width: 100%;
    max-width: 100%;
  }
  .timeline.timeline .timeline-item {
    padding-left: 72px;
    padding-right: 0;
  }
  .timeline.timeline .timeline-item.timeline-item-right,
  .timeline.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) {
    padding-left: 72px;
    padding-right: 0;
  }
  .timeline.timeline .timeline-item .timeline-event {
    width: 100%;
  }
  .timeline.timeline:before {
    left: 42px;
    width: 0;
    margin-left: -1px;
  }
  .timeline.timeline .timeline-item {
    width: 100%;
    margin-bottom: 20px;
  }
  .timeline.timeline .timeline-item:nth-of-type(even) {
    margin-top: 0;
  }
  .timeline.timeline .timeline-item.timeline-item-left + .timeline-item:not(.timeline-item-left):not(.timeline-item-right),
  .timeline.timeline .timeline-item.timeline-item-right + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) {
    margin-top: 0;
  }
  .timeline.timeline .timeline-item.timeline-item-left + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) + .timeline-item:not(.timeline-item-left):not(.timeline-item-right),
  .timeline.timeline .timeline-item.timeline-item-right + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) {
    margin-top: 0;
  }
  .timeline.timeline .timeline-item > .timeline-event {
    float: right !important;
  }
  .timeline.timeline .timeline-item > .timeline-event:before,
  .timeline.timeline .timeline-item > .timeline-event:after {
    right: auto !important;
    border-left-width: 0 !important;
  }
  .timeline.timeline .timeline-item > .timeline-event:before {
    left: -15px !important;
    border-right-width: 15px !important;
  }
  .timeline.timeline .timeline-item > .timeline-event:after {
    left: -14px !important;
    border-right-width: 14px !important;
  }
  .timeline.timeline .timeline-item > .timeline-point {
    transform: translateX(-50%);
    left: 42px !important;
    margin-left: 0;
  }
  .timeline.timeline .timeline-label {
    transform: translateX(-50%);
    margin: 0 0 20px 42px;
  }
  .timeline.timeline .timeline-label + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) {
    margin-top: 0;
  }
  .timeline.timeline .timeline-label + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) {
    margin-top: 0;
  }
}

/**/
.work-md{
    display: flex;
    flex-direction: row;
    width: 100%;
}
.work-md .panel {
  position: relative;
  height: 560px;
  transition:flex 0.3s ease;
  background-size: cover;
  background-position: center;
  flex: 1;
  display: flex;
}
.work-md .panel:hover{
    flex: 2;
}
.work-md .panel::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .44);
}

.work-md .panel::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: rgba(10, 56, 165, .57);
    opacity: 0;
    transition: all .36s;
}
.mc_nc1s1_txtbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    width: 100%;
    color: #fff;
    transition: all .36s;
    white-space: normal;
}
.mc_pos_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.mc_nc1s1_titwrap {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    font-size: 22px;
}

.mc_nc1s1_title {
    width: 100%;
    top: 40%;
    font-size: 30px;
    line-height: 1.5;
    font-weight: bold;
    text-align: center;
    transition: all .36s;
}

.mc_nc1s1_txt .mc_nc1s1_title {
    top: 0;
    margin-bottom: 30px;
    text-align: left;
    opacity: 1;

}

.mc_nc1s1_txt p {
    color: #b2c8fa;
}
.mc_txt1630 p {
    font-size: 16px;
    line-height: 30px;
}
.mc_nc1s1_txt {
    opacity: 0;
    width: 100%;
    height: 100%;
    padding: 150px 90px;
    overflow: hidden;
}
.mc_nc1s1_xtb {
    display: block;
    width: 40px;
    margin-bottom: 15px;
}
.mc_k1s1 .mc_nc1s1_title {
    font-size: 22px;
}
.mc_k1s1 .mc_nc1s1_txt .mc_nc1s1_title {
    font-size: 32px;
    margin-bottom: 15px;
}
.mc_nc1s1_li:hover .mc_nc1s1_txtbox>.mc_nc1s1_title {
    opacity: 0;
}
.mc_nc1s1_li:hover .mc_nc1s1_txt {
    opacity: 1;
    transition: all .4s .4s;
}
.mc_nc1s1_li:hover::after {
    opacity: 1;
}
/**/
.table-responsive-sm .mytable{
    margin-bottom: 0;
}
.mytable td, .mytable th {
    vertical-align: middle;
    text-align: center;
    white-space: nowrap!important;
    border-top: 1px solid #dee2e6;
}
.content .bg-light{
    margin: 2px 0;
}
/**/
.qqbj{
    clear: both;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1px;
    min-width: 0;
    min-height: 0;
}
.qqbj .cunt-b{
    background: #2b467f;
    min-height: 100%;
    color: #fff;
}
/**/
.wenhua{
    clear: both;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1px;
    min-width: 0;
    min-height: 0;
}
.wenhua .cunt-w{
    background: #fff;
    min-height: 100%;
}
.brand-box .wenhua .cunt-w{
    background: transparent;
}
.brand-box .wenhua .cunt-w:nth-child(2){
    border-left:1px solid #dde0e7;
    border-right:1px solid #dde0e7;
}
.h78{
    height: 78px;
}
/**/
@media (max-width: 1200px){
    
}

/**/
@media (max-width: 768px){
    .py-88 {
        padding: 40px 0;
    }
    .px-100 {
        padding: 0 0px;
    }
    /**/
    #topNavBox .navbar {
        padding: 0 0;
    }
    .navbar-brand {
        margin: 15px 0;
    }
    .logo-svg {
        width: 120px;
        height: 46px;
    }
    .on .logo-svg {
        width: 120px;
        height: 46px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 12px 10px;
    }
    .navbar-nav-scroll {
        max-height: 85vh;
        overflow-y: auto;
    }
    #navbarNav .nav-item{
        border-bottom: 1px solid rgb(0 0 0 /10%);
    }
    .navbar-nav li a {
        text-align: center;
    }
    #navbarNav .sub-item {
        padding: 0.8rem 0.4rem;
        font-size: 15px;
    }
    #navbarNav .cd-sub {
        position: static;
        opacity: 1;
        visibility: visible;
        display: none;
        transition: none;
        transform: translate(0, 0);
        box-shadow: 0 6px 12px -2px rgb(0 0 0 / 10%);
    }
    .navbar-nav li:before{
        height: 1px;
        top: -1px;
        background: rgb(255 255 255 /20%);
    }
    .head-md-hg{
        height: 76px;
    }
    /**/
    .banner-swp .swiper-pagination-horizontal{
        bottom: 10px;
    }
    /**/
    .brand-box p i{
        display: none;
    }
    .brand-box .img-sm{
        width: 150px!important;
        height: 35px!important;
    }
    /**/
    .pt-120 {
        padding: 40px 0;
    }
    /**/
    .hg-ban, .hg-ban2, .hg-ban3 {
        height: 150px;
    }
    /**/
    .core-list{
        grid-template-columns: 1fr 1fr;
        grid-gap: 2px;
    }
    .core-list2{
        grid-template-columns: 1fr 1fr;
        grid-gap: 2px;
    }
    .core-list .card-cunt {
        min-height: 140px;
    }
    .card-cunt-4 {
        grid-template-columns: 1fr 1fr;
        grid-gap: 15px;
    }
    .gltd .hgBox {
        height: 345px;
    }
    .gltd .hgBox.show article {
        height: 138px;
    }
    .gltd .hgBox .hg-header .img-link img {
        height: 170px;
    }
    /**/
    .moreBox{
        font-size: 12px;
    }
    /**/
    .bus-list li {
        min-height: 280px;
    }
    /**/
    .sonsort .nav,
    .sonsort2 .nav{
        background: #fbfbfb;
        box-shadow: 0 0 20px rgba(0,0,0,.1)!important;
    }
    .sonsort .nav li{
        border-bottom: 1px solid #eaeaea !important;
    }
    .sonsort .nav-link{
        padding: .8rem 1rem;
    }
    .sonsort .nav li.cur{
        border-bottom: 1px solid #000 !important;
    }
    .sonsort li.cur .nav-link{
        background: transparent;
        color: #000;
    }
    .sonsort .nav li:last-child{
        border-bottom: 0!important;
    }
    .sonsort .nav-item a.nav-link:after {
        height: 2px;
    }
    /**/
    .footer {
        padding: 20px 0;
    }
    .border-sm{
        border-bottom: 1px solid rgb(255 255 255 / 10%);
    }
    #footerNav .fa-plus:before {
        content: "\f068";
    }
    #footerNav .collapsed .fa-plus:before {
        content: "\f067";
    }
    #footerNav .navbar-collapse{
        background: #252a33;
    }
    /**/
    .jt-prev, .jt-next {
        background: rgb(255 255 255 / 1);
        height: 32px!important;
        width: 32px!important;
        border-radius: 100%;
        transition: all ease .3s;
    }
    .jt-prev {
        left: 9px;
    }
    .jt-next {
        right: 9px;
    }
    /**/
    .work-md{
        flex-direction: column;
    }
    .work-md .panel {
        height: 300px;
        flex: auto;
        margin-bottom: 10px;
    }
    .work-md .panel:hover {
        flex: auto;
    }
    /**/
    .mc_nc1s1_titwrap{
        display: none;
    }
    .mc_nc1s1_txt .mc_nc1s1_title {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .mc_nc1s1_txt {
        opacity: 1;
        padding: 30px 15px;
    }
    .mc_txt1630 p {
        font-size: 14px;
        line-height: 26px;
    }
    .mc_nc1s1_txt p {
        color: #fff;
    }
    /**/
    .hz-box ul li{
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0.5rem 0
    }
    .hz-box ul li img{
        transform: scale(0.6);
        /*transform-origin: 0 0;*/
    }
    
    /**/
    .listBox {
        padding-top: 0px; 
        padding-bottom: 0px; 
    }
    .news-content img{
        width: 100%!important;
        max-width: 768px!important;
    }
    /**/
    .qqbj{
        grid-template-columns: 1fr 1fr;
        grid-gap: 1px;
    }
    .qqbj .cunt-b{
        text-align: center;
    }
    .qqbj .cunt-b ul li p{
        font-size: 14px;
    }
    .wenhua{
        grid-template-columns: 1fr;
        grid-gap: 3px;
    }
    .wenhua .cunt-w{
        padding: 15px 0;
    }
    .brand-box .wenhua .cunt-w:nth-child(2){
        border-left:0;
        border-right:0;
        border-top:1px solid #dde0e7;
        border-bottom:1px solid #dde0e7;
    }
}