body{ font-family: "Microsoft yahei";}
root{
    --redcolor:#00a3ff;
}
ul li{ list-style: none;}
a {
    color: #666666;
    text-decoration: none;
    background-color: transparent;
}
a:hover{
    color: #555555;
    text-decoration: none;
}
.bgf6f6f6{background: #f6f6f6;}
.nav-breadcrumb>div>ul>li.active{font-weight: bold;}



@media  screen and (min-width: 1400px) and (max-width: 1600px) {
    .navbar-nav .nav-item a{font-size: 12px;}
}
@media screen and (min-width: 1365px) and (min-width: 1399px){
    .navbar > .container > .navbar-right-item{
        display: none !important;
    }
}
.index-case .col-6 .card{transition: all ease-out 0.4s;}
.index-case .col-6 .card:hover{ transform: translateY(-20px);}
.index-plan .swiper-slide .card{transition: all ease-out 0.5s;}
.index-plan .swiper-slide .card:hover{ transform: translateY(-20px);cursor: pointer;}
.index-news .media{transition: all ease-out 0.5s;}
.index-news .media:hover{ transform: translateY(-20px);cursor: pointer;}
.service .container .media img{opacity: 1;transition: opacity ease-out 0.5s;}
.service .container .media{transition: all ease-out 0.5s;}
.service .container .media:hover{transform: translateY(-20px);cursor: pointer;}
.service .container .media:hover img{opacity: 0.98;}
.case .row .card{transition: all ease-out 0.5s;}
.case .row .card:hover{transform: translateY(-20px);cursor: pointer;}
.solution .row .card{transition: all ease-out 0.5s;}
.solution .row .card:hover{transform: translateY(-20px);cursor: pointer;}
.news .row .media {transition: all ease-out 0.5s;}
.news .row .media:hover{transform: translateX(20px);cursor: pointer;}
.index-case .nav-pills .nav-link{ border-color: #e9ecef #e9ecef #dee2e6; }
.index-case .nav-pills .nav-link:hover{ background: #00a3ff; color: #FFFFFF;}
.index-news .nav-pills .nav-link{ border:#ececec solid 1px; }
.index-news .nav-pills .nav-link:hover{ background: #00a3ff; color: #FFFFFF;}


.navbar-right-item{ color: #ffffff; }
.navbar-right-item span{display: inline-block; width: 30px; height: 30px; border-radius: 50%; border: #404040 solid 1px; text-align: center; margin-left: 8px;}
.navbar-right-item span.wz-header-tel{display: inline-block; width: 100px; color:#ffffff;height: 30px;text-align: left;border-radius: 0%;line-height: 30px;border: #404040 solid 0px; font-size: 20px;font-weight: bold;
}
.navbar-right-item span:nth-of-type(3)>i{ color: #5ca719;}
.navbar-right-item span:nth-of-type(4)>i{ color: #ffffff;}
.navbar-right-item span:nth-of-type(3){ position: relative; cursor: pointer;}
.navbar-right-item span:nth-of-type(3) img{display: none;}
.navbar-right-item span:nth-of-type(3):hover img{ display: block; position: absolute; top: 40px; left: 0px; transform: translateX(-50%);}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgba(255,255,255,.9);
}
.navbar-light .navbar-nav .nav-item{ padding: 0 6px;}
.wz-header-nav{height: 92px; overflow: hidden;}
.sticky {
    background: rgba(0,0,0,0.5);
    box-shadow: 0px 1px 3px 3px rgba(0,0,0,0.15);
}
.navbar-light .navbar-nav .nav-link {
    color: #ffffff;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: #ffffff;
}
.navbar-light .navbar-nav .nav-link:visited {
    color: #ffffff;
}
.navbar-expand-lg>div{
    background-color: transparent;}
.wz{width: 100%; margin: 0 auto; padding: 0px;  overflow: hidden; position: relative;}
.navbar-right-item span i{ color: #404040;  font-size: 18px; margin-top: 5px;}
.wz-header-nav{ width: 100%; margin: 0 auto; padding: 0px; z-index: 20; }
.index-wz-content{width: 100%;padding: 0px; position: relative; z-index: 1; margin-top: -96px;}
@media  screen and (max-width: 768px){
    .index-wz-content{width: 100%;padding: 0px; position: relative; z-index: 1; margin-top: 0px;}
}
.index-about{ padding-bottom: 40px;}
.index-about h3{font-weight: normal; font-size: 16px; line-height: 1.2em; color: #999; margin-top: 30px;}
.index-about h2{ font-size: 36px; font-weight: bold; line-height: 1.4em;}
.index-about h2 strong,.index-about p strong{color:#00a3ff;}
.index-about p{color: #999;}
.index-about-service-item{ border-bottom: #999 solid 2px; margin: 20px auto; transition: 0.5s linear 0.5s;cursor: pointer;}
.index-about-service-item:hover{border-bottom: #00a3ff solid 2px; margin: 20px auto;}
.index-about-service-item ul{margin: 20px auto; padding: 0px;}
.index-about-service-item ul>li{position: relative; margin: 0 auto; padding: 0px;}
.index-about-service-item ul>li:before{ content: "-"; position: absolute;  left: -20px; color: #777;}
.index-about-service-item h4 i{ color: #666666;}
.index-about-service-item h3{ color: #333; font-size: 20px; font-weight: bold;}
.index-about-service-item:hover h4 i,.index-about-service-item:hover>h3>a,.index-about-service-item:hover> ul li a{ color: #00a3ff;}
.index-case{
    background: #fcfcfc; width: 100%;
    overflow: hidden;
}
.index-case{}
.index-case .container h3{font-weight: normal; font-size: 16px; line-height: 1.2em; color: #999; margin-top: 30px;}
.index-case .container h2{ font-size: 36px; font-weight: bold; line-height: 1.4em;}
.index-case .container>ul{ margin: 20px auto;}
.index-case .container .nav{ border: transparent;}
.index-case .container .nav .nav-item{ padding: 0 10px;}
.index-case .nav-pills .nav-link.active, .index-case .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #00a3ff;
}
.index-case .container .tab-content .card{ border: none; margin: 20px auto; cursor: pointer;background: transparent;}
.index-case .container .tab-content .card:hover a{color: #00a3ff;}
.index-case .container .tab-content .card  .card-title{font-size: 16px; font-weight: bold;}
.index-case .container .tab-content .card  .card-title a{}
.index-case .container .tab-content .card .card-text{font-size: 14px;}

.index-plan{background: #f6f6f6; width: 100%;overflow: hidden;}
.index-plan .container h3{font-weight: normal; font-size: 16px; line-height: 1.2em; color: #999; margin-top: 30px;}
.index-plan .container h2{ font-size: 36px; font-weight: bold; line-height: 1.4em;}
.index-plan .swiper-slide{ margin: 20px auto;}

.index-plan .card{ margin-bottom: 20px; cursor: pointer;}
.index-plan .card .card-title{font-weight: bold;font-size: 16px;}
.index-plan .card .card-text{font-size: 14px;}
.index-honor{width: 100%;overflow: hidden;background: url("../image/index-about-honor.jpg") top center;}
.index-honor .container ul{ margin: 40px auto;}
.index-honor .container ul li{ width: 33.3%; float: left;color: #ffffff;text-align: center;margin: 40px auto; overflow: hidden;}
.index-honor .container ul li h3{ font-size: 70px; position: relative;}
.index-honor .container ul li h3::after{content: ""; position: absolute;bottom: -10px; left: 50%; width: 20px; height: 2px; margin-left: -10px; background: #ffffff; }
.index-honor .container ul li p{ margin: 20px auto;}
.index-news{background: #f6f6f6; width: 100%;overflow: hidden;}
.index-news .container h3{font-weight: normal; font-size: 16px; line-height: 1.2em; color: #999; margin-top: 30px;}
.index-news .container h2{ font-size: 36px; font-weight: bold; line-height: 1.4em;}
.index-news .container .nav .nav-item{ padding: 0 10px;}
.index-news .nav-pills .nav-link.active, .index-news .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #00a3ff;
}
.index-news .media{ background: #f1f1f1; border-radius: 4px; margin: 8px auto;}
.index-news .media:hover h5 a, .index-news .media:hover p a{color: #00a3ff;}
.index-news .media a{color: #666666; line-height: 1.6em;}
.index-news .media h5{ font-size: 16px;}
.index-news .media p{ font-size: 14px;}
.index-news .hot-search{ width: 100%; padding: 0px;}
.index-news .hot-search li{float: left; padding: 0px; line-height: 2.0em; margin-right: 4px;}
.index-news .hot-search li a{ line-height: 2.0em;}
.index-news .hot-search li:first-child{ margin-right: 8px;}
.index-contact{ width: 100%; background: url("../image/index-contact-bg.jpg") top center no-repeat; padding: 0px;
    overflow: hidden;}
.index-contact .container h2{font-size: 36px; font-weight: bold; line-height: 1.4em; margin-top: 30px; color: #c4c4c4;}
.index-contact .container h3{font-weight: normal; font-size: 16px; line-height: 1.2em; color: #999; margin-top: 30px;}
.index-contact .row{ margin: 30px auto;}
.index-contact span{position: relative; cursor: pointer; line-height: 100px;
    display: block;
     width: 115px;
      height: 100px;
     overflow: hidden;
        z-index: 7; background: url("../image/index-contact-span-bg.png") no-repeat center center; }
.index-contact .row .col-md-3:hover span{ background: url("../image/index-contact-span-bg-h.png") no-repeat center center; }
.index-contact span>i{ font-size: 50px; color: #9d9d9d; margin: 25px 0 0 33px;}
.index-contact .row .col-md-3{ margin: 40px auto;}
.index-contact .row .col-md-3 p{ padding-left: 13px; font-size: 20px;color: #9d9d9d; line-height: 2.8em;}
.index-contact .row>div:nth-child(4) span i{margin: 25px 0 0 43px;}
.index-contact .row .col-md-3:hover span,.index-contact .row .col-md-3:hover span i,.index-contact .row .col-md-3:hover p{ color: #00a3ff;}
.index-footer{
background: #242424; width: 100%; overflow: hidden;
}
.index-footer .container .row .col-md-4 h3{ color: #c4c4c4; margin: 20px auto; font-size: 18px;}
.index-footer .container .row>div:nth-child(1) h3{ border-bottom: transparent solid 1px;}
.index-footer .container .row>div:nth-child(1) h3 span{position: relative;}
.index-footer .container .row>div:nth-child(1) h3 span::before{position: absolute; content: ""; width: 20px; height: 4px; background:#00a3ff; right: -24px; top: 20px; }
.index-footer .container .row>div h3{ border-bottom: #333333 solid 1px; line-height: 2em;}
.index-footer .container .row .col-md-4 form input{background: #363636; border: #363636 solid 1px;}
.index-footer .container .row .col-md-4 form input:focus{ outline: none;}
.index-footer .container .row .col-md-4 form textarea{background: #363636; border: #363636 solid 1px;}
.index-footer .container .row .col-md-4 ul{ width: 50%; text-align: left; margin: 0 auto; padding: 0px; float: left;}
.index-footer .container .row .col-md-4 ul li{ float: left;color: #767676; font-size: 14px; line-height: 2em;}
.index-footer .container .row .col-md-4 p{color: #767676;}
.index-footer .container p{color: #767676;}
.index-copyright{ width: 100%; height: 52px; border-top:#333333 solid 1px;}
.index-copyright .container p{ line-height: 52px; text-align: center; font-size: 14px;}

.about>.container>.row>.col-lg-6>h2{
    font-size: 20px;
    font-weight: bold;color: #333;}
.about>.container>.row>.col-lg-6>h3{
    font-size: 18px;
    font-weight: normal;color: #333;}
.about>.container>.row>.col-lg-6>h1{
    font-size: 18px;color: #333;
    font-weight: bold;}
.about-do{ width: 100%; background: url("../image/about-do-bg.png") top center no-repeat;}
.about-do ul{ width: 100%; margin: 0 auto; padding: 0px; display: flex;flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; justify-items: flex-start; margin-top: 30px;}
.about-do ul li{counter-increment: a 1; position: relative; padding-left: 30px; box-sizing: border-box; width: 33.3%; flex: 1 1 auto; margin-bottom: 15px;
    font-size: 14px; line-height: 2em;}
.about-do ul li::before{content: counter(a); position: absolute; top: 0px; left: 0px; width: 20px; height: 20px;
    border: #a4a3a3 solid 1px; border-radius: 50%; font-size: 14px;
    line-height: 20px; text-align: center;}
.about-do .col-12 h3{
    font-size: 18px;}
.about-do .col-12 h3:first-child{
    font-weight: bold;
}


.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #999999;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.page-item.active .page-link {
    z-index: 3;
    color: #333333;
    background-color: #999999;
    border-color: #999999;
}
.page-link:hover {
    z-index: 2;
    color: #333333;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}
.tab-pane .row>.card:nth-of-type(3n+0){margin-right: 0px;}
.solution .container .row{justify-content: flex-start;}
.solution .container .row>div:nth-of-type(4n+0){margin-right: 0px;}
@media (min-width: 1800px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1600px;
    }
}
@media (max-width: 1700px){

}
@media (max-width: 1366px){
.navbar-nav .nav-link a{
        font-size: 12px;
    }
    .navbar-right-item span:nth-of-type(3){ display: none;}
    .navbar-right-item span:nth-of-type(4){ display: none;}
}
@media screen and (max-width: 768px) {
    .navbar .container .navbar-toggler span{ color: #ffffff;}
    .navbar .container button{ border: rgba(255,255,255,0.5) solid 1px;}
    .navbar .container button span{}
    .navbar-light .navbar-toggler-icon {
        background-image: url("../image/m.png") !important;
    }
    .index-honor .container ul li{ width: 50%; float: left;color: #ffffff;text-align: center;margin: 20px auto; overflow: hidden;}
    .index-honor .container ul li p{ margin: 20px auto;font-size: 14px;}
    .index-contact{ width: 100%; background: url("../image/index-contact-bg.jpg") top center no-repeat; padding: 0px;
        overflow: hidden; background-size: cover;}
    .index-contact .row .col-md-3{ margin: 8px auto;}
    .index-footer form .col-sm-6{ margin-bottom: 10px;}
    .index-footer form .col-sm-3 img{ float: right;}
    .index-footer form .col-sm-3 button{ margin-top: 10px; width: 100%;}
    .about-do ul li{counter-increment: a 1; position: relative; padding-left: 30px; box-sizing: border-box; width: 100%; flex: 1 1 auto; margin-bottom: 15px;}
    .service .media>a>img{max-width: 150px;}
}