@charset "UTF-8";
.cm-navbar{
     position: sticky;
    top: 0;
    z-index: 999;
    background: #191919;
    padding: 0;
}
.cm-navbar .navbar-nav .nav-link {
  font-size: 18px;
  padding-left: 16px;
  padding-right: 16px;
  color: #ffffff;
    display: flex;
    height: 80px;
    align-items: center;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
    color: #3DC44C;
}
.nav-item .nav-link.active {
  color: #3DC44C;
  border-bottom: 5px solid #3DC44C;
}
.carousel img{
    height:60vh;
}
.navbar-nav-scroll {
  max-width: 100%;
  height: 80px;
  /*margin-top: .25rem;*/
  overflow: hidden;
}

.navbar-nav-scroll .navbar-nav {
  /*padding-bottom: 2rem;*/
  overflow-x: auto;
  white-space: nowrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  -webkit-overflow-scrolling: touch;
}

.cm-hidden {
  display: none;
}

.cm-pointer {
  cursor: pointer;
}

.cm-ff-yh {
  font-family: "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", serif;
}

.cm-block-head-bottom {
  border-bottom: solid 2px;
  border-color: #007bff;
  display: inline-block;
  padding-bottom: 0.3rem;
}

.cm-trans-bottom {
  width: 100%;
  bottom: 0;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
}

.cm-media-img {
  max-width: 180px;
  max-height: 120px;
}
.banner-bottom-text{
        position: absolute;
    bottom: 0;
    display: flex;
    width: 100%;
    justify-content: space-around;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    text-align: center;
    padding: 10px 0;"
}
@media screen and (max-width: 767px) {
  .cm-media-img {
    max-width: 120px;
    max-height: 80px;
  }
}
@media (min-width: 1200px){
.header .container, .container-lg, .container-md, .container-sm, .container-xl {
     max-width: 80vw; 
}
.header .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid, .navbar-expand-lg>.container-lg, .navbar-expand-lg>.container-md, .navbar-expand-lg>.container-sm, .navbar-expand-lg>.container-xl {
    padding-right: 0;
    padding-left: 0;
}
}


.cm-link {
  color: #212529;
}
.cm-link:hover {
  color: #0062cc;
}

.es-highlight em {
  color: #dc3545;
  font-style: normal;
}

body{ font-size: 0.87rem;}
a {color: #191919;text-decoration: none;}
a:hover { color: #2a1570;text-decoration:none}
p{}
:focus {outline:none;} /*for IE*/
::-moz-focus-inner {border-color: transparent;} /*for mozilla*/
button:focus:not(:focus-visible) { outline:none;}
.form-control:focus { border-color: #29C75D; box-shadow:none;}
.btn-close:focus { box-shadow: none;}
.text-success{ color: #29C75D!important;}
.bg-success{background-color: #29C75D!important;}
.btn-success { background-color: #29C75D!important; border-color: #29C75D!important;}
.btn-success:hover { background-color: #198754; border-color: #198754;}
.btn-link {color: #191919;text-decoration: none;}
.btn-link:hover { color: #191919;}

.btn-check:focus + .btn-success, .btn-success:focus {background-color: #198754; border-color: #198754;}
.form-control::-moz-placeholder { color: #6c757d; font-size: 0.87rem; opacity: 1;}
.form-control::placeholder { color: #6c757d; font-size: 0.87rem; opacity: 1;}
hr {background-color: rgba(239, 236, 243, 1) !important; opacity: 1;}

/* 导航 */
.header .navbar-dark{padding: 0; background: rgba(0, 0, 0, 0.9); transition-delay: 0.5s;  transition: all 0.6s ease-in-out; }
.header .navbar-brand{transition-delay: 0.5s;  transition: all 0.6s ease-in-out;}
.header .navbar-nav .nav-item { position: relative;min-height:72px;transition:none}
.header .navbar-nav .nav-link { color: #fff; font-size: 1rem; min-height: 72px;display: flex;align-items: center;justify-content: space-between;line-height: 72px; padding:0 1.2rem; transition:none}
.header .navbar-nav .nav-item .nav-link:hover{ color: #3DC44C;}
.header .navbar-nav .active {font-weight: 600; color: #3DC44C !important;}
.header .navbar-nav .nav-item.active::after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background:#3DC44C ;}
.header .header-phone{font-size: 1rem;}
.header .header-phone a{color:#fff; }
.header.sticky {background: rgba(0, 0, 0, 0.75); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);}

/* 移动端展开 */
.navbar-toggler:focus {box-shadow:none;}
.show{}

.show .navbar-nav .nav-link { height: 46px; line-height: 46px; display: flex; justify-content: space-between; color: #fff!important; }
.navbar-dark .navbar-toggler { color:#000;border:none;}
.show .navbar-nav .active > .nav-link{ font-weight: 600; color: #3DC44C!important;}

.show .navbar-nav .nav-item .dropdown-menu {box-shadow: none!important; background: rgba(255, 255, 255, 0.02);}
.show .navbar-nav .nav-item .dropdown-menu a{position: relative; color: rgba(255, 255, 255, 0.75); padding-left: 1.1rem!important;}
/*.show .navbar-nav .nav-item .dropdown-menu a::before{ content: ""; position: absolute; top: 50%; left: 0; width: 4px; height: 4px; background: #3DC44C;}*/

/* 二级菜单 */
.navbar .navbar-nav .nav-item .dropdown-menu { margin: 0; font-size: 14px; border-radius: 0 0 3px 3px; box-shadow: 0 4px 10px rgba(214, 230, 246, .5)}
/* .navbar .navbar-nav .nav-item .dropdown-menu.show{ display: block;} */
.navbar .navbar-nav .nav-item .dropdown-menu a{ display: block; padding:8px 14px;}
.navbar .navbar-nav .nav-item .dropdown-menu a:hover{ color: #fff; background: #3DC44C;}
.navbar .navbar-nav .nav-item:hover .dropdown-menu {display: block; border: none;}
.navbar-toggler { border:none;}

.btnlogin{display: block; margin-top: 16px; padding: 3px 10px; margin-left: 6px; color:#ff5c00 ; border: 1px solid #ff5c00; border-radius: 20px;}
.btnlogin:hover{ color: #fff; background: #ff5c00;}


/* 幻灯 */
.banner{ position: relative; }
.banner .carousel-item{ overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%;}
.banner .carousel-caption {position: absolute; right: 0; bottom: 0; top: 0; left: 0%; padding-top: 0; padding-bottom: 0; color: #fff; text-align: left;}
.banner .carousel-caption h2{font-size: 2.75rem; font-weight: 700;}
.banner .carousel-caption p{font-size: 1.12rem;}
.banner .carousel-control-prev-icon, .banner .carousel-control-next-icon{width: 4rem;height: 4rem;}
.banner-bottom{width: 100%; background: rgba(0, 0, 0, 0.4); z-index: 600; }
#carousel .carousel-item{height: 35.62rem;}



/* 首页 */
.container-header{}
.container-header .title{font-size: 2rem;}
.container-header .subtitle{}

.nav-tabs{ background: #F7F8FA; border-bottom: 0; }
.nav-tabs .nav-link { color: #333; padding: 1rem 0; font-size: 1rem; background: none; border:none; border-radius: 0;border-top:4px solid #071521;}
.nav-tabs .nav-link:hover { border-top:4px solid #071521;}
.nav-tabs .nav-link.active{ color:#333; background:#fff;border-top:4px solid #29C75D;}
.nav-tabs .tab-pane{background-size:auto 100%;}

.iconbox{width: 5.62rem; height: 5.62rem;}


.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}
.accordion-button:focus { border-color: #F7F8FA;outline: 0; box-shadow: none;}
.accordion-button:not(.collapsed) { color: #29C75D; background-color: #F7F8FA; box-shadow:none; border-top: 1px solid #29C75D;}
.accordion-button{background-color: #F7F8FA;}
.accordion-item {}

/* card-1 */
.card-1 .card{ border: none; border-radius: 0; transition: all ease-out .3s;}
.card-1 .card-img-top{ position: relative; width: 100%; height: calc( 100% * 9 / 16); overflow: hidden; border-radius: 0;text-align: center;background: #E8EAEE;}
.card-1 .card-img-top img{ width: auto; height: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; object-fit: cover;}
.card-1 .card-title{ font-size: 1rem; color: #232323;margin-bottom: 1.2rem;}
.card-1 .card-text{ color: #6e6969;}
.card-1 .card:hover .card-img-top img {transform: scale(1.08, 1.08);}
/*.card-1 .card:hover{box-shadow: 0px 6px 10px #dedede;}*/

/* card-1
.card-1 .card{ border: none; border-radius: 0; transition: all ease-out .3s;}
.card-1 .card-img-top{ position: relative; width: 100%; height:10.5rem; overflow: hidden; border-radius: 0;}
.card-1 .card-img-top img{position: absolute; top: 0; left: 0; height: auto; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.card-1 .card-title{ font-size: 1rem; color: #06090e;margin-bottom: 0.2rem;}
.card-1 .card-text{ color: #afafaf;}
.card-1 .card:hover .card-img-top img {transform: scale(1.08, 1.08);}
.card-1 .card:hover{box-shadow: 0px 6px 10px #dedede;}
 */

/* nav-color */
.nav-color .nav-link {color: #191919; background: none;border: 0; border-radius: 0;}
.nav-color .nav-link.active, .nav-color .nav-link:hover { color: #fff; background-color: #29C75D;}
.nav-color .nav-item{position: relative; padding: 0 0.5rem;}
.nav-color .nav-item + .nav-item::after{ content: ""; position: absolute; top: 30%; left: 0; width: 1px; height: 40%; background: #dee2e6; }


/* nav-color */
.nav-colora .nav-link {color: #191919; background: #F7F8FA; border: 0; border-radius: 0;}
.nav-colora .nav-link.active, .nav-colora .nav-link:hover { color: #fff; background-color: #29C75D;}
.nav-colora .nav-item{position: relative; padding: 0 0.5rem;}

/* page */
.page-link {color: #191919;}
.page-link:hover {color: #191919;}
.page-item.active .page-link{background: #29C75D;border-color: #29C75D;}

/* 列表页 */
.banner-page{ width: 100%; height: 15rem;}
.breadcrumb-item.active{ color: #fff;}
.breadcrumb-item a{ color: #29C75D;}

.main {min-height: 400px;}
.main img{ max-width: 100%;}
.main-title{ position: relative; padding: 8px 24px; font-size: 18px; color: #2A1570; background: url(../img/articleTitle-bg.png) repeat; border: solid 1px #dcdcdc;}
.main-title::after{content: ""; position: absolute; top: 12px; left: 10px; width: 6px; height: 18px; background: #2A1570;}

/* 新闻列表 */
.list .card{ border: none; border-radius: 0; background: none; transition: all .36s ease;}
.list .card-img{ position: relative; width: 180px; height: calc( 180px * 9 / 16); overflow: hidden; border-radius: 0;}
.list .card img{ width: 100%; height: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.list .card-body{ position: relative;border: none;}
.list .card:hover .card-img img {transform: scale(1.08, 1.08);}

/* .listimg{ display: block; background:#E0EAF7; transition: all .36s ease;}
.listimg .listimg-img{ height: 160px;position: relative; overflow: hidden;border-radius: 0;transition: all 0.36s ease; background-repeat: no-repeat; background-position: top center; background-size: 100% auto;}
.listimg:hover{box-shadow: 0 0 40px rgba(0, 0, 0, .08)}
.listimg:hover .listimg-img{ background-size: 105%;} */

/* article */
.article{}
.article {min-height: 400px;}
.article-header{}
.article-title{ position: relative; padding: 8px 24px; font-size: 18px; color: #2A1570; background: url(../img/articleTitle-bg.png) repeat; border: solid 1px #dcdcdc;}
.article-title::after{content: ""; position: absolute; top: 12px; left: 10px; width: 6px; height: 18px; background: #2A1570;}
.article-body{}

/* solution */
.solution-banner{ height: 30rem;}


/**footer**/
footer{ position: relative; background: #071521}
footer .footer-list a{ color: rgba(255, 255, 255, 0.75); transition: all .36s ease;}
footer .footer-list a:hover{ color: rgba(255, 255, 255, 1);}
footer .border-top {border-top: 1px solid rgba(255, 255, 255, .2) !important;}
.beian{ color:#fff;}
a.beian:hover{ color:#fff;}

/**links**/
.links a{ color: rgba(255, 255, 255, 0.75); transition: all .36s ease;}
.links a:hover{ color: rgba(255, 255, 255, 1);}

/*.img96{width: 96px;}	 */
.img96{width: 96px;}


.breadcrumb-item + .breadcrumb-item::before{ color: rgba(255, 255, 255, 0.6);}
.server-item{
        height: 210px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 768px) {
	/*当屏幕尺寸小于768px时，应用下面的CSS样式*/
	.header .navbar-brand img{ width: 80%;}
	.navbar .navbar-nav .nav-item:hover .dropdown-menu {display: none;}
	.navbar .navbar-nav .nav-item:hover .dropdown-menu.show {display: block;}
	#carousel .carousel-item{height: 17rem; overflow: hidden; background-size: auto 100%;}
	#carousel .carousel-caption h2{ font-size: 1.4rem; width: 60%;}
	.img96{width: 64px;}
	.nav-tabs .nav-link{ font-size: 0.9rem; line-height: 1.2;padding: 0.75rem 0;}
	.banner-page{height: 12rem;}
	.solution-banner{ height: 20rem;}
	.iconbox{width: 4rem; height: 4rem;}
	    
}
/*关于我们start*/
.hr_line {

    border-top: 1px solid #ebebeb;
    padding-top: 32px;
    position: relative;
}

.hr_line:before {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    width: 60px;
    height: 3px;
    background: #29C75D;
}

.hr_line p {
    margin-bottom: 20px;
}

.item {
    width: 192px;
    height: 262px;
    border: 6px solid #269a4c;
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 30px;
    cursor: pointer;
}

.item .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-item:hover img {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
}
.case{
    width: 30%;
}
.case .card-body{
    position: absolute;background: #fff;top: -12px;width: 96%;margin: 0 2%;border-radius: 5px; color:#232323;
}
.caseList{
    justify-content: space-around;padding:0 100px;display: flex;flex-wrap: wrap;
}
.aboutBanner{
    height: 70vh;
    width: 100%;
}
.newsBox :hover .newsImg {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
    transition: all .36s ease;
}
.newsBox .card-body:hover{box-shadow: 0px 6px 10px #dedede;}
.newsBox .card-body{
    border: 1px solid #E2E2E2;padding:0;transition: all .36s ease;
}
.newsBox .newsImgBox{
    height: 200px;width: 100%;padding: 0;overflow: hidden;
}
.newsBox .card-title{
    min-height:50px;padding:0 20px
}
.newsImg{
     transition: all .36s ease;
    width: 100%;height: 100%;
}
.aboutBanner{
    display: flex;justify-content: center;padding:100px 0;background-size: cover;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    
}
.bannerText{
    width: 40vw;
}
@media (max-width: 1200px) {
    .case{width: 49%;margin-left: 1%;}
    .caseList{justify-content: flex-start;padding:0 100px;display: flex; }
}
@media (max-width: 900px) {
    .bannerText{
    width: 100%;
}
    .aboutBanner{
        font-size: 0.8rem;
        height: auto;
        padding: 10px 0;
    }
    .caseList {
        padding: 0 10px;
    }
    .case{width: 100%;}

}
@media (min-width: 1200px) {
    .gszz {
        padding: 50px 0 0;
        min-height: 792px;
        background: #ffffff;
    }

    .gszz .g-cont {
        max-width: 100%;
        margin: 0 auto;
    }

    .gszz .z-list {
        display: grid;
        grid-template-columns: repeat(5, 192px);
        justify-content: space-between;
        grid-gap: 20px;
    }

    .gszz .z-list .img-item {
        width: 192px;
        height: 262px;
        border: 6px solid #0ebe48;
        overflow: hidden;
        border-radius: 4px;
        margin-bottom: 30px;
        cursor: pointer;
    }

    .gszz .z-list .img-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
        transition: transform .6s cubic-bezier(.19, 1, .22, 1);
    }
}

@media (max-width: 1199px) {
    .gszz {
        padding: 40px 0 20px;
        background: #ffffff;
    }

    .gszz .g-cont {
        max-width: 100%;
        margin: 0 auto;
    }

    .gszz .g-tit {
        font-size: 24px;
        font-weight: 600;
        color: #333;
        line-height: 24px;
        text-align: center;
        margin: 0 auto 28px;
    }

    .gszz .z-list {
        display: grid;
        padding: 15px 0;
        grid-template-columns: repeat(2, 45%);
        justify-content: space-between;
         grid-gap: 20px;
    }

    .gszz .z-list .img-item {
        width: 100%;
        height: 212px;
        border: 6px solid #0ebe48;
        overflow: hidden;
        border-radius: 4px;
        margin-bottom: 16px;
        text-align: center;
    }

    .gszz .z-list .img-item img {
        width: auto;
        height:100%;
        object-fit: cover;
    }
.navbar-nav .nav-item{  border-bottom: 1px solid rgba(255, 255, 255, .3);}
}
@media (max-width: 500px) {
     .gszz .z-list {
        display: grid;
        padding: 15px 0;
        grid-template-columns: repeat(1, 100%);
        justify-content: space-between;
        grid-gap: 10px;
    }
    .gszz .z-list .img-item {
        width: 100%;
        height: 100%;
        border: 6px solid #0ebe48;
        overflow: hidden;
        border-radius: 4px;
        margin-bottom: 16px;
        text-align: center;
    
    }
     .gszz .z-list .img-item img {
        width: 100%;
        height:100%;
        object-fit: cover;
    }
}
footer .container{text-align: center;padding-top: 20px;};
/*关于我们end*/
/*.collapsing{*/
/*   display: none;*/
/*}*/

/*.show{*/
/*    transform:translateY(0%) !important;*/
/*     transition: 1s;*/
/*}*/